auto open error page and different colors

sfcta · Mar 22, 2022 · 90afde5 · 90afde5
1 parent e4b3606
commit 90afde5
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/src/components/RunFinderPanel.vue b/src/components/RunFinderPanel.vue
@@ -37,7 +37,9 @@
       button.button(:class="{'is-dark' : state.isDarkMode}" @click="onScan" :title="$t('sync')"): i.fa.fa-sync
       button.button(:class="{'is-dark' : state.isDarkMode}" @click="onDarkLight" :title="$t('theme')"): i.fa.fa-adjust
       button.button(:class="{'is-dark' : state.isDarkMode}" @click="onLanguage" :title="$t('lang')"): i.fa.fa-globe
-      button.button(:class="{'is-dark' : state.isDarkMode}" @click="onWarning" :title="$t('lang')"): i.fa.fa-exclamation-triangle
+      button.button(v-if="state.statusErrors.length" :class="{'is-dark' : state.isDarkMode}" style="background-color: red; color: white; border-color: red" @click="onWarning" :title="$t('lang')"): i.fa.fa-exclamation-triangle
+      button.button(v-if="!state.statusErrors.length && state.statusWarnings.length" :class="{'is-dark' : state.isDarkMode}" style="background-color: yellow; border-color: yellow" @click="onWarning" :title="$t('lang')"): i.fa.fa-exclamation-triangle
+      button.button(v-if="!state.statusErrors.length && !state.statusWarnings.length" :class="{'is-dark' : state.isDarkMode}" @click="onWarning" :title="$t('lang')"): i.fa.fa-exclamation-triangle
       button.button(:class="{'is-dark' : state.isDarkMode}" style="margin-right: 0" @click="onSplit" :title="$t('split')"): i.fa.fa-columns
 
     p(style="margin: 0.25rem 0.25rem 0.25rem 0.5rem") {{ globalState.runFolderCount ? `Folders scanned: ${globalState.runFolderCount}` : '' }}
@@ -104,6 +106,14 @@ class MyComponent extends Vue {
     this.debounceRunFoldersChanged()
   }
 
+  @Watch('$store.state.statusErrors') openErrorPage() {
+    this.showWarnings = true
+  }
+
+  @Watch('$store.state.statusWarnings') openWarningPage() {
+    this.showWarnings = true
+  }
+
   @Watch('state.isDarkMode') updateTheme() {
     console.log('Hi!', this.$store.state.statusWarnings)
   }