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

132 lines
5.1 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">
Add explicit this to templates (#8388) This is the result of running the no-implicit-this-codemod, some manual fixes, and the addition of a linting rule to prevent future ambiguity.
2020-07-09 20:19:07 +00:00
{{#if this.isForbidden}}
Update to Ember 3.16/Data 3.12 (#8319) This updates to Ember 3.16 but leaves Ember Data at 3.12 so we don’t need to use the model fragments beta. It can be reviewed on a commit-by-commit basis: blueprint updates, fixes for test failures, and the removal of now-deprecated partials. It’s not a true update to Octane as that would involve turning on template-only components by default, which breaks various things. We can accomplish that separately and then add the edition setting to package.json.
2020-07-09 16:37:00 +00:00
<ForbiddenMessage />
Use page-layout for job routes
2018-07-25 22:19:43 +00:00
{{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">
Add explicit this to templates (#8388) This is the result of running the no-implicit-this-codemod, some manual fixes, and the addition of a linting rule to prevent future ambiguity.
2020-07-09 20:19:07 +00:00
{{#if this.visibleJobs.length}}
Convert to angle bracket invocation (#8075) This is mostly a direct application of the ember-angle-brackets-codemod. I manually restored newlines in multi-line component invocations, usually preserving file line length except for now-non-positional link-to @route. I needed to rename task to taskState in some cases to avoid Ember Concurrency naming conflicts.
2020-06-01 19:03:56 +00:00
<SearchBox
Add the resetPagination hook to search boxes across the app
2018-10-30 17:52:54 +00:00
data-test-jobs-search
Add explicit this to templates (#8388) This is the result of running the no-implicit-this-codemod, some manual fixes, and the addition of a linting rule to prevent future ambiguity.
2020-07-09 20:19:07 +00:00
@searchTerm={{mut this.searchTerm}}
@onChange={{action this.resetPagination}}
Convert to angle bracket invocation (#8075) This is mostly a direct application of the ember-angle-brackets-codemod. I manually restored newlines in multi-line component invocations, usually preserving file line length except for now-non-positional link-to @route. I needed to rename task to taskState in some cases to avoid Ember Concurrency naming conflicts.
2020-06-01 19:03:56 +00:00
@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")}}
Convert to angle bracket invocation (#8075) This is mostly a direct application of the ember-angle-brackets-codemod. I manually restored newlines in multi-line component invocations, usually preserving file line length except for now-non-positional link-to @route. I needed to rename task to taskState in some cases to avoid Ember Concurrency naming conflicts.
2020-06-01 19:03:56 +00:00
<LinkTo @route="jobs.run" data-test-run-job class="button is-primary">Run Job</LinkTo>
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
{{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
Update template linting and fix missed curly invocations (#8382) This includes fixes for newer template lint rules that came along with updating that dependency, which was necessary to be able to use the no-curly-component-invocation rule. It also updates some curly invocations that I missed in #8075.
2020-07-09 17:30:11 +00:00
type="button"
Update disabled 'Run Job' button to use standard disabled style
2020-01-30 22:14:04 +00:00
>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">
Convert to angle bracket invocation (#8075) This is mostly a direct application of the ember-angle-brackets-codemod. I manually restored newlines in multi-line component invocations, usually preserving file line length except for now-non-positional link-to @route. I needed to rename task to taskState in some cases to avoid Ember Concurrency naming conflicts.
2020-06-01 19:03:56 +00:00
<MultiSelectDropdown
Test coverage for job list facets
2019-01-24 04:35:51 +00:00
data-test-type-facet
Convert to angle bracket invocation (#8075) This is mostly a direct application of the ember-angle-brackets-codemod. I manually restored newlines in multi-line component invocations, usually preserving file line length except for now-non-positional link-to @route. I needed to rename task to taskState in some cases to avoid Ember Concurrency naming conflicts.
2020-06-01 19:03:56 +00:00
@label="Type"
Add explicit this to templates (#8388) This is the result of running the no-implicit-this-codemod, some manual fixes, and the addition of a linting rule to prevent future ambiguity.
2020-07-09 20:19:07 +00:00
@options={{this.optionsType}}
@selection={{this.selectionType}}
@onSelect={{action this.setFacetQueryParam "qpType"}} />
Convert to angle bracket invocation (#8075) This is mostly a direct application of the ember-angle-brackets-codemod. I manually restored newlines in multi-line component invocations, usually preserving file line length except for now-non-positional link-to @route. I needed to rename task to taskState in some cases to avoid Ember Concurrency naming conflicts.
2020-06-01 19:03:56 +00:00
<MultiSelectDropdown
Test coverage for job list facets
2019-01-24 04:35:51 +00:00
data-test-status-facet
Convert to angle bracket invocation (#8075) This is mostly a direct application of the ember-angle-brackets-codemod. I manually restored newlines in multi-line component invocations, usually preserving file line length except for now-non-positional link-to @route. I needed to rename task to taskState in some cases to avoid Ember Concurrency naming conflicts.
2020-06-01 19:03:56 +00:00
@label="Status"
Add explicit this to templates (#8388) This is the result of running the no-implicit-this-codemod, some manual fixes, and the addition of a linting rule to prevent future ambiguity.
2020-07-09 20:19:07 +00:00
@options={{this.optionsStatus}}
@selection={{this.selectionStatus}}
@onSelect={{action this.setFacetQueryParam "qpStatus"}} />
Convert to angle bracket invocation (#8075) This is mostly a direct application of the ember-angle-brackets-codemod. I manually restored newlines in multi-line component invocations, usually preserving file line length except for now-non-positional link-to @route. I needed to rename task to taskState in some cases to avoid Ember Concurrency naming conflicts.
2020-06-01 19:03:56 +00:00
<MultiSelectDropdown
Test coverage for job list facets
2019-01-24 04:35:51 +00:00
data-test-datacenter-facet
Convert to angle bracket invocation (#8075) This is mostly a direct application of the ember-angle-brackets-codemod. I manually restored newlines in multi-line component invocations, usually preserving file line length except for now-non-positional link-to @route. I needed to rename task to taskState in some cases to avoid Ember Concurrency naming conflicts.
2020-06-01 19:03:56 +00:00
@label="Datacenter"
Add explicit this to templates (#8388) This is the result of running the no-implicit-this-codemod, some manual fixes, and the addition of a linting rule to prevent future ambiguity.
2020-07-09 20:19:07 +00:00
@options={{this.optionsDatacenter}}
@selection={{this.selectionDatacenter}}
@onSelect={{action this.setFacetQueryParam "qpDatacenter"}} />
Convert to angle bracket invocation (#8075) This is mostly a direct application of the ember-angle-brackets-codemod. I manually restored newlines in multi-line component invocations, usually preserving file line length except for now-non-positional link-to @route. I needed to rename task to taskState in some cases to avoid Ember Concurrency naming conflicts.
2020-06-01 19:03:56 +00:00
<MultiSelectDropdown
Test coverage for job list facets
2019-01-24 04:35:51 +00:00
data-test-prefix-facet
Convert to angle bracket invocation (#8075) This is mostly a direct application of the ember-angle-brackets-codemod. I manually restored newlines in multi-line component invocations, usually preserving file line length except for now-non-positional link-to @route. I needed to rename task to taskState in some cases to avoid Ember Concurrency naming conflicts.
2020-06-01 19:03:56 +00:00
@label="Prefix"
Add explicit this to templates (#8388) This is the result of running the no-implicit-this-codemod, some manual fixes, and the addition of a linting rule to prevent future ambiguity.
2020-07-09 20:19:07 +00:00
@options={{this.optionsPrefix}}
@selection={{this.selectionPrefix}}
@onSelect={{action this.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")}}
Convert to angle bracket invocation (#8075) This is mostly a direct application of the ember-angle-brackets-codemod. I manually restored newlines in multi-line component invocations, usually preserving file line length except for now-non-positional link-to @route. I needed to rename task to taskState in some cases to avoid Ember Concurrency naming conflicts.
2020-06-01 19:03:56 +00:00
<LinkTo @route="jobs.run" data-test-run-job class="button is-primary">Run Job</LinkTo>
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
{{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
Update template linting and fix missed curly invocations (#8382) This includes fixes for newer template lint rules that came along with updating that dependency, which was necessary to be able to use the no-curly-component-invocation rule. It also updates some curly invocations that I missed in #8075.
2020-07-09 17:30:11 +00:00
type="button"
Update disabled 'Run Job' button to use standard disabled style
2020-01-30 22:14:04 +00:00
>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>
Add explicit this to templates (#8388) This is the result of running the no-implicit-this-codemod, some manual fixes, and the addition of a linting rule to prevent future ambiguity.
2020-07-09 20:19:07 +00:00
{{#if this.sortedJobs}}
Convert to angle bracket invocation (#8075) This is mostly a direct application of the ember-angle-brackets-codemod. I manually restored newlines in multi-line component invocations, usually preserving file line length except for now-non-positional link-to @route. I needed to rename task to taskState in some cases to avoid Ember Concurrency naming conflicts.
2020-06-01 19:03:56 +00:00
<ListPagination
Add explicit this to templates (#8388) This is the result of running the no-implicit-this-codemod, some manual fixes, and the addition of a linting rule to prevent future ambiguity.
2020-07-09 20:19:07 +00:00
@source={{this.sortedJobs}}
@size={{this.pageSize}}
@page={{this.currentPage}} as |p|>
Convert to angle bracket invocation (#8075) This is mostly a direct application of the ember-angle-brackets-codemod. I manually restored newlines in multi-line component invocations, usually preserving file line length except for now-non-positional link-to @route. I needed to rename task to taskState in some cases to avoid Ember Concurrency naming conflicts.
2020-06-01 19:03:56 +00:00
<ListTable
@source={{p.list}}
Add explicit this to templates (#8388) This is the result of running the no-implicit-this-codemod, some manual fixes, and the addition of a linting rule to prevent future ambiguity.
2020-07-09 20:19:07 +00:00
@sortProperty={{this.sortProperty}}
@sortDescending={{this.sortDescending}}
Convert to angle bracket invocation (#8075) This is mostly a direct application of the ember-angle-brackets-codemod. I manually restored newlines in multi-line component invocations, usually preserving file line length except for now-non-positional link-to @route. I needed to rename task to taskState in some cases to avoid Ember Concurrency naming conflicts.
2020-06-01 19:03:56 +00:00
@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>
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
<th>Groups</th>
<th class="is-3">Summary</th>
Convert to angle bracket invocation (#8075) This is mostly a direct application of the ember-angle-brackets-codemod. I manually restored newlines in multi-line component invocations, usually preserving file line length except for now-non-positional link-to @route. I needed to rename task to taskState in some cases to avoid Ember Concurrency naming conflicts.
2020-06-01 19:03:56 +00:00
</t.head>
<t.body @key="model.id" as |row|>
<JobRow @data-test-job-row={{row.model.plainId}} @job={{row.model}} @onClick={{action "gotoJob" row.model}} />
</t.body>
</ListTable>
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
<div class="table-foot">
Add explicit this to templates (#8388) This is the result of running the no-implicit-this-codemod, some manual fixes, and the addition of a linting rule to prevent future ambiguity.
2020-07-09 20:19:07 +00:00
<PageSizeSelect @onChange={{action this.resetPagination}} />
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">
Add explicit this to templates (#8388) This is the result of running the no-implicit-this-codemod, some manual fixes, and the addition of a linting rule to prevent future ambiguity.
2020-07-09 20:19:07 +00:00
{{p.startsAt}}&ndash;{{p.endsAt}} of {{this.sortedJobs.length}}
{{#if this.searchTerm}}
<em>({{dec this.sortedJobs.length this.filteredJobs.length}} hidden by search term)</em>
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}}
</div>
Convert to angle bracket invocation (#8075) This is mostly a direct application of the ember-angle-brackets-codemod. I manually restored newlines in multi-line component invocations, usually preserving file line length except for now-non-positional link-to @route. I needed to rename task to taskState in some cases to avoid Ember Concurrency naming conflicts.
2020-06-01 19:03:56 +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>
Convert to angle bracket invocation (#8075) This is mostly a direct application of the ember-angle-brackets-codemod. I manually restored newlines in multi-line component invocations, usually preserving file line length except for now-non-positional link-to @route. I needed to rename task to taskState in some cases to avoid Ember Concurrency naming conflicts.
2020-06-01 19:03:56 +00:00
</ListPagination>
Use page-layout for job routes
2018-07-25 22:19:43 +00:00
{{else}}
<div data-test-empty-jobs-list class="empty-message">
Add explicit this to templates (#8388) This is the result of running the no-implicit-this-codemod, some manual fixes, and the addition of a linting rule to prevent future ambiguity.
2020-07-09 20:19:07 +00:00
{{#if (eq this.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>
Add explicit this to templates (#8388) This is the result of running the no-implicit-this-codemod, some manual fixes, and the addition of a linting rule to prevent future ambiguity.
2020-07-09 20:19:07 +00:00
{{else if (eq this.filteredJobs.length 0)}}
Test coverage for job list facets
2019-01-24 04:35:51 +00:00
<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>
Add explicit this to templates (#8388) This is the result of running the no-implicit-this-codemod, some manual fixes, and the addition of a linting rule to prevent future ambiguity.
2020-07-09 20:19:07 +00:00
{{else if this.searchTerm}}
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 Matches</h3>
Add explicit this to templates (#8388) This is the result of running the no-implicit-this-codemod, some manual fixes, and the addition of a linting rule to prevent future ambiguity.
2020-07-09 20:19:07 +00:00
<p class="empty-message-body">No jobs match the term <strong>{{this.searchTerm}}</strong></p>
Use page-layout for job routes
2018-07-25 22:19:43 +00:00
{{/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