Commit 05a9af2b authored by Markus Opolka's avatar Markus Opolka
Browse files

[fix] maybe like this

parent 2b4de723
...@@ -2,7 +2,15 @@ ...@@ -2,7 +2,15 @@
<v-container grid-list-md> <v-container grid-list-md>
<v-layout row wrap> <v-layout row wrap>
<v-flex xs12> <v-flex xs12>
<h3>{{underscore(lettername)}}</h3> <h3>
<v-btn :to="letters[0].link" flat icon>
<v-icon>keyboard_arrow_left</v-icon>
</v-btn>
{{underscore(lettername)}}
<v-btn :to="letters[1].link" flat icon>
<v-icon>keyboard_arrow_right</v-icon>
</v-btn>
</h3>
</v-flex> </v-flex>
</v-layout> </v-layout>
...@@ -111,13 +119,24 @@ export default { ...@@ -111,13 +119,24 @@ export default {
return str.replace('_', ' ') return str.replace('_', ' ')
}, },
breadcrumbs (doc, docs) { breadcrumbs (doc, docs) {
// Create a list of precursor/predecessor elements for showing links to them
let idx = docs.findIndex(function (elem) { let idx = docs.findIndex(function (elem) {
return elem.title === doc return elem.name.replace(' ', '_') === doc
}) })
let start = idx - 2
let end = idx + 3 // If its the first element we push the last one, negative indexing would be nice
this.letters = docs.slice(start, end) if (idx === 0) {
console.log(this.letters) this.letters.push(docs[docs.length - 1])
} else {
this.letters.push(docs[idx - 1])
}
// this.letters.push(docs[idx])
// If its the last element we push the first one, negative indexing would be nice
if (idx === docs.length - 1) {
this.letters.push(docs[0])
} else {
this.letters.push(docs[idx + 1])
}
}, },
load (name) { load (name) {
// Clear variables for idempotence // Clear variables for idempotence
...@@ -146,14 +165,16 @@ export default { ...@@ -146,14 +165,16 @@ export default {
// Do this last for progress bar // Do this last for progress bar
this.letter = doc.TEI this.letter = doc.TEI
// Load breadcrumbs
this.$http.get('http://localhost:3000/api/metadata/table').then(function (data) {
this.breadcrumbs(name, data.body)
})
}) })
} }
}, },
created () { created () {
this.load(this.$route.params.letter) this.load(this.$route.params.letter)
this.$http.get('http://localhost:3000/api/metadata/table').then(function (data) {
this.breadcrumbs(this.$route.params.letter, data.body)
})
} }
} }
</script> </script>
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