... some more mock-up features

src/App.vue

@@ -32,7 +32,7 @@ export default {
       },
       'user': {
         name: 'jackie',
-        logged_in: false
+        logged_in: true
       }
     }
   }

src/components/Header.vue

@@ -10,7 +10,7 @@
     </div>
     <div class="content-width section group">
       <div class="col span_1_of_4">
-        <router-link to="help"><img src="../assets/help-browser-32x32.png" alt="Help symbol" v-on:click="activeModule.route = 'help'"></router-link>
+        <router-link to="help"><img src="../assets/help-browser-32x32.png" alt="Help symbol" title="Go to help pages" v-on:click="activeModule.route = 'help'"></router-link>
       </div>
       <div class="col span_2_of_4">
         <nav>
@@ -23,10 +23,10 @@
       <div class="col span_1_of_4">
         <div v-if="user.logged_in">
           Logged in as: {{ user.name }}
-          <router-link v-bind:to="{ name: 'login', params: { action: 'logout'} }"><img src="../assets/16x16/media-eject.png" alt="Log out" v-on:click="user.logged_in = !user.logged_in"></router-link>
+          <router-link v-bind:to="{ name: 'login', params: { action: 'logout'} }"><img src="../assets/16x16/media-eject.png" alt="log-out symbol" title="Log out" v-on:click="user.logged_in = !user.logged_in"></router-link>
         </div>
         <div v-if="! user.logged_in">
-          You are not logged in. <router-link to="login"><img src="../assets/16x16/system-users.png" alt="Log in" v-on:click="user.logged_in = !user.logged_in"></router-link>
+          You are not logged in. <router-link to="login"><img src="../assets/16x16/system-users.png" alt="log-in symbol" title="Log in" v-on:click="user.logged_in = !user.logged_in"></router-link>
         </div>
       </div>
     </div>

src/components/LogIn.vue

@@ -6,7 +6,7 @@
       <br /><br />
       <p><b>By the mighty witchcraftry of the mother of time!</b></p>
       <p>This feature is not implemented yet.</p>
-      <p style="color:#ad7fa8;">But we are nice, we've logged you in automatically</p>
+      <p style="color: #ad7fa8;">But we are nice, we've logged you in automatically</p>
       <br /><br />
     </div>
   </div>

src/components/ShowManager.vue

@@ -82,6 +82,9 @@
           <span v-else="shows[currentShow].short_description === ''"><b>Kurzbeschreibung</b><br />{{ shows[currentShow].short_description }}</span>
           <img src="../assets/16x16/emblem-system.png" alt="edit" v-on:click="setShortDescription" />
         </p>
+        <p>
+          CBA-Url: <a v-bind:href="shows[currentShow].cba_url">{{ shows[currentShow].cba_url }}</a> <img src="../assets/16x16/emblem-system.png" alt="edit" v-on:click="setShortDescription" />
+        </p>
       </div>
       <div v-else style="text-align: center;"><img src="../assets/radio.gif" alt="loading data" /><br /></div>
     </div>