cms/app-client/app/templates/components/transcript-component.hbs
changeset 476 9cffc7f32f14
parent 461 9b7a6c099870
equal deleted inserted replaced
475:dbb941b9fb66 476:9cffc7f32f14
    11       <div>
    11       <div>
    12         <h3>{{section.title}}</h3>
    12         <h3>{{section.title}}</h3>
    13         <ol class="annotations">
    13         <ol class="annotations">
    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}} title="lecture {{milli-to-minutes 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 {{action 'play' (or annotation.begin turn.begin) }}>
    19             <div {{action 'play' (or annotation.begin turn.begin) }} title="lecture {{milli-to-minutes (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" {{action 'play' (or word.begin annotation.begin turn.begin) }}>
    30                     <div class="word" {{action 'play' (or word.begin annotation.begin turn.begin) }} title="lecture {{milli-to-minutes (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)}}
    33                       {{#if (and word.morphenes word.morphenes.length)}}
    34                       <div class="morphene-container">
    34                       <div class="morphene-container">
    35                       {{#each word.morphenes as |morph|}}
    35                       {{#each word.morphenes as |morph|}}
    57     {{/each}}
    57     {{/each}}
    58   {{else}}
    58   {{else}}
    59     <ol class="annotations">
    59     <ol class="annotations">
    60     {{#each transcript.annotations as |annotation index|}}
    60     {{#each transcript.annotations as |annotation index|}}
    61       <li class="sentence" id="sentence-{{index}}">
    61       <li class="sentence" id="sentence-{{index}}">
    62         <i class="fa fa-play" {{action 'play' annotation.begin}}>Play</i>
    62         <i class="fa fa-play" {{action 'play' annotation.begin}} title="lecture {{milli-to-minutes annotation.begin}}">Play</i>
    63         {{#if annotation.title}}<span class="title">{{annotation.title}}</span>{{/if}}
    63         {{#if annotation.title}}<span class="title">{{annotation.title}}</span>{{/if}}
    64         <div class="fragment">
    64         <div class="fragment">
    65           {{#if annotation.original}}
    65           {{#if annotation.original}}
    66           <p class="original">
    66           <p class="original">
    67             {{#if annotation.speaker}}<span class="speaker">{{annotation.speaker}} :</span>{{/if}}
    67             {{#if annotation.speaker}}<span class="speaker">{{annotation.speaker}} :</span>{{/if}}
    69           </p>
    69           </p>
    70           {{/if}}
    70           {{/if}}
    71           {{#if annotation.literal}}
    71           {{#if annotation.literal}}
    72           <div class="words">
    72           <div class="words">
    73             {{#each annotation.literal as |word|}}
    73             {{#each annotation.literal as |word|}}
    74               <div class="word" {{action 'play' (or word.begin annotation.begin) }}>
    74               <div class="word" {{action 'play' (or word.begin annotation.begin) }} title="lecture {{milli-to-minutes (or word.begin annotation.begin)}}">
    75                 <p class="original">{{word.original}}</p>
    75                 <p class="original">{{word.original}}</p>
    76                 <p class="translation">{{word.translation}}</p>
    76                 <p class="translation">{{word.translation}}</p>
    77                 {{#if (and word.morphenes word.morphenes.length)}}
    77                 {{#if (and word.morphenes word.morphenes.length)}}
    78                 <div class="morphene-container">
    78                 <div class="morphene-container">
    79                   {{#each word.morphenes as |morph|}}
    79                   {{#each word.morphenes as |morph|}}