index.html, builder.js, css menu layout

Adjusted the top menu layout. Patient name now has a dropdown menu to
open said patient page and save analysis.
Patient list and previously viewed results are unchanged

browser/css/dark.css

@@ -1701,6 +1701,10 @@ textarea#edit_value {
   font-weight: bold;
   color: black;
 }
+#top_info div {
+  font-weight: normal;
+  color: #839496;
+}
 .save_info.button {
   vertical-align: top;
   padding-right: 0px;

browser/css/light.css

@@ -1701,6 +1701,10 @@ textarea#edit_value {
   font-weight: bold;
   color: black;
 }
+#top_info div {
+  font-weight: normal;
+  color: #657b83;
+}
 .save_info.button {
   vertical-align: top;
   padding-right: 0px;

browser/css/vidjil.less

@@ -1929,6 +1929,11 @@ textarea#edit_value {
     color: black;
 }
 
+#top_info div {
+    font-weight: normal;
+    color: @default;
+}
+
 .save_info.button {
     vertical-align: top;
     padding-right: 0px;

browser/index.html

@@ -77,7 +77,6 @@
             <div class="menu" id="db_menu" onmouseover="showSelector('dbSelector');" style="display : none">patients
                 <div id="dbSelector" class="selector"><div>
                     <div class="menu_box">
-                        <a class="buttonSelector" onclick="javascript:db.save_analysis()">save this patient's analysis </a>
                         <a class="buttonSelector" onclick="javascript:db.call('patient/index')">open patient list</a>
                     </div>
                     <div class="menu_box">

browser/js/builder.js

@@ -618,14 +618,38 @@ Builder.prototype = {
         var self = this;
         var parent = document.getElementById("top_info");
         parent.innerHTML = "";
-        var div_data_file = document.createElement('div');
-        //div_data_file.id = "info_data_file"
-        div_data_file.appendChild(document.createTextNode(this.m.getPrintableAnalysisName()));
-	div_data_file.onclick = function() {
+        parent.appendChild(document.createTextNode(this.m.getPrintableAnalysisName()));
+
+        var selector = document.createElement('div');
+        selector.className = 'selector';
+        selector.id = 'patientSelector';
+        parent.appendChild(selector);
+        var interm = document.createElement('div');
+        selector.appendChild(interm);
+        var menu_box = document.createElement('div');
+        menu_box.className = "menu_box";
+        interm.appendChild(menu_box);
+
+        var open_patient = document.createElement('a');
+        open_patient.className = "buttonSelector";
+        open_patient.appendChild(document.createTextNode("open patient"));
+	open_patient.onclick = function() {
 	    db.call('patient/info', {'id' : m.patient_id});
 	}
+        menu_box.appendChild(open_patient);
+
+        var save_analysis = document.createElement("a");
+        save_analysis.className = "buttonSelector"
+        save_analysis.appendChild(document.createTextNode("save this patient's analysis"));
+        save_analysis.onclick = function() {
+            db.save_analysis();
+        }
+        menu_box.appendChild(save_analysis);
+
+        $(parent).on('mouseover', function() {
+            showSelector('patientSelector');
+        })
         document.title = this.m.getPrintableAnalysisName()
-        parent.appendChild(div_data_file)
     },
 
     create_sample_info_container: function(info, className, id, placeholder, target) {