mirror of
https://github.com/nasa/openmct.git
synced 2025-02-09 20:31:22 +00:00
85902b878e
* update telemetry table to ingest marked row data, add a new alterntate bar with includes row name, selected rows and show selected rows toggle * Enhancements for alternate toolbar in telem tables - .c-control-bar adds style enhancements and `__label` element; - Added `label` prop, markup and styling to ToggleSwitch; - ToggleSwitch layout enhanced; - Unit tested in main view and placed in Display Layout; * made improvements to row marking * bug fixes for marking * fix linting issues * -Make reviewer requested changes -Clarify prop for marking -Include alternateControlBar in the marking prop - - since it only makes sense for making Co-authored-by: Charles Hacskaylo <charlesh88@gmail.com>
45 lines
855 B
Vue
45 lines
855 B
Vue
<template>
|
|
<div class="c-toggle-switch">
|
|
<label class="c-toggle-switch__control">
|
|
<input
|
|
:id="id"
|
|
type="checkbox"
|
|
:checked="checked"
|
|
@change="onUserSelect($event)"
|
|
>
|
|
<span class="c-toggle-switch__slider"></span>
|
|
</label>
|
|
<div
|
|
v-if="label && label.length"
|
|
class="c-toggle-switch__label"
|
|
>
|
|
{{ label }}
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
export default {
|
|
inject: ['openmct'],
|
|
props: {
|
|
id: {
|
|
type: String,
|
|
required: true
|
|
},
|
|
label: {
|
|
type: String,
|
|
required: false,
|
|
default: ''
|
|
},
|
|
checked: Boolean
|
|
},
|
|
methods: {
|
|
onUserSelect(event) {
|
|
this.$emit('change', event.target.checked);
|
|
}
|
|
}
|
|
}
|
|
|
|
</script>
|