ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-06-19 15:43:48 +00:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

Review and integrate Time Conductor Vue style conversion (#2180)

Browse Source 
Styling updates for Vue version of Time Conductor
This commit is contained in:
Charles Hacskaylo
2018-10-02 17:31:45 -07:00
committed by Andrew Henry
parent e6e5b6a64a
commit 56b9708ab7
18 changed files with 1108 additions and 389 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/plugins/timeConductor/ConductorTimeSystem.vue
View File

@ -20,30 +20,38 @@
* at runtime from the About dialog for additional information.
*****************************************************************************/
<template>
<div class="holder flex-elem menus-up time-system">
<div class="s-menu-button menu-element"
:class="selectedTimeSystem.cssClass">
<span class="l-click-area" @click="toggleMenu($event)"></span>
<span class="title-label" v-if="selectedTimeSystem.name">
{{selectedTimeSystem.name}}
</span>
<div class="menu" v-if="showMenu">
<div class="c-ctrl-wrapper c-ctrl-wrapper--menus-up"
v-if="selectedTimeSystem.name">
<div class="c-button--menu c-time-system-button"
:class="selectedTimeSystem.cssClass"
@click="toggleMenu($event)">
<span class="c-button__label">{{selectedTimeSystem.name}}</span>
</div>
<div class="c-menu" v-if="showMenu">
<ul>
<li @click="setTimeSystemFromView(timeSystem)"
v-for="timeSystem in timeSystems"
:key="timeSystem.key"
:class="timeSystem.cssClass">
{{timeSystem.name}}
{{timeSystem.name}}
</li>
</ul>
</div>
</div>
</div>
</template>
<style lang="scss">
@import "~styles/sass-base";
.is-realtime-mode {
.c-time-system-button {
background: $colorTimeBg;
&:hover {
background: $colorTimeHov;
}
}
}
</style>
<script>
@ -66,7 +74,7 @@ export default {
},
setTimeSystemFromView(timeSystem) {
if (timeSystem !== this.selectedTimeSystem) {
if (timeSystem.key !== this.selectedTimeSystem.key) {
let activeClock = this.openmct.time.clock();
let configuration = this.getMatchingConfig({
clock: activeClock && activeClock.key,