Error and Warning Menu

sfcta · Mar 9, 2022 · 2c70ee8 · 2c70ee8
1 parent 9c4d36f
commit 2c70ee8
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 21 deletions.
diff --git a/src/charts/bar.vue b/src/charts/bar.vue
@@ -53,26 +53,26 @@ export default class VueComponent extends Vue {
 
     // Example Error and Warnings
     //
-    // this.$store.commit('setStatus', {
-    //   type: Status.ERROR,
-    //   msg: `This is an Example Error (Bar Plot)`,
-    //   desc: 'Das ist eine detailierte Beschreibung des Fehlers. Damit der Fehler behoben werden kann, muss einiges geändert werden.',
-    // })
-    // this.$store.commit('setStatus', {
-    //   type: Status.WARNING,
-    //   msg: `This is an Example Error (Bar Plot)`,
-    //   desc: 'Das ist eine detailierte Beschreibung des Fehlers. Damit der Fehler behoben werden kann, muss einiges geändert werden.',
-    // })
-    // this.$store.commit('setStatus', {
-    //   type: Status.ERROR,
-    //   msg: `You did a misstake!`,
-    //   desc: 'Leider hast du einen Fehler.....',
-    // })
-    // this.$store.commit('setStatus', {
-    //   type: Status.WARNING,
-    //   msg: `This is an Example Error (Bar Plot) 2`,
-    //   desc: 'Das ist eine detailierte Beschreibung des Fehlers. Damit der Fehler behoben werden kann, muss einiges geändert werden.',
-    // })
+    this.$store.commit('setStatus', {
+      type: Status.ERROR,
+      msg: `This is an Example Error (Bar Plot)`,
+      desc: 'Das ist eine detailierte Beschreibung des Fehlers. Damit der Fehler behoben werden kann, muss einiges geändert werden.',
+    })
+    this.$store.commit('setStatus', {
+      type: Status.WARNING,
+      msg: `This is an Example Error (Bar Plot)`,
+      desc: 'Das ist eine detailierte Beschreibung des Fehlers. Damit der Fehler behoben werden kann, muss einiges geändert werden.',
+    })
+    this.$store.commit('setStatus', {
+      type: Status.ERROR,
+      msg: `You did a misstake!`,
+      desc: 'Leider hast du einen Fehler.....',
+    })
+    this.$store.commit('setStatus', {
+      type: Status.WARNING,
+      msg: `The data is missing!`,
+      desc: 'Please upload some data.',
+    })
     // this.$store.commit('setStatus', {
     //   type: Status.ERROR,
     //   msg: `Oooopppsss.. Data is missing`,

diff --git a/src/components/RunFinderPanel.vue b/src/components/RunFinderPanel.vue
@@ -13,7 +13,7 @@
           tree-view.things(:initialData="node" @navigate="$emit('navigate', $event)")
       .warnings(v-else)
         .message-area(v-if="!state.statusErrors.length") 
-          p There are no errors and warnings :)
+          p.no-error There are no errors and warnings.
         .message-area(v-else)
           h3 {{state.statusErrors.length}} Errors
           .single-message(v-for="err,i in state.statusErrors")
@@ -352,6 +352,11 @@ a {
   margin-left: 0px;
 }
 
+.no-error {
+  text-indent: 0;
+  margin-left: -20px;
+}
+
 ::-webkit-scrollbar-corner {
   background: rgba(0, 0, 0, 0);
 }