14 {{#each section.turns as |turn indexTurn|}} |
14 {{#each section.turns as |turn indexTurn|}} |
15 <li class="sentence" id="sentence-{{indexSection}}-{{indexTurn}}"> |
15 <li class="sentence" id="sentence-{{indexSection}}-{{indexTurn}}"> |
16 <i class="fa fa-play" {{action 'play' turn.begin}}>Play</i> |
16 <i class="fa fa-play" {{action 'play' turn.begin}}>Play</i> |
17 {{#if turn.title}}<span class="title">{{turn.title}}</span>{{/if}} |
17 {{#if turn.title}}<span class="title">{{turn.title}}</span>{{/if}} |
18 {{#each turn.annotations as |annotation|}} |
18 {{#each turn.annotations as |annotation|}} |
19 <div> |
19 <div {{action 'play' (or annotation.begin turn.begin) }}> |
20 <div class="fragment"> |
20 <div class="fragment"> |
21 {{#if annotation.original}} |
21 {{#if annotation.original}} |
22 <p class="original"> |
22 <p class="original"> |
23 {{#if annotation.speaker}}<span class="speaker">{{annotation.speaker}} :</span>{{/if}} |
23 {{#if annotation.speaker}}<span class="speaker">{{annotation.speaker}} :</span>{{/if}} |
24 <span class="annotation-content">{{annotation-content annotation.original}}</span> |
24 <span class="annotation-content">{{annotation-content annotation.original}}</span> |
25 </p> |
25 </p> |
26 {{/if}} |
26 {{/if}} |
27 {{#if annotation.literal}} |
27 {{#if annotation.literal}} |
28 <div class="words"> |
28 <div class="words"> |
29 {{#each annotation.literal as |word|}} |
29 {{#each annotation.literal as |word|}} |
30 <div class="word"> |
30 <div class="word" {{action 'play' (or word.begin annotation.begin turn.begin) }}> |
31 <p class="original">{{word.original}}</p> |
31 <p class="original">{{word.original}}</p> |
32 <p class="translation">{{word.translation}}</p> |
32 <p class="translation">{{word.translation}}</p> |
|
33 {{#if (and word.morphenes word.morphenes.length)}} |
|
34 <div class="morphene-container"> |
|
35 {{#each word.morphenes as |morph|}} |
|
36 <div class="morphene"> |
|
37 <p class="morphene-original">{{morph.original}}</p> |
|
38 <p class="morphene-translation">{{morph.translation}}</p> |
|
39 </div> |
|
40 {{/each}} |
|
41 </div> |
|
42 {{/if}} |
33 </div> |
43 </div> |
34 {{/each}} |
44 {{/each}} |
35 </div> |
45 </div> |
36 {{/if}} |
46 {{/if}} |
37 {{#if annotation.translation}} |
47 {{#if annotation.translation}} |
59 </p> |
69 </p> |
60 {{/if}} |
70 {{/if}} |
61 {{#if annotation.literal}} |
71 {{#if annotation.literal}} |
62 <div class="words"> |
72 <div class="words"> |
63 {{#each annotation.literal as |word|}} |
73 {{#each annotation.literal as |word|}} |
64 <div class="word"> |
74 <div class="word" {{action 'play' (or word.begin annotation.begin) }}> |
65 <p class="original">{{word.original}}</p> |
75 <p class="original">{{word.original}}</p> |
66 <p class="translation">{{word.translation}}</p> |
76 <p class="translation">{{word.translation}}</p> |
|
77 {{#if (and word.morphenes word.morphenes.length)}} |
|
78 <div class="morphene-container"> |
|
79 {{#each word.morphenes as |morph|}} |
|
80 <div class="morphene"> |
|
81 <p class="morphene-original">{{morph.original}}</p> |
|
82 <p class="morphene-translation">{{morph.translation}}</p> |
|
83 </div> |
|
84 {{/each}} |
|
85 </div> |
|
86 {{/if}} |
67 </div> |
87 </div> |
68 {{/each}} |
88 {{/each}} |
69 </div> |
89 </div> |
70 {{/if}} |
90 {{/if}} |
71 {{#if annotation.translation}} |
91 {{#if annotation.translation}} |