Commit 302932aa authored by Markus Opolka's avatar Markus Opolka
Browse files

Add Glossary to frontend

parent e89d8292
...@@ -10,6 +10,23 @@ ...@@ -10,6 +10,23 @@
<p>With the feature search you can quickly lookup the annotated features within all categories. The search supports regular expressions and can be restricted to a single letter.</p> <p>With the feature search you can quickly lookup the annotated features within all categories. The search supports regular expressions and can be restricted to a single letter.</p>
</v-flex> </v-flex>
<v-flex xs12>
<v-expansion-panel>
<v-expansion-panel-content>
<div slot="header">Glossary</div>
<v-card>
<v-card-text class="grey lighten-3">
<ul>
<li v-for="feat in feature_glossary">
{{feat}}
</li>
</ul>
</v-card-text>
</v-card>
</v-expansion-panel-content>
</v-expansion-panel>
</v-flex>
<!-- Select Letter --> <!-- Select Letter -->
<v-flex xs12> <v-flex xs12>
<v-select <v-select
...@@ -91,6 +108,7 @@ export default { ...@@ -91,6 +108,7 @@ export default {
header: 'Feature Search', header: 'Feature Search',
invalid: false, invalid: false,
searching: false, searching: false,
feature_glossary: [],
feature_category: '', feature_category: '',
feature_type: '', feature_type: '',
feature_subtype: '', feature_subtype: '',
...@@ -154,6 +172,11 @@ export default { ...@@ -154,6 +172,11 @@ export default {
} }
}, },
created () { created () {
// Get feature glossary
this.$http.get('http://localhost:3000/api/features').then(function (data) {
this.feature_glossary = data.body
})
// Create list of all letters // Create list of all letters
this.$http.get('http://localhost:3000/api/metadata/table').then(function (data) { this.$http.get('http://localhost:3000/api/metadata/table').then(function (data) {
for (let letter of data.body) { for (let letter of data.body) {
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment