Rendering DE domain organizational logo, too

Author: bryanesmith

app/components/transcript/transcript.html

@@ -12,7 +12,9 @@
     </div>
 
     <div class="transcript-header">
-      <img ng-src="{{domain_logo_secondary}}" class="logo"/>
+      <img ng-src="{{domain_logo_secondary}}"
+           class="logo"
+           ng-if="!!domain_logo_secondary" />
       <div class="right">
         <div class="user-name">{{transcript.user.givenName}} {{transcript.user.familyName}}</div>
         <div class="rop-time">Status as of: {{transcript.created_at}}</div>

app/components/transcript/transcript.js

@@ -2,7 +2,7 @@
 import request from 'superagent';
 
 import template from './transcript.html';
-import domain_logo from '../../images/Atlas.png';
+import atlas_logo from '../../images/Atlas.png';
 import moment from "moment";
 import _ from 'lodash';
 
@@ -13,17 +13,32 @@ export default ['$http', 'transcriptService', '$stateParams', function($http, tr
     templateUrl:template,
     link: function(scope, element){
 
-      scope.domain_logo_secondary = domain_logo;
+      scope.domain_logo_secondary = atlas_logo;
 
       scope.transcriptLoading = true;
 
+      function logo(transcript, url) {
+
+          if (!url) {
+              // TODO: hack for demo
+              const isAtlas = transcript.user.givenName === 'Olivia';
+              return isAtlas ? atlas_logo : null;
+          } else if (!url.startsWith("http")) {
+              const host = window.lo_api_config && window.lo_api_config.root
+              return host ? host + url : null;
+          } else {
+              return url;
+          }
+
+          scope.domain_logo_secondary = transcript.organization.logo;
+      }
+
       transcriptService.getTranscriptForUser($stateParams.userId)
       .then(transcript => {
 
-        // TODO: parameterize the logo
-        const isAtlas = transcript.user.givenName === 'Olivia';
+        scope.domain_logo_secondary = logo(transcript, transcript.organization.logo);
 
-        scope.domain_logo_secondary = isAtlas ? domain_logo : transcript.organization.logo;
+        console.log("Logo: "+scope.domain_logo_secondary);
 
         scope.transcriptLoading = false;
         console.log('got:', transcript)