5c2a08de6d
* Update browserslist * Add browserslistrc * ember-cli-update --to 3.26, fix conflicts * Run codemodes that start with ember-* * More codemods - before cp* * More codemods (curly data-test-*) * WIP ember-basic-dropdown template errors * updates ember-basic-dropdown and related deps to fix build issues * updates basic dropdown instances to new version API * updates more deps -- ember-template-lint is working again * runs no-implicit-this codemod * creates and runs no-quoteless-attributes codemod * runs angle brackets codemod * updates lint:hbs globs to only touch hbs files * removes yield only templates * creates and runs deprecated args transform * supresses lint error for invokeAction on LinkTo component * resolves remaining ambiguous path lint errors * resolves simple-unless lint errors * adds warnings for deprecated tagName arg on LinkTo components * adds warnings for remaining curly component invocation * updates global template lint rules * resolves remaining template lint errors * disables some ember specfic lint rules that target pre octane patterns * js lint fix run * resolves remaining js lint errors * fixes test run * adds npm-run-all dep * fixes test attribute issues * fixes console acceptance tests * fixes tests * adds yield only wizard/tutorial-active template * fixes more tests * attempts to fix more flaky tests * removes commented out settled in transit test * updates deprecations workflow and adds initializer to filter by version * updates flaky policies acl old test * updates to flaky transit test * bumps ember deps down to LTS version * runs linters after main merge * fixes client count tests after bad merge conflict fixes * fixes client count history test * more updates to lint config * another round of hbs lint fixes after extending stylistic rule * updates lint-staged commands * removes indent eslint rule since it seems to break things * fixes bad attribute in transform-edit-form template * test fixes * fixes enterprise tests * adds changelog * removes deprecated ember-concurrency-test-waiters dep and adds @ember/test-waiters * flaky test fix Co-authored-by: hashishaw <cshaw@hashicorp.com>
39 lines
1.4 KiB
JavaScript
39 lines
1.4 KiB
JavaScript
import Component from '@ember/component';
|
|
import { computed } from '@ember/object';
|
|
/**
|
|
* @module SelectableCard
|
|
* SelectableCard components are card-like components that display a title, total, subtotal, and anything after the yield.
|
|
* They are designed to be used in containers that act as flexbox or css grid containers.
|
|
*
|
|
* @example
|
|
* ```js
|
|
* <SelectableCard @cardTitle="Tokens" @total={{totalHttpRequests}} @subText="Total"/>
|
|
* ```
|
|
* @param cardTitle=null {String} - cardTitle displays the card title
|
|
* @param total=0 {Number} - the Total number displays like a title, it's the largest text in the component
|
|
* @param subText=null {String} - subText describes the total
|
|
* @param actionCard=false {Boolean} - false default selectable card container used in metrics, true a card that focus on actions as seen in database secret engine overview
|
|
* @param actionText=null {String} - that action that happens in an actionCard
|
|
*/
|
|
|
|
export default Component.extend({
|
|
cardTitle: '',
|
|
total: 0,
|
|
subText: '',
|
|
actionCard: false,
|
|
actionText: '',
|
|
gridContainer: false,
|
|
tagName: '', // do not wrap component with div
|
|
formattedCardTitle: computed('total', function () {
|
|
const { cardTitle, total } = this;
|
|
|
|
if (cardTitle === 'Tokens') {
|
|
return total !== 1 ? 'Tokens' : 'Token';
|
|
} else if (cardTitle === 'Entities') {
|
|
return total !== 1 ? 'Entities' : 'Entity';
|
|
}
|
|
|
|
return cardTitle;
|
|
}),
|
|
});
|