36 lines
874 B
JavaScript
36 lines
874 B
JavaScript
import Component from '@glimmer/component';
|
|
import { action } from '@ember/object';
|
|
import { tracked } from "@glimmer/tracking";
|
|
import { books } from "../data/book-chapter-verse";
|
|
|
|
export default class ScriptureNavBarComponent extends Component {
|
|
@tracked chaptersVisible = false;
|
|
@tracked versesVisible = false;
|
|
@tracked currentBook = null;
|
|
@tracked currentChapter = null;
|
|
|
|
constructor(...args) {
|
|
super(...args);
|
|
this.books = books;
|
|
}
|
|
|
|
@action
|
|
showChapters(book) {
|
|
this.chaptersVisible = true;
|
|
this.versesVisible = false;
|
|
this.currentBook = book;
|
|
}
|
|
|
|
@action
|
|
showVerses(book, chapter) {
|
|
this.versesVisible = true;
|
|
this.currentChapter = chapter;
|
|
}
|
|
|
|
@action
|
|
verseSelected(book, chapter, verse) {
|
|
// Load the DOM with vese page
|
|
console.log('[verseSelected] called: ' + book + ' ' + chapter + ':' + verse);
|
|
}
|
|
}
|