ui/app/components/stack-header/template.hbs

78 lines
2.5 KiB
Handlebars

<section class="header">
<div class="clearfix">
<h1 class="pull-left">
{{t 'stackHeader.title' name=model.displayName}}
</h1>
<div class="pull-left mt-10">
{{info-multi-stats model=model largeTargetId="largeStats"}}
</div>
<div class="right-buttons">
<div class="right-buttons">
{{#if outputs.length}}
<div class="btn-group">
<button type="button" class="btn btn-sm bg-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{t 'stackHeader.outputs'}} <i class="icon icon-chevron-down"></i>
</button>
<ul class="dropdown-menu dropdown-menu-right">
{{#each outputs as |obj|}}
<li><a href="{{obj.value}}" target="_blank">{{obj.key}}</a></li>
{{/each}}
</ul>
</div>
{{/if}}
</div>
{{header-state model=model}}
{{action-menu model=model showPrimary=false classNames="ml-10 pull-right" size="sm"}}
</div>
</div>
<div class="clearfix">
{{upgrade-btn model=model}}
<div class="right-buttons">
{{#if model.canViewConfig}}
<div class="btn-group ml-10 p-0">
{{#link-to "stack.index" classNames="btn btn-sm bg-default"}}{{tooltip-link icon="icon-tasks" text=(t 'tooltipLink.list') options=listLinkOptions}}{{/link-to}}
{{#link-to "stack.code" classNames="btn btn-sm bg-default"}}{{tooltip-link icon="icon-file" text=(t 'tooltipLink.composeYaml') options=yamlLinkOptions}}{{/link-to}}
</div>
{{/if}}
</div>
</div>
</section>
<section>
{{#multi-container-stats model=model as |stats|}}
{{#if (and stats.active stats.cpuUser.length)}}
{{spark-line
data=stats.cpuUser
width=120 height=50
prefix="containersPage.table.sparkPrefixCpu"
formatter="percent"
type="cpu"
}}
{{spark-line
data=stats.memory
width=120 height=50
prefix="containersPage.table.sparkPrefixCpu"
formatter="mib"
type="memory"
}}
{{spark-line
data=stats.networkTx
width=120 height=50
prefix="containersPage.table.sparkPrefixCpu"
formatter="kbps"
type="network"
}}
{{spark-line
data=stats.storageWrite
width=120 height=50
prefix="containersPage.table.sparkPrefixCpu"
formatter="kbps"
type="storage"
}}
{{/if}}
{{/multi-container-stats}}
</section>