added admin groups and working user deletion, etc.

src/components/Test.vue

@@ -1,6 +1,9 @@
 <!-- components/Test.vue -->
 <template>
     <div>
+      <section class="hero is-primary">
+        <div class="hero-body">
+          <div class="container has-text-centered">
         <b-alert
                 :show="dismissCountDown"
                 dismissible
@@ -16,6 +19,9 @@
         <b-button @click="$parent.showErrorMessage('tolle error message')" variant="warning" class="m-1">
           Show error message
         </b-button>
+        <b-button @click="showTestMessageLonger" variant="danger" class="m-1">
+          Show test message longer
+        </b-button>
         <h1>Toller Test</h1>
         <span>{{ $socket.connected ? 'Connected' : 'Disconnected' }}</span>
         <button v-if="$socket.connected" @click="disconnectWebsocket">Disconnect</button>
@@ -26,6 +32,9 @@
 
 
       <router-link :to="{name: 'recorder', params: {recorder_id: 1}}">rec 1</router-link>
+          </div>
+        </div>
+      </section>
     </div>
 </template>
 
@@ -62,6 +71,9 @@
             showAlert() {
                 this.dismissCountDown = this.dismissSecs;
             },
+            showTestMessageLonger(){
+                EventBus.$emit('normalMessage', {msg: 'message', time:100})
+            },
         },
         mounted() {
             this.$socket.client.on('my_response', function(msg) {