@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
package/dist/flatmapvuer.umd.js
CHANGED
|
@@ -731,6 +731,13 @@ module.exports = __webpack_require__("e62d");
|
|
|
731
731
|
|
|
732
732
|
/***/ }),
|
|
733
733
|
|
|
734
|
+
/***/ "193b":
|
|
735
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
736
|
+
|
|
737
|
+
// extracted by mini-css-extract-plugin
|
|
738
|
+
|
|
739
|
+
/***/ }),
|
|
740
|
+
|
|
734
741
|
/***/ "1951":
|
|
735
742
|
/***/ (function(module, exports, __webpack_require__) {
|
|
736
743
|
|
|
@@ -750,6 +757,17 @@ module.exports = require("core-js/modules/web.dom-collections.iterator.js");
|
|
|
750
757
|
|
|
751
758
|
module.exports = require("core-js/modules/es.array.filter.js");
|
|
752
759
|
|
|
760
|
+
/***/ }),
|
|
761
|
+
|
|
762
|
+
/***/ "1c29":
|
|
763
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
764
|
+
|
|
765
|
+
"use strict";
|
|
766
|
+
/* 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");
|
|
767
|
+
/* 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__);
|
|
768
|
+
/* unused harmony reexport * */
|
|
769
|
+
|
|
770
|
+
|
|
753
771
|
/***/ }),
|
|
754
772
|
|
|
755
773
|
/***/ "1c32":
|
|
@@ -771,17 +789,6 @@ module.exports = require("throttle-debounce/throttle");
|
|
|
771
789
|
|
|
772
790
|
// extracted by mini-css-extract-plugin
|
|
773
791
|
|
|
774
|
-
/***/ }),
|
|
775
|
-
|
|
776
|
-
/***/ "2329":
|
|
777
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
778
|
-
|
|
779
|
-
"use strict";
|
|
780
|
-
/* 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");
|
|
781
|
-
/* 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__);
|
|
782
|
-
/* unused harmony reexport * */
|
|
783
|
-
|
|
784
|
-
|
|
785
792
|
/***/ }),
|
|
786
793
|
|
|
787
794
|
/***/ "2a5e":
|
|
@@ -910,6 +917,17 @@ exports.default = {
|
|
|
910
917
|
}
|
|
911
918
|
};
|
|
912
919
|
|
|
920
|
+
/***/ }),
|
|
921
|
+
|
|
922
|
+
/***/ "2ee8":
|
|
923
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
924
|
+
|
|
925
|
+
"use strict";
|
|
926
|
+
/* 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");
|
|
927
|
+
/* 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__);
|
|
928
|
+
/* unused harmony reexport * */
|
|
929
|
+
|
|
930
|
+
|
|
913
931
|
/***/ }),
|
|
914
932
|
|
|
915
933
|
/***/ "2ff9":
|
|
@@ -8710,13 +8728,6 @@ module.exports = __webpack_require__("7f4d");
|
|
|
8710
8728
|
|
|
8711
8729
|
/***/ }),
|
|
8712
8730
|
|
|
8713
|
-
/***/ "896e":
|
|
8714
|
-
/***/ (function(module, exports, __webpack_require__) {
|
|
8715
|
-
|
|
8716
|
-
// extracted by mini-css-extract-plugin
|
|
8717
|
-
|
|
8718
|
-
/***/ }),
|
|
8719
|
-
|
|
8720
8731
|
/***/ "8bbc":
|
|
8721
8732
|
/***/ (function(module, exports, __webpack_require__) {
|
|
8722
8733
|
|
|
@@ -10681,14 +10692,14 @@ module.exports = require("core-js/modules/web.url.js");
|
|
|
10681
10692
|
|
|
10682
10693
|
/***/ }),
|
|
10683
10694
|
|
|
10684
|
-
/***/ "
|
|
10695
|
+
/***/ "be4f":
|
|
10685
10696
|
/***/ (function(module, exports, __webpack_require__) {
|
|
10686
10697
|
|
|
10687
10698
|
// extracted by mini-css-extract-plugin
|
|
10688
10699
|
|
|
10689
10700
|
/***/ }),
|
|
10690
10701
|
|
|
10691
|
-
/***/ "
|
|
10702
|
+
/***/ "c017":
|
|
10692
10703
|
/***/ (function(module, exports, __webpack_require__) {
|
|
10693
10704
|
|
|
10694
10705
|
// extracted by mini-css-extract-plugin
|
|
@@ -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=b55da77e&scoped=true&
|
|
14982
|
+
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)}
|
|
14983
|
+
var Tooltipvue_type_template_id_b55da77e_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=b55da77e&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.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)) {
|
|
@@ -15689,7 +15738,7 @@ var _capitalise = function capitalise(str) {
|
|
|
15689
15738
|
return sql;
|
|
15690
15739
|
},
|
|
15691
15740
|
buildLabelSqlStatement: function buildLabelSqlStatement(uberons) {
|
|
15692
|
-
var sql = 'select label from labels where entity in (';
|
|
15741
|
+
var sql = 'select entity, label from labels where entity in (';
|
|
15693
15742
|
|
|
15694
15743
|
if (uberons.length === 1) {
|
|
15695
15744
|
sql += "'".concat(uberons[0], "')");
|
|
@@ -15718,9 +15767,15 @@ var _capitalise = function capitalise(str) {
|
|
|
15718
15767
|
}).then(function (response) {
|
|
15719
15768
|
return response.json();
|
|
15720
15769
|
}).then(function (payload) {
|
|
15721
|
-
|
|
15722
|
-
|
|
15723
|
-
|
|
15770
|
+
var entity = payload.keys.indexOf("entity");
|
|
15771
|
+
var label = payload.keys.indexOf("label");
|
|
15772
|
+
|
|
15773
|
+
if (entity > -1 && label > -1) {
|
|
15774
|
+
payload.values.forEach(function (pair) {
|
|
15775
|
+
uberonMap[pair[entity]] = pair[label];
|
|
15776
|
+
});
|
|
15777
|
+
}
|
|
15778
|
+
|
|
15724
15779
|
resolve(uberonMap);
|
|
15725
15780
|
});
|
|
15726
15781
|
});
|
|
@@ -15728,8 +15783,8 @@ var _capitalise = function capitalise(str) {
|
|
|
15728
15783
|
pathwayQuery: function pathwayQuery(keastIds) {
|
|
15729
15784
|
var _this3 = this;
|
|
15730
15785
|
|
|
15731
|
-
this.
|
|
15732
|
-
this.
|
|
15786
|
+
this.destinations = [];
|
|
15787
|
+
this.origins = [];
|
|
15733
15788
|
this.components = [];
|
|
15734
15789
|
this.loading = true;
|
|
15735
15790
|
if (!keastIds || keastIds.length == 0) return;
|
|
@@ -15753,10 +15808,10 @@ var _capitalise = function capitalise(str) {
|
|
|
15753
15808
|
var conIds = connectivity.axons.concat(connectivity.dendrites.concat(components));
|
|
15754
15809
|
|
|
15755
15810
|
_this3.createLabelLookup(conIds).then(function (lookUp) {
|
|
15756
|
-
_this3.
|
|
15811
|
+
_this3.destinations = connectivity.axons.map(function (a) {
|
|
15757
15812
|
return lookUp[a];
|
|
15758
15813
|
});
|
|
15759
|
-
_this3.
|
|
15814
|
+
_this3.origins = connectivity.dendrites.map(function (d) {
|
|
15760
15815
|
return lookUp[d];
|
|
15761
15816
|
});
|
|
15762
15817
|
_this3.components = components.map(function (c) {
|
|
@@ -15765,10 +15820,13 @@ var _capitalise = function capitalise(str) {
|
|
|
15765
15820
|
}); // Filter for the anatomy which is annotated on datasets
|
|
15766
15821
|
|
|
15767
15822
|
|
|
15768
|
-
_this3.
|
|
15823
|
+
_this3.destinationsWithDatasets = _this3.uberons.filter(function (ub) {
|
|
15769
15824
|
return connectivity.axons.indexOf(ub.id) !== -1;
|
|
15770
15825
|
});
|
|
15771
|
-
_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) {
|
|
15772
15830
|
return connectivity.dendrites.indexOf(ub.id) !== -1;
|
|
15773
15831
|
});
|
|
15774
15832
|
_this3.loading = false;
|
|
@@ -15780,8 +15838,8 @@ var _capitalise = function capitalise(str) {
|
|
|
15780
15838
|
});
|
|
15781
15839
|
// CONCATENATED MODULE: ./src/components/Tooltip.vue?vue&type=script&lang=js&
|
|
15782
15840
|
/* harmony default export */ var components_Tooltipvue_type_script_lang_js_ = (Tooltipvue_type_script_lang_js_);
|
|
15783
|
-
// EXTERNAL MODULE: ./src/components/Tooltip.vue?vue&type=style&index=0&id=
|
|
15784
|
-
var
|
|
15841
|
+
// EXTERNAL MODULE: ./src/components/Tooltip.vue?vue&type=style&index=0&id=b55da77e&scoped=true&lang=scss&
|
|
15842
|
+
var Tooltipvue_type_style_index_0_id_b55da77e_scoped_true_lang_scss_ = __webpack_require__("1c29");
|
|
15785
15843
|
|
|
15786
15844
|
// CONCATENATED MODULE: ./src/components/Tooltip.vue
|
|
15787
15845
|
|
|
@@ -15794,11 +15852,11 @@ var Tooltipvue_type_style_index_0_id_484ca6f9_scoped_true_lang_scss_ = __webpack
|
|
|
15794
15852
|
|
|
15795
15853
|
var Tooltip_component = normalizeComponent(
|
|
15796
15854
|
components_Tooltipvue_type_script_lang_js_,
|
|
15797
|
-
|
|
15798
|
-
|
|
15855
|
+
Tooltipvue_type_template_id_b55da77e_scoped_true_render,
|
|
15856
|
+
Tooltipvue_type_template_id_b55da77e_scoped_true_staticRenderFns,
|
|
15799
15857
|
false,
|
|
15800
15858
|
null,
|
|
15801
|
-
"
|
|
15859
|
+
"b55da77e",
|
|
15802
15860
|
null
|
|
15803
15861
|
|
|
15804
15862
|
)
|
|
@@ -16119,8 +16177,8 @@ var mapResize = function mapResize(map) {
|
|
|
16119
16177
|
this.drawerOpen = !this.drawerOpen;
|
|
16120
16178
|
},
|
|
16121
16179
|
|
|
16122
|
-
/**
|
|
16123
|
-
* Function to toggle colour/greyscale of organs.
|
|
16180
|
+
/**
|
|
16181
|
+
* Function to toggle colour/greyscale of organs.
|
|
16124
16182
|
*/
|
|
16125
16183
|
setColour: function setColour(flag) {
|
|
16126
16184
|
this.colourRadio = flag;
|
|
@@ -16133,8 +16191,8 @@ var mapResize = function mapResize(map) {
|
|
|
16133
16191
|
}
|
|
16134
16192
|
},
|
|
16135
16193
|
|
|
16136
|
-
/**
|
|
16137
|
-
* Function to toggle outlines f organs.
|
|
16194
|
+
/**
|
|
16195
|
+
* Function to toggle outlines f organs.
|
|
16138
16196
|
*/
|
|
16139
16197
|
setOutlines: function setOutlines(flag) {
|
|
16140
16198
|
this.outlineRadio = flag;
|
|
@@ -16147,9 +16205,9 @@ var mapResize = function mapResize(map) {
|
|
|
16147
16205
|
}
|
|
16148
16206
|
},
|
|
16149
16207
|
|
|
16150
|
-
/**
|
|
16151
|
-
* Function to toggle paths to default.
|
|
16152
|
-
* 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.
|
|
16153
16211
|
*/
|
|
16154
16212
|
resetView: function resetView() {
|
|
16155
16213
|
if (this.mapImp) {
|
|
@@ -16162,9 +16220,9 @@ var mapResize = function mapResize(map) {
|
|
|
16162
16220
|
}
|
|
16163
16221
|
},
|
|
16164
16222
|
|
|
16165
|
-
/**
|
|
16166
|
-
* Function to zoom in.
|
|
16167
|
-
* Also called when the associated button is pressed.
|
|
16223
|
+
/**
|
|
16224
|
+
* Function to zoom in.
|
|
16225
|
+
* Also called when the associated button is pressed.
|
|
16168
16226
|
*/
|
|
16169
16227
|
zoomIn: function zoomIn() {
|
|
16170
16228
|
if (this.mapImp) {
|
|
@@ -16172,9 +16230,9 @@ var mapResize = function mapResize(map) {
|
|
|
16172
16230
|
}
|
|
16173
16231
|
},
|
|
16174
16232
|
|
|
16175
|
-
/**
|
|
16176
|
-
* Function to zoom out.
|
|
16177
|
-
* Also called when the associated button is pressed.
|
|
16233
|
+
/**
|
|
16234
|
+
* Function to zoom out.
|
|
16235
|
+
* Also called when the associated button is pressed.
|
|
16178
16236
|
*/
|
|
16179
16237
|
zoomOut: function zoomOut() {
|
|
16180
16238
|
if (this.mapImp) {
|
|
@@ -16237,14 +16295,16 @@ var mapResize = function mapResize(map) {
|
|
|
16237
16295
|
},
|
|
16238
16296
|
// checkNeuronClicked shows a neuron path pop up if a path was recently clicked
|
|
16239
16297
|
checkAndCreatePopups: function checkAndCreatePopups(data) {
|
|
16240
|
-
if (data.eventType == "click" && this.
|
|
16298
|
+
if (data.eventType == "click" && this.hasNeuronTooltip(data)) {
|
|
16299
|
+
this.createTooltipFromNeuronCuration(data);
|
|
16241
16300
|
this.mapImp.showPopup(this.mapImp.modelFeatureIds(data.resource[0])[0], this.$refs.tooltip.$el, {
|
|
16242
|
-
className: "
|
|
16301
|
+
className: "flatmapvuer-popover",
|
|
16302
|
+
positionAtLastClick: true
|
|
16243
16303
|
});
|
|
16244
|
-
this.
|
|
16304
|
+
this.popUpCssHacks();
|
|
16245
16305
|
}
|
|
16246
16306
|
},
|
|
16247
|
-
|
|
16307
|
+
popUpCssHacks: function popUpCssHacks() {
|
|
16248
16308
|
// Below is a hack to remove flatmap tooltips while popup is open
|
|
16249
16309
|
var ftooltip = document.querySelector(".flatmap-tooltip-popup");
|
|
16250
16310
|
if (ftooltip) ftooltip.style.display = "none";
|
|
@@ -16258,6 +16318,27 @@ var mapResize = function mapResize(map) {
|
|
|
16258
16318
|
resourceSelected: function resourceSelected(action) {
|
|
16259
16319
|
this.$emit("resource-selected", action);
|
|
16260
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
|
+
},
|
|
16261
16342
|
createTooltipFromNeuronCuration: function createTooltipFromNeuronCuration(data) {
|
|
16262
16343
|
var feature = data.resource[0];
|
|
16263
16344
|
var content = {
|
|
@@ -16267,14 +16348,12 @@ var mapResize = function mapResize(map) {
|
|
|
16267
16348
|
distribution: undefined,
|
|
16268
16349
|
actions: []
|
|
16269
16350
|
};
|
|
16270
|
-
var foundAnnotations = false;
|
|
16271
16351
|
this.tooltipVisible = false; // nerve cuff check
|
|
16272
16352
|
|
|
16273
16353
|
if (data.feature.nodeId) {
|
|
16274
16354
|
var paths = this.mapImp.nodePathModels(data.feature.nodeId);
|
|
16275
16355
|
|
|
16276
16356
|
if (paths.size > 0) {
|
|
16277
|
-
foundAnnotations = true;
|
|
16278
16357
|
this.tooltipVisible = true;
|
|
16279
16358
|
this.tooltipContent = content;
|
|
16280
16359
|
this.tooltipContent.uberon = feature;
|
|
@@ -16288,17 +16367,17 @@ var mapResize = function mapResize(map) {
|
|
|
16288
16367
|
|
|
16289
16368
|
if (feature) {
|
|
16290
16369
|
if (feature.includes('ilxtr:neuron')) {
|
|
16291
|
-
foundAnnotations = true;
|
|
16292
16370
|
this.tooltipVisible = true;
|
|
16293
16371
|
this.tooltipContent = content;
|
|
16294
16372
|
this.tooltipContent.uberon = feature;
|
|
16295
16373
|
this.tooltipContent.title = data.label;
|
|
16296
16374
|
this.tooltipContent.featureIds = [feature];
|
|
16297
16375
|
this.tooltipContent.actions.push({
|
|
16298
|
-
title: "Search for
|
|
16376
|
+
title: "Search for datasets",
|
|
16299
16377
|
label: "Neuron Datasets",
|
|
16300
16378
|
resource: feature.split(":")[1],
|
|
16301
16379
|
type: "Neuron Search",
|
|
16380
|
+
feature: feature,
|
|
16302
16381
|
nervePath: true
|
|
16303
16382
|
});
|
|
16304
16383
|
}
|
|
@@ -16306,7 +16385,6 @@ var mapResize = function mapResize(map) {
|
|
|
16306
16385
|
|
|
16307
16386
|
|
|
16308
16387
|
if (data.dataset) {
|
|
16309
|
-
foundAnnotations = true;
|
|
16310
16388
|
this.tooltipVisible = true;
|
|
16311
16389
|
this.tooltipContent = content;
|
|
16312
16390
|
this.tooltipContent.uberon = feature;
|
|
@@ -16315,15 +16393,10 @@ var mapResize = function mapResize(map) {
|
|
|
16315
16393
|
title: "View dataset",
|
|
16316
16394
|
resource: data.dataset,
|
|
16317
16395
|
type: "URL",
|
|
16396
|
+
feature: feature,
|
|
16318
16397
|
nervePath: false
|
|
16319
16398
|
});
|
|
16320
16399
|
}
|
|
16321
|
-
|
|
16322
|
-
if (foundAnnotations) {
|
|
16323
|
-
return true;
|
|
16324
|
-
} else {
|
|
16325
|
-
return false;
|
|
16326
|
-
}
|
|
16327
16400
|
},
|
|
16328
16401
|
// Keeping this as an API
|
|
16329
16402
|
showPopup: function showPopup(featureId, node, options) {
|
|
@@ -16334,7 +16407,8 @@ var mapResize = function mapResize(map) {
|
|
|
16334
16407
|
if (!myOptions.className) myOptions.className = "flatmapvuer-popover";
|
|
16335
16408
|
} else {
|
|
16336
16409
|
myOptions = {
|
|
16337
|
-
className: "flatmapvuer-popover"
|
|
16410
|
+
className: "flatmapvuer-popover",
|
|
16411
|
+
positionAtLastClick: true
|
|
16338
16412
|
};
|
|
16339
16413
|
}
|
|
16340
16414
|
|
|
@@ -16488,8 +16562,8 @@ var mapResize = function mapResize(map) {
|
|
|
16488
16562
|
this.drawerOpen = flag;
|
|
16489
16563
|
},
|
|
16490
16564
|
|
|
16491
|
-
/**
|
|
16492
|
-
* Function to display features with annotation matching the provided term.
|
|
16565
|
+
/**
|
|
16566
|
+
* Function to display features with annotation matching the provided term.
|
|
16493
16567
|
*/
|
|
16494
16568
|
searchAndShowResult: function searchAndShowResult(term) {
|
|
16495
16569
|
if (this.mapImp) {
|
|
@@ -16552,16 +16626,16 @@ var mapResize = function mapResize(map) {
|
|
|
16552
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."
|
|
16553
16627
|
},
|
|
16554
16628
|
|
|
16555
|
-
/**
|
|
16556
|
-
* State containing state of the flatmap.
|
|
16629
|
+
/**
|
|
16630
|
+
* State containing state of the flatmap.
|
|
16557
16631
|
*/
|
|
16558
16632
|
state: {
|
|
16559
16633
|
type: Object,
|
|
16560
16634
|
default: undefined
|
|
16561
16635
|
},
|
|
16562
16636
|
|
|
16563
|
-
/**
|
|
16564
|
-
* Specify the endpoint of the flatmap server.
|
|
16637
|
+
/**
|
|
16638
|
+
* Specify the endpoint of the flatmap server.
|
|
16565
16639
|
*/
|
|
16566
16640
|
flatmapAPI: {
|
|
16567
16641
|
type: String,
|
|
@@ -16636,8 +16710,8 @@ var mapResize = function mapResize(map) {
|
|
|
16636
16710
|
});
|
|
16637
16711
|
// CONCATENATED MODULE: ./src/components/FlatmapVuer.vue?vue&type=script&lang=js&
|
|
16638
16712
|
/* harmony default export */ var components_FlatmapVuervue_type_script_lang_js_ = (FlatmapVuervue_type_script_lang_js_);
|
|
16639
|
-
// EXTERNAL MODULE: ./src/components/FlatmapVuer.vue?vue&type=style&index=0&id=
|
|
16640
|
-
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");
|
|
16641
16715
|
|
|
16642
16716
|
// CONCATENATED MODULE: ./src/components/FlatmapVuer.vue
|
|
16643
16717
|
|
|
@@ -16654,13 +16728,13 @@ var FlatmapVuer_component = normalizeComponent(
|
|
|
16654
16728
|
staticRenderFns,
|
|
16655
16729
|
false,
|
|
16656
16730
|
null,
|
|
16657
|
-
"
|
|
16731
|
+
"db38767a",
|
|
16658
16732
|
null
|
|
16659
16733
|
|
|
16660
16734
|
)
|
|
16661
16735
|
|
|
16662
16736
|
/* harmony default export */ var FlatmapVuer = (FlatmapVuer_component.exports);
|
|
16663
|
-
// 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&
|
|
16664
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)}
|
|
16665
16739
|
var MultiFlatmapVuervue_type_template_id_f20f0c88_scoped_true_staticRenderFns = []
|
|
16666
16740
|
|
|
@@ -16861,11 +16935,11 @@ external_vue_default.a.use(lib_popover_default.a);
|
|
|
16861
16935
|
this.$emit('flatmapChanged', this.activeSpecies);
|
|
16862
16936
|
},
|
|
16863
16937
|
|
|
16864
|
-
/**
|
|
16865
|
-
* Function used for getting the current states of the scene. This exported states
|
|
16866
|
-
* can be imported using the importStates method.
|
|
16867
|
-
*
|
|
16868
|
-
* @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
|
|
16869
16943
|
*/
|
|
16870
16944
|
getState: function getState() {
|
|
16871
16945
|
var state = {
|
|
@@ -16877,11 +16951,11 @@ external_vue_default.a.use(lib_popover_default.a);
|
|
|
16877
16951
|
return state;
|
|
16878
16952
|
},
|
|
16879
16953
|
|
|
16880
|
-
/**
|
|
16881
|
-
* Function used for importing the states of the scene. This exported states
|
|
16882
|
-
* can be imported using the read states method.
|
|
16883
|
-
*
|
|
16884
|
-
* @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
|
|
16885
16959
|
*/
|
|
16886
16960
|
setState: function setState(state) {
|
|
16887
16961
|
var _this3 = this;
|
|
@@ -16929,9 +17003,9 @@ external_vue_default.a.use(lib_popover_default.a);
|
|
|
16929
17003
|
default: false
|
|
16930
17004
|
},
|
|
16931
17005
|
|
|
16932
|
-
/**
|
|
16933
|
-
* Initial species for the flatmap.
|
|
16934
|
-
* 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.
|
|
16935
17009
|
*/
|
|
16936
17010
|
initial: {
|
|
16937
17011
|
type: String,
|
|
@@ -16959,16 +17033,16 @@ external_vue_default.a.use(lib_popover_default.a);
|
|
|
16959
17033
|
},
|
|
16960
17034
|
availableSpecies: {},
|
|
16961
17035
|
|
|
16962
|
-
/**
|
|
16963
|
-
* State containing state of the flatmap.
|
|
17036
|
+
/**
|
|
17037
|
+
* State containing state of the flatmap.
|
|
16964
17038
|
*/
|
|
16965
17039
|
state: {
|
|
16966
17040
|
type: Object,
|
|
16967
17041
|
default: undefined
|
|
16968
17042
|
},
|
|
16969
17043
|
|
|
16970
|
-
/**
|
|
16971
|
-
* Specify the endpoint of the flatmap server.
|
|
17044
|
+
/**
|
|
17045
|
+
* Specify the endpoint of the flatmap server.
|
|
16972
17046
|
*/
|
|
16973
17047
|
flatmapAPI: {
|
|
16974
17048
|
type: String,
|