luxolus/open-nomad
2
0
Fork 0
Code Issues 1 Pull requests Packages Releases Wiki Activity
open-nomad/ui/app/templates/jobs/index.hbs

130 lines
4.8 KiB
Handlebars
Raw Normal View History

UI: Add page titles (#5924) This uses ember-page-title to add dynamic page titles throughout the route hierarchy. When there’s more than one region, the current current region is added before the final entry of “- Nomad”.
2019-07-17 20:02:58 +00:00
{{title "Jobs"}}
Use page-layout for job routes
2018-07-25 22:19:43 +00:00
<section class="section">
{{#if isForbidden}}
{{partial "partials/forbidden-message"}}
{{else}}
Replace the columns pattern with the new toolbar pattern on the jobs page
2019-03-07 05:00:30 +00:00
<div class="toolbar">
Change clients/jobs facets to always right-align This changes the templates so the element that contains the search box is always present, instead hiding only the box itself when there’s nothing to search. Keeping the empty element lets it take up its flexbox space so the facets will no longer be in the centre.
2019-05-15 18:25:30 +00:00
<div class="toolbar-item">
{{#if visibleJobs.length}}
Add the resetPagination hook to search boxes across the app
2018-10-30 17:52:54 +00:00
{{search-box
data-test-jobs-search
searchTerm=(mut searchTerm)
onChange=(action resetPagination)
placeholder="Search jobs..."}}
Change clients/jobs facets to always right-align This changes the templates so the element that contains the search box is always present, instead hiding only the box itself when there’s nothing to search. Keeping the empty element lets it take up its flexbox space so the facets will no longer be in the centre.
2019-05-15 18:25:30 +00:00
{{/if}}
</div>
Replace the columns pattern with the new toolbar pattern on the jobs page
2019-03-07 05:00:30 +00:00
{{#if (media "isMobile")}}
<div class="toolbar-item is-right-aligned">
ui: Change Run Job availability based on ACLs (#5944) This builds on API changes in #6017 and #6021 to conditionally turn off the “Run Job” button based on the current token’s capabilities, or the capabilities of the anonymous policy if no token is present. If you try to visit the job-run route directly, it redirects to the job list.
2020-01-20 20:57:01 +00:00
{{#if (can "run job")}}
{{#link-to "jobs.run" data-test-run-job class="button is-primary"}}Run Job{{/link-to}}
{{else}}
Update disabled 'Run Job' button to use standard disabled style
2020-01-30 22:14:04 +00:00
<button
data-test-run-job
class="button is-primary is-disabled tooltip is-right-aligned"
aria-label="You don’t have permission to run jobs"
disabled
>Run Job</button>
ui: Change Run Job availability based on ACLs (#5944) This builds on API changes in #6017 and #6021 to conditionally turn off the “Run Job” button based on the current token’s capabilities, or the capabilities of the anonymous policy if no token is present. If you try to visit the job-run route directly, it redirects to the job list.
2020-01-20 20:57:01 +00:00
{{/if}}
Replace the columns pattern with the new toolbar pattern on the jobs page
2019-03-07 05:00:30 +00:00
</div>
{{/if}}
<div class="toolbar-item is-right-aligned is-mobile-full-width">
<div class="button-bar">
Scaffold the facets and facet options for the jobs list page
2019-01-17 00:29:31 +00:00
{{multi-select-dropdown
Test coverage for job list facets
2019-01-24 04:35:51 +00:00
data-test-type-facet
Scaffold the facets and facet options for the jobs list page
2019-01-17 00:29:31 +00:00
label="Type"
Simplify options and selection names
2019-02-01 22:08:55 +00:00
options=optionsType
selection=selectionType
Introduce encode/decode for array query params
2019-01-23 21:56:32 +00:00
onSelect=(action setFacetQueryParam "qpType")}}
Scaffold the facets and facet options for the jobs list page
2019-01-17 00:29:31 +00:00
{{multi-select-dropdown
Test coverage for job list facets
2019-01-24 04:35:51 +00:00
data-test-status-facet
Scaffold the facets and facet options for the jobs list page
2019-01-17 00:29:31 +00:00
label="Status"
Simplify options and selection names
2019-02-01 22:08:55 +00:00
options=optionsStatus
selection=selectionStatus
Introduce encode/decode for array query params
2019-01-23 21:56:32 +00:00
onSelect=(action setFacetQueryParam "qpStatus")}}
Scaffold the facets and facet options for the jobs list page
2019-01-17 00:29:31 +00:00
{{multi-select-dropdown
Test coverage for job list facets
2019-01-24 04:35:51 +00:00
data-test-datacenter-facet
Scaffold the facets and facet options for the jobs list page
2019-01-17 00:29:31 +00:00
label="Datacenter"
Simplify options and selection names
2019-02-01 22:08:55 +00:00
options=optionsDatacenter
selection=selectionDatacenter
Introduce encode/decode for array query params
2019-01-23 21:56:32 +00:00
onSelect=(action setFacetQueryParam "qpDatacenter")}}
Scaffold the facets and facet options for the jobs list page
2019-01-17 00:29:31 +00:00
{{multi-select-dropdown
Test coverage for job list facets
2019-01-24 04:35:51 +00:00
data-test-prefix-facet
Scaffold the facets and facet options for the jobs list page
2019-01-17 00:29:31 +00:00
label="Prefix"
Simplify options and selection names
2019-02-01 22:08:55 +00:00
options=optionsPrefix
selection=selectionPrefix
Introduce encode/decode for array query params
2019-01-23 21:56:32 +00:00
onSelect=(action setFacetQueryParam "qpPrefix")}}
Scaffold the facets and facet options for the jobs list page
2019-01-17 00:29:31 +00:00
</div>
</div>
Replace the columns pattern with the new toolbar pattern on the jobs page
2019-03-07 05:00:30 +00:00
{{#if (not (media "isMobile"))}}
<div class="toolbar-item is-right-aligned">
ui: Change Run Job availability based on ACLs (#5944) This builds on API changes in #6017 and #6021 to conditionally turn off the “Run Job” button based on the current token’s capabilities, or the capabilities of the anonymous policy if no token is present. If you try to visit the job-run route directly, it redirects to the job list.
2020-01-20 20:57:01 +00:00
{{#if (can "run job")}}
{{#link-to "jobs.run" data-test-run-job class="button is-primary"}}Run Job{{/link-to}}
{{else}}
Update disabled 'Run Job' button to use standard disabled style
2020-01-30 22:14:04 +00:00
<button
data-test-run-job
class="button is-primary is-disabled tooltip is-right-aligned"
aria-label="You don’t have permission to run jobs"
disabled
>Run Job</button>
ui: Change Run Job availability based on ACLs (#5944) This builds on API changes in #6017 and #6021 to conditionally turn off the “Run Job” button based on the current token’s capabilities, or the capabilities of the anonymous policy if no token is present. If you try to visit the job-run route directly, it redirects to the job list.
2020-01-20 20:57:01 +00:00
{{/if}}
Replace the columns pattern with the new toolbar pattern on the jobs page
2019-03-07 05:00:30 +00:00
</div>
{{/if}}
New job run page and navigation to get there.
2018-08-14 19:54:54 +00:00
</div>
Remove inverse block for list-pagination (#6523) As the angle bracket invocation RFC says: > There is no dedicated syntax for passing an "else" block > directly. If needed, that can be passed using the named > blocks syntax. https://github.com/emberjs/rfcs/blob/master/text/0311-angle-bracket-invocation.md#block Unfortunately, using a contextual component doesn’t help as the yield inside that component will still result in content rendering that would show when the source isn’t empty. So we decided to change the interface so you have to check whether the source is empty before using it, which aligns with how list-table works.
2019-10-24 12:05:43 +00:00
{{#if sortedJobs}}
{{#list-pagination
source=sortedJobs
size=pageSize
page=currentPage as |p|}}
{{#list-table
source=p.list
sortProperty=sortProperty
sortDescending=sortDescending
class="with-foot" as |t|}}
{{#t.head}}
{{#t.sort-by prop="name"}}Name{{/t.sort-by}}
{{#t.sort-by prop="status"}}Status{{/t.sort-by}}
{{#t.sort-by prop="type"}}Type{{/t.sort-by}}
{{#t.sort-by prop="priority"}}Priority{{/t.sort-by}}
<th>Groups</th>
<th class="is-3">Summary</th>
{{/t.head}}
{{#t.body key="model.id" as |row|}}
{{job-row data-test-job-row=row.model.plainId job=row.model onClick=(action "gotoJob" row.model)}}
{{/t.body}}
{{/list-table}}
<div class="table-foot">
Add page size select to the jobs list page
2020-03-31 04:13:32 +00:00
{{page-size-select}}
Remove inverse block for list-pagination (#6523) As the angle bracket invocation RFC says: > There is no dedicated syntax for passing an "else" block > directly. If needed, that can be passed using the named > blocks syntax. https://github.com/emberjs/rfcs/blob/master/text/0311-angle-bracket-invocation.md#block Unfortunately, using a contextual component doesn’t help as the yield inside that component will still result in content rendering that would show when the source isn’t empty. So we decided to change the interface so you have to check whether the source is empty before using it, which aligns with how list-table works.
2019-10-24 12:05:43 +00:00
<nav class="pagination">
<div class="pagination-numbers">
{{p.startsAt}}&ndash;{{p.endsAt}} of {{sortedJobs.length}}
{{#if searchTerm}}
<em>({{dec sortedJobs.length filteredJobs.length}} hidden by search term)</em>
{{/if}}
</div>
Replace crusty lt and gt with chevron icons
2020-03-31 04:20:32 +00:00
{{#p.prev class="pagination-previous"}}{{x-icon "chevron-left"}}{{/p.prev}}
{{#p.next class="pagination-next"}}{{x-icon "chevron-right"}}{{/p.next}}
Remove inverse block for list-pagination (#6523) As the angle bracket invocation RFC says: > There is no dedicated syntax for passing an "else" block > directly. If needed, that can be passed using the named > blocks syntax. https://github.com/emberjs/rfcs/blob/master/text/0311-angle-bracket-invocation.md#block Unfortunately, using a contextual component doesn’t help as the yield inside that component will still result in content rendering that would show when the source isn’t empty. So we decided to change the interface so you have to check whether the source is empty before using it, which aligns with how list-table works.
2019-10-24 12:05:43 +00:00
<ul class="pagination-list"></ul>
</nav>
</div>
{{/list-pagination}}
Use page-layout for job routes
2018-07-25 22:19:43 +00:00
{{else}}
<div data-test-empty-jobs-list class="empty-message">
Test coverage for job list facets
2019-01-24 04:35:51 +00:00
{{#if (eq visibleJobs.length 0)}}
Use page-layout for job routes
2018-07-25 22:19:43 +00:00
<h3 data-test-empty-jobs-list-headline class="empty-message-headline">No Jobs</h3>
<p class="empty-message-body">
The cluster is currently empty.
</p>
Test coverage for job list facets
2019-01-24 04:35:51 +00:00
{{else if (eq filteredJobs.length 0)}}
<h3 data-test-empty-jobs-list-headline class="empty-message-headline">No Matches</h3>
<p class="empty-message-body">
No jobs match your current filter selection.
</p>
Use page-layout for job routes
2018-07-25 22:19:43 +00:00
{{else if searchTerm}}
<h3 data-test-empty-jobs-list-headline class="empty-message-headline">No Matches</h3>
<p class="empty-message-body">No jobs match the term <strong>{{searchTerm}}</strong></p>
{{/if}}
</div>
Remove inverse block for list-pagination (#6523) As the angle bracket invocation RFC says: > There is no dedicated syntax for passing an "else" block > directly. If needed, that can be passed using the named > blocks syntax. https://github.com/emberjs/rfcs/blob/master/text/0311-angle-bracket-invocation.md#block Unfortunately, using a contextual component doesn’t help as the yield inside that component will still result in content rendering that would show when the source isn’t empty. So we decided to change the interface so you have to check whether the source is empty before using it, which aligns with how list-table works.
2019-10-24 12:05:43 +00:00
{{/if}}
Use page-layout for job routes
2018-07-25 22:19:43 +00:00
{{/if}}
</section>
Reference in a new issue Copy permalink