EditGenomeDialog manages tabs via guiUtils

frontend-js/src/main/js/gui/admin/EditGenomeDialog.js

@@ -68,109 +68,23 @@ EditGenomeDialog.prototype.isNew = function () {
  */
 EditGenomeDialog.prototype.createGui = function () {
   var self = this;
-  var element = self.getElement();
 
-  var tabDiv = Functions.createElement({
-    type: "div",
-    name: "tabView",
-    className: "tabbable boxed parentTabs",
-    style: "position:absolute;top:10px;bottom:40px;left:10px;right:10px"
-  });
-  element.appendChild(tabDiv);
-
-  var tabMenuDiv = Functions.createElement({
-    type: "ul",
-    className: "nav nav-tabs"
-  });
-  tabDiv.appendChild(tabMenuDiv);
+  guiUtils.initTabContent(self);
 
-  var tabContentDiv = Functions.createElement({
-    type: "div",
-    className: "tab-content",
-    style: "height:100%"
-  });
-  tabDiv.appendChild(tabContentDiv);
-
-  self.createGeneralTab(tabMenuDiv, tabContentDiv);
-  self.createGeneMappingTab(tabMenuDiv, tabContentDiv);
-  $("a", tabMenuDiv).bind("click", function () {
-    //workaround for some css issues...
-    tabDiv.style.top = "40px";
-    tabDiv.style.bottom = "10px";
-  });
-
-};
-
-/**
- *
- * @param {HTMLElement} tabMenuDiv
- * @param {HTMLElement} tabContentDiv
- */
-EditGenomeDialog.prototype.createGeneralTab = function (tabMenuDiv, tabContentDiv) {
-  var self = this;
-  self.addTab({
-    tabMenuDiv: tabMenuDiv,
-    tabContentDiv: tabContentDiv,
+  guiUtils.addTab(self,{
     name: "DETAILS",
     content: self.createGeneralTabContent()
   });
-
-};
-
-/**
- *
- * @param {HTMLElement} tabMenuDiv
- * @param {HTMLElement} tabContentDiv
- */
-EditGenomeDialog.prototype.createGeneMappingTab = function (tabMenuDiv, tabContentDiv) {
-  var self = this;
-  self.addTab({
-    tabMenuDiv: tabMenuDiv,
-    tabContentDiv: tabContentDiv,
+  guiUtils.addTab(self,{
     name: "GENE MAPPING",
     content: self.createGeneMappingTabContent()
   });
 
-};
-
-var id_counter = 0;
-
-/**
- *
- * @param {string} tab_name
- * @returns {string}
- */
-EditGenomeDialog.prototype.generateTabId = function (tab_name) {
-  var self = this;
-  var id = self.getReferenceGenome().getId();
-  if (id === undefined) {
-    id = "new_genome_" + (id_counter++);
-  }
-  return id + tab_name.replace(" ", "_") + "_TAB";
-};
-
-EditGenomeDialog.prototype.addTab = function (params) {
-  var id = this.generateTabId(params.name);
-
-  var navLi = guiUtils.createTabMenuObject({
-    id: id,
-    name: params.name,
-    navigationBar: params.tabMenuDiv
-  });
-  params.tabMenuDiv.appendChild(navLi);
-
-  var contentDiv = guiUtils.createTabContentObject({
-    id: id,
-    navigationObject: navLi,
-    navigationBar: params.tabMenuDiv
+  $(".nav-tabs > li > a", self.getElement()).bind("click", function () {
+    //workaround for some css issues...
+    $(".parentTabs", self.getElement()).css("top", "40px");
+    $(".parentTabs", self.getElement()).css("bottom", "10px");
   });
-
-  $(contentDiv).css("overflow", "auto");
-  if (params.content !== undefined) {
-    contentDiv.appendChild(params.content);
-  }
-
-  params.tabContentDiv.appendChild(contentDiv);
 };
 
 /**