npm - @papaemmelab/isabl-web - Versions diffs - 0.3.21 → 0.3.22 - Mend

@papaemmelab/isabl-web 0.3.21 → 0.3.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/isabl-web.common.js +490 -407
package/dist/isabl-web.umd.js +490 -407
package/dist/isabl-web.umd.min.js +2 -2
package/package.json +1 -1

package/dist/isabl-web.umd.js CHANGED Viewed

@@ -91407,7 +91407,7 @@ module.exports = overArg;
 /***/ "9224":
 /***/ (function(module) {
-module.exports = JSON.parse("{\"name\":\"@papaemmelab/isabl-web\",\"version\":\"0.3.21\",\"scripts\":{\"serve\":\"vue-cli-service serve\",\"lint\":\"vue-cli-service lint\",\"build-lib\":\"vue-cli-service build --target lib --name isabl-web ./src/main.js\",\"build-wc\":\"vue-cli-service build --target wc --name isabl-web ./src/components/*.vue\",\"build-wc-async\":\"vue-cli-service build --target wc-async --name isabl-web ./src/components/*.vue\",\"publish-app\":\"yarn version --patch && yarn build-lib && yarn publish --access public\",\"dev\":\"yarn build-lib --watch\",\"test:unit\":\"vue-cli-service test:unit\",\"test:e2e\":\"vue-cli-service test:e2e\",\"test:travis\":\"yarn test:e2e --headless\",\"test:submissions\":\"node tests/utils/create_test_submission.js\",\"test:report-coverage\":\"nyc report --reporter=text-lcov > coverage.lcov && codecov -t $CODECOV_TOKEN\",\"demo\":\"nodemon demo/demo-app.js\"},\"dependencies\":{\"@mdi/font\":\"^7.0.96\",\"ansi_up\":\"^5\",\"axios\":\"^0.21.1\",\"crossfilter\":\"^1.3.12\",\"crossfilter2\":\"^1.4.7\",\"d3-tip\":\"^0.9.1\",\"dc\":\"3.1.2\",\"detect-csv\":\"^1.1.0\",\"js-md5\":\"^0.7.3\",\"minify-css-string\":\"^1.0.0\",\"moment\":\"^2.22.2\",\"register-service-worker\":\"^1.5.2\",\"v-hotkey\":\"^0.6.0\",\"vue\":\"^2.5.16\",\"vue-clipboard2\":\"^0.2.1\",\"vue-gallery\":\"^1.4.0\",\"vue-highlightjs\":\"^1.3.3\",\"vue-json-excel\":\"^0.2.5\",\"vue-observe-visibility\":\"^0.4.6\",\"vue-router\":\"^3.0.1\",\"vue-upload-component\":\"^2.8.11\",\"vuetify\":\"2.6.10\",\"vuex\":\"^3.0.1\",\"vuex-router-sync\":\"^5.0.0\"},\"devDependencies\":{\"@cypress/code-coverage\":\"^1.10.1\",\"@vue/cli-plugin-babel\":\"^3.3.0\",\"@vue/cli-plugin-e2e-cypress\":\"^3.3.0\",\"@vue/cli-plugin-eslint\":\"^3.3.0\",\"@vue/cli-plugin-pwa\":\"^3.3.0\",\"@vue/cli-plugin-unit-jest\":\"^3.3.0\",\"@vue/cli-service\":\"^3.3.0\",\"@vue/eslint-config-prettier\":\"^3.0.5\",\"@vue/test-utils\":\"^1.0.0-beta.20\",\"axios-mock-adapter\":\"^1.15.0\",\"babel-core\":\"7.0.0-bridge.0\",\"babel-jest\":\"^23.0.1\",\"babel-plugin-istanbul\":\"^5.2.0\",\"codecov\":\"^3.6.1\",\"eslint-plugin-vuetify\":\"^1.1.0\",\"express\":\"^4.16.3\",\"html-webpack-plugin\":\"^3.2.0\",\"istanbul-lib-coverage\":\"^2.0.5\",\"mini-css-extract-plugin\":\"^0.4.2\",\"nyc\":\"^14.1.1\",\"sass\":\"^1.55.0\",\"sass-loader\":\"^7.0.1\",\"vue-template-compiler\":\"^2.5.16\",\"xlsx-populate\":\"^1.19.1\"},\"browserslist\":[\"> 1%\",\"last 2 versions\",\"not ie <= 8\"],\"main\":\"./dist/isabl-web.umd.min.js\",\"license\":\"MIT\",\"files\":[\"dist/isabl-web*.js\"],\"author\":\"Juan S. Medina - Juan E. Arango\",\"description\":\"Isabl Frontend of the MSK Academic License.\",\"bugs\":{\"url\":\"https://github.com/papaemmelab/isabl_web/issues\"},\"homepage\":\"https://github.com/papaemmelab/isabl_web#readme\"}");
+module.exports = JSON.parse("{\"name\":\"@papaemmelab/isabl-web\",\"version\":\"0.3.22\",\"scripts\":{\"serve\":\"vue-cli-service serve\",\"lint\":\"vue-cli-service lint\",\"build-lib\":\"vue-cli-service build --target lib --name isabl-web ./src/main.js\",\"build-wc\":\"vue-cli-service build --target wc --name isabl-web ./src/components/*.vue\",\"build-wc-async\":\"vue-cli-service build --target wc-async --name isabl-web ./src/components/*.vue\",\"publish-app\":\"yarn version --patch && yarn build-lib && yarn publish --access public\",\"dev\":\"yarn build-lib --watch\",\"test:unit\":\"vue-cli-service test:unit\",\"test:e2e\":\"vue-cli-service test:e2e\",\"test:travis\":\"yarn test:e2e --headless\",\"test:submissions\":\"node tests/utils/create_test_submission.js\",\"test:report-coverage\":\"nyc report --reporter=text-lcov > coverage.lcov && codecov -t $CODECOV_TOKEN\",\"demo\":\"nodemon demo/demo-app.js\"},\"dependencies\":{\"@mdi/font\":\"^7.0.96\",\"ansi_up\":\"^5\",\"axios\":\"^0.21.1\",\"crossfilter\":\"^1.3.12\",\"crossfilter2\":\"^1.4.7\",\"d3-tip\":\"^0.9.1\",\"dc\":\"3.1.2\",\"detect-csv\":\"^1.1.0\",\"js-md5\":\"^0.7.3\",\"minify-css-string\":\"^1.0.0\",\"moment\":\"^2.22.2\",\"register-service-worker\":\"^1.5.2\",\"v-hotkey\":\"^0.6.0\",\"vue\":\"^2.5.16\",\"vue-clipboard2\":\"^0.2.1\",\"vue-gallery\":\"^1.4.0\",\"vue-highlightjs\":\"^1.3.3\",\"vue-json-excel\":\"^0.2.5\",\"vue-observe-visibility\":\"^0.4.6\",\"vue-router\":\"^3.0.1\",\"vue-upload-component\":\"^2.8.11\",\"vuetify\":\"2.6.10\",\"vuex\":\"^3.0.1\",\"vuex-router-sync\":\"^5.0.0\"},\"devDependencies\":{\"@cypress/code-coverage\":\"^1.10.1\",\"@vue/cli-plugin-babel\":\"^3.3.0\",\"@vue/cli-plugin-e2e-cypress\":\"^3.3.0\",\"@vue/cli-plugin-eslint\":\"^3.3.0\",\"@vue/cli-plugin-pwa\":\"^3.3.0\",\"@vue/cli-plugin-unit-jest\":\"^3.3.0\",\"@vue/cli-service\":\"^3.3.0\",\"@vue/eslint-config-prettier\":\"^3.0.5\",\"@vue/test-utils\":\"^1.0.0-beta.20\",\"axios-mock-adapter\":\"^1.15.0\",\"babel-core\":\"7.0.0-bridge.0\",\"babel-jest\":\"^23.0.1\",\"babel-plugin-istanbul\":\"^5.2.0\",\"codecov\":\"^3.6.1\",\"eslint-plugin-vuetify\":\"^1.1.0\",\"express\":\"^4.16.3\",\"html-webpack-plugin\":\"^3.2.0\",\"istanbul-lib-coverage\":\"^2.0.5\",\"mini-css-extract-plugin\":\"^0.4.2\",\"nyc\":\"^14.1.1\",\"sass\":\"^1.55.0\",\"sass-loader\":\"^7.0.1\",\"vue-template-compiler\":\"^2.5.16\",\"xlsx-populate\":\"^1.19.1\"},\"browserslist\":[\"> 1%\",\"last 2 versions\",\"not ie <= 8\"],\"main\":\"./dist/isabl-web.umd.min.js\",\"license\":\"MIT\",\"files\":[\"dist/isabl-web*.js\"],\"author\":\"Juan S. Medina - Juan E. Arango\",\"description\":\"Isabl Frontend of the MSK Academic License.\",\"bugs\":{\"url\":\"https://github.com/papaemmelab/isabl_web/issues\"},\"homepage\":\"https://github.com/papaemmelab/isabl_web#readme\"}");
 /***/ }),
@@ -207404,7 +207404,7 @@ var uniq_default = /*#__PURE__*/__webpack_require__.n(uniq);
 // CONCATENATED MODULE: ./src/utils/tableColumns.js
 var cov_2ayhkohved = function () {
   var path = "/Users/arangooj/papaemme/isabl_web/src/utils/tableColumns.js";
-  var hash = "788c692809d43fb08d2c78e8b8a1324be337194f";
+  var hash = "143b737214c27d4a402dbdc710367ab5de024387";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -207942,11 +207942,11 @@ var cov_2ayhkohved = function () {
       },
       "53": {
         start: {
-          line: 378,
+          line: 341,
           column: 8
         },
         end: {
-          line: 378,
+          line: 341,
           column: 72
         }
       },
@@ -208478,25 +208478,25 @@ var cov_2ayhkohved = function () {
         name: "(anonymous_18)",
         decl: {
           start: {
-            line: 377,
+            line: 340,
             column: 16
           },
           end: {
-            line: 377,
+            line: 340,
             column: 17
           }
         },
         loc: {
           start: {
-            line: 378,
+            line: 341,
             column: 8
           },
           end: {
-            line: 378,
+            line: 341,
             column: 72
           }
         },
-        line: 378
+        line: 341
       },
       "19": {
         name: "(anonymous_19)",
@@ -209025,68 +209025,68 @@ var cov_2ayhkohved = function () {
       "10": {
         loc: {
           start: {
-            line: 378,
+            line: 341,
             column: 8
           },
           end: {
-            line: 378,
+            line: 341,
             column: 72
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 378,
+            line: 341,
             column: 52
           },
           end: {
-            line: 378,
+            line: 341,
             column: 60
           }
         }, {
           start: {
-            line: 378,
+            line: 341,
             column: 63
           },
           end: {
-            line: 378,
+            line: 341,
             column: 72
           }
         }],
-        line: 378
+        line: 341
       },
       "11": {
         loc: {
           start: {
-            line: 378,
+            line: 341,
             column: 8
           },
           end: {
-            line: 378,
+            line: 341,
             column: 49
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 378,
+            line: 341,
             column: 8
           },
           end: {
-            line: 378,
+            line: 341,
             column: 22
           }
         }, {
           start: {
-            line: 378,
+            line: 341,
             column: 26
           },
           end: {
-            line: 378,
+            line: 341,
             column: 49
           }
         }],
-        line: 378
+        line: 341
       },
       "12": {
         loc: {
@@ -209334,7 +209334,7 @@ var cov_2ayhkohved = function () {
       "15": [0, 0]
     },
     _coverageSchema: "43e27e138ebf9cfc5966b082cf9a028302ed4184",
-    hash: "788c692809d43fb08d2c78e8b8a1324be337194f"
+    hash: "143b737214c27d4a402dbdc710367ab5de024387"
   };
   var coverage = global[gcv] || (global[gcv] = {});
@@ -209702,6 +209702,14 @@ var tableColumns = (cov_2ayhkohved.s[23]++, {
   }, {
     verboseName: 'Title',
     field: 'title'
+  }, {
+    verboseName: 'Access',
+    field: 'sharing.is_public',
+    accessor: function accessor(value) {
+      cov_2ayhkohved.f[18]++;
+      cov_2ayhkohved.s[53]++;
+      return (cov_2ayhkohved.b[11][0]++, !value.sharing) || (cov_2ayhkohved.b[11][1]++, value.sharing.is_public) ? (cov_2ayhkohved.b[10][0]++, 'Public') : (cov_2ayhkohved.b[10][1]++, 'Private');
+    }
   }, {
     verboseName: 'Group',
     field: 'group.acronym'
@@ -209733,14 +209741,6 @@ var tableColumns = (cov_2ayhkohved.s[23]++, {
   {
     verboseName: 'Description',
     field: 'description'
-  }, {
-    verboseName: 'Access',
-    field: 'sharing.is_public',
-    accessor: function accessor(value) {
-      cov_2ayhkohved.f[18]++;
-      cov_2ayhkohved.s[53]++;
-      return (cov_2ayhkohved.b[11][0]++, !value.sharing) || (cov_2ayhkohved.b[11][1]++, value.sharing.is_public) ? (cov_2ayhkohved.b[10][0]++, 'Public') : (cov_2ayhkohved.b[10][1]++, 'Private');
-    }
   }].concat(baseColumns, _toConsumableArray(Object.values((cov_2ayhkohved.b[12][0]++, tableColumns_settings.customFields.projectFields) || (cov_2ayhkohved.b[12][1]++, {})))),
   analyses: [{
     verboseName: 'Key',
@@ -223044,12 +223044,12 @@ var EditProfileModal_component = normalizeComponent(
 )
 /* harmony default export */ var EditProfileModal = (EditProfileModal_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d220a428-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/projects/NewProjectModal.vue?vue&type=template&id=834662e2&
-var NewProjectModalvue_type_template_id_834662e2_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('base-modal',{attrs:{"show-modal":_vm.showModal,"max-width":"800px"},on:{"close-modal":_vm.closeModal},scopedSlots:_vm._u([{key:"title",fn:function(){return [_vm._v("Create Project")]},proxy:true},{key:"content",fn:function(){return [_c('v-container',{staticClass:"pa-0"},[_c('v-row',[_c('v-col',{attrs:{"cols":"16"}},[_c('v-text-field',{ref:"title",staticClass:"pt-6",attrs:{"v-show":_vm.showModal,"rules":[_vm.rules.required],"error-messages":_vm.errorMessages.title,"label":"Project Title","data-test":"new-project-title-input"},on:{"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.submit.apply(null, arguments)}},model:{value:(_vm.project.title),callback:function ($$v) {_vm.$set(_vm.project, "title", $$v)},expression:"project.title"}})],1)],1),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.showOptionalFields),expression:"showOptionalFields"}],staticClass:"pa-0"},[_c('v-row',[_c('v-col',{attrs:{"cols":"16"}},[_c('v-text-field',{ref:"shortTitle",attrs:{"rules":[_vm.rules.unicode, _vm.rules.min10],"error-messages":_vm.errorMessages.short_title,"label":"Project Short Title","data-test":"new-project-short-input","counter":"","dense":"","maxlength":"30","hint":"Think of the objective of the project."},model:{value:(_vm.project.shortTitle),callback:function ($$v) {_vm.$set(_vm.project, "shortTitle", $$v)},expression:"project.shortTitle"}})],1)],1),_c('v-row',[_c('v-col',{attrs:{"cols":"16"}},[_c('v-select',{ref:"group",attrs:{"items":_vm.groups,"return-object":"","item-text":"slug","label":"Group","dense":"","data-test":"new-project-groups-input"},model:{value:(_vm.project.group),callback:function ($$v) {_vm.$set(_vm.project, "group", $$v)},expression:"project.group"}})],1)],1),_c('div',{staticClass:"text-h6 primary--text pt-8"},[_vm._v("\n          Participants\n        ")]),_c('v-row',[_c('v-col',{staticClass:"pb-0",attrs:{"cols":"6"}},[_c('user-search-input',{ref:"principalInvestigator",attrs:{"model":_vm.project,"rules":[_vm.rules.email],"error-messages":_vm.errorMessages.principal_investigator,"field":"principalInvestigator","label":"Principal Investigator","data-test":"new-project-pi-input","hint":"Laboratory head or principal investigator","dense":""},on:{"update-value":_vm.updateValue}})],1),_c('v-col',{staticClass:"pb-0",attrs:{"cols":"6"}},[_c('user-search-input',{ref:"owner",attrs:{"model":_vm.project,"rules":[_vm.rules.email],"error-messages":_vm.errorMessages.owner,"field":"owner","label":"Project Owner","data-test":"new-project-owner-input","hint":"Who deals with the nitty-gritty of the project","dense":""},on:{"update-value":_vm.updateValue}})],1),_c('v-col',{staticClass:"pb-0",attrs:{"cols":"6"}},[_c('user-search-input',{ref:"coordinator",attrs:{"model":_vm.project,"rules":[_vm.rules.email],"error-messages":_vm.errorMessages.coordinator,"field":"coordinator","label":"Coordinator","data-test":"new-project-coord-input","hint":"Project manager or coordinator","dense":""},on:{"update-value":_vm.updateValue}})],1),_c('v-col',{staticClass:"pb-0",attrs:{"cols":"6"}},[_c('user-search-input',{ref:"analyst",attrs:{"model":_vm.project,"rules":[_vm.rules.email],"error-messages":_vm.errorMessages.analyst,"field":"analyst","label":"Data Analyst","data-test":"new-project-analyst-input","hint":"Person responsible for the data analysis"},on:{"update-value":_vm.updateValue}})],1)],1),_c('sharing-settings',{ref:"sharing",staticClass:"pt-8",attrs:{"sharing":_vm.sharing,"error-messages":_vm.errorMessages.sharing},on:{"update-sharing":_vm.updateSharing}})],1)],1)]},proxy:true},{key:"footer-actions",fn:function(){return [_c('v-btn',{attrs:{"color":"primary darken-1","data-test":"new-project-optional-btn","text":""},on:{"click":_vm.toggleOptionalFields}},[_vm._v("Optional Fields")]),_c('v-btn',{attrs:{"color":"primary darken-1","data-test":"new-project-create-btn","text":""},on:{"click":_vm.submit}},[_vm._v("Create")])]},proxy:true}])})}
-var NewProjectModalvue_type_template_id_834662e2_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d220a428-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/projects/NewProjectModal.vue?vue&type=template&id=35e14c2e&
+var NewProjectModalvue_type_template_id_35e14c2e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('base-modal',{attrs:{"show-modal":_vm.showModal,"max-width":"800px"},on:{"close-modal":_vm.closeModal},scopedSlots:_vm._u([{key:"title",fn:function(){return [_vm._v("Create Project")]},proxy:true},{key:"content",fn:function(){return [_c('v-container',{staticClass:"pa-0"},[_c('v-row',[_c('v-col',{attrs:{"cols":"16"}},[_c('v-text-field',{ref:"title",staticClass:"pt-6",attrs:{"v-show":_vm.showModal,"rules":[_vm.rules.required],"error-messages":_vm.errorMessages.title,"label":"Project Title","data-test":"new-project-title-input"},on:{"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.submit.apply(null, arguments)}},model:{value:(_vm.project.title),callback:function ($$v) {_vm.$set(_vm.project, "title", $$v)},expression:"project.title"}})],1)],1),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.showOptionalFields),expression:"showOptionalFields"}],staticClass:"pa-0"},[_c('v-row',[_c('v-col',{attrs:{"cols":"16"}},[_c('v-text-field',{ref:"shortTitle",attrs:{"rules":[_vm.rules.unicode, _vm.rules.min10],"error-messages":_vm.errorMessages.short_title,"label":"Project Short Title","data-test":"new-project-short-input","counter":"","dense":"","maxlength":"30","hint":"Think of the objective of the project."},model:{value:(_vm.project.shortTitle),callback:function ($$v) {_vm.$set(_vm.project, "shortTitle", $$v)},expression:"project.shortTitle"}})],1)],1),_c('v-row',[_c('v-col',{attrs:{"cols":"16"}},[_c('v-select',{ref:"group",attrs:{"items":_vm.groups,"return-object":"","item-text":"slug","label":"Group","dense":"","data-test":"new-project-groups-input"},model:{value:(_vm.project.group),callback:function ($$v) {_vm.$set(_vm.project, "group", $$v)},expression:"project.group"}})],1)],1),_c('div',{staticClass:"text-h6 primary--text pt-8"},[_vm._v("\n          Participants\n        ")]),_c('v-row',[_c('v-col',{staticClass:"pb-0",attrs:{"cols":"6"}},[_c('user-search-input',{ref:"principalInvestigator",attrs:{"model":_vm.project,"rules":[_vm.rules.email],"error-messages":_vm.errorMessages.principal_investigator,"field":"principalInvestigator","label":"Principal Investigator","data-test":"new-project-pi-input","hint":"Laboratory head or principal investigator","dense":""},on:{"update-value":_vm.updateValue}})],1),_c('v-col',{staticClass:"pb-0",attrs:{"cols":"6"}},[_c('user-search-input',{ref:"owner",attrs:{"model":_vm.project,"rules":[_vm.rules.email],"error-messages":_vm.errorMessages.owner,"field":"owner","label":"Project Owner","data-test":"new-project-owner-input","hint":"Who deals with the nitty-gritty of the project","dense":""},on:{"update-value":_vm.updateValue}})],1),_c('v-col',{staticClass:"pb-0",attrs:{"cols":"6"}},[_c('user-search-input',{ref:"coordinator",attrs:{"model":_vm.project,"rules":[_vm.rules.email],"error-messages":_vm.errorMessages.coordinator,"field":"coordinator","label":"Coordinator","data-test":"new-project-coord-input","hint":"Project manager or coordinator","dense":""},on:{"update-value":_vm.updateValue}})],1),_c('v-col',{staticClass:"pb-0",attrs:{"cols":"6"}},[_c('user-search-input',{ref:"analyst",attrs:{"model":_vm.project,"rules":[_vm.rules.email],"error-messages":_vm.errorMessages.analyst,"field":"analyst","label":"Data Analyst","data-test":"new-project-analyst-input","hint":"Person responsible for the data analysis"},on:{"update-value":_vm.updateValue}})],1)],1),_c('sharing-settings',{ref:"sharing",staticClass:"pt-8",attrs:{"sharing":_vm.sharing,"error-messages":_vm.errorMessages.sharing},on:{"update-sharing":_vm.updateSharing}})],1)],1)]},proxy:true},{key:"footer-actions",fn:function(){return [_c('v-btn',{attrs:{"color":"primary darken-1","data-test":"new-project-optional-btn","text":""},on:{"click":_vm.toggleOptionalFields}},[_vm._v("Optional Fields")]),_c('v-btn',{attrs:{"color":"primary darken-1","data-test":"new-project-create-btn","text":""},on:{"click":_vm.submit}},[_vm._v("Create")])]},proxy:true}])})}
+var NewProjectModalvue_type_template_id_35e14c2e_staticRenderFns = []
-// CONCATENATED MODULE: ./src/components/projects/NewProjectModal.vue?vue&type=template&id=834662e2&
+// CONCATENATED MODULE: ./src/components/projects/NewProjectModal.vue?vue&type=template&id=35e14c2e&
 // EXTERNAL MODULE: ./node_modules/lodash/has.js
 var has = __webpack_require__("3852");
@@ -226221,7 +226221,7 @@ var SharingSettings_component = normalizeComponent(
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/projects/NewProjectModal.vue?vue&type=script&lang=js&
 var cov_2q2n13agp2 = function () {
   var path = "/Users/arangooj/papaemme/isabl_web/src/components/projects/NewProjectModal.vue";
-  var hash = "89acb85815fad1b23ec2d1fd2449b13bff323123";
+  var hash = "0895a72217b0e4748c38c745006ed03a3932d37e";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -227504,10 +227504,10 @@ var cov_2q2n13agp2 = function () {
       mappings: ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiKA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA",
       file: "NewProjectModal.vue",
       sourceRoot: "src/components/projects",
-      sourcesContent: ["<template>\n  <base-modal\n    :show-modal=\"showModal\"\n    max-width=\"800px\"\n    @close-modal=\"closeModal\"\n  >\n    <template v-slot:title>Create Project</template>\n\n    <template v-slot:content>\n      <v-container\n        class=\"pa-0\"\n      >\n        <v-row>\n          <v-col cols=\"16\">\n            <v-text-field\n              ref=\"title\"\n              v-model=\"project.title\"\n              :v-show=\"showModal\"\n              :rules=\"[rules.required]\"\n              :error-messages=\"errorMessages.title\"\n              label=\"Project Title\"\n              data-test=\"new-project-title-input\"\n              class=\"pt-6\"\n              @keyup.enter=\"submit\"\n            />\n          </v-col>\n        </v-row>\n\n        <div\n          v-show=\"showOptionalFields\"\n          class=\"pa-0\"\n        >\n          <v-row>\n            <v-col cols=\"16\">\n              <v-text-field\n                ref=\"shortTitle\"\n                v-model=\"project.shortTitle\"\n                :rules=\"[rules.unicode, rules.min10]\"\n                :error-messages=\"errorMessages.short_title\"\n                label=\"Project Short Title\"\n                data-test=\"new-project-short-input\"\n                counter\n                dense\n                maxlength=\"30\"\n                hint=\"Think of the objective of the project.\"\n              />\n            </v-col>\n          </v-row>\n\n          <v-row>\n            <v-col cols=\"16\">\n              <v-select\n                ref=\"group\"\n                v-model=\"project.group\"\n                :items=\"groups\"\n                return-object\n                item-text=\"slug\"\n                label=\"Group\"\n                dense\n                data-test=\"new-project-groups-input\"\n              />\n            </v-col>\n          </v-row>\n\n          <div class=\"text-h6 primary--text pt-8\">\n            Participants\n          </div>\n\n          <v-row>\n            <v-col cols=\"6\" class=\"pb-0\">\n              <user-search-input\n                ref=\"principalInvestigator\"\n                :model=\"project\"\n                :rules=\"[rules.email]\"\n                :error-messages=\"errorMessages.principal_investigator\"\n                field=\"principalInvestigator\"\n                label=\"Principal Investigator\"\n                data-test=\"new-project-pi-input\"\n                hint=\"Laboratory head or principal investigator\"\n                dense\n                @update-value=\"updateValue\"\n              />\n            </v-col>\n\n            <v-col cols=\"6\" class=\"pb-0\">\n              <user-search-input\n                ref=\"owner\"\n                :model=\"project\"\n                :rules=\"[rules.email]\"\n                :error-messages=\"errorMessages.owner\"\n                field=\"owner\"\n                label=\"Project Owner\"\n                data-test=\"new-project-owner-input\"\n                hint=\"Who deals with the nitty-gritty of the project\"\n                dense\n                @update-value=\"updateValue\"\n              />\n            </v-col>\n\n            <v-col cols=\"6\" class=\"pb-0\">\n              <user-search-input\n                ref=\"coordinator\"\n                :model=\"project\"\n                :rules=\"[rules.email]\"\n                :error-messages=\"errorMessages.coordinator\"\n                field=\"coordinator\"\n                label=\"Coordinator\"\n                data-test=\"new-project-coord-input\"\n                hint=\"Project manager or coordinator\"\n                dense\n                @update-value=\"updateValue\"\n              />\n            </v-col>\n\n            <v-col cols=\"6\" class=\"pb-0\">\n              <user-search-input\n                ref=\"analyst\"\n                :model=\"project\"\n                :rules=\"[rules.email]\"\n                :error-messages=\"errorMessages.analyst\"\n                field=\"analyst\"\n                label=\"Data Analyst\"\n                data-test=\"new-project-analyst-input\"\n                hint=\"Person responsible for the data analysis\"\n                @update-value=\"updateValue\"\n              />\n            </v-col>\n          </v-row>\n\n          <sharing-settings\n            ref=\"sharing\"\n            :sharing=\"sharing\"\n            :error-messages=\"errorMessages.sharing\"\n            class=\"pt-8\"\n            @update-sharing=\"updateSharing\"\n          />\n\n        </div>\n\n      </v-container>\n    </template>\n\n    <template v-slot:footer-actions>\n      <v-btn\n        color=\"primary darken-1\"\n        data-test=\"new-project-optional-btn\"\n        text\n        @click=\"toggleOptionalFields\"\n      >Optional Fields</v-btn>\n\n      <v-btn\n        color=\"primary darken-1\"\n        data-test=\"new-project-create-btn\"\n        text\n        @click=\"submit\"\n      >Create</v-btn>\n    </template>\n  </base-modal>\n</template>\n\n<script>\nimport has from 'lodash/has'\n\nimport BaseModal from '@/components/base/BaseModal.vue'\nimport GroupSearchInput from '@/components/projects/GroupSearchInput'\nimport UserSearchInput from '@/components/projects/UserSearchInput'\nimport SharingSettings from '@/components/projects/SharingSettings'\nimport rules from '@/utils/rules'\nimport { createRecord, fetchListRecords } from '@/utils/api'\nimport { SHOW_ALERT } from '@/store/actions/alert'\nimport { SHOW_PANEL } from '@/store/actions/panels'\nimport { snakifyKeys, camelifyKeys } from '@/utils/helpers'\n\nexport default {\n  name: 'NewProjectModal',\n  components: {\n    BaseModal,\n    GroupSearchInput,\n    UserSearchInput,\n    SharingSettings\n  },\n  props: {\n    showModal: {\n      type: Boolean,\n      default: false,\n      required: true\n    },\n    projects: {\n      type: Array,\n      default: () => []\n    }\n  },\n  data() {\n    const sharing = { isPublic: true, canRead: [], canShare: []}\n    const project = { sharing: snakifyKeys(sharing), }\n    return {\n      isLoading: false,\n      errorMessages: {},\n      formHasErrors: false,\n      fieldsToValidate: [\n        'title',\n        'shortTitle',\n        'group',\n        'principalInvestigator',\n        'owner',\n        'coordinator',\n        'analyst',\n        'sharing'\n      ],\n      groups: [],\n      project,\n      sharing,\n      refs: {},\n      rules,\n      showOptionalFields: true,\n      users: [],\n      usersQuery: '',\n      camelifyKeys,\n    }\n  },\n  watch: {\n    showModal(value) {\n      if (value) {\n        this.fetchGroups()\n        // ensure autofocus: https://github.com/vuetifyjs/vuetify/issues/1587\n        if (this.$refs.title) {\n          this.$nextTick(this.$refs.title.focus)\n          this.resetForm()\n        }\n      }\n    }\n  },\n  updated() {\n    this.attachFieldRefs()\n  },\n  methods: {\n    attachFieldRefs() {\n      // Map all local and nested inputs to local 'refs' object\n      this.fieldsToValidate.forEach(field => {\n        if (has(this.$refs[field], 'reset')) {\n          this.refs[field] = this.$refs[field]\n        } else if (has(this.$refs[field], '$refs.userSearchInput.reset')) {\n          this.refs[field] = this.$refs[field].$refs.userSearchInput\n        } else if (has(this.$refs[field], '$refs.groupSearchInput.reset')) {\n          this.refs[field] = this.$refs[field].$refs.groupSearchInput\n        } else if (has(this.$refs, `${field}.$refs.canRead.$refs.userSearchInput.reset`)) {\n          this.refs['sharing.isPublic'] = this.$refs[field].$refs.isPublic\n          this.refs['sharing.canRead'] = this.$refs[field].$refs.canRead.$refs.userSearchInput\n          this.refs['sharing.isShare'] = this.$refs[field].$refs.canShare.$refs.userSearchInput\n        }\n      })\n    },\n    async fetchGroups() {\n      if (!this.groups.length) {\n        const response = await fetchListRecords('groups')\n        this.groups = response.results\n      }\n    },\n    toggleOptionalFields() {\n      this.showOptionalFields = !this.showOptionalFields\n      this.$nextTick(this.$refs.title.focus)\n      this.$nextTick(this.$refs.title.resetValidation)\n    },\n    resetForm() {\n      this.formHasErrors = false\n      Object.values(this.refs).forEach(ref => ref.reset())\n    },\n    closeModal() {\n      this.resetForm()\n      this.$emit('close-modal')\n    },\n    updateValue(data) {\n      this.project = {\n        ...this.project,\n        ...data\n      }\n    },\n    updateSharing(data) {\n      this.sharing = {\n        ...this.sharing,\n        ...data\n      }\n      this.project = {\n        ...this.project,\n        sharing: snakifyKeys(this.sharing),\n      }\n    },\n    async submit() {\n      this.formHasErrors = false\n      this.attachFieldRefs()\n      Object.values(this.refs).forEach(ref => ref.validate(true))\n\n      if (!this.formHasErrors) {\n        createRecord('projects', this.project)\n          .then(response => {\n            const projectId = this.$get(response, 'pk', '')\n            this.$store.dispatch(SHOW_ALERT, {\n              message: `Project ${projectId} was succesfully created.`\n            })\n\n            this.$store.dispatch(SHOW_PANEL, {\n              project: projectId\n            })\n            this.closeModal()\n          })\n          .catch(error => {\n            if (error.response) {\n              this.errorMessages = error.response.data\n              this.$store.dispatch(SHOW_ALERT, {\n                error: 'The project could not be created. Please try again.'\n              })\n            }\n          })\n      }\n    },\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.v-expansion-panel__header {\n  padding: 5px !important;\n}\n</style>\n"]
+      sourcesContent: ["<template>\n  <base-modal\n    :show-modal=\"showModal\"\n    max-width=\"800px\"\n    @close-modal=\"closeModal\"\n  >\n    <template v-slot:title>Create Project</template>\n\n    <template v-slot:content>\n      <v-container\n        class=\"pa-0\"\n      >\n        <v-row>\n          <v-col cols=\"16\">\n            <v-text-field\n              ref=\"title\"\n              v-model=\"project.title\"\n              :v-show=\"showModal\"\n              :rules=\"[rules.required]\"\n              :error-messages=\"errorMessages.title\"\n              label=\"Project Title\"\n              data-test=\"new-project-title-input\"\n              class=\"pt-6\"\n              @keyup.enter=\"submit\"\n            />\n          </v-col>\n        </v-row>\n\n        <div\n          v-show=\"showOptionalFields\"\n          class=\"pa-0\"\n        >\n          <v-row>\n            <v-col cols=\"16\">\n              <v-text-field\n                ref=\"shortTitle\"\n                v-model=\"project.shortTitle\"\n                :rules=\"[rules.unicode, rules.min10]\"\n                :error-messages=\"errorMessages.short_title\"\n                label=\"Project Short Title\"\n                data-test=\"new-project-short-input\"\n                counter\n                dense\n                maxlength=\"30\"\n                hint=\"Think of the objective of the project.\"\n              />\n            </v-col>\n          </v-row>\n\n          <v-row>\n            <v-col cols=\"16\">\n              <v-select\n                ref=\"group\"\n                v-model=\"project.group\"\n                :items=\"groups\"\n                return-object\n                item-text=\"slug\"\n                label=\"Group\"\n                dense\n                data-test=\"new-project-groups-input\"\n              />\n            </v-col>\n          </v-row>\n\n          <div class=\"text-h6 primary--text pt-8\">\n            Participants\n          </div>\n\n          <v-row>\n            <v-col cols=\"6\" class=\"pb-0\">\n              <user-search-input\n                ref=\"principalInvestigator\"\n                :model=\"project\"\n                :rules=\"[rules.email]\"\n                :error-messages=\"errorMessages.principal_investigator\"\n                field=\"principalInvestigator\"\n                label=\"Principal Investigator\"\n                data-test=\"new-project-pi-input\"\n                hint=\"Laboratory head or principal investigator\"\n                dense\n                @update-value=\"updateValue\"\n              />\n            </v-col>\n\n            <v-col cols=\"6\" class=\"pb-0\">\n              <user-search-input\n                ref=\"owner\"\n                :model=\"project\"\n                :rules=\"[rules.email]\"\n                :error-messages=\"errorMessages.owner\"\n                field=\"owner\"\n                label=\"Project Owner\"\n                data-test=\"new-project-owner-input\"\n                hint=\"Who deals with the nitty-gritty of the project\"\n                dense\n                @update-value=\"updateValue\"\n              />\n            </v-col>\n\n            <v-col cols=\"6\" class=\"pb-0\">\n              <user-search-input\n                ref=\"coordinator\"\n                :model=\"project\"\n                :rules=\"[rules.email]\"\n                :error-messages=\"errorMessages.coordinator\"\n                field=\"coordinator\"\n                label=\"Coordinator\"\n                data-test=\"new-project-coord-input\"\n                hint=\"Project manager or coordinator\"\n                dense\n                @update-value=\"updateValue\"\n              />\n            </v-col>\n\n            <v-col cols=\"6\" class=\"pb-0\">\n              <user-search-input\n                ref=\"analyst\"\n                :model=\"project\"\n                :rules=\"[rules.email]\"\n                :error-messages=\"errorMessages.analyst\"\n                field=\"analyst\"\n                label=\"Data Analyst\"\n                data-test=\"new-project-analyst-input\"\n                hint=\"Person responsible for the data analysis\"\n                @update-value=\"updateValue\"\n              />\n            </v-col>\n          </v-row>\n\n          <sharing-settings\n            ref=\"sharing\"\n            :sharing=\"sharing\"\n            :error-messages=\"errorMessages.sharing\"\n            class=\"pt-8\"\n            @update-sharing=\"updateSharing\"\n          />\n\n        </div>\n\n      </v-container>\n    </template>\n\n    <template v-slot:footer-actions>\n      <v-btn\n        color=\"primary darken-1\"\n        data-test=\"new-project-optional-btn\"\n        text\n        @click=\"toggleOptionalFields\"\n      >Optional Fields</v-btn>\n\n      <v-btn\n        color=\"primary darken-1\"\n        data-test=\"new-project-create-btn\"\n        text\n        @click=\"submit\"\n      >Create</v-btn>\n    </template>\n  </base-modal>\n</template>\n\n<script>\nimport has from 'lodash/has'\n\nimport BaseModal from '@/components/base/BaseModal.vue'\nimport GroupSearchInput from '@/components/projects/GroupSearchInput'\nimport UserSearchInput from '@/components/projects/UserSearchInput'\nimport SharingSettings from '@/components/projects/SharingSettings'\nimport rules from '@/utils/rules'\nimport { createRecord, fetchListRecords } from '@/utils/api'\nimport { SHOW_ALERT } from '@/store/actions/alert'\nimport { SHOW_PANEL } from '@/store/actions/panels'\nimport { snakifyKeys, camelifyKeys } from '@/utils/helpers'\n\nexport default {\n  name: 'NewProjectModal',\n  components: {\n    BaseModal,\n    GroupSearchInput,\n    UserSearchInput,\n    SharingSettings\n  },\n  props: {\n    showModal: {\n      type: Boolean,\n      default: false,\n      required: true\n    },\n    projects: {\n      type: Array,\n      default: () => []\n    }\n  },\n  data() {\n    const sharing = { isPublic: true, canRead: [], canShare: []}\n    const project = { sharing: snakifyKeys(sharing), }\n    return {\n      isLoading: false,\n      errorMessages: {},\n      formHasErrors: false,\n      fieldsToValidate: [\n        'title',\n        'shortTitle',\n        'group',\n        'principalInvestigator',\n        'owner',\n        'coordinator',\n        'analyst',\n        'sharing'\n      ],\n      groups: [],\n      project,\n      sharing,\n      refs: {},\n      rules,\n      showOptionalFields: false,\n      users: [],\n      usersQuery: '',\n      camelifyKeys,\n    }\n  },\n  watch: {\n    showModal(value) {\n      if (value) {\n        this.fetchGroups()\n        // ensure autofocus: https://github.com/vuetifyjs/vuetify/issues/1587\n        if (this.$refs.title) {\n          this.$nextTick(this.$refs.title.focus)\n          this.resetForm()\n        }\n      }\n    }\n  },\n  updated() {\n    this.attachFieldRefs()\n  },\n  methods: {\n    attachFieldRefs() {\n      // Map all local and nested inputs to local 'refs' object\n      this.fieldsToValidate.forEach(field => {\n        if (has(this.$refs[field], 'reset')) {\n          this.refs[field] = this.$refs[field]\n        } else if (has(this.$refs[field], '$refs.userSearchInput.reset')) {\n          this.refs[field] = this.$refs[field].$refs.userSearchInput\n        } else if (has(this.$refs[field], '$refs.groupSearchInput.reset')) {\n          this.refs[field] = this.$refs[field].$refs.groupSearchInput\n        } else if (has(this.$refs, `${field}.$refs.canRead.$refs.userSearchInput.reset`)) {\n          this.refs['sharing.isPublic'] = this.$refs[field].$refs.isPublic\n          this.refs['sharing.canRead'] = this.$refs[field].$refs.canRead.$refs.userSearchInput\n          this.refs['sharing.isShare'] = this.$refs[field].$refs.canShare.$refs.userSearchInput\n        }\n      })\n    },\n    async fetchGroups() {\n      if (!this.groups.length) {\n        const response = await fetchListRecords('groups')\n        this.groups = response.results\n      }\n    },\n    toggleOptionalFields() {\n      this.showOptionalFields = !this.showOptionalFields\n      this.$nextTick(this.$refs.title.focus)\n      this.$nextTick(this.$refs.title.resetValidation)\n    },\n    resetForm() {\n      this.formHasErrors = false\n      Object.values(this.refs).forEach(ref => ref.reset())\n    },\n    closeModal() {\n      this.resetForm()\n      this.$emit('close-modal')\n    },\n    updateValue(data) {\n      this.project = {\n        ...this.project,\n        ...data\n      }\n    },\n    updateSharing(data) {\n      this.sharing = {\n        ...this.sharing,\n        ...data\n      }\n      this.project = {\n        ...this.project,\n        sharing: snakifyKeys(this.sharing),\n      }\n    },\n    async submit() {\n      this.formHasErrors = false\n      this.attachFieldRefs()\n      Object.values(this.refs).forEach(ref => ref.validate(true))\n\n      if (!this.formHasErrors) {\n        createRecord('projects', this.project)\n          .then(response => {\n            const projectId = this.$get(response, 'pk', '')\n            this.$store.dispatch(SHOW_ALERT, {\n              message: `Project ${projectId} was succesfully created.`\n            })\n\n            this.$store.dispatch(SHOW_PANEL, {\n              project: projectId\n            })\n            this.closeModal()\n          })\n          .catch(error => {\n            if (error.response) {\n              this.errorMessages = error.response.data\n              this.$store.dispatch(SHOW_ALERT, {\n                error: 'The project could not be created. Please try again.'\n              })\n            }\n          })\n      }\n    },\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.v-expansion-panel__header {\n  padding: 5px !important;\n}\n</style>\n"]
     },
     _coverageSchema: "43e27e138ebf9cfc5966b082cf9a028302ed4184",
-    hash: "89acb85815fad1b23ec2d1fd2449b13bff323123"
+    hash: "0895a72217b0e4748c38c745006ed03a3932d37e"
   };
   var coverage = global[gcv] || (global[gcv] = {});
@@ -227744,7 +227744,7 @@ function NewProjectModalvue_type_script_lang_js_asyncToGenerator(fn) { return fu
       sharing: sharing,
       refs: {},
       rules: rules,
-      showOptionalFields: true,
+      showOptionalFields: false,
       users: [],
       usersQuery: '',
       camelifyKeys: helpers["a" /* camelifyKeys */]
@@ -228012,8 +228012,8 @@ var NewProjectModalvue_type_style_index_0_lang_scss_ = __webpack_require__("9434
 var NewProjectModal_component = normalizeComponent(
   projects_NewProjectModalvue_type_script_lang_js_,
-  NewProjectModalvue_type_template_id_834662e2_render,
-  NewProjectModalvue_type_template_id_834662e2_staticRenderFns,
+  NewProjectModalvue_type_template_id_35e14c2e_render,
+  NewProjectModalvue_type_template_id_35e14c2e_staticRenderFns,
   false,
   null,
   null,
@@ -301046,18 +301046,18 @@ var BioModelPanelvue_type_template_id_b52cff22_staticRenderFns = []
 // CONCATENATED MODULE: ./src/components/bioModels/BioModelPanel.vue?vue&type=template&id=b52cff22&
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d220a428-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/bioModels/BioModelTree.vue?vue&type=template&id=6a6ea313&
-var BioModelTreevue_type_template_id_6a6ea313_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-card',{staticClass:"isabl-base-card",attrs:{"flat":"","data-test":"biomodel-tree"}},[_c('base-section-title',{attrs:{"show-more":_vm.showTree},on:{"toggle-show-more":function($event){_vm.showTree = !_vm.showTree}},scopedSlots:_vm._u([{key:"title",fn:function(){return [_vm._v("Samples Tree")]},proxy:true},{key:"actions",fn:function(){return [_c('div',[(_vm.isBigTree)?_c('v-btn',{staticClass:"table-action-btn pull-right ma-0",attrs:{"fab":"","outlined":"","color":"primary"},on:{"click":function($event){_vm.showFullHeight = !_vm.showFullHeight
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d220a428-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/bioModels/BioModelTree.vue?vue&type=template&id=50c9e1d2&
+var BioModelTreevue_type_template_id_50c9e1d2_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-card',{staticClass:"isabl-base-card",attrs:{"flat":"","data-test":"biomodel-tree"}},[_c('base-section-title',{attrs:{"show-more":_vm.showTree},on:{"toggle-show-more":function($event){_vm.showTree = !_vm.showTree}},scopedSlots:_vm._u([{key:"title",fn:function(){return [_vm._v("Samples Tree")]},proxy:true},{key:"actions",fn:function(){return [_c('div',[(_vm.isBigTree)?_c('v-btn',{staticClass:"table-action-btn pull-right ma-0",attrs:{"fab":"","outlined":"","color":"primary"},on:{"click":function($event){_vm.showFullHeight = !_vm.showFullHeight
             _vm.scrollToCurrentNode()}}},[_c('v-icon',{attrs:{"color":"primary"}},[_vm._v(_vm._s(_vm.showFullHeight ? 'expand_less' : 'expand_more'))])],1):_vm._e()],1)]},proxy:true}])}),_c('v-row',{directives:[{name:"show",rawName:"v-show",value:(_vm.showTree),expression:"showTree"}],staticClass:"individual-tree-div ma-0",style:(_vm.showFullHeight ? '' : 'max-height: 300px;'),attrs:{"id":"tree-div"}},[_c('v-col',{staticClass:"individual-tree text-center pa-0 ma-0"})],1)],1)}
-var BioModelTreevue_type_template_id_6a6ea313_staticRenderFns = []
+var BioModelTreevue_type_template_id_50c9e1d2_staticRenderFns = []
-// CONCATENATED MODULE: ./src/components/bioModels/BioModelTree.vue?vue&type=template&id=6a6ea313&
+// CONCATENATED MODULE: ./src/components/bioModels/BioModelTree.vue?vue&type=template&id=50c9e1d2&
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/bioModels/BioModelTree.vue?vue&type=script&lang=js&
 var cov_2f0u9tmiep = function () {
   var path = "/Users/arangooj/papaemme/isabl_web/src/components/bioModels/BioModelTree.vue";
-  var hash = "51a5a4292862681da49328c1d173d15fd125ba9d";
+  var hash = "35800f777c9e06999d7627afedbe72c07beb2e2a";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -303099,7 +303099,7 @@ var cov_2f0u9tmiep = function () {
           column: 6
         },
         end: {
-          line: 579,
+          line: 581,
           column: 7
         }
       },
@@ -303129,87 +303129,97 @@ var cov_2f0u9tmiep = function () {
           column: 8
         },
         end: {
+          line: 576,
+          column: 50
+        }
+      },
+      "207": {
+        start: {
           line: 578,
+          column: 8
+        },
+        end: {
+          line: 580,
           column: 10
         }
       },
-      "207": {
+      "208": {
         start: {
-          line: 582,
+          line: 584,
           column: 6
         },
         end: {
-          line: 588,
+          line: 590,
           column: 8
         }
       },
-      "208": {
+      "209": {
         start: {
-          line: 583,
+          line: 585,
           column: 8
         },
         end: {
-          line: 587,
+          line: 589,
           column: 17
         }
       },
-      "209": {
+      "210": {
         start: {
-          line: 584,
+          line: 586,
           column: 10
         },
         end: {
-          line: 587,
+          line: 589,
           column: 17
         }
       },
-      "210": {
+      "211": {
         start: {
-          line: 585,
+          line: 587,
           column: 12
         },
         end: {
-          line: 586,
+          line: 588,
           column: 39
         }
       },
-      "211": {
+      "212": {
         start: {
-          line: 591,
+          line: 593,
           column: 23
         },
         end: {
-          line: 601,
+          line: 603,
           column: 7
         }
       },
-      "212": {
+      "213": {
         start: {
-          line: 592,
+          line: 594,
           column: 20
         },
         end: {
-          line: 592,
+          line: 594,
           column: 48
         }
       },
-      "213": {
+      "214": {
         start: {
-          line: 593,
+          line: 595,
           column: 8
         },
         end: {
-          line: 600,
+          line: 602,
           column: 11
         }
       },
-      "214": {
+      "215": {
         start: {
-          line: 602,
+          line: 604,
           column: 6
         },
         end: {
-          line: 615,
+          line: 617,
           column: 7
         }
       }
@@ -304313,7 +304323,7 @@ var cov_2f0u9tmiep = function () {
             column: 19
           },
           end: {
-            line: 580,
+            line: 582,
             column: 5
           }
         },
@@ -304323,121 +304333,121 @@ var cov_2f0u9tmiep = function () {
         name: "(anonymous_46)",
         decl: {
           start: {
-            line: 581,
+            line: 583,
             column: 4
           },
           end: {
-            line: 581,
+            line: 583,
             column: 5
           }
         },
         loc: {
           start: {
-            line: 581,
+            line: 583,
             column: 26
           },
           end: {
-            line: 589,
+            line: 591,
             column: 5
           }
         },
-        line: 581
+        line: 583
       },
       "47": {
         name: "(anonymous_47)",
         decl: {
           start: {
-            line: 582,
+            line: 584,
             column: 21
           },
           end: {
-            line: 582,
+            line: 584,
             column: 22
           }
         },
         loc: {
           start: {
-            line: 582,
+            line: 584,
             column: 27
           },
           end: {
-            line: 588,
+            line: 590,
             column: 7
           }
         },
-        line: 582
+        line: 584
       },
       "48": {
         name: "(anonymous_48)",
         decl: {
           start: {
-            line: 584,
+            line: 586,
             column: 21
           },
           end: {
-            line: 584,
+            line: 586,
             column: 22
           }
         },
         loc: {
           start: {
-            line: 584,
+            line: 586,
             column: 27
           },
           end: {
-            line: 587,
+            line: 589,
             column: 11
           }
         },
-        line: 584
+        line: 586
       },
       "49": {
         name: "(anonymous_49)",
         decl: {
           start: {
-            line: 590,
+            line: 592,
             column: 4
           },
           end: {
-            line: 590,
+            line: 592,
             column: 5
           }
         },
         loc: {
           start: {
-            line: 590,
+            line: 592,
             column: 18
           },
           end: {
-            line: 616,
+            line: 618,
             column: 5
           }
         },
-        line: 590
+        line: 592
       },
       "50": {
         name: "(anonymous_50)",
         decl: {
           start: {
-            line: 591,
+            line: 593,
             column: 23
           },
           end: {
-            line: 591,
+            line: 593,
             column: 24
           }
         },
         loc: {
           start: {
-            line: 591,
+            line: 593,
             column: 45
           },
           end: {
-            line: 601,
+            line: 603,
             column: 7
           }
         },
-        line: 591
+        line: 593
       }
     },
     branchMap: {
@@ -306140,7 +306150,7 @@ var cov_2f0u9tmiep = function () {
             column: 6
           },
           end: {
-            line: 579,
+            line: 581,
             column: 7
           }
         },
@@ -306151,7 +306161,7 @@ var cov_2f0u9tmiep = function () {
             column: 6
           },
           end: {
-            line: 579,
+            line: 581,
             column: 7
           }
         }, {
@@ -306160,7 +306170,7 @@ var cov_2f0u9tmiep = function () {
             column: 6
           },
           end: {
-            line: 579,
+            line: 581,
             column: 7
           }
         }],
@@ -306169,68 +306179,68 @@ var cov_2f0u9tmiep = function () {
       "52": {
         loc: {
           start: {
-            line: 583,
+            line: 585,
             column: 8
           },
           end: {
-            line: 587,
+            line: 589,
             column: 17
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 583,
+            line: 585,
             column: 8
           },
           end: {
-            line: 587,
+            line: 589,
             column: 17
           }
         }, {
           start: {
-            line: 583,
+            line: 585,
             column: 8
           },
           end: {
-            line: 587,
+            line: 589,
             column: 17
           }
         }],
-        line: 583
+        line: 585
       },
       "53": {
         loc: {
           start: {
-            line: 593,
+            line: 595,
             column: 15
           },
           end: {
-            line: 600,
+            line: 602,
             column: 11
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 594,
+            line: 596,
             column: 12
           },
           end: {
-            line: 594,
+            line: 596,
             column: 14
           }
         }, {
           start: {
-            line: 595,
+            line: 597,
             column: 12
           },
           end: {
-            line: 600,
+            line: 602,
             column: 11
           }
         }],
-        line: 593
+        line: 595
       }
     },
     s: {
@@ -306448,7 +306458,8 @@ var cov_2f0u9tmiep = function () {
       "211": 0,
       "212": 0,
       "213": 0,
-      "214": 0
+      "214": 0,
+      "215": 0
     },
     f: {
       "0": 0,
@@ -306563,13 +306574,13 @@ var cov_2f0u9tmiep = function () {
       version: 3,
       sources: ["BioModelTree.vue"],
       names: [],
-      mappings: ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA",
+      mappings: ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA",
       file: "BioModelTree.vue",
       sourceRoot: "src/components/bioModels",
-      sourcesContent: ["<template>\n  <v-card\n    flat\n    class=\"isabl-base-card\"\n    data-test=\"biomodel-tree\"\n  >\n    <base-section-title\n      :show-more=\"showTree\"\n      @toggle-show-more=\"showTree = !showTree\"\n    >\n      <template v-slot:title>Samples Tree</template>\n      <template v-slot:actions>\n        <div>\n          <v-btn\n            v-if=\"isBigTree\"\n            class=\"table-action-btn pull-right ma-0\"\n            fab\n            outlined\n            color=\"primary\"\n            @click=\"\n              showFullHeight = !showFullHeight\n              scrollToCurrentNode()\n            \"\n          >\n            <v-icon color=\"primary\">{{ showFullHeight ? 'expand_less' : 'expand_more' }}</v-icon>\n          </v-btn>\n        </div>\n      </template>\n    </base-section-title>\n\n    <!-- Graph -->\n    <v-row\n      v-show=\"showTree\"\n      id=\"tree-div\"\n      :style=\"showFullHeight ? '' : 'max-height: 300px;'\"\n      class=\"individual-tree-div ma-0\"\n    >\n      <v-col class=\"individual-tree text-center pa-0 ma-0\" />\n    </v-row>\n\n  </v-card>\n</template>\n\n<script>\n/*\n  Vue implementation of D3 Tree from:\n  https://beta.observablehq.com/@asktree/interactive-tree-diagram-d3v4-v5\n*/\n\nimport { fetchIndividualTree } from '@/utils/api'\nimport { mapGetters } from 'vuex'\nimport { SHOW_ALERT } from '@/store/actions/alert'\nimport { SHOW_PANEL } from '@/store/actions/panels'\nimport BasePanel from '@/components/base/BasePanel.vue'\nimport BaseSectionTitle from '@/components/base/BaseSectionTitle'\nimport {\n  tree as d3Tree,\n  event as d3Event,\n  select as d3Select,\n  hierarchy as d3Hierarchy,\n  linkHorizontal as d3linkHorizontal\n} from 'd3'\n\nexport default {\n  name: 'BioModelTree',\n  components: {\n    BasePanel,\n    BaseSectionTitle\n  },\n  data() {\n    const { treeIcons } = this.$settings\n    return {\n      loading: false,\n      duration: 0,\n      data: null,\n      root: null,\n      tree: null,\n      graph: null,\n      species: null,\n      dataNodes: null,\n      showTree: true,\n      isBigTree: false,\n      showFullHeight: true,\n      skipToScrollNode: false,\n      currentNode: null,\n      nodeSize: Object.keys(treeIcons).length ? 15 : 5,\n      margin: { top: 20, bottom: 20, right: 0, left: 105 },\n      diagonal: d3linkHorizontal()\n        .x(d => d.y)\n        .y(d => d.x),\n      treeIcons\n    }\n  },\n  computed: {\n    ...mapGetters({\n      currentModel: 'bioModelId',\n      individual: 'individualId'\n    })\n  },\n  watch: {\n    individual(value, oldValue) {\n      if (value !== oldValue) {\n        this.fetchData()\n      }\n    },\n    currentModel() {\n      this.data && this.update(this.data)\n    }\n  },\n  mounted() {\n    this.fetchData()\n  },\n  methods: {\n    buildTree() {\n      let dx = Object.keys(this.treeIcons).length ? this.nodeSize + 4 : 18\n      let dy = 0\n      let iconSize = this.nodeSize\n\n      // set width\n      this.width = 540 - this.margin.right - this.margin.left\n      this.tree = d3Tree()\n        .nodeSize([dx, dy])\n        .separation((a, b) => (a.parent == b.parent ? 1.75 : 2.5))\n\n      // clear div\n      let div = d3Select(this.$el).select('.individual-tree')\n      div.selectAll('svg').remove()\n\n      // create svg\n      this.svg = div\n        .append('svg')\n        .attr('width', this.width)\n        .attr('height', dx)\n        .attr('viewBox', [-this.margin.left, -this.margin.top, this.width, dx])\n        .style('font', '10px sans-serif')\n        .style('user-select', 'none')\n\n      // create filters\n      this.svg\n        .append('svg:filter')\n        .attr('id', 'invertColor')\n        .append('feColorMatrix')\n        .attr('in', 'SourceGraphic')\n        .attr('type', 'matrix')\n        .attr('values', '-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0')\n\n      // create image definitions\n      const defs = this.svg.append('svg:defs')\n      Object.keys(this.treeIcons).forEach(model => {\n        const pattern = defs\n          .append('svg:pattern')\n          .attr('id', `icon-${model}`)\n          .attr('width', iconSize)\n          .attr('height', iconSize)\n          .attr('patternUnits', 'objectBoundingBox')\n\n        pattern\n          .append('rect')\n          .attr('width', '100%')\n          .attr('height', '100%')\n          .attr('fill', 'var(--v-primary-base)')\n\n        pattern\n          .append('svg:image')\n          .attr('xlink:href', this.treeIcons[model])\n          .attr('width', iconSize)\n          .attr('height', iconSize)\n          .attr('x', iconSize / 2)\n          .attr('y', iconSize / 2)\n          .attr('filter', 'url(#invertColor)')\n      })\n\n      // create links\n      this.gLink = this.svg\n        .append('g')\n        .attr('fill', 'none')\n        .attr('stroke', '#555')\n        .attr('stroke-opacity', 0.4)\n        .attr('stroke-width', 1.5)\n\n      // create tooltip\n      this.tooltip = d3Select('body')\n        .append('div')\n        .style('position', 'absolute')\n        .style('z-index', '9999')\n        .style('visibility', 'hidden')\n\n      // create nodes\n      this.gNode = this.svg.append('g')\n\n      // build root\n      this.root = d3Hierarchy(this.data, d => d.children)\n      this.root.x0 = dy\n      this.root.y0 = 0\n      this.root.descendants().forEach((d, i) => {\n        d.id = i\n        d.collapsed = false\n        d._children = d.children\n\n        // collapse samples with too many experiments\n        if (d.depth !== 0 && d.children ? d.children.length > 10 : false) {\n          d.children = null\n          d.collapsed = true\n        }\n\n        // by default hide tree if too many samples\n        if (d.depth === 0 && d.children && d.children.length > 10) {\n          this.showFullHeight = false\n          this.isBigTree = true\n        }\n      })\n\n      this.update(this.root)\n    },\n    async fetchData() {\n      if (this.individual) {\n        this.loading = true\n        let individual = await fetchIndividualTree(this.individual)\n        this.species = individual.species\n\n        // Format Individual Tree\n        let individualNode = {}\n        individualNode.id = individual.system_id\n        individualNode.uuid = individual.uuid\n        individualNode.name = individual.system_id\n        individualNode.parent = null\n        individualNode.individual = individual\n        individualNode.class = 'individual'\n        if (individual.species === 'MOUSE') {\n          individualNode.img = 'mouse'\n        } else if (individual.species === 'HUMAN') {\n          if (individual.gender === 'FEMALE') {\n            individualNode.img = 'female'\n          } else {\n            individualNode.img = 'male'\n          }\n        } else {\n          individualNode.img = 'alien'\n        }\n        individualNode.children = individual.sample_set.map(sample => {\n          // Samples Children\n          let sampleNode = {}\n          sampleNode.id = sample.system_id\n          sampleNode.uuid = sample.uuid\n          sampleNode.name = sample.system_id.split('_')\n          sampleNode.name = sampleNode.name[sampleNode.name.length - 1]\n          sampleNode.parent = individual.system_id\n          sampleNode.sample = sample\n          sampleNode.individual = individual\n          sampleNode.class = 'sample'\n\n          if (sample.category === 'TUMOR') {\n            sampleNode.img = 'tumor'\n          } else {\n            sampleNode.img = 'normal'\n          }\n\n          let aliquots_ids = [\n            ...new Set(sample.experiment_set.map(e => e.aliquot_id))\n          ]\n\n          sampleNode.children = aliquots_ids\n            .map(aliquot_id => {\n              // Aliquot children\n              let aliquotNode = {}\n              aliquotNode.aliquot_id = aliquot_id\n              aliquotNode.name = ''\n              aliquotNode.parent = sample.system_id\n              aliquotNode.sample = sample\n              aliquotNode.sampleNode = sampleNode\n              aliquotNode.individual = individual\n              aliquotNode.class = 'aliquot'\n              aliquotNode.img = 'aliquot'\n              aliquotNode.children = []\n\n              sample.experiment_set.map(experiment => {\n                // Experiment Children\n                if (experiment.aliquot_id === aliquot_id) {\n                  let experimentNode = {}\n                  experimentNode.parent = sample.system_id\n                  experimentNode.sample = sample\n                  experimentNode.individual = individual\n                  experimentNode.aliquot_id = experiment.aliquot_id\n                  experimentNode.id = experiment.system_id\n                  experimentNode.uuid = experiment.uuid\n                  experimentNode.class = 'experiment'\n                  experimentNode.experiment = experiment\n\n                  let name = experiment.system_id.split('_')\n                  experimentNode.name = name[name.length - 1]\n\n                  if (experiment.custom_fields.is_pdx) {\n                    experimentNode.img = 'mouse'\n                  } else {\n                    if (experiment.technique.category === 'IMG') {\n                      experimentNode.img = 'image'\n                    } else if (experiment.technique.category === 'TISSUE') {\n                      experimentNode.img = 'tissue'\n                      if (experiment.technique.method === 'CG') {\n                        experimentNode.img = 'chromosome'\n                      }\n                      if (experiment.technique.method === 'HP') {\n                        experimentNode.img = 'tissue'\n                      }\n                      if (experiment.technique.method === 'FC') {\n                        experimentNode.img = 'cells'\n                      }\n                    } else if (experiment.technique.category === 'RNA') {\n                      experimentNode.img = 'rna'\n                    } else if (experiment.technique.category === 'DNA') {\n                      experimentNode.img = 'dna'\n                    } else {\n                      experimentNode.img = 'dna'\n                    }\n                  }\n\n                  // legacy leukgen ID\n                  if (experiment.system_id.split('-').length === 7) {\n                    aliquotNode.name = experiment.system_id.split('-')[4]\n                    experimentNode.name = experiment.system_id\n                      .split('-')\n                      .slice(5, 7)\n                      .join('-')\n                  } else {\n                    aliquotNode.name = experiment.system_id.split('_')\n                    aliquotNode.name = parseInt(\n                      aliquotNode.name[aliquotNode.name.length - 2]\n                    )\n                  }\n                  aliquotNode.children.push(experimentNode)\n                }\n              })\n              return aliquotNode\n            })\n            .sort((a, b) => a.name - b.name)\n          return sampleNode\n        })\n\n        this.data = individualNode\n        this.dataNodes = individualNode.children.reduce(\n          (totalNodes, nodeInChildren) => {\n            return totalNodes + nodeInChildren.children.length\n          },\n          0\n        )\n\n        this.buildTree()\n        this.loading = false\n      }\n    },\n    update(source) {\n      const duration = d3Event && d3Event.altKey ? 2500 : 250\n      const nodes = this.root.descendants().reverse()\n      const links = this.root.links()\n\n      // Compute the new tree layout.\n      this.tree(this.root)\n\n      let left = this.root\n      let right = this.root\n      this.root.eachBefore(node => {\n        if (node.x < left.x) left = node\n        if (node.x > right.x) right = node\n      })\n\n      const height = right.x - left.x + this.margin.top + this.margin.bottom\n\n      this.svg\n        .transition()\n        .duration(duration)\n        .attr('height', height)\n        .attr('viewBox', [\n          -this.margin.left,\n          left.x - this.margin.top,\n          this.width,\n          height\n        ])\n        .tween(\n          'resize',\n          window.ResizeObserver ? null : () => () => this.svg.dispatch('toggle')\n        )\n\n      // Normalize for fixed-depth.\n      nodes.forEach(d => {\n        d.y = {\n          individual: 0,\n          sample: 150,\n          aliquot: 225,\n          experiment: 300\n        }[d.data.class]\n      })\n\n      // ****************** Nodes section ***************************\n\n      // Update the nodes...\n      let node = this.gNode.selectAll('g').data(nodes, d => d.id)\n\n      // Enter any new modes at the parent's previous position.\n      let nodeEnter = node\n        .enter()\n        .append('g')\n        .attr('class', d => `node ${d.data.class}`)\n        .attr('transform', () => `translate(${source.y0},${source.x0})`)\n\n      const circles = nodeEnter\n        .append('circle')\n        .attr('cursor', d => (d.data.class !== 'aliquot' ? 'pointer' : null))\n        .attr('class', 'node shades--text')\n\n      circles.style('fill', d =>\n        this.treeIcons[d.data.img] ? `url(#icon-${d.data.img})` : ''\n      )\n\n      nodeEnter\n        .on('click', this.changeModel)\n        // tooltip, see https://stackoverflow.com/questions/10805184\n        .on('mouseover', d => {\n          if (d.data.class === 'aliquot' && d.parent.children.length < 2) return\n\n          let leftPaddings = { experiment: 300, individual: 120, sample: 200 }\n          this.tooltip\n            .html(this.getTooltip(d))\n            .style('visibility', 'visible')\n            .attr('transform', `translate(${d.y},${d.x})`)\n            .style('top', `${d3Event.pageY + 20}px`)\n            .style('left', `${d3Event.pageX - leftPaddings[d.data.class]}px`)\n        })\n        .on('mouseout', () => this.tooltip.style('visibility', 'hidden'))\n\n      // Add labels for the nodes\n      nodeEnter\n        .append('text')\n        .on('click', this.onTextClick)\n        .attr('dy', '.35em')\n        .attr('x', -13)\n        .attr('text-anchor', d => (d.children || d._children ? 'end' : 'end'))\n        .text(d =>\n          d.data.class === 'aliquot' && d.parent.children.length < 2\n            ? ''\n            : d.data.name\n        )\n\n      // Add collapse text to indicate node can be opened\n      nodeEnter\n        .append('text')\n        .attr('dy', 0)\n        .attr('x', 26)\n        .text('...')\n        .attr('class', 'collapse-text')\n\n      // UPDATE\n      let nodeUpdate = nodeEnter.merge(node)\n\n      // Transition to the proper position for the node\n      nodeUpdate\n        .transition()\n        .duration(this.duration)\n        .attr('transform', d => `translate(${d.y},${d.x})`)\n\n      // Update the node attributes and style\n      nodeUpdate\n        .select('.node')\n        .attr('r', d => (d.data.class !== 'aliquot' ? this.nodeSize : 5))\n        .attr('cx', this.nodeSize / 2)\n        .attr('cy', 0)\n        .attr('data-intercom-target', d => `tree-node-circle-${d.data.id}`)\n        .attr('fill', d =>\n          d._children && !d.children ? 'gray' : 'var(--v-primary-base)'\n        )\n        .attr('opacity', d =>\n          d.data.class === 'aliquot' && d.parent.children.length < 2 ? 0 : 1\n        )\n        .style('stroke', d => {\n          if (\n            d.data.id === this.currentModel ||\n            d.data.uuid === this.currentModel\n          ) {\n            this.currentNode = d\n            if (!this.skipToScrollNode) {\n              this.scrollToCurrentNode()\n            }\n            this.skipToScrollNode = false\n            return 'var(--v-secondary-base)'\n          }\n          return 'transparent'\n        })\n\n      // Only show dots for collapsed and collapsible nodes\n      nodeUpdate\n        .select('text.collapse-text')\n        .attr('visibility', d =>\n          d.collapsed && d._children ? 'visible' : 'hidden'\n        )\n\n      // Remove any exiting nodes\n      let nodeExit = node\n        .exit()\n        .transition()\n        .duration(this.duration)\n        .attr('transform', `translate(${source.y},${source.x})`)\n        .remove()\n\n      // On exit reduce the node circles size to 0\n      nodeExit.select('.node').attr('r', 1e-6)\n\n      // On exit reduce the opacity of text labels\n      nodeExit.select('text').style('fill-opacity', 1e-6)\n\n      // ================ links section ================\n\n      // Update the links\n      let link = this.gLink.selectAll('path.link').data(links, d => d.id)\n\n      // Enter any new links at the parent's previous position.\n      let linkEnter = link\n        .enter()\n        .insert('path', 'g')\n        .attr('class', 'link')\n\n      // UPDATE\n      let linkUpdate = linkEnter.merge(link)\n\n      // Transition back to the parent element position\n      linkUpdate\n        .transition()\n        .duration(this.duration)\n        .attr('d', this.diagonal)\n\n      // Remove any exiting links\n      link\n        .exit()\n        .transition()\n        .duration(this.duration)\n        .remove()\n\n      // Store the old positions for transition.\n      nodes.forEach(d => {\n        d.x0 = d.x\n        d.y0 = d.y\n      })\n\n      this.$emit('update-size')\n    },\n    onTextClick(d) {\n      this.collapseBranch(d)\n      if (!d._children && d.data.id) {\n        this.$copyText(d.data.id).then(\n          () => {\n            this.$store.dispatch(SHOW_ALERT, {\n              message: 'Copied System ID to clipboard!'\n            })\n          },\n          () => {\n            this.$store.dispatch(SHOW_ALERT, {\n              error: 'System ID could not be copied to clipboard'\n            })\n          }\n        )\n      }\n    },\n    collapseBranch(d) {\n      d.children = d.children ? null : d._children\n      d.collapsed = !d.collapsed\n      this.update(d)\n    },\n    changeModel(d) {\n      if (d.data.id) {\n        this.skipToScrollNode = true // don't scroll to node when click\n\n        // Track individual tree usage\n        window.analytics.track('Browsed Individual Tree', {\n          model: d.data.class,\n          record: d.data.id\n        })\n\n        this.$store.dispatch(SHOW_PANEL, {\n          bioModel: d.data.id\n        })\n      }\n    },\n    scrollToCurrentNode() {\n      this.$nextTick(() => {\n        if (!this.showFullHeight)\n          setTimeout(() => {\n            document.getElementById('tree-div').scrollTop =\n              this.currentNode.x0 + 395 // 395 is a function of the max height\n          }, 100) // this delay was determined kind of experimentally\n      })\n    },\n    getTooltip(d) {\n      const keyValue = (key, verboseName) => {\n        let value = this.$get(d.data, key, null)\n        return value === null\n          ? ''\n          : `\n          <div class=\"layout row ma-3\" style=\"max-width: 100%\"\">\n            <div class=\"flex xs5\" style=\"width: 100%\">${verboseName}</div>\n            <div class=\"flex xs7\" style=\"width: 100%\"><b>${value}</b></div>\n          </div>\n          `\n      }\n      return `\n        <div class=\"v-tooltip__content tree-tooltip\" style=\"min-width: 350px;\">\n          ${keyValue('experiment.system_id', 'System ID')}\n          ${keyValue('experiment.identifier', 'Experiment ID')}\n          ${keyValue('aliquot_id', 'Aliquot ID')}\n          ${keyValue('sample.identifier', 'Sample ID')}\n          ${keyValue('individual.identifier', 'Individual ID')}\n          ${keyValue('experiment.technique.method', 'Method')}\n          ${keyValue('experiment.technique.name', 'Technique Name')}\n          ${keyValue('sample.disease.acronym', 'Disease')}\n          ${keyValue('individual.species', 'Species')}\n          ${keyValue('individual.center.acronym', 'Center')}\n        </div>\n      `\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.tree-tooltip.v-tooltip__content {\n  color: white;\n  padding: 20px;\n  opacity: 1;\n  font-size: 12px;\n  overflow: hidden;\n}\n.node-tooltip {\n  background: rgba($color: #000000, $alpha: 0.8);\n}\n.individual-tree-div {\n  overflow-x: scroll;\n  margin: auto;\n  .node {\n    stroke-width: 3px;\n    text {\n      font-size: 14px;\n      font-weight: 300;\n      fill: black !important;\n      cursor: pointer;\n      &.collapse-text {\n        font-size: 20px;\n        font-weight: 200;\n        cursor: default;\n      }\n    }\n    &.experiment text {\n      cursor: default;\n    }\n  }\n  .link {\n    fill: none;\n    stroke-width: 1.5px;\n    stroke: #aaa;\n  }\n}\n</style>\n"]
+      sourcesContent: ["<template>\n  <v-card\n    flat\n    class=\"isabl-base-card\"\n    data-test=\"biomodel-tree\"\n  >\n    <base-section-title\n      :show-more=\"showTree\"\n      @toggle-show-more=\"showTree = !showTree\"\n    >\n      <template v-slot:title>Samples Tree</template>\n      <template v-slot:actions>\n        <div>\n          <v-btn\n            v-if=\"isBigTree\"\n            class=\"table-action-btn pull-right ma-0\"\n            fab\n            outlined\n            color=\"primary\"\n            @click=\"\n              showFullHeight = !showFullHeight\n              scrollToCurrentNode()\n            \"\n          >\n            <v-icon color=\"primary\">{{ showFullHeight ? 'expand_less' : 'expand_more' }}</v-icon>\n          </v-btn>\n        </div>\n      </template>\n    </base-section-title>\n\n    <!-- Graph -->\n    <v-row\n      v-show=\"showTree\"\n      id=\"tree-div\"\n      :style=\"showFullHeight ? '' : 'max-height: 300px;'\"\n      class=\"individual-tree-div ma-0\"\n    >\n      <v-col class=\"individual-tree text-center pa-0 ma-0\" />\n    </v-row>\n\n  </v-card>\n</template>\n\n<script>\n/*\n  Vue implementation of D3 Tree from:\n  https://beta.observablehq.com/@asktree/interactive-tree-diagram-d3v4-v5\n*/\n\nimport { fetchIndividualTree } from '@/utils/api'\nimport { mapGetters } from 'vuex'\nimport { SHOW_ALERT } from '@/store/actions/alert'\nimport { SHOW_PANEL } from '@/store/actions/panels'\nimport BasePanel from '@/components/base/BasePanel.vue'\nimport BaseSectionTitle from '@/components/base/BaseSectionTitle'\nimport {\n  tree as d3Tree,\n  event as d3Event,\n  select as d3Select,\n  hierarchy as d3Hierarchy,\n  linkHorizontal as d3linkHorizontal\n} from 'd3'\n\nexport default {\n  name: 'BioModelTree',\n  components: {\n    BasePanel,\n    BaseSectionTitle\n  },\n  data() {\n    const { treeIcons } = this.$settings\n    return {\n      loading: false,\n      duration: 0,\n      data: null,\n      root: null,\n      tree: null,\n      graph: null,\n      species: null,\n      dataNodes: null,\n      showTree: true,\n      isBigTree: false,\n      showFullHeight: true,\n      skipToScrollNode: false,\n      currentNode: null,\n      nodeSize: Object.keys(treeIcons).length ? 15 : 5,\n      margin: { top: 20, bottom: 20, right: 0, left: 105 },\n      diagonal: d3linkHorizontal()\n        .x(d => d.y)\n        .y(d => d.x),\n      treeIcons\n    }\n  },\n  computed: {\n    ...mapGetters({\n      currentModel: 'bioModelId',\n      individual: 'individualId'\n    })\n  },\n  watch: {\n    individual(value, oldValue) {\n      if (value !== oldValue) {\n        this.fetchData()\n      }\n    },\n    currentModel() {\n      this.data && this.update(this.data)\n    }\n  },\n  mounted() {\n    this.fetchData()\n  },\n  methods: {\n    buildTree() {\n      let dx = Object.keys(this.treeIcons).length ? this.nodeSize + 4 : 18\n      let dy = 0\n      let iconSize = this.nodeSize\n\n      // set width\n      this.width = 540 - this.margin.right - this.margin.left\n      this.tree = d3Tree()\n        .nodeSize([dx, dy])\n        .separation((a, b) => (a.parent == b.parent ? 1.75 : 2.5))\n\n      // clear div\n      let div = d3Select(this.$el).select('.individual-tree')\n      div.selectAll('svg').remove()\n\n      // create svg\n      this.svg = div\n        .append('svg')\n        .attr('width', this.width)\n        .attr('height', dx)\n        .attr('viewBox', [-this.margin.left, -this.margin.top, this.width, dx])\n        .style('font', '10px sans-serif')\n        .style('user-select', 'none')\n\n      // create filters\n      this.svg\n        .append('svg:filter')\n        .attr('id', 'invertColor')\n        .append('feColorMatrix')\n        .attr('in', 'SourceGraphic')\n        .attr('type', 'matrix')\n        .attr('values', '-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0')\n\n      // create image definitions\n      const defs = this.svg.append('svg:defs')\n      Object.keys(this.treeIcons).forEach(model => {\n        const pattern = defs\n          .append('svg:pattern')\n          .attr('id', `icon-${model}`)\n          .attr('width', iconSize)\n          .attr('height', iconSize)\n          .attr('patternUnits', 'objectBoundingBox')\n\n        pattern\n          .append('rect')\n          .attr('width', '100%')\n          .attr('height', '100%')\n          .attr('fill', 'var(--v-primary-base)')\n\n        pattern\n          .append('svg:image')\n          .attr('xlink:href', this.treeIcons[model])\n          .attr('width', iconSize)\n          .attr('height', iconSize)\n          .attr('x', iconSize / 2)\n          .attr('y', iconSize / 2)\n          .attr('filter', 'url(#invertColor)')\n      })\n\n      // create links\n      this.gLink = this.svg\n        .append('g')\n        .attr('fill', 'none')\n        .attr('stroke', '#555')\n        .attr('stroke-opacity', 0.4)\n        .attr('stroke-width', 1.5)\n\n      // create tooltip\n      this.tooltip = d3Select('body')\n        .append('div')\n        .style('position', 'absolute')\n        .style('z-index', '9999')\n        .style('visibility', 'hidden')\n\n      // create nodes\n      this.gNode = this.svg.append('g')\n\n      // build root\n      this.root = d3Hierarchy(this.data, d => d.children)\n      this.root.x0 = dy\n      this.root.y0 = 0\n      this.root.descendants().forEach((d, i) => {\n        d.id = i\n        d.collapsed = false\n        d._children = d.children\n\n        // collapse samples with too many experiments\n        if (d.depth !== 0 && d.children ? d.children.length > 10 : false) {\n          d.children = null\n          d.collapsed = true\n        }\n\n        // by default hide tree if too many samples\n        if (d.depth === 0 && d.children && d.children.length > 10) {\n          this.showFullHeight = false\n          this.isBigTree = true\n        }\n      })\n\n      this.update(this.root)\n    },\n    async fetchData() {\n      if (this.individual) {\n        this.loading = true\n        let individual = await fetchIndividualTree(this.individual)\n        this.species = individual.species\n\n        // Format Individual Tree\n        let individualNode = {}\n        individualNode.id = individual.system_id\n        individualNode.uuid = individual.uuid\n        individualNode.name = individual.system_id\n        individualNode.parent = null\n        individualNode.individual = individual\n        individualNode.class = 'individual'\n        if (individual.species === 'MOUSE') {\n          individualNode.img = 'mouse'\n        } else if (individual.species === 'HUMAN') {\n          if (individual.gender === 'FEMALE') {\n            individualNode.img = 'female'\n          } else {\n            individualNode.img = 'male'\n          }\n        } else {\n          individualNode.img = 'alien'\n        }\n        individualNode.children = individual.sample_set.map(sample => {\n          // Samples Children\n          let sampleNode = {}\n          sampleNode.id = sample.system_id\n          sampleNode.uuid = sample.uuid\n          sampleNode.name = sample.system_id.split('_')\n          sampleNode.name = sampleNode.name[sampleNode.name.length - 1]\n          sampleNode.parent = individual.system_id\n          sampleNode.sample = sample\n          sampleNode.individual = individual\n          sampleNode.class = 'sample'\n\n          if (sample.category === 'TUMOR') {\n            sampleNode.img = 'tumor'\n          } else {\n            sampleNode.img = 'normal'\n          }\n\n          let aliquots_ids = [\n            ...new Set(sample.experiment_set.map(e => e.aliquot_id))\n          ]\n\n          sampleNode.children = aliquots_ids\n            .map(aliquot_id => {\n              // Aliquot children\n              let aliquotNode = {}\n              aliquotNode.aliquot_id = aliquot_id\n              aliquotNode.name = ''\n              aliquotNode.parent = sample.system_id\n              aliquotNode.sample = sample\n              aliquotNode.sampleNode = sampleNode\n              aliquotNode.individual = individual\n              aliquotNode.class = 'aliquot'\n              aliquotNode.img = 'aliquot'\n              aliquotNode.children = []\n\n              sample.experiment_set.map(experiment => {\n                // Experiment Children\n                if (experiment.aliquot_id === aliquot_id) {\n                  let experimentNode = {}\n                  experimentNode.parent = sample.system_id\n                  experimentNode.sample = sample\n                  experimentNode.individual = individual\n                  experimentNode.aliquot_id = experiment.aliquot_id\n                  experimentNode.id = experiment.system_id\n                  experimentNode.uuid = experiment.uuid\n                  experimentNode.class = 'experiment'\n                  experimentNode.experiment = experiment\n\n                  let name = experiment.system_id.split('_')\n                  experimentNode.name = name[name.length - 1]\n\n                  if (experiment.custom_fields.is_pdx) {\n                    experimentNode.img = 'mouse'\n                  } else {\n                    if (experiment.technique.category === 'IMG') {\n                      experimentNode.img = 'image'\n                    } else if (experiment.technique.category === 'TISSUE') {\n                      experimentNode.img = 'tissue'\n                      if (experiment.technique.method === 'CG') {\n                        experimentNode.img = 'chromosome'\n                      }\n                      if (experiment.technique.method === 'HP') {\n                        experimentNode.img = 'tissue'\n                      }\n                      if (experiment.technique.method === 'FC') {\n                        experimentNode.img = 'cells'\n                      }\n                    } else if (experiment.technique.category === 'RNA') {\n                      experimentNode.img = 'rna'\n                    } else if (experiment.technique.category === 'DNA') {\n                      experimentNode.img = 'dna'\n                    } else {\n                      experimentNode.img = 'dna'\n                    }\n                  }\n\n                  // legacy leukgen ID\n                  if (experiment.system_id.split('-').length === 7) {\n                    aliquotNode.name = experiment.system_id.split('-')[4]\n                    experimentNode.name = experiment.system_id\n                      .split('-')\n                      .slice(5, 7)\n                      .join('-')\n                  } else {\n                    aliquotNode.name = experiment.system_id.split('_')\n                    aliquotNode.name = parseInt(\n                      aliquotNode.name[aliquotNode.name.length - 2]\n                    )\n                  }\n                  aliquotNode.children.push(experimentNode)\n                }\n              })\n              return aliquotNode\n            })\n            .sort((a, b) => a.name - b.name)\n          return sampleNode\n        })\n\n        this.data = individualNode\n        this.dataNodes = individualNode.children.reduce(\n          (totalNodes, nodeInChildren) => {\n            return totalNodes + nodeInChildren.children.length\n          },\n          0\n        )\n\n        this.buildTree()\n        this.loading = false\n      }\n    },\n    update(source) {\n      const duration = d3Event && d3Event.altKey ? 2500 : 250\n      const nodes = this.root.descendants().reverse()\n      const links = this.root.links()\n\n      // Compute the new tree layout.\n      this.tree(this.root)\n\n      let left = this.root\n      let right = this.root\n      this.root.eachBefore(node => {\n        if (node.x < left.x) left = node\n        if (node.x > right.x) right = node\n      })\n\n      const height = right.x - left.x + this.margin.top + this.margin.bottom\n\n      this.svg\n        .transition()\n        .duration(duration)\n        .attr('height', height)\n        .attr('viewBox', [\n          -this.margin.left,\n          left.x - this.margin.top,\n          this.width,\n          height\n        ])\n        .tween(\n          'resize',\n          window.ResizeObserver ? null : () => () => this.svg.dispatch('toggle')\n        )\n\n      // Normalize for fixed-depth.\n      nodes.forEach(d => {\n        d.y = {\n          individual: 0,\n          sample: 150,\n          aliquot: 225,\n          experiment: 300\n        }[d.data.class]\n      })\n\n      // ****************** Nodes section ***************************\n\n      // Update the nodes...\n      let node = this.gNode.selectAll('g').data(nodes, d => d.id)\n\n      // Enter any new modes at the parent's previous position.\n      let nodeEnter = node\n        .enter()\n        .append('g')\n        .attr('class', d => `node ${d.data.class}`)\n        .attr('transform', () => `translate(${source.y0},${source.x0})`)\n\n      const circles = nodeEnter\n        .append('circle')\n        .attr('cursor', d => (d.data.class !== 'aliquot' ? 'pointer' : null))\n        .attr('class', 'node shades--text')\n\n      circles.style('fill', d =>\n        this.treeIcons[d.data.img] ? `url(#icon-${d.data.img})` : ''\n      )\n\n      nodeEnter\n        .on('click', this.changeModel)\n        // tooltip, see https://stackoverflow.com/questions/10805184\n        .on('mouseover', d => {\n          if (d.data.class === 'aliquot' && d.parent.children.length < 2) return\n\n          let leftPaddings = { experiment: 300, individual: 120, sample: 200 }\n          this.tooltip\n            .html(this.getTooltip(d))\n            .style('visibility', 'visible')\n            .attr('transform', `translate(${d.y},${d.x})`)\n            .style('top', `${d3Event.pageY + 20}px`)\n            .style('left', `${d3Event.pageX - leftPaddings[d.data.class]}px`)\n        })\n        .on('mouseout', () => this.tooltip.style('visibility', 'hidden'))\n\n      // Add labels for the nodes\n      nodeEnter\n        .append('text')\n        .on('click', this.onTextClick)\n        .attr('dy', '.35em')\n        .attr('x', -13)\n        .attr('text-anchor', d => (d.children || d._children ? 'end' : 'end'))\n        .text(d =>\n          d.data.class === 'aliquot' && d.parent.children.length < 2\n            ? ''\n            : d.data.name\n        )\n\n      // Add collapse text to indicate node can be opened\n      nodeEnter\n        .append('text')\n        .attr('dy', 0)\n        .attr('x', 26)\n        .text('...')\n        .attr('class', 'collapse-text')\n\n      // UPDATE\n      let nodeUpdate = nodeEnter.merge(node)\n\n      // Transition to the proper position for the node\n      nodeUpdate\n        .transition()\n        .duration(this.duration)\n        .attr('transform', d => `translate(${d.y},${d.x})`)\n\n      // Update the node attributes and style\n      nodeUpdate\n        .select('.node')\n        .attr('r', d => (d.data.class !== 'aliquot' ? this.nodeSize : 5))\n        .attr('cx', this.nodeSize / 2)\n        .attr('cy', 0)\n        .attr('data-intercom-target', d => `tree-node-circle-${d.data.id}`)\n        .attr('fill', d =>\n          d._children && !d.children ? 'gray' : 'var(--v-primary-base)'\n        )\n        .attr('opacity', d =>\n          d.data.class === 'aliquot' && d.parent.children.length < 2 ? 0 : 1\n        )\n        .style('stroke', d => {\n          if (\n            d.data.id === this.currentModel ||\n            d.data.uuid === this.currentModel\n          ) {\n            this.currentNode = d\n            if (!this.skipToScrollNode) {\n              this.scrollToCurrentNode()\n            }\n            this.skipToScrollNode = false\n            return 'var(--v-secondary-base)'\n          }\n          return 'transparent'\n        })\n\n      // Only show dots for collapsed and collapsible nodes\n      nodeUpdate\n        .select('text.collapse-text')\n        .attr('visibility', d =>\n          d.collapsed && d._children ? 'visible' : 'hidden'\n        )\n\n      // Remove any exiting nodes\n      let nodeExit = node\n        .exit()\n        .transition()\n        .duration(this.duration)\n        .attr('transform', `translate(${source.y},${source.x})`)\n        .remove()\n\n      // On exit reduce the node circles size to 0\n      nodeExit.select('.node').attr('r', 1e-6)\n\n      // On exit reduce the opacity of text labels\n      nodeExit.select('text').style('fill-opacity', 1e-6)\n\n      // ================ links section ================\n\n      // Update the links\n      let link = this.gLink.selectAll('path.link').data(links, d => d.id)\n\n      // Enter any new links at the parent's previous position.\n      let linkEnter = link\n        .enter()\n        .insert('path', 'g')\n        .attr('class', 'link')\n\n      // UPDATE\n      let linkUpdate = linkEnter.merge(link)\n\n      // Transition back to the parent element position\n      linkUpdate\n        .transition()\n        .duration(this.duration)\n        .attr('d', this.diagonal)\n\n      // Remove any exiting links\n      link\n        .exit()\n        .transition()\n        .duration(this.duration)\n        .remove()\n\n      // Store the old positions for transition.\n      nodes.forEach(d => {\n        d.x0 = d.x\n        d.y0 = d.y\n      })\n\n      this.$emit('update-size')\n    },\n    onTextClick(d) {\n      this.collapseBranch(d)\n      if (!d._children && d.data.id) {\n        this.$copyText(d.data.id).then(\n          () => {\n            this.$store.dispatch(SHOW_ALERT, {\n              message: 'Copied System ID to clipboard!'\n            })\n          },\n          () => {\n            this.$store.dispatch(SHOW_ALERT, {\n              error: 'System ID could not be copied to clipboard'\n            })\n          }\n        )\n      }\n    },\n    collapseBranch(d) {\n      d.children = d.children ? null : d._children\n      d.collapsed = !d.collapsed\n      this.update(d)\n    },\n    changeModel(d) {\n      if (d.data.id) {\n        this.skipToScrollNode = true // don't scroll to node when click\n\n        // Track individual tree usage\n        window.analytics.track('Browsed Individual Tree', {\n          model: d.data.class,\n          record: d.data.id\n        })\n\n        this.tooltip.style('visibility', 'hidden')\n\n        this.$store.dispatch(SHOW_PANEL, {\n          bioModel: d.data.id\n        })\n      }\n    },\n    scrollToCurrentNode() {\n      this.$nextTick(() => {\n        if (!this.showFullHeight)\n          setTimeout(() => {\n            document.getElementById('tree-div').scrollTop =\n              this.currentNode.x0 + 395 // 395 is a function of the max height\n          }, 100) // this delay was determined kind of experimentally\n      })\n    },\n    getTooltip(d) {\n      const keyValue = (key, verboseName) => {\n        let value = this.$get(d.data, key, null)\n        return value === null\n          ? ''\n          : `\n          <div class=\"layout row ma-3\" style=\"max-width: 100%\"\">\n            <div class=\"flex xs5\" style=\"width: 100%\">${verboseName}</div>\n            <div class=\"flex xs7\" style=\"width: 100%\"><b>${value}</b></div>\n          </div>\n          `\n      }\n      return `\n        <div class=\"v-tooltip__content tree-tooltip\" style=\"min-width: 350px;\">\n          ${keyValue('experiment.system_id', 'System ID')}\n          ${keyValue('experiment.identifier', 'Experiment ID')}\n          ${keyValue('aliquot_id', 'Aliquot ID')}\n          ${keyValue('sample.identifier', 'Sample ID')}\n          ${keyValue('individual.identifier', 'Individual ID')}\n          ${keyValue('experiment.technique.method', 'Method')}\n          ${keyValue('experiment.technique.name', 'Technique Name')}\n          ${keyValue('sample.disease.acronym', 'Disease')}\n          ${keyValue('individual.species', 'Species')}\n          ${keyValue('individual.center.acronym', 'Center')}\n        </div>\n      `\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.tree-tooltip.v-tooltip__content {\n  color: white;\n  padding: 20px;\n  opacity: 1;\n  font-size: 12px;\n  overflow: hidden;\n}\n.node-tooltip {\n  background: rgba($color: #000000, $alpha: 0.8);\n}\n.individual-tree-div {\n  overflow-x: scroll;\n  margin: auto;\n  .node {\n    stroke-width: 3px;\n    text {\n      font-size: 14px;\n      font-weight: 300;\n      fill: black !important;\n      cursor: pointer;\n      &.collapse-text {\n        font-size: 20px;\n        font-weight: 200;\n        cursor: default;\n      }\n    }\n    &.experiment text {\n      cursor: default;\n    }\n  }\n  .link {\n    fill: none;\n    stroke-width: 1.5px;\n    stroke: #aaa;\n  }\n}\n</style>\n"]
     },
     _coverageSchema: "43e27e138ebf9cfc5966b082cf9a028302ed4184",
-    hash: "51a5a4292862681da49328c1d173d15fd125ba9d"
+    hash: "35800f777c9e06999d7627afedbe72c07beb2e2a"
   };
   var coverage = global[gcv] || (global[gcv] = {});
@@ -307413,6 +307424,8 @@ function BioModelTreevue_type_script_lang_js_defineProperty(obj, key, value) { i
           record: d.data.id
         });
         cov_2f0u9tmiep.s[206]++;
+        this.tooltip.style('visibility', 'hidden');
+        cov_2f0u9tmiep.s[207]++;
         this.$store.dispatch(SHOW_PANEL, {
           bioModel: d.data.id
         });
@@ -307424,17 +307437,17 @@ function BioModelTreevue_type_script_lang_js_defineProperty(obj, key, value) { i
       var _this4 = this;
       cov_2f0u9tmiep.f[46]++;
-      cov_2f0u9tmiep.s[207]++;
+      cov_2f0u9tmiep.s[208]++;
       this.$nextTick(function () {
         cov_2f0u9tmiep.f[47]++;
-        cov_2f0u9tmiep.s[208]++;
+        cov_2f0u9tmiep.s[209]++;
         if (!_this4.showFullHeight) {
           cov_2f0u9tmiep.b[52][0]++;
-          cov_2f0u9tmiep.s[209]++;
+          cov_2f0u9tmiep.s[210]++;
           setTimeout(function () {
             cov_2f0u9tmiep.f[48]++;
-            cov_2f0u9tmiep.s[210]++;
+            cov_2f0u9tmiep.s[211]++;
             document.getElementById('tree-div').scrollTop = _this4.currentNode.x0 + 395; // 395 is a function of the max height
           }, 100);
         } else {
@@ -307447,16 +307460,16 @@ function BioModelTreevue_type_script_lang_js_defineProperty(obj, key, value) { i
       var _this5 = this;
       cov_2f0u9tmiep.f[49]++;
-      cov_2f0u9tmiep.s[211]++;
+      cov_2f0u9tmiep.s[212]++;
       var keyValue = function keyValue(key, verboseName) {
         cov_2f0u9tmiep.f[50]++;
-        var value = (cov_2f0u9tmiep.s[212]++, _this5.$get(d.data, key, null));
-        cov_2f0u9tmiep.s[213]++;
+        var value = (cov_2f0u9tmiep.s[213]++, _this5.$get(d.data, key, null));
+        cov_2f0u9tmiep.s[214]++;
         return value === null ? (cov_2f0u9tmiep.b[53][0]++, '') : (cov_2f0u9tmiep.b[53][1]++, "\n          <div class=\"layout row ma-3\" style=\"max-width: 100%\"\">\n            <div class=\"flex xs5\" style=\"width: 100%\">".concat(verboseName, "</div>\n            <div class=\"flex xs7\" style=\"width: 100%\"><b>").concat(value, "</b></div>\n          </div>\n          "));
       };
-      cov_2f0u9tmiep.s[214]++;
+      cov_2f0u9tmiep.s[215]++;
       return "\n        <div class=\"v-tooltip__content tree-tooltip\" style=\"min-width: 350px;\">\n          ".concat(keyValue('experiment.system_id', 'System ID'), "\n          ").concat(keyValue('experiment.identifier', 'Experiment ID'), "\n          ").concat(keyValue('aliquot_id', 'Aliquot ID'), "\n          ").concat(keyValue('sample.identifier', 'Sample ID'), "\n          ").concat(keyValue('individual.identifier', 'Individual ID'), "\n          ").concat(keyValue('experiment.technique.method', 'Method'), "\n          ").concat(keyValue('experiment.technique.name', 'Technique Name'), "\n          ").concat(keyValue('sample.disease.acronym', 'Disease'), "\n          ").concat(keyValue('individual.species', 'Species'), "\n          ").concat(keyValue('individual.center.acronym', 'Center'), "\n        </div>\n      ");
     }
   }
@@ -307477,8 +307490,8 @@ var BioModelTreevue_type_style_index_0_lang_scss_ = __webpack_require__("34ec");
 var BioModelTree_component = normalizeComponent(
   bioModels_BioModelTreevue_type_script_lang_js_,
-  BioModelTreevue_type_template_id_6a6ea313_render,
-  BioModelTreevue_type_template_id_6a6ea313_staticRenderFns,
+  BioModelTreevue_type_template_id_50c9e1d2_render,
+  BioModelTreevue_type_template_id_50c9e1d2_staticRenderFns,
   false,
   null,
   null,
@@ -316749,17 +316762,17 @@ var Signup_component = normalizeComponent(
 )
 /* harmony default export */ var Signup = (Signup_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d220a428-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/VerifyEmail.vue?vue&type=template&id=1a1688f9&
-var VerifyEmailvue_type_template_id_1a1688f9_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{staticClass:"auth-form",attrs:{"grid-list-md":"","text-center":""}},[_c('v-row',{staticClass:"auth-form",attrs:{"row":"","wrap":"","justify":"center"}},[(_vm.loading)?_c('v-col',{attrs:{"xs6":""}},[_c('v-progress-circular',{attrs:{"indeterminate":"","color":"primary"}}),_c('div',{staticClass:"text-h1 primary--text font-weight-thin mt-12 mb-4"},[_vm._v("Verifying ...")]),_c('div',{staticClass:"text-h6 font-weight-thin"},[_vm._v("We're verifying your account... Please wait")])],1):(!_vm.loading && _vm.verified)?_c('v-col',{attrs:{"xs6":""}},[_c('div',{staticClass:"text-h1 primary--text font-weight-thin mb-4"},[_vm._v("Account Verified")]),_c('div',{staticClass:"text-h6 font-weight-thin"},[_vm._v("\n        "+_vm._s(_vm.message)+"\n        "),_c('br'),_c('br'),_vm._v("Go to\n        "),_c('span',{staticClass:"active-link text-h6 font-weight-thin primary--text",on:{"click":_vm.goToLogin}},[_vm._v("Login.")])])]):(!_vm.loading && !_vm.verified)?_c('v-col',{attrs:{"xs6":""}},[_c('div',{staticClass:"text-h1 primary--text font-weight-thin mb-4"},[_vm._v("Incorrect key")]),_c('div',{staticClass:"text-h6 font-weight-thin"},[_vm._v("Your email couldn't be confirmed.")])]):_vm._e()],1)],1)}
-var VerifyEmailvue_type_template_id_1a1688f9_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d220a428-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/VerifyEmail.vue?vue&type=template&id=0460ddf2&
+var VerifyEmailvue_type_template_id_0460ddf2_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-row',{staticClass:"auth-form text-center",attrs:{"justify":"center"}},[(_vm.loading)?_c('v-col',{attrs:{"cols":"6","sm":"9","md":"6","lg":"4","xl":"2"}},[_c('v-progress-circular',{attrs:{"indeterminate":"","color":"primary"}}),_c('div',{staticClass:"text-h3 primary--text font-weight-thin mt-12 mb-4"},[_vm._v("Verifying ...")]),_c('div',{staticClass:"text-h6 font-weight-thin"},[_vm._v("We're verifying your account... Please wait")])],1):(!_vm.loading && _vm.verified)?_c('v-col',{attrs:{"cols":"6","sm":"9","md":"6","lg":"4","xl":"2"}},[_c('div',{staticClass:"text-h3 primary--text font-weight-thin mb-4"},[_vm._v("Account Verified")]),_c('div',{staticClass:"text-h6 font-weight-thin"},[_vm._v("\n      "+_vm._s(_vm.message)+"\n      "),_c('br'),_c('br'),_vm._v("Go to\n      "),_c('span',{staticClass:"active-link text-h6 font-weight-thin primary--text",on:{"click":_vm.goToLogin}},[_vm._v("Login.")])])]):(!_vm.loading && !_vm.verified)?_c('v-col',{attrs:{"cols":"6","sm":"9","md":"6","lg":"4","xl":"2"}},[_c('div',{staticClass:"text-h1 primary--text font-weight-thin mb-4"},[_vm._v("Incorrect key")]),_c('div',{staticClass:"text-h6 font-weight-thin"},[_vm._v("Your email couldn't be confirmed.")])]):_vm._e()],1)}
+var VerifyEmailvue_type_template_id_0460ddf2_staticRenderFns = []
-// CONCATENATED MODULE: ./src/views/VerifyEmail.vue?vue&type=template&id=1a1688f9&
+// CONCATENATED MODULE: ./src/views/VerifyEmail.vue?vue&type=template&id=0460ddf2&
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/VerifyEmail.vue?vue&type=script&lang=js&
 var cov_50fq9mw5q = function () {
   var path = "/Users/arangooj/papaemme/isabl_web/src/views/VerifyEmail.vue";
-  var hash = "def532b3888f5cb41b488acbfeb7e96be9e875bf";
+  var hash = "4cd889dd459869433cea1267c94c71c149b8c801";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -316767,121 +316780,121 @@ var cov_50fq9mw5q = function () {
     statementMap: {
       "0": {
         start: {
-          line: 56,
+          line: 60,
           column: 4
         },
         end: {
-          line: 60,
+          line: 64,
           column: 5
         }
       },
       "1": {
         start: {
-          line: 63,
+          line: 67,
           column: 4
         },
         end: {
-          line: 63,
+          line: 67,
           column: 22
         }
       },
       "2": {
         start: {
-          line: 67,
+          line: 71,
           column: 6
         },
         end: {
-          line: 67,
+          line: 71,
           column: 25
         }
       },
       "3": {
         start: {
-          line: 68,
+          line: 72,
           column: 22
         },
         end: {
-          line: 68,
+          line: 72,
           column: 39
         }
       },
       "4": {
         start: {
-          line: 69,
+          line: 73,
           column: 6
         },
         end: {
-          line: 83,
+          line: 87,
           column: 7
         }
       },
       "5": {
         start: {
-          line: 70,
+          line: 74,
           column: 8
         },
         end: {
-          line: 80,
+          line: 84,
           column: 12
         }
       },
       "6": {
         start: {
-          line: 72,
+          line: 76,
           column: 12
         },
         end: {
-          line: 72,
+          line: 76,
           column: 32
         }
       },
       "7": {
         start: {
-          line: 73,
+          line: 77,
           column: 12
         },
         end: {
-          line: 73,
+          line: 77,
           column: 42
         }
       },
       "8": {
         start: {
-          line: 76,
+          line: 80,
           column: 12
         },
         end: {
-          line: 76,
+          line: 80,
           column: 33
         }
       },
       "9": {
         start: {
-          line: 79,
+          line: 83,
           column: 12
         },
         end: {
-          line: 79,
+          line: 83,
           column: 32
         }
       },
       "10": {
         start: {
-          line: 82,
+          line: 86,
           column: 8
         },
         end: {
-          line: 82,
+          line: 86,
           column: 28
         }
       },
       "11": {
         start: {
-          line: 86,
+          line: 90,
           column: 6
         },
         end: {
-          line: 86,
+          line: 90,
           column: 42
         }
       }
@@ -316891,204 +316904,204 @@ var cov_50fq9mw5q = function () {
         name: "(anonymous_0)",
         decl: {
           start: {
-            line: 55,
+            line: 59,
             column: 2
           },
           end: {
-            line: 55,
+            line: 59,
             column: 3
           }
         },
         loc: {
           start: {
-            line: 55,
+            line: 59,
             column: 9
           },
           end: {
-            line: 61,
+            line: 65,
             column: 3
           }
         },
-        line: 55
+        line: 59
       },
       "1": {
         name: "(anonymous_1)",
         decl: {
           start: {
-            line: 62,
+            line: 66,
             column: 2
           },
           end: {
-            line: 62,
+            line: 66,
             column: 3
           }
         },
         loc: {
           start: {
-            line: 62,
+            line: 66,
             column: 12
           },
           end: {
-            line: 64,
+            line: 68,
             column: 3
           }
         },
-        line: 62
+        line: 66
       },
       "2": {
         name: "(anonymous_2)",
         decl: {
           start: {
-            line: 66,
+            line: 70,
             column: 4
           },
           end: {
-            line: 66,
+            line: 70,
             column: 5
           }
         },
         loc: {
           start: {
-            line: 66,
+            line: 70,
             column: 18
           },
           end: {
-            line: 84,
+            line: 88,
             column: 5
           }
         },
-        line: 66
+        line: 70
       },
       "3": {
         name: "(anonymous_3)",
         decl: {
           start: {
-            line: 71,
+            line: 75,
             column: 16
           },
           end: {
-            line: 71,
+            line: 75,
             column: 17
           }
         },
         loc: {
           start: {
-            line: 71,
+            line: 75,
             column: 28
           },
           end: {
-            line: 74,
+            line: 78,
             column: 11
           }
         },
-        line: 71
+        line: 75
       },
       "4": {
         name: "(anonymous_4)",
         decl: {
           start: {
-            line: 75,
+            line: 79,
             column: 17
           },
           end: {
-            line: 75,
+            line: 79,
             column: 18
           }
         },
         loc: {
           start: {
-            line: 75,
+            line: 79,
             column: 26
           },
           end: {
-            line: 77,
+            line: 81,
             column: 11
           }
         },
-        line: 75
+        line: 79
       },
       "5": {
         name: "(anonymous_5)",
         decl: {
           start: {
-            line: 78,
+            line: 82,
             column: 19
           },
           end: {
-            line: 78,
+            line: 82,
             column: 20
           }
         },
         loc: {
           start: {
-            line: 78,
+            line: 82,
             column: 25
           },
           end: {
-            line: 80,
+            line: 84,
             column: 11
           }
         },
-        line: 78
+        line: 82
       },
       "6": {
         name: "(anonymous_6)",
         decl: {
           start: {
-            line: 85,
+            line: 89,
             column: 4
           },
           end: {
-            line: 85,
+            line: 89,
             column: 5
           }
         },
         loc: {
           start: {
-            line: 85,
+            line: 89,
             column: 16
           },
           end: {
-            line: 87,
+            line: 91,
             column: 5
           }
         },
-        line: 85
+        line: 89
       }
     },
     branchMap: {
       "0": {
         loc: {
           start: {
-            line: 69,
+            line: 73,
             column: 6
           },
           end: {
-            line: 83,
+            line: 87,
             column: 7
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 69,
+            line: 73,
             column: 6
           },
           end: {
-            line: 83,
+            line: 87,
             column: 7
           }
         }, {
           start: {
-            line: 69,
+            line: 73,
             column: 6
           },
           end: {
-            line: 83,
+            line: 87,
             column: 7
           }
         }],
-        line: 69
+        line: 73
       }
     },
     s: {
@@ -317121,13 +317134,13 @@ var cov_50fq9mw5q = function () {
       version: 3,
       sources: ["VerifyEmail.vue"],
       names: [],
-      mappings: ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA",
+      mappings: ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA",
       file: "VerifyEmail.vue",
       sourceRoot: "src/views",
-      sourcesContent: ["<template>\n  <v-container\n    grid-list-md\n    text-center\n    class=\"auth-form\"\n  >\n    <v-row\n      row\n      wrap\n      justify=\"center\"\n      class=\"auth-form\"\n    >\n      <v-col\n        v-if=\"loading\"\n        xs6\n      >\n        <v-progress-circular\n          indeterminate\n          color=\"primary\"\n        />\n        <div class=\"text-h1 primary--text font-weight-thin mt-12 mb-4\">Verifying ...</div>\n        <div class=\"text-h6 font-weight-thin\">We're verifying your account... Please wait</div>\n      </v-col>\n      <v-col\n        v-else-if=\"!loading && verified\"\n        xs6\n      >\n        <div class=\"text-h1 primary--text font-weight-thin mb-4\">Account Verified</div>\n        <div class=\"text-h6 font-weight-thin\">\n          {{ message }}\n          <br />\n          <br />Go to\n          <span\n            class=\"active-link text-h6 font-weight-thin primary--text\"\n            @click=\"goToLogin\"\n          >Login.</span>\n        </div>\n      </v-col>\n      <v-col\n        v-else-if=\"!loading && !verified\"\n        xs6\n      >\n        <div class=\"text-h1 primary--text font-weight-thin mb-4\">Incorrect key</div>\n        <div class=\"text-h6 font-weight-thin\">Your email couldn't be confirmed.</div>\n      </v-col>\n    </v-row>\n  </v-container>\n</template>\n\n<script>\nimport { verifyEmail } from '@/utils/api'\n\nexport default {\n  name: 'VerifyEmail',\n  data() {\n    return {\n      loading: false,\n      verified: false,\n      message: ''\n    }\n  },\n  created() {\n    this.verifyEmail()\n  },\n  methods: {\n    verifyEmail() {\n      this.loading = true\n      const { key } = this.$route.query\n      if (key) {\n        verifyEmail(key)\n          .then(response => {\n            this.verified = true\n            this.message = response.detail\n          })\n          .catch(error => {\n            this.verified = false\n          })\n          .finally(() => {\n            this.loading = false\n          })\n      } else {\n        this.loading = false\n      }\n    },\n    goToLogin() {\n      this.$router.push({ name: 'login' })\n    }\n  }\n}\n</script>\n"]
+      sourcesContent: ["<template>\n  <v-row\n    justify=\"center\"\n    class=\"auth-form text-center\"\n  >\n    <v-col\n      v-if=\"loading\"\n      cols=\"6\"\n      sm=\"9\"\n      md=\"6\"\n      lg=\"4\"\n      xl=\"2\"\n    >\n      <v-progress-circular\n        indeterminate\n        color=\"primary\"\n      />\n      <div class=\"text-h3 primary--text font-weight-thin mt-12 mb-4\">Verifying ...</div>\n      <div class=\"text-h6 font-weight-thin\">We're verifying your account... Please wait</div>\n    </v-col>\n    <v-col\n      v-else-if=\"!loading && verified\"\n      cols=\"6\"\n      sm=\"9\"\n      md=\"6\"\n      lg=\"4\"\n      xl=\"2\"\n    >\n      <div class=\"text-h3 primary--text font-weight-thin mb-4\">Account Verified</div>\n      <div class=\"text-h6 font-weight-thin\">\n        {{ message }}\n        <br>\n        <br>Go to\n        <span\n          class=\"active-link text-h6 font-weight-thin primary--text\"\n          @click=\"goToLogin\"\n        >Login.</span>\n      </div>\n    </v-col>\n    <v-col\n      v-else-if=\"!loading && !verified\"\n      cols=\"6\"\n      sm=\"9\"\n      md=\"6\"\n      lg=\"4\"\n      xl=\"2\"\n    >\n      <div class=\"text-h1 primary--text font-weight-thin mb-4\">Incorrect key</div>\n      <div class=\"text-h6 font-weight-thin\">Your email couldn't be confirmed.</div>\n    </v-col>\n  </v-row>\n</template>\n\n<script>\nimport { verifyEmail } from '@/utils/api'\n\nexport default {\n  name: 'VerifyEmail',\n  data() {\n    return {\n      loading: false,\n      verified: false,\n      message: ''\n    }\n  },\n  created() {\n    this.verifyEmail()\n  },\n  methods: {\n    verifyEmail() {\n      this.loading = true\n      const { key } = this.$route.query\n      if (key) {\n        verifyEmail(key)\n          .then(response => {\n            this.verified = true\n            this.message = response.detail\n          })\n          .catch(error => {\n            this.verified = false\n          })\n          .finally(() => {\n            this.loading = false\n          })\n      } else {\n        this.loading = false\n      }\n    },\n    goToLogin() {\n      this.$router.push({ name: 'login' })\n    }\n  }\n}\n</script>\n"]
     },
     _coverageSchema: "43e27e138ebf9cfc5966b082cf9a028302ed4184",
-    hash: "def532b3888f5cb41b488acbfeb7e96be9e875bf"
+    hash: "4cd889dd459869433cea1267c94c71c149b8c801"
   };
   var coverage = global[gcv] || (global[gcv] = {});
@@ -317187,6 +317200,10 @@ var cov_50fq9mw5q = function () {
 //
 //
 //
+//
+//
+//
+//
 /* harmony default export */ var VerifyEmailvue_type_script_lang_js_ = ({
   name: 'VerifyEmail',
@@ -317263,8 +317280,8 @@ var cov_50fq9mw5q = function () {
 var VerifyEmail_component = normalizeComponent(
   views_VerifyEmailvue_type_script_lang_js_,
-  VerifyEmailvue_type_template_id_1a1688f9_render,
-  VerifyEmailvue_type_template_id_1a1688f9_staticRenderFns,
+  VerifyEmailvue_type_template_id_0460ddf2_render,
+  VerifyEmailvue_type_template_id_0460ddf2_staticRenderFns,
   false,
   null,
   null,
@@ -317882,7 +317899,7 @@ function mixins_auth_defineProperty(obj, key, value) { if (key in obj) { Object.
 // CONCATENATED MODULE: ./src/mixins/fields.js
 var cov_5ht757v2k = function () {
   var path = "/Users/arangooj/papaemme/isabl_web/src/mixins/fields.js";
-  var hash = "12f16a59f956cbcb6c85cdcf33e15345cab3a97f";
+  var hash = "b643f788f77d4fcd68b71d31977c281f17784e26";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -318014,207 +318031,227 @@ var cov_5ht757v2k = function () {
           column: 6
         },
         end: {
-          line: 44,
-          column: 63
+          line: 46,
+          column: 7
         }
       },
       "13": {
         start: {
           line: 45,
-          column: 6
+          column: 8
         },
         end: {
           line: 45,
-          column: 49
+          column: 76
         }
       },
       "14": {
         start: {
-          line: 50,
+          line: 48,
           column: 6
         },
         end: {
-          line: 50,
-          column: 49
+          line: 48,
+          column: 63
         }
       },
       "15": {
         start: {
-          line: 51,
+          line: 49,
           column: 6
         },
         end: {
-          line: 60,
-          column: 7
+          line: 49,
+          column: 49
         }
       },
       "16": {
         start: {
-          line: 52,
+          line: 54,
+          column: 6
+        },
+        end: {
+          line: 54,
+          column: 49
+        }
+      },
+      "17": {
+        start: {
+          line: 55,
+          column: 6
+        },
+        end: {
+          line: 64,
+          column: 7
+        }
+      },
+      "18": {
+        start: {
+          line: 56,
           column: 8
         },
         end: {
-          line: 52,
+          line: 56,
           column: 32
         }
       },
-      "17": {
+      "19": {
         start: {
-          line: 53,
+          line: 57,
           column: 8
         },
         end: {
-          line: 59,
+          line: 63,
           column: 53
         }
       },
-      "18": {
+      "20": {
         start: {
-          line: 55,
+          line: 59,
           column: 12
         },
         end: {
-          line: 55,
+          line: 59,
           column: 36
         }
       },
-      "19": {
+      "21": {
         start: {
-          line: 56,
+          line: 60,
           column: 12
         },
         end: {
-          line: 56,
+          line: 60,
           column: 38
         }
       },
-      "20": {
+      "22": {
         start: {
-          line: 58,
+          line: 62,
           column: 26
         },
         end: {
-          line: 58,
+          line: 62,
           column: 56
         }
       },
-      "21": {
+      "23": {
         start: {
-          line: 59,
+          line: 63,
           column: 26
         },
         end: {
-          line: 59,
+          line: 63,
           column: 51
         }
       },
-      "22": {
+      "24": {
         start: {
-          line: 63,
+          line: 67,
           column: 6
         },
         end: {
-          line: 74,
+          line: 78,
           column: 7
         }
       },
-      "23": {
+      "25": {
         start: {
-          line: 64,
+          line: 68,
           column: 24
         },
         end: {
-          line: 64,
+          line: 68,
           column: 64
         }
       },
-      "24": {
+      "26": {
         start: {
-          line: 65,
+          line: 69,
           column: 8
         },
         end: {
-          line: 73,
+          line: 77,
           column: 10
         }
       },
-      "25": {
+      "27": {
         start: {
-          line: 66,
+          line: 70,
           column: 10
         },
         end: {
-          line: 72,
+          line: 76,
           column: 12
         }
       },
-      "26": {
+      "28": {
         start: {
-          line: 67,
+          line: 71,
           column: 12
         },
         end: {
-          line: 71,
+          line: 75,
           column: 14
         }
       },
-      "27": {
+      "29": {
         start: {
-          line: 68,
+          line: 72,
           column: 14
         },
         end: {
-          line: 70,
+          line: 74,
           column: 15
         }
       },
-      "28": {
+      "30": {
         start: {
-          line: 69,
+          line: 73,
           column: 16
         },
         end: {
-          line: 69,
+          line: 73,
           column: 50
         }
       },
-      "29": {
+      "31": {
         start: {
-          line: 77,
+          line: 81,
           column: 6
         },
         end: {
-          line: 83,
+          line: 87,
           column: 8
         }
       },
-      "30": {
+      "32": {
         start: {
-          line: 78,
+          line: 82,
           column: 8
         },
         end: {
-          line: 82,
+          line: 86,
           column: 10
         }
       },
-      "31": {
+      "33": {
         start: {
-          line: 79,
+          line: 83,
           column: 10
         },
         end: {
-          line: 81,
+          line: 85,
           column: 11
         }
       },
-      "32": {
+      "34": {
         start: {
-          line: 80,
+          line: 84,
           column: 12
         },
         end: {
-          line: 80,
+          line: 84,
           column: 48
         }
       }
@@ -318334,7 +318371,7 @@ var cov_5ht757v2k = function () {
             column: 46
           },
           end: {
-            line: 46,
+            line: 50,
             column: 5
           }
         },
@@ -318344,265 +318381,265 @@ var cov_5ht757v2k = function () {
         name: "(anonymous_5)",
         decl: {
           start: {
-            line: 49,
+            line: 53,
             column: 4
           },
           end: {
-            line: 49,
+            line: 53,
             column: 5
           }
         },
         loc: {
           start: {
-            line: 49,
+            line: 53,
             column: 49
           },
           end: {
-            line: 61,
+            line: 65,
             column: 5
           }
         },
-        line: 49
+        line: 53
       },
       "6": {
         name: "(anonymous_6)",
         decl: {
           start: {
-            line: 54,
+            line: 58,
             column: 16
           },
           end: {
-            line: 54,
+            line: 58,
             column: 17
           }
         },
         loc: {
           start: {
-            line: 54,
+            line: 58,
             column: 28
           },
           end: {
-            line: 57,
+            line: 61,
             column: 11
           }
         },
-        line: 54
+        line: 58
       },
       "7": {
         name: "(anonymous_7)",
         decl: {
           start: {
-            line: 58,
+            line: 62,
             column: 17
           },
           end: {
-            line: 58,
+            line: 62,
             column: 18
           }
         },
         loc: {
           start: {
-            line: 58,
+            line: 62,
             column: 26
           },
           end: {
-            line: 58,
+            line: 62,
             column: 56
           }
         },
-        line: 58
+        line: 62
       },
       "8": {
         name: "(anonymous_8)",
         decl: {
           start: {
-            line: 59,
+            line: 63,
             column: 19
           },
           end: {
-            line: 59,
+            line: 63,
             column: 20
           }
         },
         loc: {
           start: {
-            line: 59,
+            line: 63,
             column: 26
           },
           end: {
-            line: 59,
+            line: 63,
             column: 51
           }
         },
-        line: 59
+        line: 63
       },
       "9": {
         name: "(anonymous_9)",
         decl: {
           start: {
-            line: 62,
+            line: 66,
             column: 4
           },
           end: {
-            line: 62,
+            line: 66,
             column: 5
           }
         },
         loc: {
           start: {
-            line: 62,
+            line: 66,
             column: 30
           },
           end: {
-            line: 75,
+            line: 79,
             column: 5
           }
         },
-        line: 62
+        line: 66
       },
       "10": {
         name: "(anonymous_10)",
         decl: {
           start: {
-            line: 65,
+            line: 69,
             column: 42
           },
           end: {
-            line: 65,
+            line: 69,
             column: 43
           }
         },
         loc: {
           start: {
-            line: 65,
+            line: 69,
             column: 74
           },
           end: {
-            line: 73,
+            line: 77,
             column: 9
           }
         },
-        line: 65
+        line: 69
       },
       "11": {
         name: "(anonymous_11)",
         decl: {
           start: {
-            line: 66,
+            line: 70,
             column: 30
           },
           end: {
-            line: 66,
+            line: 70,
             column: 31
           }
         },
         loc: {
           start: {
-            line: 66,
+            line: 70,
             column: 44
           },
           end: {
-            line: 72,
+            line: 76,
             column: 11
           }
         },
-        line: 66
+        line: 70
       },
       "12": {
         name: "(anonymous_12)",
         decl: {
           start: {
-            line: 67,
+            line: 71,
             column: 46
           },
           end: {
-            line: 67,
+            line: 71,
             column: 47
           }
         },
         loc: {
           start: {
-            line: 67,
+            line: 71,
             column: 55
           },
           end: {
-            line: 71,
+            line: 75,
             column: 13
           }
         },
-        line: 67
+        line: 71
       },
       "13": {
         name: "(anonymous_13)",
         decl: {
           start: {
-            line: 76,
+            line: 80,
             column: 4
           },
           end: {
-            line: 76,
+            line: 80,
             column: 5
           }
         },
         loc: {
           start: {
-            line: 76,
+            line: 80,
             column: 24
           },
           end: {
-            line: 84,
+            line: 88,
             column: 5
           }
         },
-        line: 76
+        line: 80
       },
       "14": {
         name: "(anonymous_14)",
         decl: {
           start: {
-            line: 77,
+            line: 81,
             column: 26
           },
           end: {
-            line: 77,
+            line: 81,
             column: 27
           }
         },
         loc: {
           start: {
-            line: 77,
+            line: 81,
             column: 40
           },
           end: {
-            line: 83,
+            line: 87,
             column: 7
           }
         },
-        line: 77
+        line: 81
       },
       "15": {
         name: "(anonymous_15)",
         decl: {
           start: {
-            line: 78,
+            line: 82,
             column: 40
           },
           end: {
-            line: 78,
+            line: 82,
             column: 41
           }
         },
         loc: {
           start: {
-            line: 78,
+            line: 82,
             column: 49
           },
           end: {
-            line: 82,
+            line: 86,
             column: 9
           }
         },
-        line: 78
+        line: 82
       }
     },
     branchMap: {
@@ -318741,209 +318778,242 @@ var cov_5ht757v2k = function () {
       "4": {
         loc: {
           start: {
-            line: 50,
+            line: 44,
+            column: 6
+          },
+          end: {
+            line: 46,
+            column: 7
+          }
+        },
+        type: "if",
+        locations: [{
+          start: {
+            line: 44,
+            column: 6
+          },
+          end: {
+            line: 46,
+            column: 7
+          }
+        }, {
+          start: {
+            line: 44,
+            column: 6
+          },
+          end: {
+            line: 46,
+            column: 7
+          }
+        }],
+        line: 44
+      },
+      "5": {
+        loc: {
+          start: {
+            line: 54,
             column: 16
           },
           end: {
-            line: 50,
+            line: 54,
             column: 49
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 50,
+            line: 54,
             column: 16
           },
           end: {
-            line: 50,
+            line: 54,
             column: 23
           }
         }, {
           start: {
-            line: 50,
+            line: 54,
             column: 27
           },
           end: {
-            line: 50,
+            line: 54,
             column: 49
           }
         }],
-        line: 50
+        line: 54
       },
-      "5": {
+      "6": {
         loc: {
           start: {
-            line: 51,
+            line: 55,
             column: 6
           },
           end: {
-            line: 60,
+            line: 64,
             column: 7
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 51,
+            line: 55,
             column: 6
           },
           end: {
-            line: 60,
+            line: 64,
             column: 7
           }
         }, {
           start: {
-            line: 51,
+            line: 55,
             column: 6
           },
           end: {
-            line: 60,
+            line: 64,
             column: 7
           }
         }],
-        line: 51
+        line: 55
       },
-      "6": {
+      "7": {
         loc: {
           start: {
-            line: 51,
+            line: 55,
             column: 10
           },
           end: {
-            line: 51,
+            line: 55,
             column: 53
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 51,
+            line: 55,
             column: 10
           },
           end: {
-            line: 51,
+            line: 55,
             column: 17
           }
         }, {
           start: {
-            line: 51,
+            line: 55,
             column: 21
           },
           end: {
-            line: 51,
+            line: 55,
             column: 25
           }
         }, {
           start: {
-            line: 51,
+            line: 55,
             column: 29
           },
           end: {
-            line: 51,
+            line: 55,
             column: 53
           }
         }],
-        line: 51
+        line: 55
       },
-      "7": {
+      "8": {
         loc: {
           start: {
-            line: 63,
+            line: 67,
             column: 6
           },
           end: {
-            line: 74,
+            line: 78,
             column: 7
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 63,
+            line: 67,
             column: 6
           },
           end: {
-            line: 74,
+            line: 78,
             column: 7
           }
         }, {
           start: {
-            line: 63,
+            line: 67,
             column: 6
           },
           end: {
-            line: 74,
+            line: 78,
             column: 7
           }
         }],
-        line: 63
+        line: 67
       },
-      "8": {
+      "9": {
         loc: {
           start: {
-            line: 68,
+            line: 72,
             column: 14
           },
           end: {
-            line: 70,
+            line: 74,
             column: 15
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 68,
+            line: 72,
             column: 14
           },
           end: {
-            line: 70,
+            line: 74,
             column: 15
           }
         }, {
           start: {
-            line: 68,
+            line: 72,
             column: 14
           },
           end: {
-            line: 70,
+            line: 74,
             column: 15
           }
         }],
-        line: 68
+        line: 72
       },
-      "9": {
+      "10": {
         loc: {
           start: {
-            line: 79,
+            line: 83,
             column: 10
           },
           end: {
-            line: 81,
+            line: 85,
             column: 11
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 79,
+            line: 83,
             column: 10
           },
           end: {
-            line: 81,
+            line: 85,
             column: 11
           }
         }, {
           start: {
-            line: 79,
+            line: 83,
             column: 10
           },
           end: {
-            line: 81,
+            line: 85,
             column: 11
           }
         }],
-        line: 79
+        line: 83
       }
     },
     s: {
@@ -318979,7 +319049,9 @@ var cov_5ht757v2k = function () {
       "29": 0,
       "30": 0,
       "31": 0,
-      "32": 0
+      "32": 0,
+      "33": 0,
+      "34": 0
     },
     f: {
       "0": 0,
@@ -319006,13 +319078,14 @@ var cov_5ht757v2k = function () {
       "3": [0, 0],
       "4": [0, 0],
       "5": [0, 0],
-      "6": [0, 0, 0],
-      "7": [0, 0],
+      "6": [0, 0],
+      "7": [0, 0, 0],
       "8": [0, 0],
-      "9": [0, 0]
+      "9": [0, 0],
+      "10": [0, 0]
     },
     _coverageSchema: "43e27e138ebf9cfc5966b082cf9a028302ed4184",
-    hash: "12f16a59f956cbcb6c85cdcf33e15345cab3a97f"
+    hash: "b643f788f77d4fcd68b71d31977c281f17784e26"
   };
   var coverage = global[gcv] || (global[gcv] = {});
@@ -319135,13 +319208,23 @@ var pluralizedModels = (cov_5ht757v2k.s[0]++, {
                 }
                 cov_5ht757v2k.s[12]++;
+                if (errorMessage == 'Failed to fetch bioModel: Object not found try a different ID') {
+                  cov_5ht757v2k.b[4][0]++;
+                  cov_5ht757v2k.s[13]++;
+                  errorMessage = 'Sample not found: It might be private or not exist.';
+                } else {
+                  cov_5ht757v2k.b[4][1]++;
+                }
+                cov_5ht757v2k.s[14]++;
                 this.$store.dispatch(SHOW_ALERT, {
                   error: errorMessage
                 });
-                cov_5ht757v2k.s[13]++;
+                cov_5ht757v2k.s[15]++;
                 this.$store.dispatch(HIDE_PANEL, modelName);
-              case 8:
+              case 10:
               case "end":
                 return _context2.stop();
             }
@@ -319165,34 +319248,34 @@ var pluralizedModels = (cov_5ht757v2k.s[0]++, {
             switch (_context3.prev = _context3.next) {
               case 0:
                 cov_5ht757v2k.f[5]++;
-                cov_5ht757v2k.s[14]++;
-                modelId = (cov_5ht757v2k.b[4][0]++, modelId) || (cov_5ht757v2k.b[4][1]++, this["".concat(modelName, "Id")]);
-                cov_5ht757v2k.s[15]++;
+                cov_5ht757v2k.s[16]++;
+                modelId = (cov_5ht757v2k.b[5][0]++, modelId) || (cov_5ht757v2k.b[5][1]++, this["".concat(modelName, "Id")]);
+                cov_5ht757v2k.s[17]++;
-                if ((cov_5ht757v2k.b[6][0]++, modelId) && (cov_5ht757v2k.b[6][1]++, data) && (cov_5ht757v2k.b[6][2]++, Object.keys(data).length)) {
-                  cov_5ht757v2k.b[5][0]++;
-                  cov_5ht757v2k.s[16]++;
+                if ((cov_5ht757v2k.b[7][0]++, modelId) && (cov_5ht757v2k.b[7][1]++, data) && (cov_5ht757v2k.b[7][2]++, Object.keys(data).length)) {
+                  cov_5ht757v2k.b[6][0]++;
+                  cov_5ht757v2k.s[18]++;
                   this.fieldLoading = true;
-                  cov_5ht757v2k.s[17]++;
+                  cov_5ht757v2k.s[19]++;
                   updateRecord(pluralizedModels[modelName], modelId, data).then(function (response) {
                     cov_5ht757v2k.f[6]++;
-                    cov_5ht757v2k.s[18]++;
+                    cov_5ht757v2k.s[20]++;
                     _this2.$cleanFieldErrors();
-                    cov_5ht757v2k.s[19]++;
+                    cov_5ht757v2k.s[21]++;
                     _this2[modelName] = response;
                   }).catch(function (error) {
                     cov_5ht757v2k.f[7]++;
-                    cov_5ht757v2k.s[20]++;
+                    cov_5ht757v2k.s[22]++;
                     return _this2.$handleFieldErrors(error);
                   }).finally(function () {
                     cov_5ht757v2k.f[8]++;
-                    cov_5ht757v2k.s[21]++;
+                    cov_5ht757v2k.s[23]++;
                     return _this2.fieldLoading = false;
                   });
                 } else {
-                  cov_5ht757v2k.b[5][1]++;
+                  cov_5ht757v2k.b[6][1]++;
                 }
               case 5:
@@ -319213,57 +319296,57 @@ var pluralizedModels = (cov_5ht757v2k.s[0]++, {
       var _this3 = this;
       cov_5ht757v2k.f[9]++;
-      cov_5ht757v2k.s[22]++;
+      cov_5ht757v2k.s[24]++;
       if (error.response) {
-        cov_5ht757v2k.b[7][0]++;
-        var flatError = (cov_5ht757v2k.s[23]++, Object(helpers["e" /* flattenObject */])(error.response.data, true));
-        cov_5ht757v2k.s[24]++;
+        cov_5ht757v2k.b[8][0]++;
+        var flatError = (cov_5ht757v2k.s[25]++, Object(helpers["e" /* flattenObject */])(error.response.data, true));
+        cov_5ht757v2k.s[26]++;
         Object.entries(flatError).forEach(function (_ref) {
           var _ref2 = fields_slicedToArray(_ref, 2),
               errorField = _ref2[0],
               errorMessage = _ref2[1];
           cov_5ht757v2k.f[10]++;
-          cov_5ht757v2k.s[25]++;
+          cov_5ht757v2k.s[27]++;
           _this3.fields.forEach(function (fieldGroup) {
             cov_5ht757v2k.f[11]++;
-            cov_5ht757v2k.s[26]++;
+            cov_5ht757v2k.s[28]++;
             Object.values(fieldGroup).forEach(function (field) {
               cov_5ht757v2k.f[12]++;
-              cov_5ht757v2k.s[27]++;
+              cov_5ht757v2k.s[29]++;
               if (field.field === errorField) {
-                cov_5ht757v2k.b[8][0]++;
-                cov_5ht757v2k.s[28]++;
+                cov_5ht757v2k.b[9][0]++;
+                cov_5ht757v2k.s[30]++;
                 field.errorMessages = errorMessage;
               } else {
-                cov_5ht757v2k.b[8][1]++;
+                cov_5ht757v2k.b[9][1]++;
               }
             });
           });
         });
       } else {
-        cov_5ht757v2k.b[7][1]++;
+        cov_5ht757v2k.b[8][1]++;
       }
     },
     $cleanFieldErrors: function $cleanFieldErrors() {
       cov_5ht757v2k.f[13]++;
-      cov_5ht757v2k.s[29]++;
+      cov_5ht757v2k.s[31]++;
       this.fields.forEach(function (fieldGroup) {
         cov_5ht757v2k.f[14]++;
-        cov_5ht757v2k.s[30]++;
+        cov_5ht757v2k.s[32]++;
         Object.keys(fieldGroup).forEach(function (field) {
           cov_5ht757v2k.f[15]++;
-          cov_5ht757v2k.s[31]++;
+          cov_5ht757v2k.s[33]++;
           if ('errorMessages' in fieldGroup[field]) {
-            cov_5ht757v2k.b[9][0]++;
-            cov_5ht757v2k.s[32]++;
+            cov_5ht757v2k.b[10][0]++;
+            cov_5ht757v2k.s[34]++;
             fieldGroup[field].errorMessages = [];
           } else {
-            cov_5ht757v2k.b[9][1]++;
+            cov_5ht757v2k.b[10][1]++;
           }
         });
       });