3172e74d7e
* KMSE: Key Model / Adapter / Serializer setup (#13638) * First pass model * KMS key adapter (create/update), serializer, model * Add last rotated and provider to key * KeyEdit secret-edit component, and more key model stuff * add formatDate param support to infotablerow * Add keymgmt key to routes and options-for-backend * Rename keymgmt-key to keymgmt/key * Add test, cleanup * Add mirage handler for kms * Address PR comments * KMS Providers (#13797) * adds pagination-controls component * adds kms provider model, adapter and serializer * adds kms provider-edit component * updates secrets routes to handle itemType query param for kms * updates kms key adapter to query by provider * adds tests for provider-edit component * refactors kms provider adapter to account for dynamic path * adds model-validations-helper util * removes keymgmt from supported-secret-backends * fixes issue generating url for fetching keys for a provider * updates modelType method on secret-edit route to accept options object as arg rather than transition * adds additional checks to ensure queryParams are defined in options object for modelType method * UI/keymgmt distribute key (#13840) * Add distribution details on key page, and empty states if no permissions * Allow search-select component to return object so parent can tell when new item was created * Add stringarray transform * Distribute component first pass * Refactor distribute component for use with internal object rather than ember-data model * Specific permission denied errors on key edit * Allow inline errors on search-select component * Style updates for form errors * Styling and error messages on distribute component * Allow block template on inline alert so we can add doc links * Add distribute action, flash messages, cleanup * Cleanup & Add tests * More cleanup * Address PR comments * Move disable operations logic to commponent class * KMSE Enable/Config (#14835) * adds keymgmt secrets engine as supported backend * adds comment to check on keymgmt as member of adp module * updates kms provider to use model-validations decorator * fixes lint errors and tests Co-authored-by: Chelsea Shaw <82459713+hashishaw@users.noreply.github.com>
58 lines
1.6 KiB
JavaScript
58 lines
1.6 KiB
JavaScript
import Component from '@glimmer/component';
|
|
import { tracked } from '@glimmer/tracking';
|
|
import { action } from '@ember/object';
|
|
|
|
/**
|
|
* @module PaginationControls
|
|
* PaginationControls components are used to paginate through item lists
|
|
*
|
|
* @example
|
|
* ```js
|
|
* <PaginationControls @startPage={{1}} @total={{100}} @size={{15}} @onChange={{this.onPageChange}} />
|
|
* ```
|
|
* @param {number} total - total number of items
|
|
* @param {number} [startPage=1] - initial page number to select
|
|
* @param {number} [size=15] - number of items to display per page
|
|
* @param {function} onChange - callback fired on page change
|
|
*/
|
|
|
|
export default class PaginationControls extends Component {
|
|
@tracked page;
|
|
|
|
constructor() {
|
|
super(...arguments);
|
|
this.page = this.args.startPage || 1;
|
|
this.size = this.args.size || 15; // size selector may be added in future version
|
|
}
|
|
|
|
get totalPages() {
|
|
return Math.ceil(this.args.total / this.size);
|
|
}
|
|
get displayInfo() {
|
|
const { total } = this.args;
|
|
const end = this.page * this.size;
|
|
return `${end - this.size + 1}-${end > total ? total : end} of ${total}`;
|
|
}
|
|
get pages() {
|
|
// show 5 pages with 2 on either side of the current page
|
|
let start = this.page - 2 >= 1 ? this.page - 2 : 1;
|
|
const incrementer = start + 4;
|
|
const end = incrementer <= this.totalPages ? incrementer : this.totalPages;
|
|
const pageNumbers = [];
|
|
while (start <= end) {
|
|
pageNumbers.push(start);
|
|
start++;
|
|
}
|
|
return pageNumbers;
|
|
}
|
|
get hasMorePages() {
|
|
return this.pages.lastObject !== this.totalPages;
|
|
}
|
|
|
|
@action
|
|
changePage(page) {
|
|
this.page = page;
|
|
this.args.onChange(page);
|
|
}
|
|
}
|