added missing changes to app templates

Author: jmvillaveces

hicbrowser/client/README.md

@@ -1,2 +1,19 @@
-# HiCBrowser-web-client
-A web client for HiCBrowser
+# HiCBrowser web client
+
+This project aims to visualize gene expression profiles in the context of mitochondrial processes. See a working demo [here](http://jmvillaveces.github.io/mito_models_visualization/dist/).
+
+## Getting Started
+
+1. Clone the project
+`git clone https://github.com/maxplanck-ie/HiCBrowser`
+2. Install dependencies
+`npm i`
+3. Compile the project
+`grunt dist`
+
+## Built With
+
+* [NPM](https://www.npmjs.com/) - Dependency Management
+* [GRUNT](http://gruntjs.com/) - Task Runner
+* [Backbone](http://backbonejs.org/) -  model–view–presenter (MVP) application design paradigm
+* [Handlebars](http://handlebarsjs.com/) - HTML templating

hicbrowser/client/templates/browser.hbs

@@ -1,10 +1,10 @@
 <div class="container-fixed">
     <div class="row">
         {{#each tracks}}
-            <div class="col-xs-4 img_wrapper">
+            <div class="col-xs-12 img_wrapper">
                 <img class="lazy" data-original="{{this}}">
                 <!--<img src="{{this}}" onload="imgLoaded(this)">-->
             </div>
         {{/each}}
     </div>
-</div>
+</div>

hicbrowser/client/templates/gene.hbs

@@ -1,18 +1,21 @@
 <div class="col-lg-12">
-    
+
     {{#if name}}
         <h1 class="page-header">
             {{name}}
-            <small> 
+            <small>
                  chromosome {{chromosome}} (start: {{start}}, end: {{end}})
             </small>
         </h1>
         <div style="width: 900px;" id="{{feature_viewer}}"></div>
-        <a href="/#/browser/{{chromosome}}:{{start}}-{{end}}">
-            <img class="img-responsive" src="{{img}}" alt="" data-toggle="tooltip" title="Click image to explore region in browser">
-        </a>
+
+        <ul class="nav nav-pills">
+          <li class="active">
+            <a href="/#/browser/{{chromosome}}:{{start}}-{{end}}">Explore region in browser</a>
+          </li>
+        </ul>
     {{/if}}
-    
+
     {{#if error}}
         <div style="height:55%">
             <div class="alert alert-danger" role="alert">
@@ -23,4 +26,4 @@
         </div>
     {{/if}}
     <hr>
-</div>
+</div>