home.html 2.54 KB
Newer Older
1
<div class="home">
Kenzo-Hugo Hillion's avatar
Kenzo-Hugo Hillion committed
2
  <v-toolbar class="secondary darken-1 white--text" dense>
3
    <v-icon class="white--text">fa-home</v-icon>
Kenzo-Hugo Hillion's avatar
Kenzo-Hugo Hillion committed
4
5
    <v-toolbar-title>Home</v-toolbar-title>
  </v-toolbar>
6
7
8
9
10
11
12
  <v-card>
    <v-container fluid>
      <v-layout wrap align-center>
        <v-flex sm12 md6 class="mr-4">
          <v-toolbar class="primary lighten-1 white--text" dense>
            <v-toolbar-title>Welcome to MetageneDB</v-toolbar-title>
          </v-toolbar>
Kenzo-Hugo Hillion's avatar
Kenzo-Hugo Hillion committed
13
          <v-card class="blue-grey lighten-5">
14
15
            <v-card-text>
              <v-container class="pa-0 text-xs-justify">
16
                <v-layout justify-space-around>
17
18
19
20
21
22
23
24
25
26
                  <v-flex md10>
                    <v-text-field
                      label="Enter gene ID to visit page"
                      solo
                      class="my-1 mx-2"
                      flat
                      v-model="geneId"
                      v-on:keyup.enter.native="goToGeneDetail"
                    ></v-text-field>
                  </v-flex>
27
                  <v-flex md1>
28
29
30
31
32
33
34
35
36
37
                    <v-btn
                      :to="/gene-detail/ + geneIdLower"
                      small fab
                      :disabled="disableGo"
                      class="light-green lighten-2"
                    >
                      Go
                    </v-btn>
                  </v-flex>
                </v-layout>
38
39
40
41
42
43
44
45
46
47
                <p>
                  <b>MetageneDB</b> supports metagenomic gene catalogs by easing their use and providing an intuitive interface to browse and visualize their content.</br>
                </p>
                The backend server also exposes an API that can be requested to obtain annotations about a given gene and its documentation can be found
                <a href="/api/swagger" target="_blank">here</a>.
              </v-container>
            </v-card-text>
          </v-card>
        </v-flex>
        <v-flex md5 class="ml-4">
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
          <v-layout wrap justify-space-between>
            <v-flex
              v-for="item in menu"
              md6
              class="px-2"
            >
              <v-btn :to="item.route" large block class="primary lighten-1">
                <v-layout align-center>
                  <v-icon>{{ item.icon }}</v-icon>
                  <v-spacer/>
                  <span class="body-2">{{ item.title }}</span>
                  <v-spacer/>
                </v-layout>
              </v-btn>
            </v-flex>
          </v-layout>
64
65
66
67
        </v-flex>
      </v-layout>
    </v-container>
  </v-card>
Kenzo-Hugo Hillion's avatar
Kenzo-Hugo Hillion committed
68
69
  <!-- Logos -->
  <logos/>
70
</div>