@abi-software/flatmapvuer 0.3.0-beta-2 → 0.3.0-beta-2-upstream-downstream-3
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 +185 -117
- package/dist/flatmapvuer.common.js.map +1 -1
- package/dist/flatmapvuer.css +1 -1
- package/dist/flatmapvuer.umd.js +185 -117
- 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 -437
- 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
|
@@ -899,6 +899,17 @@ exports.default = {
|
|
|
899
899
|
}
|
|
900
900
|
};
|
|
901
901
|
|
|
902
|
+
/***/ }),
|
|
903
|
+
|
|
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 * */
|
|
911
|
+
|
|
912
|
+
|
|
902
913
|
/***/ }),
|
|
903
914
|
|
|
904
915
|
/***/ "2ff9":
|
|
@@ -1652,17 +1663,6 @@ main.install = function (Vue) {
|
|
|
1652
1663
|
|
|
1653
1664
|
/******/ });
|
|
1654
1665
|
|
|
1655
|
-
/***/ }),
|
|
1656
|
-
|
|
1657
|
-
/***/ "3df9":
|
|
1658
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1659
|
-
|
|
1660
|
-
"use strict";
|
|
1661
|
-
/* 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_1a81b242_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("7db6");
|
|
1662
|
-
/* 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_1a81b242_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_1a81b242_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
|
|
1663
|
-
/* unused harmony reexport * */
|
|
1664
|
-
|
|
1665
|
-
|
|
1666
1666
|
/***/ }),
|
|
1667
1667
|
|
|
1668
1668
|
/***/ "4010":
|
|
@@ -1815,6 +1815,13 @@ exports.default = {
|
|
|
1815
1815
|
|
|
1816
1816
|
/***/ }),
|
|
1817
1817
|
|
|
1818
|
+
/***/ "4230":
|
|
1819
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
1820
|
+
|
|
1821
|
+
// extracted by mini-css-extract-plugin
|
|
1822
|
+
|
|
1823
|
+
/***/ }),
|
|
1824
|
+
|
|
1818
1825
|
/***/ "429c":
|
|
1819
1826
|
/***/ (function(module, exports) {
|
|
1820
1827
|
|
|
@@ -4823,6 +4830,17 @@ var isInContainer = exports.isInContainer = function isInContainer(el, container
|
|
|
4823
4830
|
return elRect.top < containerRect.bottom && elRect.bottom > containerRect.top && elRect.right > containerRect.left && elRect.left < containerRect.right;
|
|
4824
4831
|
};
|
|
4825
4832
|
|
|
4833
|
+
/***/ }),
|
|
4834
|
+
|
|
4835
|
+
/***/ "6097":
|
|
4836
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
4837
|
+
|
|
4838
|
+
"use strict";
|
|
4839
|
+
/* 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_1270d866_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("4230");
|
|
4840
|
+
/* 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_1270d866_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_1270d866_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
|
|
4841
|
+
/* unused harmony reexport * */
|
|
4842
|
+
|
|
4843
|
+
|
|
4826
4844
|
/***/ }),
|
|
4827
4845
|
|
|
4828
4846
|
/***/ "6167":
|
|
@@ -7439,13 +7457,6 @@ main.install = function (Vue) {
|
|
|
7439
7457
|
|
|
7440
7458
|
/***/ }),
|
|
7441
7459
|
|
|
7442
|
-
/***/ "7db6":
|
|
7443
|
-
/***/ (function(module, exports, __webpack_require__) {
|
|
7444
|
-
|
|
7445
|
-
// extracted by mini-css-extract-plugin
|
|
7446
|
-
|
|
7447
|
-
/***/ }),
|
|
7448
|
-
|
|
7449
7460
|
/***/ "7f4d":
|
|
7450
7461
|
/***/ (function(module, exports, __webpack_require__) {
|
|
7451
7462
|
|
|
@@ -8717,13 +8728,6 @@ module.exports = __webpack_require__("7f4d");
|
|
|
8717
8728
|
|
|
8718
8729
|
/***/ }),
|
|
8719
8730
|
|
|
8720
|
-
/***/ "896e":
|
|
8721
|
-
/***/ (function(module, exports, __webpack_require__) {
|
|
8722
|
-
|
|
8723
|
-
// extracted by mini-css-extract-plugin
|
|
8724
|
-
|
|
8725
|
-
/***/ }),
|
|
8726
|
-
|
|
8727
8731
|
/***/ "8bbc":
|
|
8728
8732
|
/***/ (function(module, exports, __webpack_require__) {
|
|
8729
8733
|
|
|
@@ -10695,6 +10699,13 @@ module.exports = require("core-js/modules/web.url.js");
|
|
|
10695
10699
|
|
|
10696
10700
|
/***/ }),
|
|
10697
10701
|
|
|
10702
|
+
/***/ "c017":
|
|
10703
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
10704
|
+
|
|
10705
|
+
// extracted by mini-css-extract-plugin
|
|
10706
|
+
|
|
10707
|
+
/***/ }),
|
|
10708
|
+
|
|
10698
10709
|
/***/ "c2cc":
|
|
10699
10710
|
/***/ (function(module, exports) {
|
|
10700
10711
|
|
|
@@ -11269,17 +11280,6 @@ function isKorean(text) {
|
|
|
11269
11280
|
|
|
11270
11281
|
// extracted by mini-css-extract-plugin
|
|
11271
11282
|
|
|
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
11283
|
/***/ }),
|
|
11284
11284
|
|
|
11285
11285
|
/***/ "da6e":
|
|
@@ -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":"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&
|
|
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":"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=1270d866&scoped=true&
|
|
14982
|
+
var Tooltipvue_type_template_id_1270d866_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)}
|
|
14983
|
+
var Tooltipvue_type_template_id_1270d866_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=1270d866&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":"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&
|
|
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,35 @@ 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
|
+
//
|
|
15531
15560
|
|
|
15532
15561
|
/* eslint-disable no-alert, no-console */
|
|
15533
15562
|
|
|
@@ -15575,11 +15604,16 @@ var _capitalise = function capitalise(str) {
|
|
|
15575
15604
|
appendToBody: false,
|
|
15576
15605
|
pubmedSearchUrl: '',
|
|
15577
15606
|
loading: false,
|
|
15578
|
-
|
|
15579
|
-
|
|
15607
|
+
destinations: [],
|
|
15608
|
+
origins: [],
|
|
15580
15609
|
components: [],
|
|
15581
|
-
|
|
15582
|
-
|
|
15610
|
+
destinationsWithDatasets: [],
|
|
15611
|
+
originsWithDatasets: [],
|
|
15612
|
+
originDescriptions: {
|
|
15613
|
+
'motor': 'is the location of the initial cell body of the circuit',
|
|
15614
|
+
'sensory': 'is the location of the initial cell body in the PNS circuit'
|
|
15615
|
+
},
|
|
15616
|
+
componentsWithDatasets: [],
|
|
15583
15617
|
uberons: [{
|
|
15584
15618
|
id: undefined,
|
|
15585
15619
|
name: undefined
|
|
@@ -15597,6 +15631,15 @@ var _capitalise = function capitalise(str) {
|
|
|
15597
15631
|
mounted: function mounted() {
|
|
15598
15632
|
this.getOrganCuries();
|
|
15599
15633
|
},
|
|
15634
|
+
computed: {
|
|
15635
|
+
originDescription: function originDescription() {
|
|
15636
|
+
if (this.content && this.content.title && this.content.title.toLowerCase().includes('motor')) {
|
|
15637
|
+
return this.originDescriptions.motor;
|
|
15638
|
+
} else {
|
|
15639
|
+
return this.originDescriptions.sensory;
|
|
15640
|
+
}
|
|
15641
|
+
}
|
|
15642
|
+
},
|
|
15600
15643
|
methods: {
|
|
15601
15644
|
resourceSelected: function resourceSelected(action) {
|
|
15602
15645
|
this.$emit("resource-selected", action);
|
|
@@ -15613,10 +15656,16 @@ var _capitalise = function capitalise(str) {
|
|
|
15613
15656
|
openUrl: function openUrl(url) {
|
|
15614
15657
|
window.open(url, '_blank');
|
|
15615
15658
|
},
|
|
15659
|
+
openAll: function openAll() {
|
|
15660
|
+
components_EventBus.$emit('onActionClick', {
|
|
15661
|
+
type: 'Facets',
|
|
15662
|
+
labels: this.components
|
|
15663
|
+
});
|
|
15664
|
+
},
|
|
15616
15665
|
openAxons: function openAxons() {
|
|
15617
15666
|
components_EventBus.$emit('onActionClick', {
|
|
15618
15667
|
type: 'Facets',
|
|
15619
|
-
labels: this.
|
|
15668
|
+
labels: this.destinationsWithDatasets.map(function (a) {
|
|
15620
15669
|
return a.name;
|
|
15621
15670
|
})
|
|
15622
15671
|
});
|
|
@@ -15624,7 +15673,7 @@ var _capitalise = function capitalise(str) {
|
|
|
15624
15673
|
openDendrites: function openDendrites() {
|
|
15625
15674
|
components_EventBus.$emit('onActionClick', {
|
|
15626
15675
|
type: 'Facets',
|
|
15627
|
-
labels: this.
|
|
15676
|
+
labels: this.originsWithDatasets.map(function (a) {
|
|
15628
15677
|
return a.name;
|
|
15629
15678
|
})
|
|
15630
15679
|
});
|
|
@@ -15643,7 +15692,7 @@ var _capitalise = function capitalise(str) {
|
|
|
15643
15692
|
nodes.forEach(function (node) {
|
|
15644
15693
|
var n = node.flat(); // Find all terms on the node
|
|
15645
15694
|
|
|
15646
|
-
terminal = false; // Check if the node is an
|
|
15695
|
+
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)
|
|
15647
15696
|
|
|
15648
15697
|
n.forEach(function (s) {
|
|
15649
15698
|
if (connectivity.axons.includes(s)) {
|
|
@@ -15734,8 +15783,8 @@ var _capitalise = function capitalise(str) {
|
|
|
15734
15783
|
pathwayQuery: function pathwayQuery(keastIds) {
|
|
15735
15784
|
var _this3 = this;
|
|
15736
15785
|
|
|
15737
|
-
this.
|
|
15738
|
-
this.
|
|
15786
|
+
this.destinations = [];
|
|
15787
|
+
this.origins = [];
|
|
15739
15788
|
this.components = [];
|
|
15740
15789
|
this.loading = true;
|
|
15741
15790
|
if (!keastIds || keastIds.length == 0) return;
|
|
@@ -15759,10 +15808,10 @@ var _capitalise = function capitalise(str) {
|
|
|
15759
15808
|
var conIds = connectivity.axons.concat(connectivity.dendrites.concat(components));
|
|
15760
15809
|
|
|
15761
15810
|
_this3.createLabelLookup(conIds).then(function (lookUp) {
|
|
15762
|
-
_this3.
|
|
15811
|
+
_this3.destinations = connectivity.axons.map(function (a) {
|
|
15763
15812
|
return lookUp[a];
|
|
15764
15813
|
});
|
|
15765
|
-
_this3.
|
|
15814
|
+
_this3.origins = connectivity.dendrites.map(function (d) {
|
|
15766
15815
|
return lookUp[d];
|
|
15767
15816
|
});
|
|
15768
15817
|
_this3.components = components.map(function (c) {
|
|
@@ -15771,10 +15820,13 @@ var _capitalise = function capitalise(str) {
|
|
|
15771
15820
|
}); // Filter for the anatomy which is annotated on datasets
|
|
15772
15821
|
|
|
15773
15822
|
|
|
15774
|
-
_this3.
|
|
15823
|
+
_this3.destinationsWithDatasets = _this3.uberons.filter(function (ub) {
|
|
15775
15824
|
return connectivity.axons.indexOf(ub.id) !== -1;
|
|
15776
15825
|
});
|
|
15777
|
-
_this3.
|
|
15826
|
+
_this3.originsWithDatasets = _this3.uberons.filter(function (ub) {
|
|
15827
|
+
return connectivity.dendrites.indexOf(ub.id) !== -1;
|
|
15828
|
+
});
|
|
15829
|
+
_this3.componentsWithDatasets = _this3.uberons.filter(function (ub) {
|
|
15778
15830
|
return connectivity.dendrites.indexOf(ub.id) !== -1;
|
|
15779
15831
|
});
|
|
15780
15832
|
_this3.loading = false;
|
|
@@ -15786,8 +15838,8 @@ var _capitalise = function capitalise(str) {
|
|
|
15786
15838
|
});
|
|
15787
15839
|
// CONCATENATED MODULE: ./src/components/Tooltip.vue?vue&type=script&lang=js&
|
|
15788
15840
|
/* harmony default export */ var components_Tooltipvue_type_script_lang_js_ = (Tooltipvue_type_script_lang_js_);
|
|
15789
|
-
// EXTERNAL MODULE: ./src/components/Tooltip.vue?vue&type=style&index=0&id=
|
|
15790
|
-
var
|
|
15841
|
+
// EXTERNAL MODULE: ./src/components/Tooltip.vue?vue&type=style&index=0&id=1270d866&scoped=true&lang=scss&
|
|
15842
|
+
var Tooltipvue_type_style_index_0_id_1270d866_scoped_true_lang_scss_ = __webpack_require__("6097");
|
|
15791
15843
|
|
|
15792
15844
|
// CONCATENATED MODULE: ./src/components/Tooltip.vue
|
|
15793
15845
|
|
|
@@ -15800,11 +15852,11 @@ var Tooltipvue_type_style_index_0_id_1a81b242_scoped_true_lang_scss_ = __webpack
|
|
|
15800
15852
|
|
|
15801
15853
|
var Tooltip_component = normalizeComponent(
|
|
15802
15854
|
components_Tooltipvue_type_script_lang_js_,
|
|
15803
|
-
|
|
15804
|
-
|
|
15855
|
+
Tooltipvue_type_template_id_1270d866_scoped_true_render,
|
|
15856
|
+
Tooltipvue_type_template_id_1270d866_scoped_true_staticRenderFns,
|
|
15805
15857
|
false,
|
|
15806
15858
|
null,
|
|
15807
|
-
"
|
|
15859
|
+
"1270d866",
|
|
15808
15860
|
null
|
|
15809
15861
|
|
|
15810
15862
|
)
|
|
@@ -16125,8 +16177,8 @@ var mapResize = function mapResize(map) {
|
|
|
16125
16177
|
this.drawerOpen = !this.drawerOpen;
|
|
16126
16178
|
},
|
|
16127
16179
|
|
|
16128
|
-
/**
|
|
16129
|
-
* Function to toggle colour/greyscale of organs.
|
|
16180
|
+
/**
|
|
16181
|
+
* Function to toggle colour/greyscale of organs.
|
|
16130
16182
|
*/
|
|
16131
16183
|
setColour: function setColour(flag) {
|
|
16132
16184
|
this.colourRadio = flag;
|
|
@@ -16139,8 +16191,8 @@ var mapResize = function mapResize(map) {
|
|
|
16139
16191
|
}
|
|
16140
16192
|
},
|
|
16141
16193
|
|
|
16142
|
-
/**
|
|
16143
|
-
* Function to toggle outlines f organs.
|
|
16194
|
+
/**
|
|
16195
|
+
* Function to toggle outlines f organs.
|
|
16144
16196
|
*/
|
|
16145
16197
|
setOutlines: function setOutlines(flag) {
|
|
16146
16198
|
this.outlineRadio = flag;
|
|
@@ -16153,9 +16205,9 @@ var mapResize = function mapResize(map) {
|
|
|
16153
16205
|
}
|
|
16154
16206
|
},
|
|
16155
16207
|
|
|
16156
|
-
/**
|
|
16157
|
-
* Function to toggle paths to default.
|
|
16158
|
-
* Also called when the associated button is pressed.
|
|
16208
|
+
/**
|
|
16209
|
+
* Function to toggle paths to default.
|
|
16210
|
+
* Also called when the associated button is pressed.
|
|
16159
16211
|
*/
|
|
16160
16212
|
resetView: function resetView() {
|
|
16161
16213
|
if (this.mapImp) {
|
|
@@ -16168,9 +16220,9 @@ var mapResize = function mapResize(map) {
|
|
|
16168
16220
|
}
|
|
16169
16221
|
},
|
|
16170
16222
|
|
|
16171
|
-
/**
|
|
16172
|
-
* Function to zoom in.
|
|
16173
|
-
* Also called when the associated button is pressed.
|
|
16223
|
+
/**
|
|
16224
|
+
* Function to zoom in.
|
|
16225
|
+
* Also called when the associated button is pressed.
|
|
16174
16226
|
*/
|
|
16175
16227
|
zoomIn: function zoomIn() {
|
|
16176
16228
|
if (this.mapImp) {
|
|
@@ -16178,9 +16230,9 @@ var mapResize = function mapResize(map) {
|
|
|
16178
16230
|
}
|
|
16179
16231
|
},
|
|
16180
16232
|
|
|
16181
|
-
/**
|
|
16182
|
-
* Function to zoom out.
|
|
16183
|
-
* Also called when the associated button is pressed.
|
|
16233
|
+
/**
|
|
16234
|
+
* Function to zoom out.
|
|
16235
|
+
* Also called when the associated button is pressed.
|
|
16184
16236
|
*/
|
|
16185
16237
|
zoomOut: function zoomOut() {
|
|
16186
16238
|
if (this.mapImp) {
|
|
@@ -16243,14 +16295,16 @@ var mapResize = function mapResize(map) {
|
|
|
16243
16295
|
},
|
|
16244
16296
|
// checkNeuronClicked shows a neuron path pop up if a path was recently clicked
|
|
16245
16297
|
checkAndCreatePopups: function checkAndCreatePopups(data) {
|
|
16246
|
-
if (data.eventType == "click" && this.
|
|
16298
|
+
if (data.eventType == "click" && this.hasNeuronTooltip(data)) {
|
|
16299
|
+
this.createTooltipFromNeuronCuration(data);
|
|
16247
16300
|
this.mapImp.showPopup(this.mapImp.modelFeatureIds(data.resource[0])[0], this.$refs.tooltip.$el, {
|
|
16248
|
-
className: "
|
|
16301
|
+
className: "flatmapvuer-popover",
|
|
16302
|
+
positionAtLastClick: true
|
|
16249
16303
|
});
|
|
16250
|
-
this.
|
|
16304
|
+
this.popUpCssHacks();
|
|
16251
16305
|
}
|
|
16252
16306
|
},
|
|
16253
|
-
|
|
16307
|
+
popUpCssHacks: function popUpCssHacks() {
|
|
16254
16308
|
// Below is a hack to remove flatmap tooltips while popup is open
|
|
16255
16309
|
var ftooltip = document.querySelector(".flatmap-tooltip-popup");
|
|
16256
16310
|
if (ftooltip) ftooltip.style.display = "none";
|
|
@@ -16264,6 +16318,27 @@ var mapResize = function mapResize(map) {
|
|
|
16264
16318
|
resourceSelected: function resourceSelected(action) {
|
|
16265
16319
|
this.$emit("resource-selected", action);
|
|
16266
16320
|
},
|
|
16321
|
+
hasNeuronTooltip: function hasNeuronTooltip(data) {
|
|
16322
|
+
// nerve cuff check
|
|
16323
|
+
if (data.feature.nodeId) {
|
|
16324
|
+
return true;
|
|
16325
|
+
} // neural data check
|
|
16326
|
+
|
|
16327
|
+
|
|
16328
|
+
if (data.resource[0]) {
|
|
16329
|
+
if (data.resource[0].includes('ilxtr:neuron')) {
|
|
16330
|
+
return true;
|
|
16331
|
+
}
|
|
16332
|
+
} // annotated with datset check
|
|
16333
|
+
|
|
16334
|
+
|
|
16335
|
+
if (data.dataset) {
|
|
16336
|
+
return true;
|
|
16337
|
+
} // if there is no cuff, neural data, or dataset we do not display neuron tooltip
|
|
16338
|
+
|
|
16339
|
+
|
|
16340
|
+
return false;
|
|
16341
|
+
},
|
|
16267
16342
|
createTooltipFromNeuronCuration: function createTooltipFromNeuronCuration(data) {
|
|
16268
16343
|
var feature = data.resource[0];
|
|
16269
16344
|
var content = {
|
|
@@ -16273,14 +16348,12 @@ var mapResize = function mapResize(map) {
|
|
|
16273
16348
|
distribution: undefined,
|
|
16274
16349
|
actions: []
|
|
16275
16350
|
};
|
|
16276
|
-
var foundAnnotations = false;
|
|
16277
16351
|
this.tooltipVisible = false; // nerve cuff check
|
|
16278
16352
|
|
|
16279
16353
|
if (data.feature.nodeId) {
|
|
16280
16354
|
var paths = this.mapImp.nodePathModels(data.feature.nodeId);
|
|
16281
16355
|
|
|
16282
16356
|
if (paths.size > 0) {
|
|
16283
|
-
foundAnnotations = true;
|
|
16284
16357
|
this.tooltipVisible = true;
|
|
16285
16358
|
this.tooltipContent = content;
|
|
16286
16359
|
this.tooltipContent.uberon = feature;
|
|
@@ -16294,17 +16367,17 @@ var mapResize = function mapResize(map) {
|
|
|
16294
16367
|
|
|
16295
16368
|
if (feature) {
|
|
16296
16369
|
if (feature.includes('ilxtr:neuron')) {
|
|
16297
|
-
foundAnnotations = true;
|
|
16298
16370
|
this.tooltipVisible = true;
|
|
16299
16371
|
this.tooltipContent = content;
|
|
16300
16372
|
this.tooltipContent.uberon = feature;
|
|
16301
16373
|
this.tooltipContent.title = data.label;
|
|
16302
16374
|
this.tooltipContent.featureIds = [feature];
|
|
16303
16375
|
this.tooltipContent.actions.push({
|
|
16304
|
-
title: "Search for
|
|
16376
|
+
title: "Search for datasets",
|
|
16305
16377
|
label: "Neuron Datasets",
|
|
16306
16378
|
resource: feature.split(":")[1],
|
|
16307
16379
|
type: "Neuron Search",
|
|
16380
|
+
feature: feature,
|
|
16308
16381
|
nervePath: true
|
|
16309
16382
|
});
|
|
16310
16383
|
}
|
|
@@ -16312,7 +16385,6 @@ var mapResize = function mapResize(map) {
|
|
|
16312
16385
|
|
|
16313
16386
|
|
|
16314
16387
|
if (data.dataset) {
|
|
16315
|
-
foundAnnotations = true;
|
|
16316
16388
|
this.tooltipVisible = true;
|
|
16317
16389
|
this.tooltipContent = content;
|
|
16318
16390
|
this.tooltipContent.uberon = feature;
|
|
@@ -16321,15 +16393,10 @@ var mapResize = function mapResize(map) {
|
|
|
16321
16393
|
title: "View dataset",
|
|
16322
16394
|
resource: data.dataset,
|
|
16323
16395
|
type: "URL",
|
|
16396
|
+
feature: feature,
|
|
16324
16397
|
nervePath: false
|
|
16325
16398
|
});
|
|
16326
16399
|
}
|
|
16327
|
-
|
|
16328
|
-
if (foundAnnotations) {
|
|
16329
|
-
return true;
|
|
16330
|
-
} else {
|
|
16331
|
-
return false;
|
|
16332
|
-
}
|
|
16333
16400
|
},
|
|
16334
16401
|
// Keeping this as an API
|
|
16335
16402
|
showPopup: function showPopup(featureId, node, options) {
|
|
@@ -16340,7 +16407,8 @@ var mapResize = function mapResize(map) {
|
|
|
16340
16407
|
if (!myOptions.className) myOptions.className = "flatmapvuer-popover";
|
|
16341
16408
|
} else {
|
|
16342
16409
|
myOptions = {
|
|
16343
|
-
className: "flatmapvuer-popover"
|
|
16410
|
+
className: "flatmapvuer-popover",
|
|
16411
|
+
positionAtLastClick: true
|
|
16344
16412
|
};
|
|
16345
16413
|
}
|
|
16346
16414
|
|
|
@@ -16494,8 +16562,8 @@ var mapResize = function mapResize(map) {
|
|
|
16494
16562
|
this.drawerOpen = flag;
|
|
16495
16563
|
},
|
|
16496
16564
|
|
|
16497
|
-
/**
|
|
16498
|
-
* Function to display features with annotation matching the provided term.
|
|
16565
|
+
/**
|
|
16566
|
+
* Function to display features with annotation matching the provided term.
|
|
16499
16567
|
*/
|
|
16500
16568
|
searchAndShowResult: function searchAndShowResult(term) {
|
|
16501
16569
|
if (this.mapImp) {
|
|
@@ -16558,16 +16626,16 @@ var mapResize = function mapResize(map) {
|
|
|
16558
16626
|
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."
|
|
16559
16627
|
},
|
|
16560
16628
|
|
|
16561
|
-
/**
|
|
16562
|
-
* State containing state of the flatmap.
|
|
16629
|
+
/**
|
|
16630
|
+
* State containing state of the flatmap.
|
|
16563
16631
|
*/
|
|
16564
16632
|
state: {
|
|
16565
16633
|
type: Object,
|
|
16566
16634
|
default: undefined
|
|
16567
16635
|
},
|
|
16568
16636
|
|
|
16569
|
-
/**
|
|
16570
|
-
* Specify the endpoint of the flatmap server.
|
|
16637
|
+
/**
|
|
16638
|
+
* Specify the endpoint of the flatmap server.
|
|
16571
16639
|
*/
|
|
16572
16640
|
flatmapAPI: {
|
|
16573
16641
|
type: String,
|
|
@@ -16642,8 +16710,8 @@ var mapResize = function mapResize(map) {
|
|
|
16642
16710
|
});
|
|
16643
16711
|
// CONCATENATED MODULE: ./src/components/FlatmapVuer.vue?vue&type=script&lang=js&
|
|
16644
16712
|
/* harmony default export */ var components_FlatmapVuervue_type_script_lang_js_ = (FlatmapVuervue_type_script_lang_js_);
|
|
16645
|
-
// EXTERNAL MODULE: ./src/components/FlatmapVuer.vue?vue&type=style&index=0&id=
|
|
16646
|
-
var
|
|
16713
|
+
// EXTERNAL MODULE: ./src/components/FlatmapVuer.vue?vue&type=style&index=0&id=db38767a&scoped=true&lang=scss&
|
|
16714
|
+
var FlatmapVuervue_type_style_index_0_id_db38767a_scoped_true_lang_scss_ = __webpack_require__("2ee8");
|
|
16647
16715
|
|
|
16648
16716
|
// CONCATENATED MODULE: ./src/components/FlatmapVuer.vue
|
|
16649
16717
|
|
|
@@ -16660,13 +16728,13 @@ var FlatmapVuer_component = normalizeComponent(
|
|
|
16660
16728
|
staticRenderFns,
|
|
16661
16729
|
false,
|
|
16662
16730
|
null,
|
|
16663
|
-
"
|
|
16731
|
+
"db38767a",
|
|
16664
16732
|
null
|
|
16665
16733
|
|
|
16666
16734
|
)
|
|
16667
16735
|
|
|
16668
16736
|
/* harmony default export */ var FlatmapVuer = (FlatmapVuer_component.exports);
|
|
16669
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
16737
|
+
// 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&
|
|
16670
16738
|
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)}
|
|
16671
16739
|
var MultiFlatmapVuervue_type_template_id_f20f0c88_scoped_true_staticRenderFns = []
|
|
16672
16740
|
|
|
@@ -16867,11 +16935,11 @@ external_vue_default.a.use(lib_popover_default.a);
|
|
|
16867
16935
|
this.$emit('flatmapChanged', this.activeSpecies);
|
|
16868
16936
|
},
|
|
16869
16937
|
|
|
16870
|
-
/**
|
|
16871
|
-
* Function used for getting the current states of the scene. This exported states
|
|
16872
|
-
* can be imported using the importStates method.
|
|
16873
|
-
*
|
|
16874
|
-
* @public
|
|
16938
|
+
/**
|
|
16939
|
+
* Function used for getting the current states of the scene. This exported states
|
|
16940
|
+
* can be imported using the importStates method.
|
|
16941
|
+
*
|
|
16942
|
+
* @public
|
|
16875
16943
|
*/
|
|
16876
16944
|
getState: function getState() {
|
|
16877
16945
|
var state = {
|
|
@@ -16883,11 +16951,11 @@ external_vue_default.a.use(lib_popover_default.a);
|
|
|
16883
16951
|
return state;
|
|
16884
16952
|
},
|
|
16885
16953
|
|
|
16886
|
-
/**
|
|
16887
|
-
* Function used for importing the states of the scene. This exported states
|
|
16888
|
-
* can be imported using the read states method.
|
|
16889
|
-
*
|
|
16890
|
-
* @public
|
|
16954
|
+
/**
|
|
16955
|
+
* Function used for importing the states of the scene. This exported states
|
|
16956
|
+
* can be imported using the read states method.
|
|
16957
|
+
*
|
|
16958
|
+
* @public
|
|
16891
16959
|
*/
|
|
16892
16960
|
setState: function setState(state) {
|
|
16893
16961
|
var _this3 = this;
|
|
@@ -16935,9 +17003,9 @@ external_vue_default.a.use(lib_popover_default.a);
|
|
|
16935
17003
|
default: false
|
|
16936
17004
|
},
|
|
16937
17005
|
|
|
16938
|
-
/**
|
|
16939
|
-
* Initial species for the flatmap.
|
|
16940
|
-
* This value will be ignored if a valid state object is provided.
|
|
17006
|
+
/**
|
|
17007
|
+
* Initial species for the flatmap.
|
|
17008
|
+
* This value will be ignored if a valid state object is provided.
|
|
16941
17009
|
*/
|
|
16942
17010
|
initial: {
|
|
16943
17011
|
type: String,
|
|
@@ -16965,16 +17033,16 @@ external_vue_default.a.use(lib_popover_default.a);
|
|
|
16965
17033
|
},
|
|
16966
17034
|
availableSpecies: {},
|
|
16967
17035
|
|
|
16968
|
-
/**
|
|
16969
|
-
* State containing state of the flatmap.
|
|
17036
|
+
/**
|
|
17037
|
+
* State containing state of the flatmap.
|
|
16970
17038
|
*/
|
|
16971
17039
|
state: {
|
|
16972
17040
|
type: Object,
|
|
16973
17041
|
default: undefined
|
|
16974
17042
|
},
|
|
16975
17043
|
|
|
16976
|
-
/**
|
|
16977
|
-
* Specify the endpoint of the flatmap server.
|
|
17044
|
+
/**
|
|
17045
|
+
* Specify the endpoint of the flatmap server.
|
|
16978
17046
|
*/
|
|
16979
17047
|
flatmapAPI: {
|
|
16980
17048
|
type: String,
|