Home.vue 1.43 KB
Newer Older
1
<template>
2
  <b-container>
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
    <div v-if="$parent.user.logged_in === true">
      <div align="center">
        <h1>Welcome to the Dashboard!</h1>
        <p>Here are some infos for you on how to use this interface...</p>
        <br />
      </div>
      <b-row align="center">
        <b-col sm="3">
          <router-link to="shows">
            <img src="../assets/applications-multimedia.png">
            <p>Schedule your shows</p>
          </router-link>
        </b-col>
        <b-col sm="3">
          <router-link to="files">
            <img src="../assets/audio-x-generic.png">
            <p>Manage files and playlists</p>
          </router-link>
        </b-col>
        <b-col sm="3">
          <router-link to="settings">
            <img src="../assets/applications-system.png">
            <p>Settings</p>
          </router-link>
        </b-col>
        <b-col sm="3">
          <router-link to="help">
            <img src="../assets/help-browser.png">
            <p>Help pages</p>
          </router-link>
        </b-col>
      </b-row>
    </div>
    <div v-else align="center">
      <p>You are not logged in yet.</p>
      <b-button size="lg" variant="outline-secondary" @click="$parent.signIn">Log in</b-button>
39
    </div>
40
41
42
43
44
  </b-container>
  <!--
  All icons used are taken from the Tango Project, which put them into public domain:
  http://tango.freedesktop.org
  -->
45
46
47
48
49
50
51
52
53
</template>

<script>
export default {}
</script>

<style>

</style>