ui/lib/shared/addon/components/stack-header/template.hbs

55 lines
2.2 KiB
Handlebars

<section class="header">
<div class="clearfix">
<div class="pull-left">
<h1 class="vertical-middle">
{{t 'stackHeader.title' name=model.displayName}}
</h1>
<div class="vertical-middle" style="height: 30px;">
{{info-multi-stats model=model largeTargetId="largeStats"}}
</div>
</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>
{{upgrade-btn model=model}}
{{badge-state model=model}}
{{#if model.canViewConfig}}
<div class="btn-group ml-10 p-0">
{{#tooltip-element type="tooltip-basic" model=(t 'tooltipLink.list') tooltipTemplate='tooltip-static' aria-describedby="tooltip-base" tooltipFor="tooltipLink"}}
{{#link-to "stack.index" classNames="btn btn-sm bg-default"}}<i class="icon icon-tasks"></i>{{/link-to}}
{{/tooltip-element}}
{{#tooltip-element type="tooltip-basic" model=(t 'tooltipLink.composeYaml') tooltipTemplate='tooltip-static' aria-describedby="tooltip-base" tooltipFor="tooltipLink"}}
{{#link-to "stack.code" classNames="btn btn-sm bg-default"}}<i class="icon icon-file"></i>{{/link-to}}
{{/tooltip-element}}
</div>
{{/if}}
{{action-menu model=model showPrimary=false classNames="ml-10 vertical-middle" size="sm"}}
</div>
</div>
<div class="clearfix">
</div>
</section>
<div id="largeStats">
</div>
{{#if model.description}}
{{banner-message color='bg-secondary mb-0 mt-10' message=(linkify model.description)}}
{{/if}}
{{#if model.showTransitioningMessage}}
<div class="{{model.stateColor}}"><p>{{model.transitioningMessage}}</p></div>
{{/if}}