mirror of https://github.com/rancher/ui.git
44 lines
955 B
JavaScript
44 lines
955 B
JavaScript
import Component from '@ember/component';
|
|
import layout from './template';
|
|
import { computed } from '@ember/object';
|
|
|
|
export default Component.extend({
|
|
layout,
|
|
classNames: ['banner'],
|
|
classNameBindings: ['color'],
|
|
color: 'bg-default',
|
|
icon: 'icon-info',
|
|
title: null,
|
|
titleWidth: null,
|
|
message: '',
|
|
showClose: false,
|
|
|
|
actions: {
|
|
close() {
|
|
this.sendAction('close');
|
|
},
|
|
},
|
|
|
|
showIcon: computed('title', function() {
|
|
let title = this.get('title');
|
|
return title === null || title === undefined;
|
|
}),
|
|
|
|
|
|
titleStr: computed('title', function(){
|
|
let title = this.get('title');
|
|
if ( typeof title === 'number' ) {
|
|
title = ""+title;
|
|
}
|
|
|
|
return title;
|
|
}),
|
|
|
|
titleStyle: computed('width', function() {
|
|
let width = this.get('titleWidth');
|
|
if ( width) {
|
|
return ('width: ' + width + 'px').htmlSafe();
|
|
}
|
|
}),
|
|
});
|