Add transcript icon to playlist items
authorChloe Laisne <chloe.laisne@gmail.com>
Sun, 25 Sep 2016 13:45:54 +0200
changeset 289 7cae80e5748c
parent 288 f2b77873a156
child 290 ca990333f838
Add transcript icon to playlist items
cms/app-client/app/models/document.js
cms/app-client/app/styles/components/playlist-component.scss
cms/app-client/app/templates/components/playlist-component.hbs
--- a/cms/app-client/app/models/document.js	Sun Sep 25 12:58:15 2016 +0200
+++ b/cms/app-client/app/models/document.js	Sun Sep 25 13:45:54 2016 +0200
@@ -9,6 +9,7 @@
     title: DS.attr('string'),
     language: DS.attr('string'),
     publisher: DS.attr('string'),
+    transcript_url: DS.attr('string'),
     transcript: DS.attr({ defaultValue: function() { return {}; } }),
 
     publishers: DS.attr({ defaultValue: function() { return []; } }),
--- a/cms/app-client/app/styles/components/playlist-component.scss	Sun Sep 25 12:58:15 2016 +0200
+++ b/cms/app-client/app/styles/components/playlist-component.scss	Sun Sep 25 13:45:54 2016 +0200
@@ -153,6 +153,14 @@
     line-height: 24px;
 }
 
+.playlist-component ul li .title .fa-bars {
+    margin-right: 10px;
+}
+
+.playlist-component ul li .title .fa-bars::before {
+    font-size: 14px;
+}
+
 .playlist-component ul li .language a {
     text-transform: capitalize;
     text-decoration: none;
--- a/cms/app-client/app/templates/components/playlist-component.hbs	Sun Sep 25 12:58:15 2016 +0200
+++ b/cms/app-client/app/templates/components/playlist-component.hbs	Sun Sep 25 13:45:54 2016 +0200
@@ -2,7 +2,6 @@
 <ul>
     {{#each documents as |document| }}
     <li id="{{document.id}}" class="{{if (eq player.item document.id) 'playing'}}{{if (eq document.id notice) 'notice'}}" {{action 'select' document.id}}>
-
         <div class="tools">
             <span class="time">
             {{#if (ifAnd (eq player.playing true) (eq player.item document.id))}}
@@ -14,7 +13,12 @@
             </span>
             <button{{action 'displayNotice' document.id bubbles=false}} class="{{if (ifOr (ifAnd (eq player.window 'notice') (eq player.item document.id)) (eq document.id notice)) 'active'}}">Notice</button>
         </div>
-        <span class="title">{{ document.title }}</span>
+        <span class="title">
+            {{#if document.transcript_url}}
+                <i title="Transcript" class="fa fa-bars">Transcript</i>
+            {{/if}}
+            {{ document.title }}
+        </span>
         <span class="author">{{document.publishers_disp}}</span>
         {{doc-language class="language" url=document.language}}
     </li>