App.vue 2.06 KB
Newer Older
Markus Opolka's avatar
Markus Opolka committed
1
<template>
Markus Opolka's avatar
Markus Opolka committed
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<v-app id="inspire">
  <v-navigation-drawer
    persistent
    v-model="drawer"
    enable-resize-watcher
    app
    >
    <v-list>
      <v-list-tile>
        <v-list-tile-content>
          <v-list-tile-title >
            <span>Menu</span>
          </v-list-tile-title>
        </v-list-tile-content>
      </v-list-tile>
      <v-divider></v-divider>
Markus Opolka's avatar
Markus Opolka committed
18
19
20
      <v-list dense class="pt-0">
        <v-list-tile v-for="item in items" :key="item.title" router v-bind:to="item.href">
          <v-list-tile-action >
Markus Opolka's avatar
Markus Opolka committed
21
22
            <v-icon>{{ item.icon }}</v-icon>
          </v-list-tile-action>
Markus Opolka's avatar
Markus Opolka committed
23
          <v-list-tile-content>
Markus Opolka's avatar
Markus Opolka committed
24
            <v-list-tile-title>{{ item.title }}</v-list-tile-title>
Markus Opolka's avatar
Markus Opolka committed
25
26
          </v-list-tile-content>
        </v-list-tile>
Markus Opolka's avatar
Markus Opolka committed
27
      </v-list>
Markus Opolka's avatar
Markus Opolka committed
28
29
    </v-list>
  </v-navigation-drawer>
Markus Opolka's avatar
Markus Opolka committed
30

Markus Opolka's avatar
Markus Opolka committed
31
  <v-toolbar color="blue darken-4" dark fixed app>
Markus Opolka's avatar
Markus Opolka committed
32
33
34
35
36
37
38
39
40
41
42
43
44
      <v-toolbar-side-icon @click.stop="drawer = !drawer"></v-toolbar-side-icon>
      <v-toolbar-title>{{name}}</v-toolbar-title>
      <v-spacer></v-spacer>
      <img src="/static/logo-fau-white.png">
    </v-toolbar>

    <main>
      <v-fade-transition mode="out-in">
        <v-content>
          <router-view></router-view>
        </v-content>
      </v-fade-transition>
    </main>
45
    <v-footer color="blue darken-4" app>
Markus Opolka's avatar
Markus Opolka committed
46
47
48
49
50
51
52
53
54
55
      <span class="white--text">&copy; 2017 Friedrich-Alexander-Universität Erlangen-Nürnberg</span>
    </v-footer>
 </v-app>

</template>

<script type="text/babel">
  export default {
    data () {
      return {
Markus Opolka's avatar
Markus Opolka committed
56
        name: 'CDBP - Corpus des bagnards et leurs proches',
Markus Opolka's avatar
Markus Opolka committed
57
58
        drawer: true,
        items: [{
Markus Opolka's avatar
Markus Opolka committed
59
          href: '/index',
Markus Opolka's avatar
Markus Opolka committed
60
          title: 'Home',
Markus Opolka's avatar
Markus Opolka committed
61
62
          icon: 'home'
        }, {
Markus Opolka's avatar
Markus Opolka committed
63
          href: '/letters',
Markus Opolka's avatar
Markus Opolka committed
64
          title: 'Letters',
Markus Opolka's avatar
Markus Opolka committed
65
          icon: 'mail_outline'
Markus Opolka's avatar
Markus Opolka committed
66
67
        }, {
          href: '/metadata',
Markus Opolka's avatar
Markus Opolka committed
68
          title: 'Metadata',
Markus Opolka's avatar
Markus Opolka committed
69
          icon: 'apps'
70
        }, {
Markus Opolka's avatar
Markus Opolka committed
71
          href: '/features',
Markus Opolka's avatar
Markus Opolka committed
72
          title: 'Features',
Markus Opolka's avatar
Markus Opolka committed
73
          icon: 'menu'
Markus Opolka's avatar
Markus Opolka committed
74
        }, {
Markus Opolka's avatar
Markus Opolka committed
75
          href: '/search',
Markus Opolka's avatar
Markus Opolka committed
76
          title: 'Search',
Markus Opolka's avatar
Markus Opolka committed
77
78
79
80
81
82
          icon: 'search'
        }]
      }
    }
  }
</script>