@abi-software/flatmapvuer 0.3.0-beta-1 → 0.3.0-beta-2-upstream-downstream-2
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 +190 -116
- package/dist/flatmapvuer.common.js.map +1 -1
- package/dist/flatmapvuer.css +1 -1
- package/dist/flatmapvuer.umd.js +190 -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 +494 -434
- 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
|
@@ -722,6 +722,13 @@ module.exports = __webpack_require__("e62d");
|
|
|
722
722
|
|
|
723
723
|
/***/ }),
|
|
724
724
|
|
|
725
|
+
/***/ "193b":
|
|
726
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
727
|
+
|
|
728
|
+
// extracted by mini-css-extract-plugin
|
|
729
|
+
|
|
730
|
+
/***/ }),
|
|
731
|
+
|
|
725
732
|
/***/ "1951":
|
|
726
733
|
/***/ (function(module, exports, __webpack_require__) {
|
|
727
734
|
|
|
@@ -741,6 +748,17 @@ module.exports = require("core-js/modules/web.dom-collections.iterator.js");
|
|
|
741
748
|
|
|
742
749
|
module.exports = require("core-js/modules/es.array.filter.js");
|
|
743
750
|
|
|
751
|
+
/***/ }),
|
|
752
|
+
|
|
753
|
+
/***/ "1c29":
|
|
754
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
755
|
+
|
|
756
|
+
"use strict";
|
|
757
|
+
/* 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_b55da77e_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("193b");
|
|
758
|
+
/* 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_b55da77e_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_b55da77e_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
|
|
759
|
+
/* unused harmony reexport * */
|
|
760
|
+
|
|
761
|
+
|
|
744
762
|
/***/ }),
|
|
745
763
|
|
|
746
764
|
/***/ "1c32":
|
|
@@ -762,17 +780,6 @@ module.exports = require("throttle-debounce/throttle");
|
|
|
762
780
|
|
|
763
781
|
// extracted by mini-css-extract-plugin
|
|
764
782
|
|
|
765
|
-
/***/ }),
|
|
766
|
-
|
|
767
|
-
/***/ "2329":
|
|
768
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
769
|
-
|
|
770
|
-
"use strict";
|
|
771
|
-
/* 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_484ca6f9_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("bbb3");
|
|
772
|
-
/* 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_484ca6f9_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_484ca6f9_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
|
|
773
|
-
/* unused harmony reexport * */
|
|
774
|
-
|
|
775
|
-
|
|
776
783
|
/***/ }),
|
|
777
784
|
|
|
778
785
|
/***/ "2a5e":
|
|
@@ -901,6 +908,17 @@ exports.default = {
|
|
|
901
908
|
}
|
|
902
909
|
};
|
|
903
910
|
|
|
911
|
+
/***/ }),
|
|
912
|
+
|
|
913
|
+
/***/ "2ee8":
|
|
914
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
915
|
+
|
|
916
|
+
"use strict";
|
|
917
|
+
/* 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");
|
|
918
|
+
/* 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__);
|
|
919
|
+
/* unused harmony reexport * */
|
|
920
|
+
|
|
921
|
+
|
|
904
922
|
/***/ }),
|
|
905
923
|
|
|
906
924
|
/***/ "2ff9":
|
|
@@ -8701,13 +8719,6 @@ module.exports = __webpack_require__("7f4d");
|
|
|
8701
8719
|
|
|
8702
8720
|
/***/ }),
|
|
8703
8721
|
|
|
8704
|
-
/***/ "896e":
|
|
8705
|
-
/***/ (function(module, exports, __webpack_require__) {
|
|
8706
|
-
|
|
8707
|
-
// extracted by mini-css-extract-plugin
|
|
8708
|
-
|
|
8709
|
-
/***/ }),
|
|
8710
|
-
|
|
8711
8722
|
/***/ "8bbc":
|
|
8712
8723
|
/***/ (function(module, exports, __webpack_require__) {
|
|
8713
8724
|
|
|
@@ -10672,14 +10683,14 @@ module.exports = require("core-js/modules/web.url.js");
|
|
|
10672
10683
|
|
|
10673
10684
|
/***/ }),
|
|
10674
10685
|
|
|
10675
|
-
/***/ "
|
|
10686
|
+
/***/ "be4f":
|
|
10676
10687
|
/***/ (function(module, exports, __webpack_require__) {
|
|
10677
10688
|
|
|
10678
10689
|
// extracted by mini-css-extract-plugin
|
|
10679
10690
|
|
|
10680
10691
|
/***/ }),
|
|
10681
10692
|
|
|
10682
|
-
/***/ "
|
|
10693
|
+
/***/ "c017":
|
|
10683
10694
|
/***/ (function(module, exports, __webpack_require__) {
|
|
10684
10695
|
|
|
10685
10696
|
// extracted by mini-css-extract-plugin
|
|
@@ -11260,17 +11271,6 @@ function isKorean(text) {
|
|
|
11260
11271
|
|
|
11261
11272
|
// extracted by mini-css-extract-plugin
|
|
11262
11273
|
|
|
11263
|
-
/***/ }),
|
|
11264
|
-
|
|
11265
|
-
/***/ "d538":
|
|
11266
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
11267
|
-
|
|
11268
|
-
"use strict";
|
|
11269
|
-
/* 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");
|
|
11270
|
-
/* 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__);
|
|
11271
|
-
/* unused harmony reexport * */
|
|
11272
|
-
|
|
11273
|
-
|
|
11274
11274
|
/***/ }),
|
|
11275
11275
|
|
|
11276
11276
|
/***/ "da6e":
|
|
@@ -14730,12 +14730,12 @@ if (typeof window !== 'undefined') {
|
|
|
14730
14730
|
// Indicate to webpack that this file can be concatenated
|
|
14731
14731
|
/* harmony default export */ var setPublicPath = (null);
|
|
14732
14732
|
|
|
14733
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
14733
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"732ab336-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&
|
|
14734
14734
|
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)}
|
|
14735
14735
|
var staticRenderFns = []
|
|
14736
14736
|
|
|
14737
14737
|
|
|
14738
|
-
// CONCATENATED MODULE: ./src/components/FlatmapVuer.vue?vue&type=template&id=
|
|
14738
|
+
// CONCATENATED MODULE: ./src/components/FlatmapVuer.vue?vue&type=template&id=db38767a&scoped=true&
|
|
14739
14739
|
|
|
14740
14740
|
// EXTERNAL MODULE: external "core-js/modules/es.symbol.js"
|
|
14741
14741
|
var es_symbol_js_ = __webpack_require__("9b22");
|
|
@@ -14969,12 +14969,12 @@ var es_number_constructor_js_ = __webpack_require__("f989");
|
|
|
14969
14969
|
var external_vue_ = __webpack_require__("8bbf");
|
|
14970
14970
|
var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);
|
|
14971
14971
|
|
|
14972
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
14973
|
-
var
|
|
14974
|
-
var
|
|
14972
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"732ab336-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=b55da77e&scoped=true&
|
|
14973
|
+
var Tooltipvue_type_template_id_b55da77e_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.origins)?_c('div',{staticClass:"block"},[_c('div',[_c('span',{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('span',{staticStyle:{"word-break":"keep-all"}},[_c('i',[_vm._v("Origin")]),_vm._v(" "+_vm._s(_vm.originDescription)+" ")])])],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.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.destinations)?_c('div',{staticClass:"block"},[_c('div',[_c('span',{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('span',{staticStyle:{"word-break":"keep-all"}},[_c('i',[_vm._v("Destination")]),_vm._v(" is where the axons terminate (& in the cases of some psuedoinunipolar neurons, where their dendritic \"terminals\" are) ")])])],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(),_c('el-button',{directives:[{name:"show",rawName:"v-show",value:(_vm.components.length > 0),expression:"components.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)}
|
|
14974
|
+
var Tooltipvue_type_template_id_b55da77e_scoped_true_staticRenderFns = []
|
|
14975
14975
|
|
|
14976
14976
|
|
|
14977
|
-
// CONCATENATED MODULE: ./src/components/Tooltip.vue?vue&type=template&id=
|
|
14977
|
+
// CONCATENATED MODULE: ./src/components/Tooltip.vue?vue&type=template&id=b55da77e&scoped=true&
|
|
14978
14978
|
|
|
14979
14979
|
// EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/main.css
|
|
14980
14980
|
var main = __webpack_require__("de31");
|
|
@@ -15034,7 +15034,7 @@ var en_default = /*#__PURE__*/__webpack_require__.n(en);
|
|
|
15034
15034
|
var locale = __webpack_require__("4897");
|
|
15035
15035
|
var locale_default = /*#__PURE__*/__webpack_require__.n(locale);
|
|
15036
15036
|
|
|
15037
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
15037
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"732ab336-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&
|
|
15038
15038
|
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)])}
|
|
15039
15039
|
var PubmedViewervue_type_template_id_1d12a6d3_scoped_true_staticRenderFns = []
|
|
15040
15040
|
|
|
@@ -15519,6 +15519,35 @@ var EventBus = new external_vue_default.a();
|
|
|
15519
15519
|
//
|
|
15520
15520
|
//
|
|
15521
15521
|
//
|
|
15522
|
+
//
|
|
15523
|
+
//
|
|
15524
|
+
//
|
|
15525
|
+
//
|
|
15526
|
+
//
|
|
15527
|
+
//
|
|
15528
|
+
//
|
|
15529
|
+
//
|
|
15530
|
+
//
|
|
15531
|
+
//
|
|
15532
|
+
//
|
|
15533
|
+
//
|
|
15534
|
+
//
|
|
15535
|
+
//
|
|
15536
|
+
//
|
|
15537
|
+
//
|
|
15538
|
+
//
|
|
15539
|
+
//
|
|
15540
|
+
//
|
|
15541
|
+
//
|
|
15542
|
+
//
|
|
15543
|
+
//
|
|
15544
|
+
//
|
|
15545
|
+
//
|
|
15546
|
+
//
|
|
15547
|
+
//
|
|
15548
|
+
//
|
|
15549
|
+
//
|
|
15550
|
+
//
|
|
15522
15551
|
|
|
15523
15552
|
/* eslint-disable no-alert, no-console */
|
|
15524
15553
|
|
|
@@ -15566,11 +15595,16 @@ var _capitalise = function capitalise(str) {
|
|
|
15566
15595
|
appendToBody: false,
|
|
15567
15596
|
pubmedSearchUrl: '',
|
|
15568
15597
|
loading: false,
|
|
15569
|
-
|
|
15570
|
-
|
|
15598
|
+
destinations: [],
|
|
15599
|
+
origins: [],
|
|
15571
15600
|
components: [],
|
|
15572
|
-
|
|
15573
|
-
|
|
15601
|
+
destinationsWithDatasets: [],
|
|
15602
|
+
originsWithDatasets: [],
|
|
15603
|
+
originDescriptions: {
|
|
15604
|
+
'motor': 'is the location of the initial cell body of the circuit',
|
|
15605
|
+
'sensory': 'is the location of the initial cell body in the PNS circuit'
|
|
15606
|
+
},
|
|
15607
|
+
componentsWithDatasets: [],
|
|
15574
15608
|
uberons: [{
|
|
15575
15609
|
id: undefined,
|
|
15576
15610
|
name: undefined
|
|
@@ -15588,6 +15622,15 @@ var _capitalise = function capitalise(str) {
|
|
|
15588
15622
|
mounted: function mounted() {
|
|
15589
15623
|
this.getOrganCuries();
|
|
15590
15624
|
},
|
|
15625
|
+
computed: {
|
|
15626
|
+
originDescription: function originDescription() {
|
|
15627
|
+
if (this.content.title.toLowerCase().includes('motor')) {
|
|
15628
|
+
return this.originDescriptions.motor;
|
|
15629
|
+
} else {
|
|
15630
|
+
return this.originDescriptions.sensory;
|
|
15631
|
+
}
|
|
15632
|
+
}
|
|
15633
|
+
},
|
|
15591
15634
|
methods: {
|
|
15592
15635
|
resourceSelected: function resourceSelected(action) {
|
|
15593
15636
|
this.$emit("resource-selected", action);
|
|
@@ -15604,10 +15647,16 @@ var _capitalise = function capitalise(str) {
|
|
|
15604
15647
|
openUrl: function openUrl(url) {
|
|
15605
15648
|
window.open(url, '_blank');
|
|
15606
15649
|
},
|
|
15650
|
+
openAll: function openAll() {
|
|
15651
|
+
components_EventBus.$emit('onActionClick', {
|
|
15652
|
+
type: 'Facets',
|
|
15653
|
+
labels: this.components
|
|
15654
|
+
});
|
|
15655
|
+
},
|
|
15607
15656
|
openAxons: function openAxons() {
|
|
15608
15657
|
components_EventBus.$emit('onActionClick', {
|
|
15609
15658
|
type: 'Facets',
|
|
15610
|
-
labels: this.
|
|
15659
|
+
labels: this.destinationsWithDatasets.map(function (a) {
|
|
15611
15660
|
return a.name;
|
|
15612
15661
|
})
|
|
15613
15662
|
});
|
|
@@ -15615,7 +15664,7 @@ var _capitalise = function capitalise(str) {
|
|
|
15615
15664
|
openDendrites: function openDendrites() {
|
|
15616
15665
|
components_EventBus.$emit('onActionClick', {
|
|
15617
15666
|
type: 'Facets',
|
|
15618
|
-
labels: this.
|
|
15667
|
+
labels: this.originsWithDatasets.map(function (a) {
|
|
15619
15668
|
return a.name;
|
|
15620
15669
|
})
|
|
15621
15670
|
});
|
|
@@ -15634,7 +15683,7 @@ var _capitalise = function capitalise(str) {
|
|
|
15634
15683
|
nodes.forEach(function (node) {
|
|
15635
15684
|
var n = node.flat(); // Find all terms on the node
|
|
15636
15685
|
|
|
15637
|
-
terminal = false; // Check if the node is an
|
|
15686
|
+
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)
|
|
15638
15687
|
|
|
15639
15688
|
n.forEach(function (s) {
|
|
15640
15689
|
if (connectivity.axons.includes(s)) {
|
|
@@ -15680,7 +15729,7 @@ var _capitalise = function capitalise(str) {
|
|
|
15680
15729
|
return sql;
|
|
15681
15730
|
},
|
|
15682
15731
|
buildLabelSqlStatement: function buildLabelSqlStatement(uberons) {
|
|
15683
|
-
var sql = 'select label from labels where entity in (';
|
|
15732
|
+
var sql = 'select entity, label from labels where entity in (';
|
|
15684
15733
|
|
|
15685
15734
|
if (uberons.length === 1) {
|
|
15686
15735
|
sql += "'".concat(uberons[0], "')");
|
|
@@ -15709,9 +15758,15 @@ var _capitalise = function capitalise(str) {
|
|
|
15709
15758
|
}).then(function (response) {
|
|
15710
15759
|
return response.json();
|
|
15711
15760
|
}).then(function (payload) {
|
|
15712
|
-
|
|
15713
|
-
|
|
15714
|
-
|
|
15761
|
+
var entity = payload.keys.indexOf("entity");
|
|
15762
|
+
var label = payload.keys.indexOf("label");
|
|
15763
|
+
|
|
15764
|
+
if (entity > -1 && label > -1) {
|
|
15765
|
+
payload.values.forEach(function (pair) {
|
|
15766
|
+
uberonMap[pair[entity]] = pair[label];
|
|
15767
|
+
});
|
|
15768
|
+
}
|
|
15769
|
+
|
|
15715
15770
|
resolve(uberonMap);
|
|
15716
15771
|
});
|
|
15717
15772
|
});
|
|
@@ -15719,8 +15774,8 @@ var _capitalise = function capitalise(str) {
|
|
|
15719
15774
|
pathwayQuery: function pathwayQuery(keastIds) {
|
|
15720
15775
|
var _this3 = this;
|
|
15721
15776
|
|
|
15722
|
-
this.
|
|
15723
|
-
this.
|
|
15777
|
+
this.destinations = [];
|
|
15778
|
+
this.origins = [];
|
|
15724
15779
|
this.components = [];
|
|
15725
15780
|
this.loading = true;
|
|
15726
15781
|
if (!keastIds || keastIds.length == 0) return;
|
|
@@ -15744,10 +15799,10 @@ var _capitalise = function capitalise(str) {
|
|
|
15744
15799
|
var conIds = connectivity.axons.concat(connectivity.dendrites.concat(components));
|
|
15745
15800
|
|
|
15746
15801
|
_this3.createLabelLookup(conIds).then(function (lookUp) {
|
|
15747
|
-
_this3.
|
|
15802
|
+
_this3.destinations = connectivity.axons.map(function (a) {
|
|
15748
15803
|
return lookUp[a];
|
|
15749
15804
|
});
|
|
15750
|
-
_this3.
|
|
15805
|
+
_this3.origins = connectivity.dendrites.map(function (d) {
|
|
15751
15806
|
return lookUp[d];
|
|
15752
15807
|
});
|
|
15753
15808
|
_this3.components = components.map(function (c) {
|
|
@@ -15756,10 +15811,13 @@ var _capitalise = function capitalise(str) {
|
|
|
15756
15811
|
}); // Filter for the anatomy which is annotated on datasets
|
|
15757
15812
|
|
|
15758
15813
|
|
|
15759
|
-
_this3.
|
|
15814
|
+
_this3.destinationsWithDatasets = _this3.uberons.filter(function (ub) {
|
|
15760
15815
|
return connectivity.axons.indexOf(ub.id) !== -1;
|
|
15761
15816
|
});
|
|
15762
|
-
_this3.
|
|
15817
|
+
_this3.originsWithDatasets = _this3.uberons.filter(function (ub) {
|
|
15818
|
+
return connectivity.dendrites.indexOf(ub.id) !== -1;
|
|
15819
|
+
});
|
|
15820
|
+
_this3.componentsWithDatasets = _this3.uberons.filter(function (ub) {
|
|
15763
15821
|
return connectivity.dendrites.indexOf(ub.id) !== -1;
|
|
15764
15822
|
});
|
|
15765
15823
|
_this3.loading = false;
|
|
@@ -15771,8 +15829,8 @@ var _capitalise = function capitalise(str) {
|
|
|
15771
15829
|
});
|
|
15772
15830
|
// CONCATENATED MODULE: ./src/components/Tooltip.vue?vue&type=script&lang=js&
|
|
15773
15831
|
/* harmony default export */ var components_Tooltipvue_type_script_lang_js_ = (Tooltipvue_type_script_lang_js_);
|
|
15774
|
-
// EXTERNAL MODULE: ./src/components/Tooltip.vue?vue&type=style&index=0&id=
|
|
15775
|
-
var
|
|
15832
|
+
// EXTERNAL MODULE: ./src/components/Tooltip.vue?vue&type=style&index=0&id=b55da77e&scoped=true&lang=scss&
|
|
15833
|
+
var Tooltipvue_type_style_index_0_id_b55da77e_scoped_true_lang_scss_ = __webpack_require__("1c29");
|
|
15776
15834
|
|
|
15777
15835
|
// CONCATENATED MODULE: ./src/components/Tooltip.vue
|
|
15778
15836
|
|
|
@@ -15785,11 +15843,11 @@ var Tooltipvue_type_style_index_0_id_484ca6f9_scoped_true_lang_scss_ = __webpack
|
|
|
15785
15843
|
|
|
15786
15844
|
var Tooltip_component = normalizeComponent(
|
|
15787
15845
|
components_Tooltipvue_type_script_lang_js_,
|
|
15788
|
-
|
|
15789
|
-
|
|
15846
|
+
Tooltipvue_type_template_id_b55da77e_scoped_true_render,
|
|
15847
|
+
Tooltipvue_type_template_id_b55da77e_scoped_true_staticRenderFns,
|
|
15790
15848
|
false,
|
|
15791
15849
|
null,
|
|
15792
|
-
"
|
|
15850
|
+
"b55da77e",
|
|
15793
15851
|
null
|
|
15794
15852
|
|
|
15795
15853
|
)
|
|
@@ -16110,8 +16168,8 @@ var mapResize = function mapResize(map) {
|
|
|
16110
16168
|
this.drawerOpen = !this.drawerOpen;
|
|
16111
16169
|
},
|
|
16112
16170
|
|
|
16113
|
-
/**
|
|
16114
|
-
* Function to toggle colour/greyscale of organs.
|
|
16171
|
+
/**
|
|
16172
|
+
* Function to toggle colour/greyscale of organs.
|
|
16115
16173
|
*/
|
|
16116
16174
|
setColour: function setColour(flag) {
|
|
16117
16175
|
this.colourRadio = flag;
|
|
@@ -16124,8 +16182,8 @@ var mapResize = function mapResize(map) {
|
|
|
16124
16182
|
}
|
|
16125
16183
|
},
|
|
16126
16184
|
|
|
16127
|
-
/**
|
|
16128
|
-
* Function to toggle outlines f organs.
|
|
16185
|
+
/**
|
|
16186
|
+
* Function to toggle outlines f organs.
|
|
16129
16187
|
*/
|
|
16130
16188
|
setOutlines: function setOutlines(flag) {
|
|
16131
16189
|
this.outlineRadio = flag;
|
|
@@ -16138,9 +16196,9 @@ var mapResize = function mapResize(map) {
|
|
|
16138
16196
|
}
|
|
16139
16197
|
},
|
|
16140
16198
|
|
|
16141
|
-
/**
|
|
16142
|
-
* Function to toggle paths to default.
|
|
16143
|
-
* Also called when the associated button is pressed.
|
|
16199
|
+
/**
|
|
16200
|
+
* Function to toggle paths to default.
|
|
16201
|
+
* Also called when the associated button is pressed.
|
|
16144
16202
|
*/
|
|
16145
16203
|
resetView: function resetView() {
|
|
16146
16204
|
if (this.mapImp) {
|
|
@@ -16153,9 +16211,9 @@ var mapResize = function mapResize(map) {
|
|
|
16153
16211
|
}
|
|
16154
16212
|
},
|
|
16155
16213
|
|
|
16156
|
-
/**
|
|
16157
|
-
* Function to zoom in.
|
|
16158
|
-
* Also called when the associated button is pressed.
|
|
16214
|
+
/**
|
|
16215
|
+
* Function to zoom in.
|
|
16216
|
+
* Also called when the associated button is pressed.
|
|
16159
16217
|
*/
|
|
16160
16218
|
zoomIn: function zoomIn() {
|
|
16161
16219
|
if (this.mapImp) {
|
|
@@ -16163,9 +16221,9 @@ var mapResize = function mapResize(map) {
|
|
|
16163
16221
|
}
|
|
16164
16222
|
},
|
|
16165
16223
|
|
|
16166
|
-
/**
|
|
16167
|
-
* Function to zoom out.
|
|
16168
|
-
* Also called when the associated button is pressed.
|
|
16224
|
+
/**
|
|
16225
|
+
* Function to zoom out.
|
|
16226
|
+
* Also called when the associated button is pressed.
|
|
16169
16227
|
*/
|
|
16170
16228
|
zoomOut: function zoomOut() {
|
|
16171
16229
|
if (this.mapImp) {
|
|
@@ -16228,14 +16286,16 @@ var mapResize = function mapResize(map) {
|
|
|
16228
16286
|
},
|
|
16229
16287
|
// checkNeuronClicked shows a neuron path pop up if a path was recently clicked
|
|
16230
16288
|
checkAndCreatePopups: function checkAndCreatePopups(data) {
|
|
16231
|
-
if (data.eventType == "click" && this.
|
|
16289
|
+
if (data.eventType == "click" && this.hasNeuronTooltip(data)) {
|
|
16290
|
+
this.createTooltipFromNeuronCuration(data);
|
|
16232
16291
|
this.mapImp.showPopup(this.mapImp.modelFeatureIds(data.resource[0])[0], this.$refs.tooltip.$el, {
|
|
16233
|
-
className: "
|
|
16292
|
+
className: "flatmapvuer-popover",
|
|
16293
|
+
positionAtLastClick: true
|
|
16234
16294
|
});
|
|
16235
|
-
this.
|
|
16295
|
+
this.popUpCssHacks();
|
|
16236
16296
|
}
|
|
16237
16297
|
},
|
|
16238
|
-
|
|
16298
|
+
popUpCssHacks: function popUpCssHacks() {
|
|
16239
16299
|
// Below is a hack to remove flatmap tooltips while popup is open
|
|
16240
16300
|
var ftooltip = document.querySelector(".flatmap-tooltip-popup");
|
|
16241
16301
|
if (ftooltip) ftooltip.style.display = "none";
|
|
@@ -16249,6 +16309,27 @@ var mapResize = function mapResize(map) {
|
|
|
16249
16309
|
resourceSelected: function resourceSelected(action) {
|
|
16250
16310
|
this.$emit("resource-selected", action);
|
|
16251
16311
|
},
|
|
16312
|
+
hasNeuronTooltip: function hasNeuronTooltip(data) {
|
|
16313
|
+
// nerve cuff check
|
|
16314
|
+
if (data.feature.nodeId) {
|
|
16315
|
+
return true;
|
|
16316
|
+
} // neural data check
|
|
16317
|
+
|
|
16318
|
+
|
|
16319
|
+
if (data.resource[0]) {
|
|
16320
|
+
if (data.resource[0].includes('ilxtr:neuron')) {
|
|
16321
|
+
return true;
|
|
16322
|
+
}
|
|
16323
|
+
} // annotated with datset check
|
|
16324
|
+
|
|
16325
|
+
|
|
16326
|
+
if (data.dataset) {
|
|
16327
|
+
return true;
|
|
16328
|
+
} // if there is no cuff, neural data, or dataset we do not display neuron tooltip
|
|
16329
|
+
|
|
16330
|
+
|
|
16331
|
+
return false;
|
|
16332
|
+
},
|
|
16252
16333
|
createTooltipFromNeuronCuration: function createTooltipFromNeuronCuration(data) {
|
|
16253
16334
|
var feature = data.resource[0];
|
|
16254
16335
|
var content = {
|
|
@@ -16258,14 +16339,12 @@ var mapResize = function mapResize(map) {
|
|
|
16258
16339
|
distribution: undefined,
|
|
16259
16340
|
actions: []
|
|
16260
16341
|
};
|
|
16261
|
-
var foundAnnotations = false;
|
|
16262
16342
|
this.tooltipVisible = false; // nerve cuff check
|
|
16263
16343
|
|
|
16264
16344
|
if (data.feature.nodeId) {
|
|
16265
16345
|
var paths = this.mapImp.nodePathModels(data.feature.nodeId);
|
|
16266
16346
|
|
|
16267
16347
|
if (paths.size > 0) {
|
|
16268
|
-
foundAnnotations = true;
|
|
16269
16348
|
this.tooltipVisible = true;
|
|
16270
16349
|
this.tooltipContent = content;
|
|
16271
16350
|
this.tooltipContent.uberon = feature;
|
|
@@ -16279,17 +16358,17 @@ var mapResize = function mapResize(map) {
|
|
|
16279
16358
|
|
|
16280
16359
|
if (feature) {
|
|
16281
16360
|
if (feature.includes('ilxtr:neuron')) {
|
|
16282
|
-
foundAnnotations = true;
|
|
16283
16361
|
this.tooltipVisible = true;
|
|
16284
16362
|
this.tooltipContent = content;
|
|
16285
16363
|
this.tooltipContent.uberon = feature;
|
|
16286
16364
|
this.tooltipContent.title = data.label;
|
|
16287
16365
|
this.tooltipContent.featureIds = [feature];
|
|
16288
16366
|
this.tooltipContent.actions.push({
|
|
16289
|
-
title: "Search for
|
|
16367
|
+
title: "Search for datasets",
|
|
16290
16368
|
label: "Neuron Datasets",
|
|
16291
16369
|
resource: feature.split(":")[1],
|
|
16292
16370
|
type: "Neuron Search",
|
|
16371
|
+
feature: feature,
|
|
16293
16372
|
nervePath: true
|
|
16294
16373
|
});
|
|
16295
16374
|
}
|
|
@@ -16297,7 +16376,6 @@ var mapResize = function mapResize(map) {
|
|
|
16297
16376
|
|
|
16298
16377
|
|
|
16299
16378
|
if (data.dataset) {
|
|
16300
|
-
foundAnnotations = true;
|
|
16301
16379
|
this.tooltipVisible = true;
|
|
16302
16380
|
this.tooltipContent = content;
|
|
16303
16381
|
this.tooltipContent.uberon = feature;
|
|
@@ -16306,15 +16384,10 @@ var mapResize = function mapResize(map) {
|
|
|
16306
16384
|
title: "View dataset",
|
|
16307
16385
|
resource: data.dataset,
|
|
16308
16386
|
type: "URL",
|
|
16387
|
+
feature: feature,
|
|
16309
16388
|
nervePath: false
|
|
16310
16389
|
});
|
|
16311
16390
|
}
|
|
16312
|
-
|
|
16313
|
-
if (foundAnnotations) {
|
|
16314
|
-
return true;
|
|
16315
|
-
} else {
|
|
16316
|
-
return false;
|
|
16317
|
-
}
|
|
16318
16391
|
},
|
|
16319
16392
|
// Keeping this as an API
|
|
16320
16393
|
showPopup: function showPopup(featureId, node, options) {
|
|
@@ -16325,7 +16398,8 @@ var mapResize = function mapResize(map) {
|
|
|
16325
16398
|
if (!myOptions.className) myOptions.className = "flatmapvuer-popover";
|
|
16326
16399
|
} else {
|
|
16327
16400
|
myOptions = {
|
|
16328
|
-
className: "flatmapvuer-popover"
|
|
16401
|
+
className: "flatmapvuer-popover",
|
|
16402
|
+
positionAtLastClick: true
|
|
16329
16403
|
};
|
|
16330
16404
|
}
|
|
16331
16405
|
|
|
@@ -16479,8 +16553,8 @@ var mapResize = function mapResize(map) {
|
|
|
16479
16553
|
this.drawerOpen = flag;
|
|
16480
16554
|
},
|
|
16481
16555
|
|
|
16482
|
-
/**
|
|
16483
|
-
* Function to display features with annotation matching the provided term.
|
|
16556
|
+
/**
|
|
16557
|
+
* Function to display features with annotation matching the provided term.
|
|
16484
16558
|
*/
|
|
16485
16559
|
searchAndShowResult: function searchAndShowResult(term) {
|
|
16486
16560
|
if (this.mapImp) {
|
|
@@ -16543,16 +16617,16 @@ var mapResize = function mapResize(map) {
|
|
|
16543
16617
|
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."
|
|
16544
16618
|
},
|
|
16545
16619
|
|
|
16546
|
-
/**
|
|
16547
|
-
* State containing state of the flatmap.
|
|
16620
|
+
/**
|
|
16621
|
+
* State containing state of the flatmap.
|
|
16548
16622
|
*/
|
|
16549
16623
|
state: {
|
|
16550
16624
|
type: Object,
|
|
16551
16625
|
default: undefined
|
|
16552
16626
|
},
|
|
16553
16627
|
|
|
16554
|
-
/**
|
|
16555
|
-
* Specify the endpoint of the flatmap server.
|
|
16628
|
+
/**
|
|
16629
|
+
* Specify the endpoint of the flatmap server.
|
|
16556
16630
|
*/
|
|
16557
16631
|
flatmapAPI: {
|
|
16558
16632
|
type: String,
|
|
@@ -16627,8 +16701,8 @@ var mapResize = function mapResize(map) {
|
|
|
16627
16701
|
});
|
|
16628
16702
|
// CONCATENATED MODULE: ./src/components/FlatmapVuer.vue?vue&type=script&lang=js&
|
|
16629
16703
|
/* harmony default export */ var components_FlatmapVuervue_type_script_lang_js_ = (FlatmapVuervue_type_script_lang_js_);
|
|
16630
|
-
// EXTERNAL MODULE: ./src/components/FlatmapVuer.vue?vue&type=style&index=0&id=
|
|
16631
|
-
var
|
|
16704
|
+
// EXTERNAL MODULE: ./src/components/FlatmapVuer.vue?vue&type=style&index=0&id=db38767a&scoped=true&lang=scss&
|
|
16705
|
+
var FlatmapVuervue_type_style_index_0_id_db38767a_scoped_true_lang_scss_ = __webpack_require__("2ee8");
|
|
16632
16706
|
|
|
16633
16707
|
// CONCATENATED MODULE: ./src/components/FlatmapVuer.vue
|
|
16634
16708
|
|
|
@@ -16645,13 +16719,13 @@ var FlatmapVuer_component = normalizeComponent(
|
|
|
16645
16719
|
staticRenderFns,
|
|
16646
16720
|
false,
|
|
16647
16721
|
null,
|
|
16648
|
-
"
|
|
16722
|
+
"db38767a",
|
|
16649
16723
|
null
|
|
16650
16724
|
|
|
16651
16725
|
)
|
|
16652
16726
|
|
|
16653
16727
|
/* harmony default export */ var FlatmapVuer = (FlatmapVuer_component.exports);
|
|
16654
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
16728
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"732ab336-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&
|
|
16655
16729
|
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)}
|
|
16656
16730
|
var MultiFlatmapVuervue_type_template_id_f20f0c88_scoped_true_staticRenderFns = []
|
|
16657
16731
|
|
|
@@ -16852,11 +16926,11 @@ external_vue_default.a.use(lib_popover_default.a);
|
|
|
16852
16926
|
this.$emit('flatmapChanged', this.activeSpecies);
|
|
16853
16927
|
},
|
|
16854
16928
|
|
|
16855
|
-
/**
|
|
16856
|
-
* Function used for getting the current states of the scene. This exported states
|
|
16857
|
-
* can be imported using the importStates method.
|
|
16858
|
-
*
|
|
16859
|
-
* @public
|
|
16929
|
+
/**
|
|
16930
|
+
* Function used for getting the current states of the scene. This exported states
|
|
16931
|
+
* can be imported using the importStates method.
|
|
16932
|
+
*
|
|
16933
|
+
* @public
|
|
16860
16934
|
*/
|
|
16861
16935
|
getState: function getState() {
|
|
16862
16936
|
var state = {
|
|
@@ -16868,11 +16942,11 @@ external_vue_default.a.use(lib_popover_default.a);
|
|
|
16868
16942
|
return state;
|
|
16869
16943
|
},
|
|
16870
16944
|
|
|
16871
|
-
/**
|
|
16872
|
-
* Function used for importing the states of the scene. This exported states
|
|
16873
|
-
* can be imported using the read states method.
|
|
16874
|
-
*
|
|
16875
|
-
* @public
|
|
16945
|
+
/**
|
|
16946
|
+
* Function used for importing the states of the scene. This exported states
|
|
16947
|
+
* can be imported using the read states method.
|
|
16948
|
+
*
|
|
16949
|
+
* @public
|
|
16876
16950
|
*/
|
|
16877
16951
|
setState: function setState(state) {
|
|
16878
16952
|
var _this3 = this;
|
|
@@ -16920,9 +16994,9 @@ external_vue_default.a.use(lib_popover_default.a);
|
|
|
16920
16994
|
default: false
|
|
16921
16995
|
},
|
|
16922
16996
|
|
|
16923
|
-
/**
|
|
16924
|
-
* Initial species for the flatmap.
|
|
16925
|
-
* This value will be ignored if a valid state object is provided.
|
|
16997
|
+
/**
|
|
16998
|
+
* Initial species for the flatmap.
|
|
16999
|
+
* This value will be ignored if a valid state object is provided.
|
|
16926
17000
|
*/
|
|
16927
17001
|
initial: {
|
|
16928
17002
|
type: String,
|
|
@@ -16950,16 +17024,16 @@ external_vue_default.a.use(lib_popover_default.a);
|
|
|
16950
17024
|
},
|
|
16951
17025
|
availableSpecies: {},
|
|
16952
17026
|
|
|
16953
|
-
/**
|
|
16954
|
-
* State containing state of the flatmap.
|
|
17027
|
+
/**
|
|
17028
|
+
* State containing state of the flatmap.
|
|
16955
17029
|
*/
|
|
16956
17030
|
state: {
|
|
16957
17031
|
type: Object,
|
|
16958
17032
|
default: undefined
|
|
16959
17033
|
},
|
|
16960
17034
|
|
|
16961
|
-
/**
|
|
16962
|
-
* Specify the endpoint of the flatmap server.
|
|
17035
|
+
/**
|
|
17036
|
+
* Specify the endpoint of the flatmap server.
|
|
16963
17037
|
*/
|
|
16964
17038
|
flatmapAPI: {
|
|
16965
17039
|
type: String,
|