mirror of
https://github.com/optim-enterprises-bv/vault.git
synced 2025-11-02 19:47:54 +00:00
a036b3a4d1
* initial setup * initial validation setup for empty path object. * removal console logs * validation on keyup for kv * in progress * making some progress * more progress * closer * done with create page now to fix edit page that I broke * fix secret edit display on create * test and final touches * cleanup mountbackendform * cleanup * add changelog * address pr comments * address styling pr comment
43 lines
1.4 KiB
JavaScript
43 lines
1.4 KiB
JavaScript
import Component from '@ember/component';
|
|
import { computed } from '@ember/object';
|
|
import { messageTypes } from 'core/helpers/message-types';
|
|
import layout from '../templates/components/alert-inline';
|
|
|
|
/**
|
|
* @module AlertInline
|
|
* `AlertInline` components are used to inform users of important messages.
|
|
*
|
|
* @example
|
|
* ```js
|
|
* <AlertInline @type="danger" @message="{{model.keyId}} is not a valid lease ID"/>
|
|
* ```
|
|
*
|
|
* @param type=null{String} - The alert type. This comes from the message-types helper.
|
|
* @param [message=null]{String} - The message to display within the alert.
|
|
* @param [sizeSmall=false]{Boolean} - Whether or not to display a small font with padding below of alert message.
|
|
* @param [paddingTop=false]{Boolean} - Whether or not to add padding above component.
|
|
* @param [isMarginless=false]{Boolean} - Whether or not to remove margin bottom below component.
|
|
*/
|
|
|
|
export default Component.extend({
|
|
layout,
|
|
type: null,
|
|
message: null,
|
|
sizeSmall: false,
|
|
paddingTop: false,
|
|
classNames: ['message-inline'],
|
|
classNameBindings: ['sizeSmall:size-small', 'paddingTop:padding-top', 'isMarginless:is-marginless'],
|
|
|
|
textClass: computed('type', function() {
|
|
if (this.type == 'danger') {
|
|
return messageTypes([this.type]).glyphClass;
|
|
}
|
|
|
|
return;
|
|
}),
|
|
|
|
alertType: computed('type', function() {
|
|
return messageTypes([this.type]);
|
|
}),
|
|
});
|