visualizer_browser.html

<!--
# Visualizer Tempaltes
-->

<script id="title" type="text/x-handlebars-template">
  <div style="height: 235px; width: 100%; float: left; overflow: scroll;">
  <h1>{{title.title.u}}</h1>
  </div>
</script>

<script id="text" type="text/x-handlebars-template">
  <div style="height: 235px; width: 470px; float: left; overflow: scroll;">
  <p>{{text.u}}</p>
  </div>
</script>

<script id="person_name" type="text/x-handlebars-template">
  <div style="height: 235px; width: 235px; float: left; overflow: hidden;">
      {{person_name.lastName.u}} {{person_name.firstName.u}}
  </div>
</script>

<script id="address_line3" type="text/x-handlebars-template">
  <div style="height: 235px; width: 235px; float: left; overflow: hidden;">
      {{#each address}}
          {{this.country.u}}-{{this.postalCode.u}} {{this.city.u}}
      {{/each}}
  </div>
</script>

<script id="address" type="text/x-handlebars-template">
  <div style="height: 235px; width: 235px; float: left; overflow: hidden;">
      {{addressBlock.person_name.firstName.u}} {{addressBlock.person_name.lastName.u}}<br />
      {{#each addressBlock.addressLink}}
          {{#if addressPartCombine.address_line2.street.u}}{{addressPartCombine.address_line2.street.u}}<br />{{/if}}
          {{#if addressPartCombine.address_line2.street2.u}}{{addressPartCombine.address_line2.street2.u}}<br />{{/if}}
          {{addressPartCombine.address_line3.country.u}}-{{addressPartCombine.address_line3.postalCode.u}} {{addressPartCombine.address_line3.city.u}}
      {{/each}}
  </div>
</script>


<script id="inventor" type="text/x-handlebars-template">
  <div style="height: 235px; width: 235px; float: left; overflow: hidden;">
      Inventors
      <ul>
      {{#each inventor}}
      <li>{{this.lastName.u}}</li>
      {{/each}}
      </ul>
  </div>
</script>

<script id="license" type="text/x-handlebars-template">
  <div style="height: 235px; width: 235px; float: left; overflow: scroll;">
    <p><small>&copy; {{license.u}}</small></p>
  </div>
</script>

<script id="title_text" type="text/x-handlebars-template">
  <div style="height: 235px; width: 470px; float: left; overflow: scroll;">
    <h1>{{title}}</h1>
    <p>{{text}}</p>
  </div>
</script>

<script id="community" type="text/x-handlebars-template">
  <div style="height: 235px; width: 470px; background-color: lightgrey; padding: 4px; float: left; overflow: scroll;">
  <div style="width: 235px; height: 235px; overflow: hidden; margin: -4px;" class="pull-right">
    <img style="min-width: 235px; min-height: 235px; max-width: 300px; max-height: 300px" src="{{community.img_url.u}}" />
  </div>
    <h1>{{community.label_comment.title.u}}</h1>
    <p>{{community.label_comment.text.u}}</p>
  </div>
</script>

<script id="label_comment" type="text/x-handlebars-template">
  <div style="height: 235px; width: 470px; float: left; overflow: scroll; padding: 4px;">
    <h1>{{title.u}}</h1>
    <p>{{text.u}}</p>
  </div>
</script>

<script id="location" type="text/x-handlebars-template">
    <div id="map-canvas" style="height: 235px; width: 235px; float: left;">
        <big>&#8982;</big> {{location.lat.u}} / {{location.long.u}}
    </div> 
</script>

<script id="creator" type="text/x-handlebars-template">
    <div style="height: 235px; width: 235px; float: left;">
        {{#each creator}}
            This resource was created by {{this.title.u}}.
        {{/each}}
    </div> 
</script>

<script id="created" type="text/x-handlebars-template">
    <div style="height: 235px; width: 235px; float: left;">
        This resource was created on {{created.u}}.
    </div> 
</script>

<script id="createMeta" type="text/x-handlebars-template">
    <div style="height: 235px; width: 235px; float: left;">
        This resource was created by {{#each creator}}{{this.title.u}}{{/each}} on {{created.u}}
        
    </div> 
</script>


<script id="location_js" type="text/x-handlebars-template">
        var script = document.createElement("script");
        script.type = "text/javascript";
        script.src = "http://maps.googleapis.com/maps/api/js?key=AIzaSyAFRTcPPyYit9ERj9COlgpgYW-Ve-lUeUs&sensor=false&callback=initializeMap";
        document.body.appendChild(script);
        
        initializeMap = function () {
            var myLatlng = new google.maps.LatLng({{location.lat.u}}, {{location.long.u}});
            var mapOptions = { center: myLatlng, disableDefaultUI: true, zoomControl: true, zoom: 12, mapTypeId: google.maps.MapTypeId.ROADMAP };
            var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
        };
</script>

<!--<script id="pmid" type="text/x-handlebars-template">
  <div>
    <p>Online at <a href="http://www.ncbi.nlm.nih.gov/pubmed/{{pmid}}">http://www.ncbi.nlm.nih.gov/pubmed/{{pmid}}</a></p>
  </div>
</script>-->

<script id="img" type="text/x-handlebars-template">
  <div style="width: 235px; height: 235px; float: left">
  <img style="min-width: 235px; min-height: 235px;" src="{{img_url.u}}" class="img-responsive" />
  </div>
</script>

<script id="literal" type="text/x-handlebars-template">
    {{#with literal}}
    <div style="width: 235px; height: 235px; float: left"><p title="{{{subject.u}}} - {{{predicate.u}}}"><b>{{{name.u}}}</b>:<br /> {{{text.u}}}</p></div>
    {{/with}}
</script>

<!-- void -->
<script id="void" type="text/x-handlebars-template">
</script>

<!-- unknown -->
<script id="unknown" type="text/x-handlebars-template">
  <div style="width: 235px; height: 235px; float: left; overflow: scroll">
      {{#with unknown}}
      <small><p>{{{subject.u}}}<br />&#9608;<br />{{{predicate.u}}}<br />&#9608;<br />{{{object.u}}}</p></small>
      {{/with}}
  </div>
</script>