open-nomad/ui/app/templates/components/page-size-select.hbs

<div class="field is-horizontal" data-test-page-size-select-parent>
  <span class="field-label is-small">Per page</span>
  <PowerSelect
    @tagName="div"
    class="field-body"
    data-test-page-size-select
    @options={{this.pageSizeOptions}}
    @selected={{this.userSettings.pageSize}}
    @onChange={{action (queue
      (action (mut this.userSettings.pageSize))
      (action this.onChange)
    )}} as |option|>
    {{option}}
  </PowerSelect>
</div>
Update to v4 of Ember Power Select (#10226) This closes #10146. Because of cibernox/ember-power-select#1203, which documents the current impossibility of attaching test selectors to a PowerSelect invocation, this uses test selectors on parent containers instead, occasionally adding wrappers when needed. I chose to leave the existing test selectors in the hopes that we can return to using them eventually, but I could easily remove them if it seems like extra noise now. Presumably for the same reason, @class no longer works, so this adjusts the scoping of global search CSS to preserve the style of the search control. I also included an update to the latest version of ember-test-selectors, since we were far behind and I tried that before finding the aforelinked issue. Finally, this replaces ember-cli-uglify with ember-cli-terser to address production build failures as described at ember-cli/ember-cli#9290. 2021-03-26 13:55:12 +00:00			`<div class="field is-horizontal" data-test-page-size-select-parent>`
Page size select component 2020-03-31 04:12:46 +00:00			`<span class="field-label is-small">Per page</span>`
			`<PowerSelect`
			`@tagName="div"`
			`class="field-body"`
Acceptance tests for the page size selector on the jobs list view 2020-03-31 23:11:23 +00:00			`data-test-page-size-select`
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.pageSizeOptions}}`
			`@selected={{this.userSettings.pageSize}}`
Reset current page when changing page size 2020-03-31 04:20:58 +00:00			`@onChange={{action (queue`
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			`(action (mut this.userSettings.pageSize))`
			`(action this.onChange)`
Reset current page when changing page size 2020-03-31 04:20:58 +00:00			`)}} as \|option\|>`
Page size select component 2020-03-31 04:12:46 +00:00			`{{option}}`
			`</PowerSelect>`
			`</div>`