Rotating loading messages

.gitignore

@@ -8,3 +8,4 @@ npm-debug.log
 npm-debug.log.*
 thumbs.db
 !.gitkeep
+.idea

src/renderer/App.vue

@@ -175,6 +175,12 @@
             showPassword() {
                 return this.$store.state.password_box.message !== "";
             },
+            rotateMessage() {
+                this.$store.commit('showMessage', {
+                    'title': this.$store.state.message_box.title,
+                    'message': this.entryFromArr(this.messages)
+                });
+            },
             hasMessage() {
                 if(this.$store.state.message_box.title !== "") {
                     let url = this.entryFromArr(this.message_box_images);
@@ -189,6 +195,7 @@
                         }
 
                         this.$store.commit('showMessage', a);
+                        setInterval(this.rotateMessage, 5000);
                     }
                     return true;
                 } else {

src/renderer/assets/wow.css

@@ -733,6 +733,10 @@ main.dashboard div[data-collapsed=false] .card-body {
     margin-left: 20px;
 }
 
+.loading {
+    width: 500px;
+}
+
 .loading, .password {
     width: 100%;
     height: 100%;
@@ -1167,4 +1171,4 @@ main.enterpassword .password_seq .heli {
     position: fixed;
     left: 420px;
     bottom: 4px;
-}
+}