Add lables to the chapter and verse menus
This commit is contained in:
parent
2cbf0d8afb
commit
210da388e9
|
@ -1,4 +1,5 @@
|
||||||
<Scrollmenu @visible={{@visible}}>
|
<Scrollmenu @visible={{@visible}}>
|
||||||
|
<span class="label">Chapters:</span>
|
||||||
{{#each @book.chapters as |chapter|}}
|
{{#each @book.chapters as |chapter|}}
|
||||||
<Chapter @book={{@book}} @chapter={{chapter}} @active={{this.isChapterActive}} @showVerses={{this.showVerses}} />
|
<Chapter @book={{@book}} @chapter={{chapter}} @active={{this.isChapterActive}} @showVerses={{this.showVerses}} />
|
||||||
{{/each}}
|
{{/each}}
|
||||||
|
|
|
@ -1,3 +1,3 @@
|
||||||
<div class="scrollmenu" style="visibility: {{this.visibility}}">
|
<div class="scrollmenu" style="display: {{this.visibility}}">
|
||||||
{{yield}}
|
{{yield}}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -5,9 +5,9 @@ import { action } from '@ember/object';
|
||||||
export default class ScrollmenuComponent extends Component {
|
export default class ScrollmenuComponent extends Component {
|
||||||
get visibility() {
|
get visibility() {
|
||||||
if (this.args.visible == 'false' || this.args.visible == false) {
|
if (this.args.visible == 'false' || this.args.visible == false) {
|
||||||
return "hidden";
|
return "none";
|
||||||
} else {
|
} else {
|
||||||
return "visible";
|
return "inline-block";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,4 +1,5 @@
|
||||||
<Scrollmenu @visible={{@visible}}>
|
<Scrollmenu @visible={{@visible}}>
|
||||||
|
<span class="label">Verses:</span>
|
||||||
{{#each this.verseList as |verse|}}
|
{{#each this.verseList as |verse|}}
|
||||||
<Verse @book={{@book.name}} @chapter={{@chapter}} @verse={{verse}} @verseSelected={{this.verseSelected}} />
|
<Verse @book={{@book.name}} @chapter={{@chapter}} @verse={{verse}} @verseSelected={{this.verseSelected}} />
|
||||||
{{/each}}
|
{{/each}}
|
||||||
|
|
Loading…
Reference in New Issue