@abi-software/flatmapvuer 0.3.0-beta-0 → 0.3.0-beta-2-upstream-downstream
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.
- package/LICENSE +201 -201
- package/README.md +105 -105
- package/babel.config.js +14 -14
- package/dist/flatmapvuer.common.js +181 -116
- package/dist/flatmapvuer.common.js.map +1 -1
- package/dist/flatmapvuer.css +1 -1
- package/dist/flatmapvuer.umd.js +181 -116
- package/dist/flatmapvuer.umd.js.map +1 -1
- package/dist/flatmapvuer.umd.min.js +1 -1
- package/dist/flatmapvuer.umd.min.js.map +1 -1
- package/package-lock.json +13923 -13916
- package/package.json +66 -66
- package/public/index.html +17 -17
- package/src/App.vue +161 -161
- package/src/assets/_variables.scss +43 -43
- package/src/assets/styles.scss +7 -7
- package/src/components/EventBus.js +2 -2
- package/src/components/FlatmapVuer.vue +1326 -1311
- package/src/components/MultiFlatmapVuer.vue +349 -349
- package/src/components/PubmedViewer.vue +194 -194
- package/src/components/Tooltip.vue +481 -431
- package/src/components/index.js +9 -9
- package/src/icons/fonts/mapicon-species.eot +0 -0
- package/src/icons/fonts/mapicon-species.svg +14 -14
- package/src/icons/fonts/mapicon-species.ttf +0 -0
- package/src/icons/fonts/mapicon-species.woff +0 -0
- package/src/icons/mapicon-species-style.css +42 -42
- package/src/main.js +8 -8
- package/src/nerve-map.js +99 -0
- package/vue.config.js +31 -31
package/dist/flatmapvuer.umd.js
CHANGED
|
@@ -901,10 +901,14 @@ exports.default = {
|
|
|
901
901
|
|
|
902
902
|
/***/ }),
|
|
903
903
|
|
|
904
|
-
/***/ "
|
|
905
|
-
/***/ (function(module,
|
|
904
|
+
/***/ "2ee8":
|
|
905
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
906
|
+
|
|
907
|
+
"use strict";
|
|
908
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_db38767a_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("c017");
|
|
909
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_db38767a_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_db38767a_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
|
|
910
|
+
/* unused harmony reexport * */
|
|
906
911
|
|
|
907
|
-
// extracted by mini-css-extract-plugin
|
|
908
912
|
|
|
909
913
|
/***/ }),
|
|
910
914
|
|
|
@@ -4562,6 +4566,13 @@ exports.PopupManager = _popupManager2.default;
|
|
|
4562
4566
|
|
|
4563
4567
|
/***/ }),
|
|
4564
4568
|
|
|
4569
|
+
/***/ "52d1":
|
|
4570
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
4571
|
+
|
|
4572
|
+
// extracted by mini-css-extract-plugin
|
|
4573
|
+
|
|
4574
|
+
/***/ }),
|
|
4575
|
+
|
|
4565
4576
|
/***/ "55d7":
|
|
4566
4577
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
4567
4578
|
|
|
@@ -8706,13 +8717,6 @@ module.exports = __webpack_require__("7f4d");
|
|
|
8706
8717
|
|
|
8707
8718
|
/***/ }),
|
|
8708
8719
|
|
|
8709
|
-
/***/ "896e":
|
|
8710
|
-
/***/ (function(module, exports, __webpack_require__) {
|
|
8711
|
-
|
|
8712
|
-
// extracted by mini-css-extract-plugin
|
|
8713
|
-
|
|
8714
|
-
/***/ }),
|
|
8715
|
-
|
|
8716
8720
|
/***/ "8bbc":
|
|
8717
8721
|
/***/ (function(module, exports, __webpack_require__) {
|
|
8718
8722
|
|
|
@@ -10677,18 +10681,14 @@ module.exports = require("core-js/modules/web.url.js");
|
|
|
10677
10681
|
|
|
10678
10682
|
/***/ }),
|
|
10679
10683
|
|
|
10680
|
-
/***/ "
|
|
10681
|
-
/***/ (function(module,
|
|
10682
|
-
|
|
10683
|
-
"use strict";
|
|
10684
|
-
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tooltip_vue_vue_type_style_index_0_id_5ca16bab_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("2e33");
|
|
10685
|
-
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tooltip_vue_vue_type_style_index_0_id_5ca16bab_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tooltip_vue_vue_type_style_index_0_id_5ca16bab_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
|
|
10686
|
-
/* unused harmony reexport * */
|
|
10684
|
+
/***/ "be4f":
|
|
10685
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
10687
10686
|
|
|
10687
|
+
// extracted by mini-css-extract-plugin
|
|
10688
10688
|
|
|
10689
10689
|
/***/ }),
|
|
10690
10690
|
|
|
10691
|
-
/***/ "
|
|
10691
|
+
/***/ "c017":
|
|
10692
10692
|
/***/ (function(module, exports, __webpack_require__) {
|
|
10693
10693
|
|
|
10694
10694
|
// extracted by mini-css-extract-plugin
|
|
@@ -11269,17 +11269,6 @@ function isKorean(text) {
|
|
|
11269
11269
|
|
|
11270
11270
|
// extracted by mini-css-extract-plugin
|
|
11271
11271
|
|
|
11272
|
-
/***/ }),
|
|
11273
|
-
|
|
11274
|
-
/***/ "d538":
|
|
11275
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
11276
|
-
|
|
11277
|
-
"use strict";
|
|
11278
|
-
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_032efe9d_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("896e");
|
|
11279
|
-
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_032efe9d_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FlatmapVuer_vue_vue_type_style_index_0_id_032efe9d_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
|
|
11280
|
-
/* unused harmony reexport * */
|
|
11281
|
-
|
|
11282
|
-
|
|
11283
11272
|
/***/ }),
|
|
11284
11273
|
|
|
11285
11274
|
/***/ "da6e":
|
|
@@ -11940,6 +11929,17 @@ src_checkbox.install = function (Vue) {
|
|
|
11940
11929
|
|
|
11941
11930
|
// extracted by mini-css-extract-plugin
|
|
11942
11931
|
|
|
11932
|
+
/***/ }),
|
|
11933
|
+
|
|
11934
|
+
/***/ "e025":
|
|
11935
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
11936
|
+
|
|
11937
|
+
"use strict";
|
|
11938
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tooltip_vue_vue_type_style_index_0_id_212c9d5b_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("52d1");
|
|
11939
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tooltip_vue_vue_type_style_index_0_id_212c9d5b_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Tooltip_vue_vue_type_style_index_0_id_212c9d5b_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
|
|
11940
|
+
/* unused harmony reexport * */
|
|
11941
|
+
|
|
11942
|
+
|
|
11943
11943
|
/***/ }),
|
|
11944
11944
|
|
|
11945
11945
|
/***/ "e62d":
|
|
@@ -14739,12 +14739,12 @@ if (typeof window !== 'undefined') {
|
|
|
14739
14739
|
// Indicate to webpack that this file can be concatenated
|
|
14740
14740
|
/* harmony default export */ var setPublicPath = (null);
|
|
14741
14741
|
|
|
14742
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
14742
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"cfef1d3c-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/FlatmapVuer.vue?vue&type=template&id=db38767a&scoped=true&
|
|
14743
14743
|
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],staticClass:"flatmap-container",attrs:{"element-loading-text":"Loading...","element-loading-spinner":"el-icon-loading","element-loading-background":"rgba(0, 0, 0, 0.3)"}},[_c('map-svg-sprite-color'),_c('div',{staticStyle:{"height":"100%","width":"100%","position":"relative","overflow-y":"none"}},[_c('div',{ref:"display",staticStyle:{"height":"100%","width":"100%"}}),(_vm.displayWarning)?_c('el-popover',{ref:"warningPopover",attrs:{"content":_vm.warningMessage,"placement":"right","appendToBody":false,"trigger":"manual","popper-class":"warning-popper flatmap-popper right-popper"},model:{value:(_vm.hoverVisibilities[6].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[6], "value", $$v)},expression:"hoverVisibilities[6].value"}}):_vm._e(),(_vm.displayWarning)?_c('i',{directives:[{name:"popover",rawName:"v-popover:warningPopover",arg:"warningPopover"}],staticClass:"el-icon-warning warning-icon",on:{"mouseover":function($event){return _vm.showToolitip(6)},"mouseout":function($event){return _vm.hideToolitip(6)}}},[_c('span',{staticClass:"warning-text"},[_vm._v("Beta")])]):_vm._e(),_c('div',{staticClass:"bottom-right-control"},[_c('el-popover',{attrs:{"content":"Zoom in","placement":"left","appendToBody":false,"trigger":"manual","popper-class":"flatmap-popper left-popper"},model:{value:(_vm.hoverVisibilities[0].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[0], "value", $$v)},expression:"hoverVisibilities[0].value"}},[_c('map-svg-icon',{staticClass:"icon-button zoomIn",attrs:{"slot":"reference","icon":"zoomIn"},nativeOn:{"click":function($event){return _vm.zoomIn()},"mouseover":function($event){return _vm.showToolitip(0)},"mouseout":function($event){return _vm.hideToolitip(0)}},slot:"reference"})],1),_c('el-popover',{attrs:{"content":"Zoom out","placement":"top-end","appendToBody":false,"trigger":"manual","popper-class":"flatmap-popper popper-zoomout"},model:{value:(_vm.hoverVisibilities[1].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[1], "value", $$v)},expression:"hoverVisibilities[1].value"}},[_c('map-svg-icon',{staticClass:"icon-button zoomOut",attrs:{"slot":"reference","icon":"zoomOut"},nativeOn:{"click":function($event){return _vm.zoomOut()},"mouseover":function($event){return _vm.showToolitip(1)},"mouseout":function($event){return _vm.hideToolitip(1)}},slot:"reference"})],1),_c('el-popover',{attrs:{"content":"Reset","placement":"top","appendToBody":false,"trigger":"manual","popper-class":"flatmap-popper"},model:{value:(_vm.hoverVisibilities[2].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[2], "value", $$v)},expression:"hoverVisibilities[2].value"}},[_c('div',[_vm._v(" Fit to "),_c('br'),_vm._v(" window ")]),_c('map-svg-icon',{staticClass:"icon-button fitWindow",attrs:{"slot":"reference","icon":"fitWindow"},nativeOn:{"click":function($event){return _vm.resetView()},"mouseover":function($event){return _vm.showToolitip(2)},"mouseout":function($event){return _vm.hideToolitip(2)}},slot:"reference"})],1)],1),_c('el-popover',{ref:"checkBoxPopover",attrs:{"content":"Change pathway visibility","placement":"right","appendToBody":false,"trigger":"manual","popper-class":"flatmap-popper right-popper"},model:{value:(_vm.hoverVisibilities[4].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[4], "value", $$v)},expression:"hoverVisibilities[4].value"}}),_c('div',{staticClass:"pathway-location",class:{ open: _vm.drawerOpen, close: !_vm.drawerOpen }},[(_vm.pathways.length > 0 && _vm.pathControls)?_c('div',{directives:[{name:"popover",rawName:"v-popover:checkBoxPopover",arg:"checkBoxPopover"}],staticClass:"pathway-container"},[_c('el-popover',{ref:"markerPopover",attrs:{"content":"Find these markers for data","placement":"right","appendToBody":false,"trigger":"manual","popper-class":"flatmap-popper popper-bump-right right-popper"},model:{value:(_vm.hoverVisibilities[5].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[5], "value", $$v)},expression:"hoverVisibilities[5].value"}}),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.hoverVisibilities[5].value),expression:"hoverVisibilities[5].value"},{name:"popover",rawName:"v-popover:markerPopover",arg:"markerPopover"}],staticClass:"flatmap-marker-help",domProps:{"innerHTML":_vm._s(_vm.flatmapMarker)}}),_c('el-row',[_c('el-col',{attrs:{"span":12}},[_c('div',{staticClass:"pathways-display-text"},[_vm._v("Pathways")])]),_c('el-col',{attrs:{"span":12}},[_c('el-checkbox',{staticClass:"all-checkbox",attrs:{"indeterminate":_vm.isIndeterminate},on:{"change":_vm.handleCheckAllChange},model:{value:(_vm.checkAll),callback:function ($$v) {_vm.checkAll=$$v},expression:"checkAll"}},[_vm._v("Display all")])],1)],1),_c('el-checkbox-group',{staticClass:"checkbox-group",attrs:{"size":"small"},on:{"change":_vm.handleCheckedItemsChange},model:{value:(_vm.checkedItems),callback:function ($$v) {_vm.checkedItems=$$v},expression:"checkedItems"}},[_c('div',{staticClass:"checkbox-group-inner"},_vm._l((_vm.pathways),function(item){return _c('el-row',{key:item.type,attrs:{"label":item.type}},[_c('div',{staticClass:"checkbox-container"},[_c('el-checkbox',{staticClass:"my-checkbox",attrs:{"label":item.type,"checked":true},on:{"change":function($event){return _vm.visibilityToggle()}}},[_c('div',{staticClass:"path-visual",class:item.type}),_vm._v(" "+_vm._s(item.label)+" ")])],1)])}),1)])],1):_vm._e(),_c('div',{staticClass:"drawer-button",class:{ open: _vm.drawerOpen, close: !_vm.drawerOpen },on:{"click":_vm.toggleDrawer}},[_c('i',{staticClass:"el-icon-arrow-left"})])]),_c('el-popover',{ref:"backgroundPopover",attrs:{"placement":"top-start","width":"175","appendToBody":false,"trigger":"click","popper-class":"background-popper"}},[_c('el-row',{staticClass:"backgroundText"},[_vm._v("Organs display")]),_c('el-row',{staticClass:"backgroundControl"},[_c('el-radio-group',{staticClass:"flatmap-radio",on:{"change":_vm.setColour},model:{value:(_vm.colourRadio),callback:function ($$v) {_vm.colourRadio=$$v},expression:"colourRadio"}},[_c('el-radio',{attrs:{"label":true}},[_vm._v("Colour")]),_c('el-radio',{attrs:{"label":false}},[_vm._v("Greyscale")])],1)],1),_c('el-row',{staticClass:"backgroundSpacer"}),_c('el-row',{staticClass:"backgroundText"},[_vm._v("Outlines display")]),_c('el-row',{staticClass:"backgroundControl"},[_c('el-radio-group',{staticClass:"flatmap-radio",on:{"change":_vm.setOutlines},model:{value:(_vm.outlinesRadio),callback:function ($$v) {_vm.outlinesRadio=$$v},expression:"outlinesRadio"}},[_c('el-radio',{attrs:{"label":true}},[_vm._v("Show")]),_c('el-radio',{attrs:{"label":false}},[_vm._v("Hide")])],1)],1),_c('el-row',{staticClass:"backgroundSpacer"}),_c('el-row',{staticClass:"backgroundText"},[_vm._v("Change background")]),_c('el-row',{staticClass:"backgroundControl"},_vm._l((_vm.availableBackground),function(item){return _c('div',{key:item,class:['backgroundChoice', item, item == _vm.currentBackground ? 'active' :''],on:{"click":function($event){return _vm.backgroundChangeCallback(item)}}})}),0)],1),_c('el-popover',{attrs:{"content":"Change background color","placement":"right","appendToBody":false,"trigger":"manual","popper-class":"flatmap-popper right-popper"},model:{value:(_vm.hoverVisibilities[3].value),callback:function ($$v) {_vm.$set(_vm.hoverVisibilities[3], "value", $$v)},expression:"hoverVisibilities[3].value"}},[_c('map-svg-icon',{directives:[{name:"popover",rawName:"v-popover:backgroundPopover",arg:"backgroundPopover"}],staticClass:"icon-button background-colour",class:{ open: _vm.drawerOpen, close: !_vm.drawerOpen },attrs:{"slot":"reference","icon":"changeBckgd"},nativeOn:{"mouseover":function($event){return _vm.showToolitip(3)},"mouseout":function($event){return _vm.hideToolitip(3)}},slot:"reference"})],1),_c('Tooltip',{ref:"tooltip",staticClass:"tooltip",attrs:{"content":_vm.tooltipContent},on:{"resource-selected":_vm.resourceSelected}})],1)],1)}
|
|
14744
14744
|
var staticRenderFns = []
|
|
14745
14745
|
|
|
14746
14746
|
|
|
14747
|
-
// CONCATENATED MODULE: ./src/components/FlatmapVuer.vue?vue&type=template&id=
|
|
14747
|
+
// CONCATENATED MODULE: ./src/components/FlatmapVuer.vue?vue&type=template&id=db38767a&scoped=true&
|
|
14748
14748
|
|
|
14749
14749
|
// EXTERNAL MODULE: external "core-js/modules/es.symbol.js"
|
|
14750
14750
|
var es_symbol_js_ = __webpack_require__("9b22");
|
|
@@ -14978,12 +14978,12 @@ var es_number_constructor_js_ = __webpack_require__("f989");
|
|
|
14978
14978
|
var external_vue_ = __webpack_require__("8bbf");
|
|
14979
14979
|
var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);
|
|
14980
14980
|
|
|
14981
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
14982
|
-
var
|
|
14983
|
-
var
|
|
14981
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"cfef1d3c-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/Tooltip.vue?vue&type=template&id=212c9d5b&scoped=true&
|
|
14982
|
+
var Tooltipvue_type_template_id_212c9d5b_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"tooltip-container"},[(_vm.content)?_c('el-main',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],staticClass:"main"},[(_vm.content.title)?_c('div',{staticClass:"block"},[_c('span',{staticClass:"title"},[_vm._v(_vm._s(_vm.capitalise(_vm.content.title)))])]):_c('div',{staticClass:"block"},[_c('span',{staticClass:"title"},[_vm._v(_vm._s(_vm.content.featureId))])]),(_vm.content.featureIds)?_c('pubmed-viewer',{directives:[{name:"show",rawName:"v-show",value:(false),expression:"false"}],staticClass:"block",attrs:{"entry":_vm.content},on:{"pubmedSearchUrl":_vm.pubmedSearchUrlUpdate}}):_vm._e(),_vm._v(" "+_vm._s(_vm.content.paths)+" "),(this.components)?_c('div',{staticClass:"block"},[_c('div',{staticClass:"attribute-title"},[_vm._v("Components")]),_vm._l((_vm.components),function(component){return _c('div',{key:component,staticClass:"attribute-content"},[_vm._v(" "+_vm._s(_vm.capitalise(component))+" ")])})],2):_vm._e(),(this.origins)?_c('div',{staticClass:"block"},[_c('div',{staticClass:"attribute-title"},[_vm._v("Origin "),_c('el-popover',{attrs:{"width":"250","trigger":"hover","append-to-body":false,"popper-class":"popover-origin-help"}},[_c('i',{staticClass:"el-icon-warning-outline info",attrs:{"slot":"reference"},slot:"reference"}),_c('div',[_vm._v(" Origin is the point of the neuron path closest to the brain (or spinal cord) ")])])],1),_vm._l((_vm.origins),function(origin){return _c('div',{key:origin,staticClass:"attribute-content"},[_vm._v(" "+_vm._s(_vm.capitalise(origin))+" ")])}),_c('el-button',{directives:[{name:"show",rawName:"v-show",value:(_vm.originsWithDatasets.length > 0),expression:"originsWithDatasets.length > 0"}],staticClass:"button",on:{"click":_vm.openDendrites}},[_vm._v(" Explore origin data ")])],2):_vm._e(),(this.destinations)?_c('div',{staticClass:"block"},[_c('div',{staticClass:"attribute-title"},[_vm._v("Destination "),_c('el-popover',{attrs:{"width":"250","trigger":"hover","append-to-body":false,"popper-class":"popover-origin-help"}},[_c('i',{staticClass:"el-icon-warning-outline info",attrs:{"slot":"reference"},slot:"reference"}),_c('div',[_vm._v(" Destination is the point of the neuron path furthest from the brain (or spinal cord) ")])])],1),_vm._l((_vm.destinations),function(destination){return _c('div',{key:destination,staticClass:"attribute-content"},[_vm._v(" "+_vm._s(_vm.capitalise(destination))+" ")])}),_c('el-button',{directives:[{name:"show",rawName:"v-show",value:(_vm.destinationsWithDatasets.length > 0),expression:"destinationsWithDatasets.length > 0"}],staticClass:"button",on:{"click":_vm.openAxons}},[_vm._v(" Explore destination data ")])],2):_vm._e(),(_vm.content.uberon)?_c('div',{staticClass:"block"},[_c('div',{staticClass:"attribute-title"},[_vm._v("Feature Id")]),_c('span',{staticClass:"attribute-content"},[_vm._v(_vm._s(_vm.content.uberon))])]):_vm._e(),_c('el-button',{directives:[{name:"show",rawName:"v-show",value:(_vm.componentsWithDatasets.length > 0),expression:"componentsWithDatasets.length > 0"}],staticClass:"button",on:{"click":_vm.openAll}},[_vm._v(" Search for data on components ")]),(_vm.pubmedSearchUrl)?_c('el-button',{staticClass:"button",attrs:{"icon":"el-icon-notebook-2"},on:{"click":function($event){return _vm.openUrl(_vm.pubmedSearchUrl)}}},[_vm._v(" Open publications in pubmed ")]):_vm._e()],1):_vm._e()],1)}
|
|
14983
|
+
var Tooltipvue_type_template_id_212c9d5b_scoped_true_staticRenderFns = []
|
|
14984
14984
|
|
|
14985
14985
|
|
|
14986
|
-
// CONCATENATED MODULE: ./src/components/Tooltip.vue?vue&type=template&id=
|
|
14986
|
+
// CONCATENATED MODULE: ./src/components/Tooltip.vue?vue&type=template&id=212c9d5b&scoped=true&
|
|
14987
14987
|
|
|
14988
14988
|
// EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/main.css
|
|
14989
14989
|
var main = __webpack_require__("de31");
|
|
@@ -15043,7 +15043,7 @@ var en_default = /*#__PURE__*/__webpack_require__.n(en);
|
|
|
15043
15043
|
var locale = __webpack_require__("4897");
|
|
15044
15044
|
var locale_default = /*#__PURE__*/__webpack_require__.n(locale);
|
|
15045
15045
|
|
|
15046
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
15046
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"cfef1d3c-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/PubmedViewer.vue?vue&type=template&id=1d12a6d3&scoped=true&
|
|
15047
15047
|
var PubmedViewervue_type_template_id_1d12a6d3_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"pubmed-container"},[_c('div',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading.response),expression:"loading.response"}],staticClass:"block"},[_c('div',{staticClass:"attribute-title"},[_vm._v("Pubmed Resources")]),_c('br'),_c('el-carousel',{attrs:{"autoplay":false,"indicator-position":"outside","height":"250px","width":"200px"}},_vm._l((_vm.pubmeds),function(pub,i){return _c('el-carousel-item',{key:i},[_c('div',{staticClass:"attribute-content"},[_c('div',{domProps:{"innerHTML":_vm._s(pub.html)}}),_c('el-link',{staticClass:"el-link",attrs:{"href":pub.url,"underline":false,"target":"_blank"}},[_vm._v(_vm._s(pub.url))])],1)])}),1)],1)])}
|
|
15048
15048
|
var PubmedViewervue_type_template_id_1d12a6d3_scoped_true_staticRenderFns = []
|
|
15049
15049
|
|
|
@@ -15528,6 +15528,36 @@ var EventBus = new external_vue_default.a();
|
|
|
15528
15528
|
//
|
|
15529
15529
|
//
|
|
15530
15530
|
//
|
|
15531
|
+
//
|
|
15532
|
+
//
|
|
15533
|
+
//
|
|
15534
|
+
//
|
|
15535
|
+
//
|
|
15536
|
+
//
|
|
15537
|
+
//
|
|
15538
|
+
//
|
|
15539
|
+
//
|
|
15540
|
+
//
|
|
15541
|
+
//
|
|
15542
|
+
//
|
|
15543
|
+
//
|
|
15544
|
+
//
|
|
15545
|
+
//
|
|
15546
|
+
//
|
|
15547
|
+
//
|
|
15548
|
+
//
|
|
15549
|
+
//
|
|
15550
|
+
//
|
|
15551
|
+
//
|
|
15552
|
+
//
|
|
15553
|
+
//
|
|
15554
|
+
//
|
|
15555
|
+
//
|
|
15556
|
+
//
|
|
15557
|
+
//
|
|
15558
|
+
//
|
|
15559
|
+
//
|
|
15560
|
+
//
|
|
15531
15561
|
|
|
15532
15562
|
/* eslint-disable no-alert, no-console */
|
|
15533
15563
|
|
|
@@ -15550,7 +15580,8 @@ var _titleCase = function titleCase(str) {
|
|
|
15550
15580
|
};
|
|
15551
15581
|
|
|
15552
15582
|
var _capitalise = function capitalise(str) {
|
|
15553
|
-
return str.charAt(0).toUpperCase() + str.slice(1);
|
|
15583
|
+
if (str) return str.charAt(0).toUpperCase() + str.slice(1);
|
|
15584
|
+
return "";
|
|
15554
15585
|
};
|
|
15555
15586
|
|
|
15556
15587
|
/* harmony default export */ var Tooltipvue_type_script_lang_js_ = ({
|
|
@@ -15574,11 +15605,12 @@ var _capitalise = function capitalise(str) {
|
|
|
15574
15605
|
appendToBody: false,
|
|
15575
15606
|
pubmedSearchUrl: '',
|
|
15576
15607
|
loading: false,
|
|
15577
|
-
|
|
15578
|
-
|
|
15608
|
+
destinations: [],
|
|
15609
|
+
origins: [],
|
|
15579
15610
|
components: [],
|
|
15580
|
-
|
|
15581
|
-
|
|
15611
|
+
destinationsWithDatasets: [],
|
|
15612
|
+
originsWithDatasets: [],
|
|
15613
|
+
componentsWithDatasets: [],
|
|
15582
15614
|
uberons: [{
|
|
15583
15615
|
id: undefined,
|
|
15584
15616
|
name: undefined
|
|
@@ -15612,10 +15644,18 @@ var _capitalise = function capitalise(str) {
|
|
|
15612
15644
|
openUrl: function openUrl(url) {
|
|
15613
15645
|
window.open(url, '_blank');
|
|
15614
15646
|
},
|
|
15647
|
+
openAll: function openAll() {
|
|
15648
|
+
components_EventBus.$emit('onActionClick', {
|
|
15649
|
+
type: 'Facets',
|
|
15650
|
+
labels: this.components.map(function (a) {
|
|
15651
|
+
return a.name;
|
|
15652
|
+
})
|
|
15653
|
+
});
|
|
15654
|
+
},
|
|
15615
15655
|
openAxons: function openAxons() {
|
|
15616
15656
|
components_EventBus.$emit('onActionClick', {
|
|
15617
15657
|
type: 'Facets',
|
|
15618
|
-
labels: this.
|
|
15658
|
+
labels: this.destinationsWithDatasets.map(function (a) {
|
|
15619
15659
|
return a.name;
|
|
15620
15660
|
})
|
|
15621
15661
|
});
|
|
@@ -15623,7 +15663,7 @@ var _capitalise = function capitalise(str) {
|
|
|
15623
15663
|
openDendrites: function openDendrites() {
|
|
15624
15664
|
components_EventBus.$emit('onActionClick', {
|
|
15625
15665
|
type: 'Facets',
|
|
15626
|
-
labels: this.
|
|
15666
|
+
labels: this.originsWithDatasets.map(function (a) {
|
|
15627
15667
|
return a.name;
|
|
15628
15668
|
})
|
|
15629
15669
|
});
|
|
@@ -15642,7 +15682,7 @@ var _capitalise = function capitalise(str) {
|
|
|
15642
15682
|
nodes.forEach(function (node) {
|
|
15643
15683
|
var n = node.flat(); // Find all terms on the node
|
|
15644
15684
|
|
|
15645
|
-
terminal = false; // Check if the node is an
|
|
15685
|
+
terminal = false; // Check if the node is an destination or origin (note that they are labelled dendrite and axon as opposed to origin and destination)
|
|
15646
15686
|
|
|
15647
15687
|
n.forEach(function (s) {
|
|
15648
15688
|
if (connectivity.axons.includes(s)) {
|
|
@@ -15688,7 +15728,7 @@ var _capitalise = function capitalise(str) {
|
|
|
15688
15728
|
return sql;
|
|
15689
15729
|
},
|
|
15690
15730
|
buildLabelSqlStatement: function buildLabelSqlStatement(uberons) {
|
|
15691
|
-
var sql = 'select label from labels where entity in (';
|
|
15731
|
+
var sql = 'select entity, label from labels where entity in (';
|
|
15692
15732
|
|
|
15693
15733
|
if (uberons.length === 1) {
|
|
15694
15734
|
sql += "'".concat(uberons[0], "')");
|
|
@@ -15716,10 +15756,16 @@ var _capitalise = function capitalise(str) {
|
|
|
15716
15756
|
body: JSON.stringify(data)
|
|
15717
15757
|
}).then(function (response) {
|
|
15718
15758
|
return response.json();
|
|
15719
|
-
}).then(function (
|
|
15720
|
-
|
|
15721
|
-
|
|
15722
|
-
|
|
15759
|
+
}).then(function (payload) {
|
|
15760
|
+
var entity = payload.keys.indexOf("entity");
|
|
15761
|
+
var label = payload.keys.indexOf("label");
|
|
15762
|
+
|
|
15763
|
+
if (entity > -1 && label > -1) {
|
|
15764
|
+
payload.values.forEach(function (pair) {
|
|
15765
|
+
uberonMap[pair[entity]] = pair[label];
|
|
15766
|
+
});
|
|
15767
|
+
}
|
|
15768
|
+
|
|
15723
15769
|
resolve(uberonMap);
|
|
15724
15770
|
});
|
|
15725
15771
|
});
|
|
@@ -15727,8 +15773,8 @@ var _capitalise = function capitalise(str) {
|
|
|
15727
15773
|
pathwayQuery: function pathwayQuery(keastIds) {
|
|
15728
15774
|
var _this3 = this;
|
|
15729
15775
|
|
|
15730
|
-
this.
|
|
15731
|
-
this.
|
|
15776
|
+
this.destinations = [];
|
|
15777
|
+
this.origins = [];
|
|
15732
15778
|
this.components = [];
|
|
15733
15779
|
this.loading = true;
|
|
15734
15780
|
if (!keastIds || keastIds.length == 0) return;
|
|
@@ -15752,10 +15798,10 @@ var _capitalise = function capitalise(str) {
|
|
|
15752
15798
|
var conIds = connectivity.axons.concat(connectivity.dendrites.concat(components));
|
|
15753
15799
|
|
|
15754
15800
|
_this3.createLabelLookup(conIds).then(function (lookUp) {
|
|
15755
|
-
_this3.
|
|
15801
|
+
_this3.destinations = connectivity.axons.map(function (a) {
|
|
15756
15802
|
return lookUp[a];
|
|
15757
15803
|
});
|
|
15758
|
-
_this3.
|
|
15804
|
+
_this3.origins = connectivity.dendrites.map(function (d) {
|
|
15759
15805
|
return lookUp[d];
|
|
15760
15806
|
});
|
|
15761
15807
|
_this3.components = components.map(function (c) {
|
|
@@ -15764,10 +15810,13 @@ var _capitalise = function capitalise(str) {
|
|
|
15764
15810
|
}); // Filter for the anatomy which is annotated on datasets
|
|
15765
15811
|
|
|
15766
15812
|
|
|
15767
|
-
_this3.
|
|
15813
|
+
_this3.destinationsWithDatasets = _this3.uberons.filter(function (ub) {
|
|
15768
15814
|
return connectivity.axons.indexOf(ub.id) !== -1;
|
|
15769
15815
|
});
|
|
15770
|
-
_this3.
|
|
15816
|
+
_this3.originsWithDatasets = _this3.uberons.filter(function (ub) {
|
|
15817
|
+
return connectivity.dendrites.indexOf(ub.id) !== -1;
|
|
15818
|
+
});
|
|
15819
|
+
_this3.componentsWithDatasets = _this3.uberons.filter(function (ub) {
|
|
15771
15820
|
return connectivity.dendrites.indexOf(ub.id) !== -1;
|
|
15772
15821
|
});
|
|
15773
15822
|
_this3.loading = false;
|
|
@@ -15779,8 +15828,8 @@ var _capitalise = function capitalise(str) {
|
|
|
15779
15828
|
});
|
|
15780
15829
|
// CONCATENATED MODULE: ./src/components/Tooltip.vue?vue&type=script&lang=js&
|
|
15781
15830
|
/* harmony default export */ var components_Tooltipvue_type_script_lang_js_ = (Tooltipvue_type_script_lang_js_);
|
|
15782
|
-
// EXTERNAL MODULE: ./src/components/Tooltip.vue?vue&type=style&index=0&id=
|
|
15783
|
-
var
|
|
15831
|
+
// EXTERNAL MODULE: ./src/components/Tooltip.vue?vue&type=style&index=0&id=212c9d5b&scoped=true&lang=scss&
|
|
15832
|
+
var Tooltipvue_type_style_index_0_id_212c9d5b_scoped_true_lang_scss_ = __webpack_require__("e025");
|
|
15784
15833
|
|
|
15785
15834
|
// CONCATENATED MODULE: ./src/components/Tooltip.vue
|
|
15786
15835
|
|
|
@@ -15793,11 +15842,11 @@ var Tooltipvue_type_style_index_0_id_5ca16bab_scoped_true_lang_scss_ = __webpack
|
|
|
15793
15842
|
|
|
15794
15843
|
var Tooltip_component = normalizeComponent(
|
|
15795
15844
|
components_Tooltipvue_type_script_lang_js_,
|
|
15796
|
-
|
|
15797
|
-
|
|
15845
|
+
Tooltipvue_type_template_id_212c9d5b_scoped_true_render,
|
|
15846
|
+
Tooltipvue_type_template_id_212c9d5b_scoped_true_staticRenderFns,
|
|
15798
15847
|
false,
|
|
15799
15848
|
null,
|
|
15800
|
-
"
|
|
15849
|
+
"212c9d5b",
|
|
15801
15850
|
null
|
|
15802
15851
|
|
|
15803
15852
|
)
|
|
@@ -16118,8 +16167,8 @@ var mapResize = function mapResize(map) {
|
|
|
16118
16167
|
this.drawerOpen = !this.drawerOpen;
|
|
16119
16168
|
},
|
|
16120
16169
|
|
|
16121
|
-
/**
|
|
16122
|
-
* Function to toggle colour/greyscale of organs.
|
|
16170
|
+
/**
|
|
16171
|
+
* Function to toggle colour/greyscale of organs.
|
|
16123
16172
|
*/
|
|
16124
16173
|
setColour: function setColour(flag) {
|
|
16125
16174
|
this.colourRadio = flag;
|
|
@@ -16132,8 +16181,8 @@ var mapResize = function mapResize(map) {
|
|
|
16132
16181
|
}
|
|
16133
16182
|
},
|
|
16134
16183
|
|
|
16135
|
-
/**
|
|
16136
|
-
* Function to toggle outlines f organs.
|
|
16184
|
+
/**
|
|
16185
|
+
* Function to toggle outlines f organs.
|
|
16137
16186
|
*/
|
|
16138
16187
|
setOutlines: function setOutlines(flag) {
|
|
16139
16188
|
this.outlineRadio = flag;
|
|
@@ -16146,9 +16195,9 @@ var mapResize = function mapResize(map) {
|
|
|
16146
16195
|
}
|
|
16147
16196
|
},
|
|
16148
16197
|
|
|
16149
|
-
/**
|
|
16150
|
-
* Function to toggle paths to default.
|
|
16151
|
-
* Also called when the associated button is pressed.
|
|
16198
|
+
/**
|
|
16199
|
+
* Function to toggle paths to default.
|
|
16200
|
+
* Also called when the associated button is pressed.
|
|
16152
16201
|
*/
|
|
16153
16202
|
resetView: function resetView() {
|
|
16154
16203
|
if (this.mapImp) {
|
|
@@ -16161,9 +16210,9 @@ var mapResize = function mapResize(map) {
|
|
|
16161
16210
|
}
|
|
16162
16211
|
},
|
|
16163
16212
|
|
|
16164
|
-
/**
|
|
16165
|
-
* Function to zoom in.
|
|
16166
|
-
* Also called when the associated button is pressed.
|
|
16213
|
+
/**
|
|
16214
|
+
* Function to zoom in.
|
|
16215
|
+
* Also called when the associated button is pressed.
|
|
16167
16216
|
*/
|
|
16168
16217
|
zoomIn: function zoomIn() {
|
|
16169
16218
|
if (this.mapImp) {
|
|
@@ -16171,9 +16220,9 @@ var mapResize = function mapResize(map) {
|
|
|
16171
16220
|
}
|
|
16172
16221
|
},
|
|
16173
16222
|
|
|
16174
|
-
/**
|
|
16175
|
-
* Function to zoom out.
|
|
16176
|
-
* Also called when the associated button is pressed.
|
|
16223
|
+
/**
|
|
16224
|
+
* Function to zoom out.
|
|
16225
|
+
* Also called when the associated button is pressed.
|
|
16177
16226
|
*/
|
|
16178
16227
|
zoomOut: function zoomOut() {
|
|
16179
16228
|
if (this.mapImp) {
|
|
@@ -16236,14 +16285,16 @@ var mapResize = function mapResize(map) {
|
|
|
16236
16285
|
},
|
|
16237
16286
|
// checkNeuronClicked shows a neuron path pop up if a path was recently clicked
|
|
16238
16287
|
checkAndCreatePopups: function checkAndCreatePopups(data) {
|
|
16239
|
-
if (data.eventType == "click" && this.
|
|
16288
|
+
if (data.eventType == "click" && this.hasNeuronTooltip(data)) {
|
|
16289
|
+
this.createTooltipFromNeuronCuration(data);
|
|
16240
16290
|
this.mapImp.showPopup(this.mapImp.modelFeatureIds(data.resource[0])[0], this.$refs.tooltip.$el, {
|
|
16241
|
-
className: "
|
|
16291
|
+
className: "flatmapvuer-popover",
|
|
16292
|
+
positionAtLastClick: true
|
|
16242
16293
|
});
|
|
16243
|
-
this.
|
|
16294
|
+
this.popUpCssHacks();
|
|
16244
16295
|
}
|
|
16245
16296
|
},
|
|
16246
|
-
|
|
16297
|
+
popUpCssHacks: function popUpCssHacks() {
|
|
16247
16298
|
// Below is a hack to remove flatmap tooltips while popup is open
|
|
16248
16299
|
var ftooltip = document.querySelector(".flatmap-tooltip-popup");
|
|
16249
16300
|
if (ftooltip) ftooltip.style.display = "none";
|
|
@@ -16257,6 +16308,27 @@ var mapResize = function mapResize(map) {
|
|
|
16257
16308
|
resourceSelected: function resourceSelected(action) {
|
|
16258
16309
|
this.$emit("resource-selected", action);
|
|
16259
16310
|
},
|
|
16311
|
+
hasNeuronTooltip: function hasNeuronTooltip(data) {
|
|
16312
|
+
// nerve cuff check
|
|
16313
|
+
if (data.feature.nodeId) {
|
|
16314
|
+
return true;
|
|
16315
|
+
} // neural data check
|
|
16316
|
+
|
|
16317
|
+
|
|
16318
|
+
if (data.resource[0]) {
|
|
16319
|
+
if (data.resource[0].includes('ilxtr:neuron')) {
|
|
16320
|
+
return true;
|
|
16321
|
+
}
|
|
16322
|
+
} // annotated with datset check
|
|
16323
|
+
|
|
16324
|
+
|
|
16325
|
+
if (data.dataset) {
|
|
16326
|
+
return true;
|
|
16327
|
+
} // if there is no cuff, neural data, or dataset we do not display neuron tooltip
|
|
16328
|
+
|
|
16329
|
+
|
|
16330
|
+
return false;
|
|
16331
|
+
},
|
|
16260
16332
|
createTooltipFromNeuronCuration: function createTooltipFromNeuronCuration(data) {
|
|
16261
16333
|
var feature = data.resource[0];
|
|
16262
16334
|
var content = {
|
|
@@ -16266,14 +16338,12 @@ var mapResize = function mapResize(map) {
|
|
|
16266
16338
|
distribution: undefined,
|
|
16267
16339
|
actions: []
|
|
16268
16340
|
};
|
|
16269
|
-
var foundAnnotations = false;
|
|
16270
16341
|
this.tooltipVisible = false; // nerve cuff check
|
|
16271
16342
|
|
|
16272
16343
|
if (data.feature.nodeId) {
|
|
16273
16344
|
var paths = this.mapImp.nodePathModels(data.feature.nodeId);
|
|
16274
16345
|
|
|
16275
16346
|
if (paths.size > 0) {
|
|
16276
|
-
foundAnnotations = true;
|
|
16277
16347
|
this.tooltipVisible = true;
|
|
16278
16348
|
this.tooltipContent = content;
|
|
16279
16349
|
this.tooltipContent.uberon = feature;
|
|
@@ -16287,17 +16357,17 @@ var mapResize = function mapResize(map) {
|
|
|
16287
16357
|
|
|
16288
16358
|
if (feature) {
|
|
16289
16359
|
if (feature.includes('ilxtr:neuron')) {
|
|
16290
|
-
foundAnnotations = true;
|
|
16291
16360
|
this.tooltipVisible = true;
|
|
16292
16361
|
this.tooltipContent = content;
|
|
16293
16362
|
this.tooltipContent.uberon = feature;
|
|
16294
16363
|
this.tooltipContent.title = data.label;
|
|
16295
16364
|
this.tooltipContent.featureIds = [feature];
|
|
16296
16365
|
this.tooltipContent.actions.push({
|
|
16297
|
-
title: "Search for
|
|
16366
|
+
title: "Search for datasets",
|
|
16298
16367
|
label: "Neuron Datasets",
|
|
16299
16368
|
resource: feature.split(":")[1],
|
|
16300
16369
|
type: "Neuron Search",
|
|
16370
|
+
feature: feature,
|
|
16301
16371
|
nervePath: true
|
|
16302
16372
|
});
|
|
16303
16373
|
}
|
|
@@ -16305,7 +16375,6 @@ var mapResize = function mapResize(map) {
|
|
|
16305
16375
|
|
|
16306
16376
|
|
|
16307
16377
|
if (data.dataset) {
|
|
16308
|
-
foundAnnotations = true;
|
|
16309
16378
|
this.tooltipVisible = true;
|
|
16310
16379
|
this.tooltipContent = content;
|
|
16311
16380
|
this.tooltipContent.uberon = feature;
|
|
@@ -16314,15 +16383,10 @@ var mapResize = function mapResize(map) {
|
|
|
16314
16383
|
title: "View dataset",
|
|
16315
16384
|
resource: data.dataset,
|
|
16316
16385
|
type: "URL",
|
|
16386
|
+
feature: feature,
|
|
16317
16387
|
nervePath: false
|
|
16318
16388
|
});
|
|
16319
16389
|
}
|
|
16320
|
-
|
|
16321
|
-
if (foundAnnotations) {
|
|
16322
|
-
return true;
|
|
16323
|
-
} else {
|
|
16324
|
-
return false;
|
|
16325
|
-
}
|
|
16326
16390
|
},
|
|
16327
16391
|
// Keeping this as an API
|
|
16328
16392
|
showPopup: function showPopup(featureId, node, options) {
|
|
@@ -16333,7 +16397,8 @@ var mapResize = function mapResize(map) {
|
|
|
16333
16397
|
if (!myOptions.className) myOptions.className = "flatmapvuer-popover";
|
|
16334
16398
|
} else {
|
|
16335
16399
|
myOptions = {
|
|
16336
|
-
className: "flatmapvuer-popover"
|
|
16400
|
+
className: "flatmapvuer-popover",
|
|
16401
|
+
positionAtLastClick: true
|
|
16337
16402
|
};
|
|
16338
16403
|
}
|
|
16339
16404
|
|
|
@@ -16487,8 +16552,8 @@ var mapResize = function mapResize(map) {
|
|
|
16487
16552
|
this.drawerOpen = flag;
|
|
16488
16553
|
},
|
|
16489
16554
|
|
|
16490
|
-
/**
|
|
16491
|
-
* Function to display features with annotation matching the provided term.
|
|
16555
|
+
/**
|
|
16556
|
+
* Function to display features with annotation matching the provided term.
|
|
16492
16557
|
*/
|
|
16493
16558
|
searchAndShowResult: function searchAndShowResult(term) {
|
|
16494
16559
|
if (this.mapImp) {
|
|
@@ -16551,16 +16616,16 @@ var mapResize = function mapResize(map) {
|
|
|
16551
16616
|
default: "Beta feature - This map is based on the connectivity of a rat. New connectivity and species specificity will be added as the SPARC program progress."
|
|
16552
16617
|
},
|
|
16553
16618
|
|
|
16554
|
-
/**
|
|
16555
|
-
* State containing state of the flatmap.
|
|
16619
|
+
/**
|
|
16620
|
+
* State containing state of the flatmap.
|
|
16556
16621
|
*/
|
|
16557
16622
|
state: {
|
|
16558
16623
|
type: Object,
|
|
16559
16624
|
default: undefined
|
|
16560
16625
|
},
|
|
16561
16626
|
|
|
16562
|
-
/**
|
|
16563
|
-
* Specify the endpoint of the flatmap server.
|
|
16627
|
+
/**
|
|
16628
|
+
* Specify the endpoint of the flatmap server.
|
|
16564
16629
|
*/
|
|
16565
16630
|
flatmapAPI: {
|
|
16566
16631
|
type: String,
|
|
@@ -16635,8 +16700,8 @@ var mapResize = function mapResize(map) {
|
|
|
16635
16700
|
});
|
|
16636
16701
|
// CONCATENATED MODULE: ./src/components/FlatmapVuer.vue?vue&type=script&lang=js&
|
|
16637
16702
|
/* harmony default export */ var components_FlatmapVuervue_type_script_lang_js_ = (FlatmapVuervue_type_script_lang_js_);
|
|
16638
|
-
// EXTERNAL MODULE: ./src/components/FlatmapVuer.vue?vue&type=style&index=0&id=
|
|
16639
|
-
var
|
|
16703
|
+
// EXTERNAL MODULE: ./src/components/FlatmapVuer.vue?vue&type=style&index=0&id=db38767a&scoped=true&lang=scss&
|
|
16704
|
+
var FlatmapVuervue_type_style_index_0_id_db38767a_scoped_true_lang_scss_ = __webpack_require__("2ee8");
|
|
16640
16705
|
|
|
16641
16706
|
// CONCATENATED MODULE: ./src/components/FlatmapVuer.vue
|
|
16642
16707
|
|
|
@@ -16653,13 +16718,13 @@ var FlatmapVuer_component = normalizeComponent(
|
|
|
16653
16718
|
staticRenderFns,
|
|
16654
16719
|
false,
|
|
16655
16720
|
null,
|
|
16656
|
-
"
|
|
16721
|
+
"db38767a",
|
|
16657
16722
|
null
|
|
16658
16723
|
|
|
16659
16724
|
)
|
|
16660
16725
|
|
|
16661
16726
|
/* harmony default export */ var FlatmapVuer = (FlatmapVuer_component.exports);
|
|
16662
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
16727
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"cfef1d3c-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/MultiFlatmapVuer.vue?vue&type=template&id=f20f0c88&scoped=true&
|
|
16663
16728
|
var MultiFlatmapVuervue_type_template_id_f20f0c88_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"multi-container"},[_c('div',{staticStyle:{"position":"absolute","z-index":"10"}},[_c('div',{staticClass:"species-display-text"},[_vm._v(" Species ")]),_c('el-popover',{ref:"selectPopover",attrs:{"content":"Select a species","placement":"right","appendToBody":false,"trigger":"manual","popper-class":"flatmap-popper right-popper"},model:{value:(_vm.helpMode),callback:function ($$v) {_vm.helpMode=$$v},expression:"helpMode"}}),_c('el-select',{directives:[{name:"popover",rawName:"v-popover:selectPopover",arg:"selectPopover"}],staticClass:"select-box",attrs:{"id":"flatmap-select","popper-append-to-body":_vm.appendToBody,"placeholder":"Select","popper-class":"flatmap_dropdown"},on:{"change":_vm.flatmapChanged},model:{value:(_vm.activeSpecies),callback:function ($$v) {_vm.activeSpecies=$$v},expression:"activeSpecies"}},_vm._l((_vm.speciesList),function(item,key){return _c('el-option',{key:key,attrs:{"label":key,"value":key}},[_c('el-row',[_c('el-col',{attrs:{"span":8}},[_c('i',{class:item.iconClass})]),_c('el-col',{attrs:{"span":12}},[_vm._v(_vm._s(key))])],1)],1)}),1)],1),_vm._l((_vm.speciesList),function(item,key){return _c('FlatmapVuer',{directives:[{name:"show",rawName:"v-show",value:(_vm.activeSpecies==key),expression:"activeSpecies==key"}],key:key,ref:key,refInFor:true,staticStyle:{"height":"100%"},attrs:{"showLayer":_vm.showLayer,"entry":item.taxo,"displayWarning":item.displayWarning,"warningMessage":_vm.warningMessage,"featureInfo":_vm.featureInfo,"minZoom":_vm.minZoom,"pathControls":_vm.pathControls,"searchable":_vm.searchable,"helpMode":_vm.helpMode,"renderAtMounted":_vm.renderAtMounted,"displayMinimap":_vm.displayMinimap,"flatmapAPI":_vm.flatmapAPI,"sparcAPI":_vm.sparcAPI},on:{"resource-selected":_vm.FlatmapSelected,"ready":_vm.FlatmapReady,"pan-zoom-callback":_vm.panZoomCallback}})})],2)}
|
|
16664
16729
|
var MultiFlatmapVuervue_type_template_id_f20f0c88_scoped_true_staticRenderFns = []
|
|
16665
16730
|
|
|
@@ -16860,11 +16925,11 @@ external_vue_default.a.use(lib_popover_default.a);
|
|
|
16860
16925
|
this.$emit('flatmapChanged', this.activeSpecies);
|
|
16861
16926
|
},
|
|
16862
16927
|
|
|
16863
|
-
/**
|
|
16864
|
-
* Function used for getting the current states of the scene. This exported states
|
|
16865
|
-
* can be imported using the importStates method.
|
|
16866
|
-
*
|
|
16867
|
-
* @public
|
|
16928
|
+
/**
|
|
16929
|
+
* Function used for getting the current states of the scene. This exported states
|
|
16930
|
+
* can be imported using the importStates method.
|
|
16931
|
+
*
|
|
16932
|
+
* @public
|
|
16868
16933
|
*/
|
|
16869
16934
|
getState: function getState() {
|
|
16870
16935
|
var state = {
|
|
@@ -16876,11 +16941,11 @@ external_vue_default.a.use(lib_popover_default.a);
|
|
|
16876
16941
|
return state;
|
|
16877
16942
|
},
|
|
16878
16943
|
|
|
16879
|
-
/**
|
|
16880
|
-
* Function used for importing the states of the scene. This exported states
|
|
16881
|
-
* can be imported using the read states method.
|
|
16882
|
-
*
|
|
16883
|
-
* @public
|
|
16944
|
+
/**
|
|
16945
|
+
* Function used for importing the states of the scene. This exported states
|
|
16946
|
+
* can be imported using the read states method.
|
|
16947
|
+
*
|
|
16948
|
+
* @public
|
|
16884
16949
|
*/
|
|
16885
16950
|
setState: function setState(state) {
|
|
16886
16951
|
var _this3 = this;
|
|
@@ -16928,9 +16993,9 @@ external_vue_default.a.use(lib_popover_default.a);
|
|
|
16928
16993
|
default: false
|
|
16929
16994
|
},
|
|
16930
16995
|
|
|
16931
|
-
/**
|
|
16932
|
-
* Initial species for the flatmap.
|
|
16933
|
-
* This value will be ignored if a valid state object is provided.
|
|
16996
|
+
/**
|
|
16997
|
+
* Initial species for the flatmap.
|
|
16998
|
+
* This value will be ignored if a valid state object is provided.
|
|
16934
16999
|
*/
|
|
16935
17000
|
initial: {
|
|
16936
17001
|
type: String,
|
|
@@ -16958,16 +17023,16 @@ external_vue_default.a.use(lib_popover_default.a);
|
|
|
16958
17023
|
},
|
|
16959
17024
|
availableSpecies: {},
|
|
16960
17025
|
|
|
16961
|
-
/**
|
|
16962
|
-
* State containing state of the flatmap.
|
|
17026
|
+
/**
|
|
17027
|
+
* State containing state of the flatmap.
|
|
16963
17028
|
*/
|
|
16964
17029
|
state: {
|
|
16965
17030
|
type: Object,
|
|
16966
17031
|
default: undefined
|
|
16967
17032
|
},
|
|
16968
17033
|
|
|
16969
|
-
/**
|
|
16970
|
-
* Specify the endpoint of the flatmap server.
|
|
17034
|
+
/**
|
|
17035
|
+
* Specify the endpoint of the flatmap server.
|
|
16971
17036
|
*/
|
|
16972
17037
|
flatmapAPI: {
|
|
16973
17038
|
type: String,
|