StackGenVis: Alignment of Data, Algorithms, and Models for Stacking Ensemble Learning Using Performance Metrics
https://doi.org/10.1109/TVCG.2020.3030352
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
29 lines
825 B
29 lines
825 B
4 years ago
|
/* Form control contextual state class computation
|
||
|
|
*
|
||
|
|
* Returned class is either 'is-valid' or 'is-invalid' based on the 'state' prop
|
||
|
|
* state can be one of five values:
|
||
|
|
* - true for is-valid
|
||
|
|
* - false for is-invalid
|
||
|
|
* - null for no contextual state
|
||
|
|
*/
|
||
|
|
import { isBoolean } from '../utils/inspect'; // @vue/component
|
||
|
|
|
||
|
|
export default {
|
||
|
|
props: {
|
||
|
|
state: {
|
||
|
|
// Tri-state prop: true, false, null (or undefined)
|
||
|
|
type: Boolean,
|
||
|
|
default: null
|
||
|
|
}
|
||
|
|
},
|
||
|
|
computed: {
|
||
|
|
computedState: function computedState() {
|
||
|
|
// If not a boolean, ensure that value is null
|
||
|
|
return isBoolean(this.state) ? this.state : null;
|
||
|
|
},
|
||
|
|
stateClass: function stateClass() {
|
||
|
|
var state = this.computedState;
|
||
|
|
return state === true ? 'is-valid' : state === false ? 'is-invalid' : null;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|