123 lines
4.1 KiB
Handlebars
123 lines
4.1 KiB
Handlebars
<Breadcrumb @crumb={{hash label="Recommendations" args=(array "optimize")}} />
|
|
<PageLayout>
|
|
<section class="section">
|
|
{{#if this.summaries}}
|
|
<div class="toolbar collapse">
|
|
<div class="toolbar-item">
|
|
{{#if this.summaries}}
|
|
<SearchBox
|
|
data-test-recommendation-summaries-search
|
|
@onChange={{this.syncActiveSummary}}
|
|
@searchTerm={{mut this.searchTerm}}
|
|
@placeholder="Search
|
|
{{this.summaries.length}}
|
|
{{pluralize 'recommendation' this.summaries.length}}..."
|
|
/>
|
|
{{/if}}
|
|
</div>
|
|
<div class="toolbar-item is-right-aligned is-mobile-full-width">
|
|
<div class="button-bar">
|
|
{{#if this.system.shouldShowNamespaces}}
|
|
<SingleSelectDropdown
|
|
data-test-namespace-facet
|
|
@label="Namespace"
|
|
@options={{this.optionsNamespaces}}
|
|
@selection={{this.qpNamespace}}
|
|
@onSelect={{action this.setFacetQueryParam "qpNamespace"}}
|
|
/>
|
|
{{/if}}
|
|
<MultiSelectDropdown
|
|
data-test-type-facet
|
|
@label="Type"
|
|
@options={{this.optionsType}}
|
|
@selection={{this.selectionType}}
|
|
@onSelect={{action this.setFacetQueryParam "qpType"}}
|
|
/>
|
|
<MultiSelectDropdown
|
|
data-test-status-facet
|
|
@label="Status"
|
|
@options={{this.optionsStatus}}
|
|
@selection={{this.selectionStatus}}
|
|
@onSelect={{action this.setFacetQueryParam "qpStatus"}}
|
|
/>
|
|
<MultiSelectDropdown
|
|
data-test-datacenter-facet
|
|
@label="Datacenter"
|
|
@options={{this.optionsDatacenter}}
|
|
@selection={{this.selectionDatacenter}}
|
|
@onSelect={{action this.setFacetQueryParam "qpDatacenter"}}
|
|
/>
|
|
<MultiSelectDropdown
|
|
data-test-prefix-facet
|
|
@label="Prefix"
|
|
@options={{this.optionsPrefix}}
|
|
@selection={{this.selectionPrefix}}
|
|
@onSelect={{action this.setFacetQueryParam "qpPrefix"}}
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{#if this.filteredSummaries}}
|
|
{{outlet}}
|
|
|
|
<ListTable @source={{this.filteredSummaries}} as |t|>
|
|
<t.head>
|
|
<th>Job</th>
|
|
<th>Recommended At</th>
|
|
<th># Allocs</th>
|
|
<th>CPU</th>
|
|
<th>Mem</th>
|
|
<th>Agg. CPU</th>
|
|
<th>Agg. Mem</th>
|
|
</t.head>
|
|
<t.body as |row|>
|
|
{{#if row.model.isProcessed}}
|
|
<Das::RecommendationRow
|
|
class="is-disabled"
|
|
@summary={{row.model}}
|
|
/>
|
|
{{else}}
|
|
<Das::RecommendationRow
|
|
class="is-interactive
|
|
{{if
|
|
(eq row.model this.activeRecommendationSummary)
|
|
'is-active'
|
|
}}"
|
|
@summary={{row.model}}
|
|
{{on "click" (fn this.transitionToSummary row.model)}}
|
|
/>
|
|
{{/if}}
|
|
</t.body>
|
|
</ListTable>
|
|
{{else}}
|
|
<div class="empty-message" data-test-empty-recommendations>
|
|
<h3
|
|
class="empty-message-headline"
|
|
data-test-empty-recommendations-headline
|
|
>
|
|
No Matches
|
|
</h3>
|
|
<p class="empty-message-body">
|
|
No recommendations match your current filter selection.
|
|
</p>
|
|
</div>
|
|
{{/if}}
|
|
{{else}}
|
|
<div class="empty-message" data-test-empty-recommendations>
|
|
<h3
|
|
class="empty-message-headline"
|
|
data-test-empty-recommendations-headline
|
|
>
|
|
No Recommendations
|
|
</h3>
|
|
<p class="empty-message-body">
|
|
All recommendations have been accepted or dismissed. Nomad will
|
|
continuously monitor applications so expect more recommendations in
|
|
the future.
|
|
</p>
|
|
</div>
|
|
{{/if}}
|
|
</section>
|
|
</PageLayout>
|