Refactor multicheck para que acepte la propiedad disabled
This commit is contained in:
parent
8cbe02a1b6
commit
e118798c69
|
@ -1,5 +1,5 @@
|
|||
import ngModule from '../../module';
|
||||
import './multi-check.scss';
|
||||
import Input from '../../lib/input';
|
||||
|
||||
/**
|
||||
* Draw checkbox with a drop-down and multi options
|
||||
|
@ -7,8 +7,9 @@ import './multi-check.scss';
|
|||
* @param {Array} data List of options shown in drop-down
|
||||
* @param {Array} models Elements to check / unCheck
|
||||
*/
|
||||
export default class MultiCheck {
|
||||
constructor() {
|
||||
export default class MultiCheck extends Input {
|
||||
constructor($element, $scope) {
|
||||
super($element, $scope);
|
||||
this._checkAll = false;
|
||||
this.checkField = 'checked';
|
||||
}
|
||||
|
@ -36,7 +37,8 @@ ngModule.component('vnMultiCheck', {
|
|||
bindings: {
|
||||
data: '=',
|
||||
checkField: '<?',
|
||||
checkAll: '=?'
|
||||
checkAll: '=?',
|
||||
disabled: '<?'
|
||||
}
|
||||
});
|
||||
|
||||
|
|
|
@ -1,24 +0,0 @@
|
|||
.multi-check {
|
||||
vn-icon{
|
||||
cursor: pointer;
|
||||
}
|
||||
.primaryCheckbox {
|
||||
vn-icon{
|
||||
font-size: 22px;
|
||||
margin-left: -4px;
|
||||
i{
|
||||
color: rgba(0,0,0,.54);
|
||||
}
|
||||
}
|
||||
&.color {
|
||||
i{
|
||||
color: rgb(255,152,0);
|
||||
}
|
||||
}
|
||||
}
|
||||
.arrow_down{
|
||||
i{
|
||||
padding-top: 8px;
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue