@abi-software/map-side-bar 1.2.3 → 1.3.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/dist/map-side-bar.common.js +1087 -363
- package/dist/map-side-bar.common.js.map +1 -1
- package/dist/map-side-bar.css +1 -1
- package/dist/map-side-bar.umd.js +1087 -363
- package/dist/map-side-bar.umd.js.map +1 -1
- package/dist/map-side-bar.umd.min.js +1 -1
- package/dist/map-side-bar.umd.min.js.map +1 -1
- package/package-lock.json +259 -109
- package/package.json +2 -1
- package/public/index.html +1 -1
- package/src/App.vue +6 -3
- package/src/algolia/algolia.js +12 -4
- package/src/components/BadgesGroup.vue +141 -0
- package/src/components/ContextCard.vue +33 -15
- package/src/components/DatasetCard.vue +69 -149
- package/src/components/ImageGallery.vue +505 -0
- package/src/components/SidebarContent.vue +79 -60
- package/src/components/scaffold-meta-map.js +0 -29
package/dist/map-side-bar.umd.js
CHANGED
|
@@ -215,7 +215,14 @@ module.exports = require("element-ui/lib/drawer");
|
|
|
215
215
|
|
|
216
216
|
/***/ }),
|
|
217
217
|
|
|
218
|
-
/***/ "
|
|
218
|
+
/***/ "3a09":
|
|
219
|
+
/***/ (function(module, exports) {
|
|
220
|
+
|
|
221
|
+
module.exports = require("@abi-software/gallery");
|
|
222
|
+
|
|
223
|
+
/***/ }),
|
|
224
|
+
|
|
225
|
+
/***/ "3a70":
|
|
219
226
|
/***/ (function(module, exports, __webpack_require__) {
|
|
220
227
|
|
|
221
228
|
// extracted by mini-css-extract-plugin
|
|
@@ -296,6 +303,13 @@ module.exports = require("core-js/modules/es.regexp.exec");
|
|
|
296
303
|
|
|
297
304
|
/***/ }),
|
|
298
305
|
|
|
306
|
+
/***/ "5658":
|
|
307
|
+
/***/ (function(module, exports) {
|
|
308
|
+
|
|
309
|
+
module.exports = require("@abi-software/gallery/dist/gallery.css");
|
|
310
|
+
|
|
311
|
+
/***/ }),
|
|
312
|
+
|
|
299
313
|
/***/ "5d8c":
|
|
300
314
|
/***/ (function(module, exports) {
|
|
301
315
|
|
|
@@ -324,6 +338,20 @@ module.exports = require("core-js/modules/es.array.slice");
|
|
|
324
338
|
|
|
325
339
|
/***/ }),
|
|
326
340
|
|
|
341
|
+
/***/ "657c":
|
|
342
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
343
|
+
|
|
344
|
+
// extracted by mini-css-extract-plugin
|
|
345
|
+
|
|
346
|
+
/***/ }),
|
|
347
|
+
|
|
348
|
+
/***/ "6631":
|
|
349
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
350
|
+
|
|
351
|
+
// extracted by mini-css-extract-plugin
|
|
352
|
+
|
|
353
|
+
/***/ }),
|
|
354
|
+
|
|
327
355
|
/***/ "6b07":
|
|
328
356
|
/***/ (function(module, exports) {
|
|
329
357
|
|
|
@@ -366,17 +394,6 @@ module.exports = require("core-js/modules/es.number.constructor");
|
|
|
366
394
|
|
|
367
395
|
/***/ }),
|
|
368
396
|
|
|
369
|
-
/***/ "718b":
|
|
370
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
371
|
-
|
|
372
|
-
"use strict";
|
|
373
|
-
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ContextCard_vue_vue_type_style_index_0_id_41eb07ec_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3cbb");
|
|
374
|
-
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ContextCard_vue_vue_type_style_index_0_id_41eb07ec_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ContextCard_vue_vue_type_style_index_0_id_41eb07ec_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
|
|
375
|
-
/* unused harmony reexport * */
|
|
376
|
-
/* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ContextCard_vue_vue_type_style_index_0_id_41eb07ec_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a);
|
|
377
|
-
|
|
378
|
-
/***/ }),
|
|
379
|
-
|
|
380
397
|
/***/ "79d0":
|
|
381
398
|
/***/ (function(module, exports) {
|
|
382
399
|
|
|
@@ -503,6 +520,13 @@ module.exports = __webpack_require__.p + "img/missing-image.1878d8b8.svg";
|
|
|
503
520
|
|
|
504
521
|
/***/ }),
|
|
505
522
|
|
|
523
|
+
/***/ "a012":
|
|
524
|
+
/***/ (function(module, exports) {
|
|
525
|
+
|
|
526
|
+
module.exports = require("@abi-software/gallery/src/mixins/GalleryHelpers");
|
|
527
|
+
|
|
528
|
+
/***/ }),
|
|
529
|
+
|
|
506
530
|
/***/ "a3fe":
|
|
507
531
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
508
532
|
|
|
@@ -521,13 +545,6 @@ module.exports = require("element-ui/lib/theme-chalk/popover.css");
|
|
|
521
545
|
|
|
522
546
|
/***/ }),
|
|
523
547
|
|
|
524
|
-
/***/ "a9e5":
|
|
525
|
-
/***/ (function(module, exports, __webpack_require__) {
|
|
526
|
-
|
|
527
|
-
// extracted by mini-css-extract-plugin
|
|
528
|
-
|
|
529
|
-
/***/ }),
|
|
530
|
-
|
|
531
548
|
/***/ "a9f8":
|
|
532
549
|
/***/ (function(module, exports) {
|
|
533
550
|
|
|
@@ -612,14 +629,25 @@ module.exports = require("element-ui/lib/option");
|
|
|
612
629
|
|
|
613
630
|
/***/ }),
|
|
614
631
|
|
|
615
|
-
/***/ "
|
|
632
|
+
/***/ "cbfe":
|
|
616
633
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
617
634
|
|
|
618
635
|
"use strict";
|
|
619
|
-
/* harmony import */ var
|
|
620
|
-
/* harmony import */ var
|
|
636
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_DatasetCard_vue_vue_type_style_index_0_id_bf193158_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3a70");
|
|
637
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_DatasetCard_vue_vue_type_style_index_0_id_bf193158_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_DatasetCard_vue_vue_type_style_index_0_id_bf193158_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
|
|
621
638
|
/* unused harmony reexport * */
|
|
622
|
-
/* unused harmony default export */ var _unused_webpack_default_export = (
|
|
639
|
+
/* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_DatasetCard_vue_vue_type_style_index_0_id_bf193158_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a);
|
|
640
|
+
|
|
641
|
+
/***/ }),
|
|
642
|
+
|
|
643
|
+
/***/ "d168":
|
|
644
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
645
|
+
|
|
646
|
+
"use strict";
|
|
647
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ContextCard_vue_vue_type_style_index_0_id_6cd833f3_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("eb96");
|
|
648
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ContextCard_vue_vue_type_style_index_0_id_6cd833f3_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ContextCard_vue_vue_type_style_index_0_id_6cd833f3_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
|
|
649
|
+
/* unused harmony reexport * */
|
|
650
|
+
/* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ContextCard_vue_vue_type_style_index_0_id_6cd833f3_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a);
|
|
623
651
|
|
|
624
652
|
/***/ }),
|
|
625
653
|
|
|
@@ -637,14 +665,25 @@ module.exports = require("current-script-polyfill");
|
|
|
637
665
|
|
|
638
666
|
/***/ }),
|
|
639
667
|
|
|
640
|
-
/***/ "
|
|
668
|
+
/***/ "dd3e":
|
|
669
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
670
|
+
|
|
671
|
+
"use strict";
|
|
672
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SidebarContent_vue_vue_type_style_index_0_id_2f7fbfd0_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("e7e0");
|
|
673
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SidebarContent_vue_vue_type_style_index_0_id_2f7fbfd0_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SidebarContent_vue_vue_type_style_index_0_id_2f7fbfd0_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
|
|
674
|
+
/* unused harmony reexport * */
|
|
675
|
+
/* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_SidebarContent_vue_vue_type_style_index_0_id_2f7fbfd0_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a);
|
|
676
|
+
|
|
677
|
+
/***/ }),
|
|
678
|
+
|
|
679
|
+
/***/ "e03b":
|
|
641
680
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
642
681
|
|
|
643
682
|
"use strict";
|
|
644
|
-
/* harmony import */ var
|
|
645
|
-
/* harmony import */ var
|
|
683
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageGallery_vue_vue_type_style_index_0_id_6c8573ea_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("657c");
|
|
684
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageGallery_vue_vue_type_style_index_0_id_6c8573ea_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageGallery_vue_vue_type_style_index_0_id_6c8573ea_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
|
|
646
685
|
/* unused harmony reexport * */
|
|
647
|
-
/* unused harmony default export */ var _unused_webpack_default_export = (
|
|
686
|
+
/* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ImageGallery_vue_vue_type_style_index_0_id_6c8573ea_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a);
|
|
648
687
|
|
|
649
688
|
/***/ }),
|
|
650
689
|
|
|
@@ -662,7 +701,25 @@ module.exports = require("element-ui/lib/input");
|
|
|
662
701
|
|
|
663
702
|
/***/ }),
|
|
664
703
|
|
|
665
|
-
/***/ "
|
|
704
|
+
/***/ "e7e0":
|
|
705
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
706
|
+
|
|
707
|
+
// extracted by mini-css-extract-plugin
|
|
708
|
+
|
|
709
|
+
/***/ }),
|
|
710
|
+
|
|
711
|
+
/***/ "eb34":
|
|
712
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
713
|
+
|
|
714
|
+
"use strict";
|
|
715
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_BadgesGroup_vue_vue_type_style_index_0_id_712c1be9_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("6631");
|
|
716
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_BadgesGroup_vue_vue_type_style_index_0_id_712c1be9_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_BadgesGroup_vue_vue_type_style_index_0_id_712c1be9_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
|
|
717
|
+
/* unused harmony reexport * */
|
|
718
|
+
/* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_vue_cli_service_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_BadgesGroup_vue_vue_type_style_index_0_id_712c1be9_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a);
|
|
719
|
+
|
|
720
|
+
/***/ }),
|
|
721
|
+
|
|
722
|
+
/***/ "eb96":
|
|
666
723
|
/***/ (function(module, exports, __webpack_require__) {
|
|
667
724
|
|
|
668
725
|
// extracted by mini-css-extract-plugin
|
|
@@ -735,7 +792,7 @@ if (typeof window !== 'undefined') {
|
|
|
735
792
|
// Indicate to webpack that this file can be concatenated
|
|
736
793
|
/* harmony default export */ var setPublicPath = (null);
|
|
737
794
|
|
|
738
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
795
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"65a2a86d-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/SideBar.vue?vue&type=template&id=3f7eb1a5&scoped=true&
|
|
739
796
|
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"container"},[(!_vm.drawerOpen)?_c('div',{staticClass:"open-tab",on:{"click":_vm.toggleDrawer}},[_c('i',{staticClass:"el-icon-arrow-left"})]):_vm._e(),_c('el-drawer',{staticClass:"side-bar",attrs:{"custom-class":"my-drawer","visible":_vm.drawerOpen,"appendToBody":false,"modal-append-to-body":false,"size":"550","with-header":false,"wrapperClosable":false,"modal":false},on:{"update:visible":function($event){_vm.drawerOpen=$event}}},[_c('div',{staticClass:"box-card"},[(_vm.drawerOpen)?_c('div',{staticClass:"close-tab",on:{"click":_vm.close}},[_c('i',{staticClass:"el-icon-arrow-right"})]):_vm._e(),_c('div',{staticClass:"sidebar-container"},[(_vm.tabs.length > 1)?_c('tabs',{attrs:{"tabTitles":_vm.tabs,"activeId":_vm.activeId},on:{"titleClicked":_vm.tabClicked}}):_vm._e(),_vm._l((_vm.tabs),function(tab){return [_c('sidebar-content',{directives:[{name:"show",rawName:"v-show",value:(tab.id===_vm.activeId),expression:"tab.id===activeId"}],key:tab.id,ref:tab.id,refInFor:true,staticClass:"sidebar-content-container",attrs:{"contextCardEntry":tab.contextCard,"envVars":_vm.envVars},on:{"search-changed":function($event){return _vm.searchChanged(tab.id, $event)}}})]})],2)])])],1)}
|
|
740
797
|
var staticRenderFns = []
|
|
741
798
|
|
|
@@ -810,12 +867,12 @@ var en_default = /*#__PURE__*/__webpack_require__.n(en_);
|
|
|
810
867
|
var locale_ = __webpack_require__("7f9f");
|
|
811
868
|
var locale_default = /*#__PURE__*/__webpack_require__.n(locale_);
|
|
812
869
|
|
|
813
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
814
|
-
var
|
|
815
|
-
var
|
|
870
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"65a2a86d-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/SidebarContent.vue?vue&type=template&id=2f7fbfd0&scoped=true&
|
|
871
|
+
var SidebarContentvue_type_template_id_2f7fbfd0_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-card',{staticClass:"content-card",attrs:{"body-style":_vm.bodyStyle}},[_c('div',{staticClass:"header",attrs:{"slot":"header"},slot:"header"},[(_vm.contextCardEntry && _vm.contextCardEnabled)?_c('context-card',{attrs:{"entry":_vm.contextCardEntry}}):_vm._e(),_c('el-input',{staticClass:"search-input",attrs:{"placeholder":"Search","clearable":""},on:{"clear":_vm.clearSearchClicked},nativeOn:{"keyup":function($event){return _vm.searchEvent($event)}},model:{value:(_vm.searchInput),callback:function ($$v) {_vm.searchInput=$$v},expression:"searchInput"}}),_c('el-button',{staticClass:"button",on:{"click":_vm.searchEvent}},[_vm._v("Search")])],1),_c('SearchFilters',{ref:"filtersRef",staticClass:"filters",attrs:{"entry":_vm.filterEntry,"envVars":_vm.envVars},on:{"filterResults":_vm.filterUpdate,"numberPerPage":_vm.numberPerPageUpdate,"loading":_vm.filtersLoading}}),_c('div',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loadingCards),expression:"loadingCards"}],ref:"content",staticClass:"content scrollbar"},[(_vm.results.length === 0 && !_vm.loadingCards)?_c('div',{staticClass:"error-feedback"},[_vm._v("No results found - Please change your search / filter criteria.")]):_vm._e(),_vm._l((_vm.results),function(result){return _c('div',{key:result.doi,staticClass:"step-item"},[_c('DatasetCard',{attrs:{"entry":result,"envVars":_vm.envVars},on:{"contextUpdate":_vm.contextCardUpdate}})],1)}),_c('el-pagination',{staticClass:"pagination",attrs:{"current-page":_vm.page,"hide-on-single-page":"","large":"","layout":"prev, pager, next","page-size":_vm.numberPerPage,"total":_vm.numberOfHits},on:{"update:currentPage":function($event){_vm.page=$event},"update:current-page":function($event){_vm.page=$event},"current-change":_vm.pageChange}})],2)],1)}
|
|
872
|
+
var SidebarContentvue_type_template_id_2f7fbfd0_scoped_true_staticRenderFns = []
|
|
816
873
|
|
|
817
874
|
|
|
818
|
-
// CONCATENATED MODULE: ./src/components/SidebarContent.vue?vue&type=template&id=
|
|
875
|
+
// CONCATENATED MODULE: ./src/components/SidebarContent.vue?vue&type=template&id=2f7fbfd0&scoped=true&
|
|
819
876
|
|
|
820
877
|
// EXTERNAL MODULE: external "core-js/modules/es.array.find-index"
|
|
821
878
|
var es_array_find_index_ = __webpack_require__("aecd");
|
|
@@ -985,7 +1042,7 @@ var button_css_ = __webpack_require__("26bc");
|
|
|
985
1042
|
var button_ = __webpack_require__("5d8c");
|
|
986
1043
|
var button_default = /*#__PURE__*/__webpack_require__.n(button_);
|
|
987
1044
|
|
|
988
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
1045
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"65a2a86d-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/SearchFilters.vue?vue&type=template&id=58d5fb22&scoped=true&
|
|
989
1046
|
var SearchFiltersvue_type_template_id_58d5fb22_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"filters"},[_c('map-svg-sprite-color'),_c('transition',{attrs:{"name":"el-zoom-in-top"}},[_c('span',{directives:[{name:"show",rawName:"v-show",value:(_vm.showFilters),expression:"showFilters"}],staticClass:"search-filters transition-box"},[_c('custom-cascader',{ref:"cascader",staticClass:"cascader",attrs:{"placeholder":"","collapse-tags":true,"options":_vm.options,"props":_vm.props,"show-all-levels":false,"append-to-body":false},on:{"change":function($event){return _vm.cascadeEvent($event)},"expand-change":_vm.cascadeExpandChange,"tags-changed":_vm.tagsChangedCallback},model:{value:(_vm.cascadeSelected),callback:function ($$v) {_vm.cascadeSelected=$$v},expression:"cascadeSelected"}}),(_vm.showFiltersText)?_c('div',{staticClass:"filter-default-value"},[_vm._v(" Filters ")]):_vm._e(),_c('el-popover',{attrs:{"title":"How do filters work?","width":"250","trigger":"hover","append-to-body":false,"popper-class":"popover"}},[_c('map-svg-icon',{staticClass:"help",attrs:{"slot":"reference","icon":"help"},slot:"reference"}),_c('div',[_c('strong',[_vm._v("Within categories:")]),_vm._v(" OR "),_c('br'),_vm._v(" example: 'heart' OR 'colon' "),_c('br'),_c('br'),_c('strong',[_vm._v("Between categories:")]),_vm._v(" AND "),_c('br'),_vm._v(" example: 'rat' AND 'lung' ")])],1)],1)]),_c('el-select',{staticClass:"number-shown-select",attrs:{"placeholder":"10"},on:{"change":function($event){return _vm.numberShownChanged($event)}},model:{value:(_vm.numberShown),callback:function ($$v) {_vm.numberShown=$$v},expression:"numberShown"}},_vm._l((_vm.numberDatasetsShown),function(item){return _c('el-option',{key:item,attrs:{"label":item,"value":item}})}),1),_c('span',{staticClass:"dataset-results-feedback"},[_vm._v(_vm._s(this.numberOfResultsText))])],1)}
|
|
990
1047
|
var SearchFiltersvue_type_template_id_58d5fb22_scoped_true_staticRenderFns = []
|
|
991
1048
|
|
|
@@ -1426,7 +1483,6 @@ function () {
|
|
|
1426
1483
|
value: function _processResultsForCards(results) {
|
|
1427
1484
|
var newResults = [];
|
|
1428
1485
|
var newResult = {};
|
|
1429
|
-
var id = 0;
|
|
1430
1486
|
var _iteratorNormalCompletion = true;
|
|
1431
1487
|
var _didIteratorError = false;
|
|
1432
1488
|
var _iteratorError = undefined;
|
|
@@ -1441,9 +1497,9 @@ function () {
|
|
|
1441
1497
|
description: res.item.description,
|
|
1442
1498
|
updated: res.pennsieve.updatedAt,
|
|
1443
1499
|
publishDate: res.pennsieve.publishDate,
|
|
1444
|
-
|
|
1500
|
+
datasetId: res.objectID,
|
|
1501
|
+
detailsReady: false
|
|
1445
1502
|
};
|
|
1446
|
-
id++;
|
|
1447
1503
|
newResults.push(newResult);
|
|
1448
1504
|
}
|
|
1449
1505
|
} catch (err) {
|
|
@@ -1481,7 +1537,9 @@ function () {
|
|
|
1481
1537
|
facets: ['*'],
|
|
1482
1538
|
hitsPerPage: hitsperPage,
|
|
1483
1539
|
page: page - 1,
|
|
1484
|
-
filters: filter
|
|
1540
|
+
filters: filter,
|
|
1541
|
+
attributesToHighlight: [],
|
|
1542
|
+
attributesToRetrieve: ['pennsieve.publishDate', 'pennsieve.updatedAt', 'item.curie', 'item.name', 'item.description', 'objectID']
|
|
1485
1543
|
}).then(function (response) {
|
|
1486
1544
|
var searchData = {
|
|
1487
1545
|
items: _this2._processResultsForCards(response.hits),
|
|
@@ -2038,133 +2096,24 @@ var SearchFilters_component = normalizeComponent(
|
|
|
2038
2096
|
)
|
|
2039
2097
|
|
|
2040
2098
|
/* harmony default export */ var SearchFilters = (SearchFilters_component.exports);
|
|
2041
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
2042
|
-
var
|
|
2043
|
-
var
|
|
2044
|
-
|
|
2045
|
-
|
|
2046
|
-
// CONCATENATED MODULE: ./src/components/DatasetCard.vue?vue&type=template&id=380e4852&scoped=true&
|
|
2047
|
-
|
|
2048
|
-
// CONCATENATED MODULE: ./src/components/EventBus.js
|
|
2049
|
-
|
|
2050
|
-
var EventBus = new external_vue_default.a();
|
|
2051
|
-
/* harmony default export */ var components_EventBus = (EventBus);
|
|
2052
|
-
// CONCATENATED MODULE: ./src/components/hardcoded-context-info.js
|
|
2053
|
-
/* harmony default export */ var hardcoded_context_info = ({}); // //Uncomment the code below to add in hardcoded data
|
|
2054
|
-
// export default {
|
|
2055
|
-
// 77: {
|
|
2056
|
-
// "description": "This dataset contains single cell scale anatomical map of the rat intrinsic cardiac nervous system (ICNS) across four male and three female hearts. These cell clusters can be seen by the yellow data points on the image as well as spherical markers on the 3D heart scaffold. The dataset provides an integrative framework to visualise the spatial distribution of ICNS across different hearts.",
|
|
2057
|
-
// "heading": "Mapped ICN samples",
|
|
2058
|
-
// "id": "sparc.science.context_data",
|
|
2059
|
-
// "samples": [
|
|
2060
|
-
// {
|
|
2061
|
-
// "annotation": "",
|
|
2062
|
-
// "description": "Spatial location of isolated ICNS mapped onto a generic heart scaffold",
|
|
2063
|
-
// "doi": "",
|
|
2064
|
-
// "heading": "ICNS from subject M54-8",
|
|
2065
|
-
// "id": "Sample 1",
|
|
2066
|
-
// "path": "",
|
|
2067
|
-
// "view": "View 1",
|
|
2068
|
-
// "color": "#FFFF00",
|
|
2069
|
-
// "thumbnail": "https://raw.githubusercontent.com/ABI-Software/map-sidebar/main/assets/temp-pics/orange.png"
|
|
2070
|
-
// },
|
|
2071
|
-
// {
|
|
2072
|
-
// "annotation": "",
|
|
2073
|
-
// "description": "Spatial location of isolated ICNS mapped onto a generic heart scaffold",
|
|
2074
|
-
// "doi": "",
|
|
2075
|
-
// "heading": "ICNS from subject M54-5",
|
|
2076
|
-
// "id": "Sample 2",
|
|
2077
|
-
// "path": "",
|
|
2078
|
-
// "view": "View 2",
|
|
2079
|
-
// "color": "#FFA500",
|
|
2080
|
-
// "thumbnail": "https://raw.githubusercontent.com/ABI-Software/map-sidebar/main/assets/temp-pics/teal.png"
|
|
2081
|
-
// }
|
|
2082
|
-
// ],
|
|
2083
|
-
// "version": "0.1.0",
|
|
2084
|
-
// },
|
|
2085
|
-
// 221: {
|
|
2086
|
-
// "description": "3D digital tracings of the enteric plexus obtained from seven subjects (M11, M16, M162, M163, M164, M168) are mapped randomly on mouse proximal colon. The data depicts individual neural wiring patterns in enteric microcircuits, and revealed both neuron and fiber units wired in a complex organization.",
|
|
2087
|
-
// "heading": "Digital tracings of enteric plexus",
|
|
2088
|
-
// "id": "sparc.science.context_data",
|
|
2089
|
-
// "samples": [
|
|
2090
|
-
// {
|
|
2091
|
-
// "annotation": "",
|
|
2092
|
-
// "description": "Neuronal soma and fibers in a myenteric ganglion in this subject are annotated into the following groups to highlight their interactions:\n\nNeuron1,2,3 Connex: Connections between 3 neurons and cross-ganglionic fibers\n\nNeuron4_Connex: A small neuron contacts fibers passing the ganglion\n\nNeuron5: Multiple projections of a neuron in an myenteric ganglion\n\nNeuron5,3,7 Connex: Connections between 3 neurons, nerve fibers, IGNEx (complex type of intraganglionic nerve endings) and fibers in the circular muscles.\n\nNeuron8,9,10 Connex: Connections of 3 neurons with each other and with long passing fibers. \n\nIntraganglionic Nerve Ending (IGNE): Digital traces of neurites consist of complex intraganglionic nerve endings. The blue fiber has branched terminals, more likely the afferent nerve endings; the violet and cyan terminals also interweave into the fiber nest; the orange, pink and peach fibers and one process of the neuron cross the IGNE to make 1-2 conjunctions. \n",
|
|
2093
|
-
// "doi": "",
|
|
2094
|
-
// "heading": "Digital tracing for subject M11",
|
|
2095
|
-
// "id": "Sample 1",
|
|
2096
|
-
// "path": "files/derivative/sub-M11/sam-pCm11/digital-traces/pC PHPS XFP M11 20XZ 180425_180713_2_NL_20.xml",
|
|
2097
|
-
// "view": "View 1"
|
|
2098
|
-
// },
|
|
2099
|
-
// {
|
|
2100
|
-
// "annotation": "",
|
|
2101
|
-
// "description": "This digital trace demonstrates some types of wiring. A long process of the green neuron terminates in the intraganglionic nerve endings (IGNE) while in contact with a nerve fiber (cyan), soma of a neuron (peach) and processes of 3 neurons (magenta, yellow and red). Two neurons and one fiber are traced to an IGNE. ",
|
|
2102
|
-
// "doi": "",
|
|
2103
|
-
// "heading": "Digital tracing for subject M16",
|
|
2104
|
-
// "id": "Sample 2",
|
|
2105
|
-
// "path": "files/derivative/sub-M16/sam-pCm16/digital-traces/pC PHPS XFP M16 20XZ 180425_180524.xml",
|
|
2106
|
-
// "view": "View 2"
|
|
2107
|
-
// }
|
|
2108
|
-
// ],
|
|
2109
|
-
// "version": "0.1.0",
|
|
2110
|
-
// "views": [
|
|
2111
|
-
// {
|
|
2112
|
-
// "annotation": "--",
|
|
2113
|
-
// "description": "Digital tracing of neurons for subject M11.",
|
|
2114
|
-
// "id": "View 1",
|
|
2115
|
-
// "path": "files/derivative/Scaffolds/M11_view.json",
|
|
2116
|
-
// "sample": "Sample 1",
|
|
2117
|
-
// "thumbnail": "https://api.sparc.science/s3-resource/221/2/files/derivative/Scaffolds/M11_thumbnail.jpeg"
|
|
2118
|
-
// },
|
|
2119
|
-
// {
|
|
2120
|
-
// "annotation": "--",
|
|
2121
|
-
// "description": "Digital tracing of neurons for subject M16.",
|
|
2122
|
-
// "id": "View 2",
|
|
2123
|
-
// "path": "files/derivative/Scaffolds/M16_view.json",
|
|
2124
|
-
// "sample": "Sample 2",
|
|
2125
|
-
// "thumbnail": "https://api.sparc.science/s3-resource/221/2/files/derivative/Scaffolds/M16_thumbnail.jpeg"
|
|
2126
|
-
// }
|
|
2127
|
-
// ]
|
|
2128
|
-
// }
|
|
2129
|
-
// }
|
|
2130
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DatasetCard.vue?vue&type=script&lang=js&
|
|
2131
|
-
|
|
2132
|
-
|
|
2133
|
-
|
|
2134
|
-
|
|
2135
|
-
|
|
2136
|
-
|
|
2137
|
-
|
|
2099
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"65a2a86d-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/DatasetCard.vue?vue&type=template&id=bf193158&scoped=true&
|
|
2100
|
+
var DatasetCardvue_type_template_id_bf193158_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"container",staticClass:"dataset-card-container"},[_c('div',{ref:"card",staticClass:"dataset-card"},[_c('div',{staticClass:"seperator-path"}),_c('div',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],staticClass:"card"},[_c('span',{staticClass:"card-left"},[(!_vm.loading && _vm.discoverId)?_c('image-gallery',{attrs:{"datasetId":_vm.discoverId,"datasetVersion":_vm.version,"entry":_vm.entry,"envVars":_vm.envVars,"label":_vm.label,"datasetThumbnail":_vm.thumbnail,"dataset-biolucida":_vm.biolucidaData,"category":_vm.currentCategory},on:{"card-clicked":_vm.galleryClicked}}):_vm._e()],1),_c('div',{staticClass:"card-right"},[_c('div',{staticClass:"title",on:{"click":_vm.cardClicked}},[_vm._v(_vm._s(_vm.entry.name))]),_c('div',{staticClass:"details"},[_vm._v(_vm._s(_vm.contributors)+" "+_vm._s(_vm.entry.publishDate ? ("(" + _vm.publishYear + ")") : ''))]),_c('div',{staticClass:"details"},[_vm._v(_vm._s(_vm.samples))]),(!_vm.entry.detailsReady)?_c('div',{directives:[{name:"loading",rawName:"v-loading",value:(!_vm.entry.detailsReady),expression:"!entry.detailsReady"}],staticClass:"details loading-icon"}):_vm._e(),_c('div',[(_vm.entry.simulation)?_c('el-button',{staticClass:"button",attrs:{"size":"mini","icon":"el-icon-view"},on:{"click":_vm.openRepository}},[_vm._v("View repository")]):_vm._e()],1),_c('div',{staticClass:"badges-container"},[_c('badges-group',{attrs:{"entry":_vm.entry,"dataset-biolucida":_vm.biolucidaData},on:{"categoryChanged":_vm.categoryChanged}})],1)])])])])}
|
|
2101
|
+
var DatasetCardvue_type_template_id_bf193158_scoped_true_staticRenderFns = []
|
|
2138
2102
|
|
|
2139
2103
|
|
|
2104
|
+
// CONCATENATED MODULE: ./src/components/DatasetCard.vue?vue&type=template&id=bf193158&scoped=true&
|
|
2140
2105
|
|
|
2106
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"65a2a86d-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/BadgesGroup.vue?vue&type=template&id=712c1be9&scoped=true&
|
|
2107
|
+
var BadgesGroupvue_type_template_id_712c1be9_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.categories['All'].size > 1)?_c('div',{ref:"container",staticClass:"container"},[_c('div',[_vm._v(" View data types: ")]),_vm._l((_vm.categories),function(item,key){return [(item.size > 0)?_c('el-button',{key:key,class:[{ 'active': key == _vm.active},'tag-button'],attrs:{"size":"small"},on:{"click":function($event){return _vm.categoryClicked(key)}}},[_vm._v(_vm._s(key + " (" + item.size + ")")+" ")]):_vm._e()]})],2):_vm._e()}
|
|
2108
|
+
var BadgesGroupvue_type_template_id_712c1be9_scoped_true_staticRenderFns = []
|
|
2141
2109
|
|
|
2142
2110
|
|
|
2111
|
+
// CONCATENATED MODULE: ./src/components/BadgesGroup.vue?vue&type=template&id=712c1be9&scoped=true&
|
|
2143
2112
|
|
|
2113
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/BadgesGroup.vue?vue&type=script&lang=js&
|
|
2144
2114
|
|
|
2145
2115
|
|
|
2146
2116
|
|
|
2147
|
-
|
|
2148
|
-
//
|
|
2149
|
-
//
|
|
2150
|
-
//
|
|
2151
|
-
//
|
|
2152
|
-
//
|
|
2153
|
-
//
|
|
2154
|
-
//
|
|
2155
|
-
//
|
|
2156
|
-
//
|
|
2157
|
-
//
|
|
2158
|
-
//
|
|
2159
|
-
//
|
|
2160
|
-
//
|
|
2161
|
-
//
|
|
2162
|
-
//
|
|
2163
|
-
//
|
|
2164
|
-
//
|
|
2165
|
-
//
|
|
2166
|
-
//
|
|
2167
|
-
//
|
|
2168
2117
|
//
|
|
2169
2118
|
//
|
|
2170
2119
|
//
|
|
@@ -2187,87 +2136,819 @@ var EventBus = new external_vue_default.a();
|
|
|
2187
2136
|
|
|
2188
2137
|
|
|
2189
2138
|
|
|
2190
|
-
|
|
2191
|
-
|
|
2192
|
-
|
|
2193
2139
|
locale_default.a.use(en_default.a);
|
|
2194
2140
|
external_vue_default.a.use(button_default.a);
|
|
2195
|
-
|
|
2196
|
-
|
|
2197
|
-
var DatasetCardvue_type_script_lang_js_capitalise = function capitalise(string) {
|
|
2198
|
-
return string.replace(/\b\w/g, function (v) {
|
|
2199
|
-
return v.toUpperCase();
|
|
2200
|
-
});
|
|
2201
|
-
};
|
|
2202
|
-
|
|
2203
|
-
/* harmony default export */ var DatasetCardvue_type_script_lang_js_ = ({
|
|
2204
|
-
name: "DatasetCard",
|
|
2141
|
+
/* harmony default export */ var BadgesGroupvue_type_script_lang_js_ = ({
|
|
2142
|
+
name: "BadgesGroup",
|
|
2205
2143
|
props: {
|
|
2206
2144
|
/**
|
|
2207
2145
|
* Object containing information for
|
|
2208
2146
|
* the required viewing.
|
|
2209
2147
|
*/
|
|
2210
|
-
|
|
2148
|
+
additionalLinks: {
|
|
2149
|
+
type: Array,
|
|
2150
|
+
default: function _default() {
|
|
2151
|
+
return [];
|
|
2152
|
+
}
|
|
2153
|
+
},
|
|
2154
|
+
datasetBiolucida: {
|
|
2211
2155
|
type: Object,
|
|
2212
|
-
default: function _default() {
|
|
2156
|
+
default: function _default() {
|
|
2157
|
+
return {};
|
|
2158
|
+
}
|
|
2213
2159
|
},
|
|
2214
|
-
|
|
2160
|
+
entry: {
|
|
2215
2161
|
type: Object,
|
|
2216
|
-
default: function _default() {
|
|
2162
|
+
default: function _default() {
|
|
2163
|
+
return {};
|
|
2164
|
+
}
|
|
2217
2165
|
}
|
|
2218
2166
|
},
|
|
2219
2167
|
data: function data() {
|
|
2220
2168
|
return {
|
|
2221
|
-
|
|
2222
|
-
|
|
2223
|
-
|
|
2224
|
-
|
|
2225
|
-
|
|
2226
|
-
|
|
2227
|
-
lastDoi: undefined
|
|
2169
|
+
categories: {
|
|
2170
|
+
"All": {
|
|
2171
|
+
size: 1
|
|
2172
|
+
}
|
|
2173
|
+
},
|
|
2174
|
+
active: "All"
|
|
2228
2175
|
};
|
|
2229
2176
|
},
|
|
2230
|
-
|
|
2231
|
-
|
|
2232
|
-
|
|
2177
|
+
methods: {
|
|
2178
|
+
addToCategories: function addToCategories(array, name) {
|
|
2179
|
+
if (array && array.length > 0) {
|
|
2180
|
+
this.categories[name] = {
|
|
2181
|
+
size: array.length
|
|
2182
|
+
};
|
|
2183
|
+
this.categories["All"].size += array.length;
|
|
2184
|
+
}
|
|
2233
2185
|
},
|
|
2234
|
-
|
|
2235
|
-
|
|
2236
|
-
|
|
2237
|
-
|
|
2238
|
-
|
|
2239
|
-
|
|
2240
|
-
|
|
2241
|
-
text = this.lastName(this.entry.contributors[0].name) + " & " + this.lastName(this.entry.contributors[1].name);
|
|
2242
|
-
} else if (this.entry.contributors.length > 2) {
|
|
2243
|
-
text = this.lastName(this.entry.contributors[0].name) + " et al.";
|
|
2244
|
-
}
|
|
2186
|
+
addSimulationsToCategories: function addSimulationsToCategories(array) {
|
|
2187
|
+
if (array && array.length > 0) {
|
|
2188
|
+
var size = 1;
|
|
2189
|
+
this.categories["Simulations"] = {
|
|
2190
|
+
size: size
|
|
2191
|
+
};
|
|
2192
|
+
this.categories["All"].size += size;
|
|
2245
2193
|
}
|
|
2246
|
-
|
|
2247
|
-
return text;
|
|
2248
2194
|
},
|
|
2249
|
-
|
|
2250
|
-
|
|
2251
|
-
|
|
2252
|
-
|
|
2253
|
-
|
|
2254
|
-
|
|
2255
|
-
|
|
2256
|
-
|
|
2195
|
+
categoryClicked: function categoryClicked(name) {
|
|
2196
|
+
this.active = name;
|
|
2197
|
+
this.$emit("categoryChanged", name);
|
|
2198
|
+
}
|
|
2199
|
+
},
|
|
2200
|
+
watch: {
|
|
2201
|
+
datasetBiolucida: {
|
|
2202
|
+
deep: true,
|
|
2203
|
+
immediate: true,
|
|
2204
|
+
handler: function handler(biolucidaData) {
|
|
2205
|
+
if ("dataset_images" in biolucidaData) {
|
|
2206
|
+
this.addToCategories(biolucidaData["dataset_images"], "Biolucida Images");
|
|
2257
2207
|
}
|
|
2258
2208
|
}
|
|
2209
|
+
},
|
|
2210
|
+
entry: {
|
|
2211
|
+
deep: true,
|
|
2212
|
+
immediate: true,
|
|
2213
|
+
handler: function handler() {
|
|
2214
|
+
this.addToCategories(this.entry.scaffolds, 'Scaffolds');
|
|
2215
|
+
this.addToCategories(this.entry.segmentation, 'Segmentations');
|
|
2216
|
+
this.addToCategories(this.entry.plots, 'Plots');
|
|
2217
|
+
this.addSimulationsToCategories(this.entry.simulation);
|
|
2218
|
+
/** disable the following
|
|
2219
|
+
this.addToCategories(this.entry.images, 'Images');
|
|
2220
|
+
this.addToCategories(this.entry.videos, 'Videos');
|
|
2221
|
+
**/
|
|
2222
|
+
}
|
|
2223
|
+
}
|
|
2224
|
+
}
|
|
2225
|
+
});
|
|
2226
|
+
// CONCATENATED MODULE: ./src/components/BadgesGroup.vue?vue&type=script&lang=js&
|
|
2227
|
+
/* harmony default export */ var components_BadgesGroupvue_type_script_lang_js_ = (BadgesGroupvue_type_script_lang_js_);
|
|
2228
|
+
// EXTERNAL MODULE: ./src/components/BadgesGroup.vue?vue&type=style&index=0&id=712c1be9&scoped=true&lang=css&
|
|
2229
|
+
var BadgesGroupvue_type_style_index_0_id_712c1be9_scoped_true_lang_css_ = __webpack_require__("eb34");
|
|
2259
2230
|
|
|
2260
|
-
|
|
2261
|
-
text += " (";
|
|
2231
|
+
// CONCATENATED MODULE: ./src/components/BadgesGroup.vue
|
|
2262
2232
|
|
|
2263
|
-
if (this.entry.numberSamples === 1) {
|
|
2264
|
-
text += "".concat(this.entry.numberSamples, " sample");
|
|
2265
|
-
} else if (this.entry.numberSamples > 1) {
|
|
2266
|
-
text += "".concat(this.entry.numberSamples, " samples");
|
|
2267
|
-
}
|
|
2268
2233
|
|
|
2269
|
-
|
|
2270
|
-
|
|
2234
|
+
|
|
2235
|
+
|
|
2236
|
+
|
|
2237
|
+
|
|
2238
|
+
/* normalize component */
|
|
2239
|
+
|
|
2240
|
+
var BadgesGroup_component = normalizeComponent(
|
|
2241
|
+
components_BadgesGroupvue_type_script_lang_js_,
|
|
2242
|
+
BadgesGroupvue_type_template_id_712c1be9_scoped_true_render,
|
|
2243
|
+
BadgesGroupvue_type_template_id_712c1be9_scoped_true_staticRenderFns,
|
|
2244
|
+
false,
|
|
2245
|
+
null,
|
|
2246
|
+
"712c1be9",
|
|
2247
|
+
null
|
|
2248
|
+
|
|
2249
|
+
)
|
|
2250
|
+
|
|
2251
|
+
/* harmony default export */ var BadgesGroup = (BadgesGroup_component.exports);
|
|
2252
|
+
// CONCATENATED MODULE: ./src/components/EventBus.js
|
|
2253
|
+
|
|
2254
|
+
var EventBus = new external_vue_default.a();
|
|
2255
|
+
/* harmony default export */ var components_EventBus = (EventBus);
|
|
2256
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"65a2a86d-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/ImageGallery.vue?vue&type=template&id=6c8573ea&scoped=true&
|
|
2257
|
+
var ImageGalleryvue_type_template_id_6c8573ea_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"full-size"},[_c('gallery',{ref:"gallery",attrs:{"bottomSpacer":_vm.bottomSpacer,"cardWidth":10,"items":_vm.galleryItems,"max-width":_vm.maxWidth,"show-indicator-bar":false,"show-card-details":true,"highlight-active":false,"image-style":_vm.imageStyle,"image-container-style":_vm.imageContainerStyle,"body-style":_vm.bodyStyle,"shadow":_vm.shadow},on:{"card-clicked":_vm.cardClicked}})],1)}
|
|
2258
|
+
var ImageGalleryvue_type_template_id_6c8573ea_scoped_true_staticRenderFns = []
|
|
2259
|
+
|
|
2260
|
+
|
|
2261
|
+
// CONCATENATED MODULE: ./src/components/ImageGallery.vue?vue&type=template&id=6c8573ea&scoped=true&
|
|
2262
|
+
|
|
2263
|
+
// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
|
|
2264
|
+
|
|
2265
|
+
|
|
2266
|
+
|
|
2267
|
+
|
|
2268
|
+
|
|
2269
|
+
|
|
2270
|
+
|
|
2271
|
+
|
|
2272
|
+
function _iterableToArrayLimit(arr, i) {
|
|
2273
|
+
if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) {
|
|
2274
|
+
return;
|
|
2275
|
+
}
|
|
2276
|
+
|
|
2277
|
+
var _arr = [];
|
|
2278
|
+
var _n = true;
|
|
2279
|
+
var _d = false;
|
|
2280
|
+
var _e = undefined;
|
|
2281
|
+
|
|
2282
|
+
try {
|
|
2283
|
+
for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
|
|
2284
|
+
_arr.push(_s.value);
|
|
2285
|
+
|
|
2286
|
+
if (i && _arr.length === i) break;
|
|
2287
|
+
}
|
|
2288
|
+
} catch (err) {
|
|
2289
|
+
_d = true;
|
|
2290
|
+
_e = err;
|
|
2291
|
+
} finally {
|
|
2292
|
+
try {
|
|
2293
|
+
if (!_n && _i["return"] != null) _i["return"]();
|
|
2294
|
+
} finally {
|
|
2295
|
+
if (_d) throw _e;
|
|
2296
|
+
}
|
|
2297
|
+
}
|
|
2298
|
+
|
|
2299
|
+
return _arr;
|
|
2300
|
+
}
|
|
2301
|
+
// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js
|
|
2302
|
+
|
|
2303
|
+
|
|
2304
|
+
|
|
2305
|
+
function _slicedToArray(arr, i) {
|
|
2306
|
+
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
|
|
2307
|
+
}
|
|
2308
|
+
// EXTERNAL MODULE: external "@abi-software/gallery/src/mixins/GalleryHelpers"
|
|
2309
|
+
var GalleryHelpers_ = __webpack_require__("a012");
|
|
2310
|
+
var GalleryHelpers_default = /*#__PURE__*/__webpack_require__.n(GalleryHelpers_);
|
|
2311
|
+
|
|
2312
|
+
// EXTERNAL MODULE: external "@abi-software/gallery"
|
|
2313
|
+
var gallery_ = __webpack_require__("3a09");
|
|
2314
|
+
var gallery_default = /*#__PURE__*/__webpack_require__.n(gallery_);
|
|
2315
|
+
|
|
2316
|
+
// EXTERNAL MODULE: external "@abi-software/gallery/dist/gallery.css"
|
|
2317
|
+
var gallery_css_ = __webpack_require__("5658");
|
|
2318
|
+
|
|
2319
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ImageGallery.vue?vue&type=script&lang=js&
|
|
2320
|
+
|
|
2321
|
+
|
|
2322
|
+
|
|
2323
|
+
|
|
2324
|
+
|
|
2325
|
+
|
|
2326
|
+
|
|
2327
|
+
|
|
2328
|
+
|
|
2329
|
+
|
|
2330
|
+
|
|
2331
|
+
|
|
2332
|
+
|
|
2333
|
+
|
|
2334
|
+
|
|
2335
|
+
|
|
2336
|
+
//
|
|
2337
|
+
//
|
|
2338
|
+
//
|
|
2339
|
+
//
|
|
2340
|
+
//
|
|
2341
|
+
//
|
|
2342
|
+
//
|
|
2343
|
+
//
|
|
2344
|
+
//
|
|
2345
|
+
//
|
|
2346
|
+
//
|
|
2347
|
+
//
|
|
2348
|
+
//
|
|
2349
|
+
//
|
|
2350
|
+
//
|
|
2351
|
+
//
|
|
2352
|
+
//
|
|
2353
|
+
//
|
|
2354
|
+
//
|
|
2355
|
+
//
|
|
2356
|
+
|
|
2357
|
+
/* eslint-disable no-alert, no-console */
|
|
2358
|
+
var baseName = function baseName(str) {
|
|
2359
|
+
return str.split("\\").pop().split("/").pop();
|
|
2360
|
+
};
|
|
2361
|
+
|
|
2362
|
+
var ImageGalleryvue_type_script_lang_js_capitalise = function capitalise(string) {
|
|
2363
|
+
return string.replace(/\b\w/g, function (v) {
|
|
2364
|
+
return v.toUpperCase();
|
|
2365
|
+
});
|
|
2366
|
+
};
|
|
2367
|
+
|
|
2368
|
+
|
|
2369
|
+
|
|
2370
|
+
|
|
2371
|
+
/* harmony default export */ var ImageGalleryvue_type_script_lang_js_ = ({
|
|
2372
|
+
name: "ImageGallery",
|
|
2373
|
+
components: {
|
|
2374
|
+
Gallery: gallery_default.a
|
|
2375
|
+
},
|
|
2376
|
+
mixins: [GalleryHelpers_default.a],
|
|
2377
|
+
props: {
|
|
2378
|
+
datasetBiolucida: {
|
|
2379
|
+
type: Object,
|
|
2380
|
+
default: function _default() {
|
|
2381
|
+
return {};
|
|
2382
|
+
}
|
|
2383
|
+
},
|
|
2384
|
+
envVars: {
|
|
2385
|
+
type: Object,
|
|
2386
|
+
default: function _default() {}
|
|
2387
|
+
},
|
|
2388
|
+
label: {
|
|
2389
|
+
type: String,
|
|
2390
|
+
default: ""
|
|
2391
|
+
},
|
|
2392
|
+
plots: {
|
|
2393
|
+
type: Array,
|
|
2394
|
+
default: function _default() {
|
|
2395
|
+
return [];
|
|
2396
|
+
}
|
|
2397
|
+
},
|
|
2398
|
+
datasetId: {
|
|
2399
|
+
type: Number,
|
|
2400
|
+
default: -1
|
|
2401
|
+
},
|
|
2402
|
+
datasetVersion: {
|
|
2403
|
+
type: Number,
|
|
2404
|
+
default: -1
|
|
2405
|
+
},
|
|
2406
|
+
datasetThumbnail: {
|
|
2407
|
+
type: String,
|
|
2408
|
+
default: ""
|
|
2409
|
+
},
|
|
2410
|
+
category: {
|
|
2411
|
+
type: String,
|
|
2412
|
+
default: "All"
|
|
2413
|
+
},
|
|
2414
|
+
entry: {
|
|
2415
|
+
type: Object,
|
|
2416
|
+
default: function _default() {
|
|
2417
|
+
return {};
|
|
2418
|
+
}
|
|
2419
|
+
}
|
|
2420
|
+
},
|
|
2421
|
+
data: function data() {
|
|
2422
|
+
return {
|
|
2423
|
+
currentIndex: 0,
|
|
2424
|
+
ro: null,
|
|
2425
|
+
maxWidth: 3,
|
|
2426
|
+
items: {
|
|
2427
|
+
"Biolucida Images": [],
|
|
2428
|
+
'Dataset': [],
|
|
2429
|
+
'Images': [],
|
|
2430
|
+
'Scaffolds': [],
|
|
2431
|
+
'Segmentations': [],
|
|
2432
|
+
'Simulations': [],
|
|
2433
|
+
'Videos': [],
|
|
2434
|
+
'Plots': []
|
|
2435
|
+
},
|
|
2436
|
+
bodyStyle: {
|
|
2437
|
+
padding: '0px',
|
|
2438
|
+
background: '#ffffff'
|
|
2439
|
+
},
|
|
2440
|
+
imageContainerStyle: {
|
|
2441
|
+
width: '160px',
|
|
2442
|
+
height: '160px',
|
|
2443
|
+
display: 'flex',
|
|
2444
|
+
alignItems: 'center',
|
|
2445
|
+
justifyContent: 'center'
|
|
2446
|
+
},
|
|
2447
|
+
imageStyle: {
|
|
2448
|
+
maxWidth: '160px',
|
|
2449
|
+
maxHeight: '160px'
|
|
2450
|
+
},
|
|
2451
|
+
shadow: "never",
|
|
2452
|
+
bottomSpacer: {
|
|
2453
|
+
minHeight: '0rem'
|
|
2454
|
+
},
|
|
2455
|
+
resetIndex: false
|
|
2456
|
+
};
|
|
2457
|
+
},
|
|
2458
|
+
methods: {
|
|
2459
|
+
cardClicked: function cardClicked(payload) {
|
|
2460
|
+
this.$emit('card-clicked', payload);
|
|
2461
|
+
},
|
|
2462
|
+
createSciCurnchItems: function createSciCurnchItems() {
|
|
2463
|
+
this.createDatasetItem();
|
|
2464
|
+
this.createScaffoldItems();
|
|
2465
|
+
this.createSimulationItems();
|
|
2466
|
+
this.createPlotItems();
|
|
2467
|
+
this.createSegmentationItems();
|
|
2468
|
+
/* Disable these two
|
|
2469
|
+
this.createImageItems();
|
|
2470
|
+
this.createVideoItems();
|
|
2471
|
+
*/
|
|
2472
|
+
},
|
|
2473
|
+
createDatasetItem: function createDatasetItem() {
|
|
2474
|
+
var link = "".concat(this.envVars.ROOT_URL, "/datasets/").concat(this.datasetId, "?type=dataset");
|
|
2475
|
+
|
|
2476
|
+
if (this.datasetThumbnail) {
|
|
2477
|
+
this.items['Dataset'].push({
|
|
2478
|
+
id: -1,
|
|
2479
|
+
//Work around gallery requires a truthy string
|
|
2480
|
+
title: " ",
|
|
2481
|
+
type: "Dataset ".concat(this.datasetId),
|
|
2482
|
+
thumbnail: this.datasetThumbnail,
|
|
2483
|
+
link: link,
|
|
2484
|
+
hideType: true,
|
|
2485
|
+
hideTitle: true
|
|
2486
|
+
});
|
|
2487
|
+
}
|
|
2488
|
+
},
|
|
2489
|
+
createImageItems: function createImageItems() {
|
|
2490
|
+
var _this = this;
|
|
2491
|
+
|
|
2492
|
+
if (this.entry.images) {
|
|
2493
|
+
this.entry.images.forEach(function (image) {
|
|
2494
|
+
var filePath = image.dataset.path;
|
|
2495
|
+
var id = image.identifier;
|
|
2496
|
+
var linkUrl = "".concat(_this.envVars.ROOT_URL, "/datasets/imageviewer?dataset_id=").concat(_this.datasetId, "&dataset_version=").concat(_this.datasetVersion, "&file_path=").concat(filePath, "&mimetype=").concat(image.mimetype.name);
|
|
2497
|
+
|
|
2498
|
+
_this.items['Images'].push({
|
|
2499
|
+
id: id,
|
|
2500
|
+
title: baseName(filePath),
|
|
2501
|
+
type: "Image",
|
|
2502
|
+
link: linkUrl,
|
|
2503
|
+
hideType: true
|
|
2504
|
+
});
|
|
2505
|
+
});
|
|
2506
|
+
}
|
|
2507
|
+
},
|
|
2508
|
+
createPlotItems: function createPlotItems() {
|
|
2509
|
+
var _this2 = this;
|
|
2510
|
+
|
|
2511
|
+
if (this.entry.plots) {
|
|
2512
|
+
this.entry.plots.forEach(function (plot) {
|
|
2513
|
+
var filePath = plot.dataset.path;
|
|
2514
|
+
var id = plot.identifier;
|
|
2515
|
+
|
|
2516
|
+
var thumbnail = _this2.getThumbnailForPlot(plot, _this2.entry.thumbnails);
|
|
2517
|
+
|
|
2518
|
+
var thumbnailURL = undefined;
|
|
2519
|
+
var mimetype = '';
|
|
2520
|
+
|
|
2521
|
+
if (thumbnail) {
|
|
2522
|
+
thumbnailURL = _this2.getImageURLFromS3(_this2.envVars.API_LOCATION, {
|
|
2523
|
+
id: id,
|
|
2524
|
+
datasetId: _this2.datasetId,
|
|
2525
|
+
datasetVersion: _this2.datasetVersion,
|
|
2526
|
+
file_path: thumbnail.dataset.path
|
|
2527
|
+
});
|
|
2528
|
+
mimetype = thumbnail.mimetype.name;
|
|
2529
|
+
}
|
|
2530
|
+
|
|
2531
|
+
var plotAnnotation = plot.datacite;
|
|
2532
|
+
var filePathPrefix = "".concat(_this2.envVars.API_LOCATION, "/s3-resource/").concat(_this2.datasetId, "/").concat(_this2.datasetVersion, "/files/");
|
|
2533
|
+
var sourceUrl = filePathPrefix + plot.dataset.path;
|
|
2534
|
+
var metadata = JSON.parse(plotAnnotation.supplemental_json_metadata.description);
|
|
2535
|
+
var supplementalData = [];
|
|
2536
|
+
|
|
2537
|
+
if (plotAnnotation.isDescribedBy) {
|
|
2538
|
+
supplementalData.push({
|
|
2539
|
+
url: filePathPrefix + plotAnnotation.isDescribedBy.path
|
|
2540
|
+
});
|
|
2541
|
+
}
|
|
2542
|
+
|
|
2543
|
+
var resource = {
|
|
2544
|
+
dataSource: {
|
|
2545
|
+
url: sourceUrl
|
|
2546
|
+
},
|
|
2547
|
+
metadata: metadata,
|
|
2548
|
+
supplementalData: supplementalData
|
|
2549
|
+
};
|
|
2550
|
+
var action = {
|
|
2551
|
+
label: ImageGalleryvue_type_script_lang_js_capitalise(_this2.label),
|
|
2552
|
+
resource: resource,
|
|
2553
|
+
title: "View plot",
|
|
2554
|
+
type: "Plot",
|
|
2555
|
+
discoverId: _this2.discoverId,
|
|
2556
|
+
version: _this2.datasetVersion
|
|
2557
|
+
};
|
|
2558
|
+
|
|
2559
|
+
_this2.items['Plots'].push({
|
|
2560
|
+
id: id,
|
|
2561
|
+
title: baseName(filePath),
|
|
2562
|
+
type: "Plot",
|
|
2563
|
+
thumbnail: thumbnailURL,
|
|
2564
|
+
userData: action,
|
|
2565
|
+
hideType: true,
|
|
2566
|
+
mimetype: mimetype
|
|
2567
|
+
});
|
|
2568
|
+
});
|
|
2569
|
+
}
|
|
2570
|
+
},
|
|
2571
|
+
createScaffoldItems: function createScaffoldItems() {
|
|
2572
|
+
var _this3 = this;
|
|
2573
|
+
|
|
2574
|
+
if (this.entry.scaffolds) {
|
|
2575
|
+
var index = 0;
|
|
2576
|
+
this.entry.scaffolds.forEach(function (scaffold) {
|
|
2577
|
+
var filePath = scaffold.dataset.path;
|
|
2578
|
+
var id = scaffold.identifier;
|
|
2579
|
+
|
|
2580
|
+
var thumbnail = _this3.getThumbnailForScaffold(scaffold, _this3.entry.scaffoldViews, _this3.entry.thumbnails, index);
|
|
2581
|
+
|
|
2582
|
+
var mimetype = '';
|
|
2583
|
+
var thumbnailURL = undefined;
|
|
2584
|
+
|
|
2585
|
+
if (thumbnail) {
|
|
2586
|
+
thumbnailURL = _this3.getImageURLFromS3(_this3.envVars.API_LOCATION, {
|
|
2587
|
+
id: id,
|
|
2588
|
+
datasetId: _this3.datasetId,
|
|
2589
|
+
datasetVersion: _this3.datasetVersion,
|
|
2590
|
+
file_path: thumbnail.dataset.path
|
|
2591
|
+
});
|
|
2592
|
+
mimetype = thumbnail.mimetype.name;
|
|
2593
|
+
}
|
|
2594
|
+
|
|
2595
|
+
var action = {
|
|
2596
|
+
label: ImageGalleryvue_type_script_lang_js_capitalise(_this3.label),
|
|
2597
|
+
resource: "".concat(_this3.envVars.API_LOCATION, "s3-resource/").concat(_this3.datasetId, "/").concat(_this3.datasetVersion, "/files/").concat(filePath),
|
|
2598
|
+
title: "View 3D scaffold",
|
|
2599
|
+
type: "Scaffold",
|
|
2600
|
+
discoverId: _this3.datasetId,
|
|
2601
|
+
apiLocation: _this3.envVars.API_LOCATION,
|
|
2602
|
+
version: _this3.datasetVersion,
|
|
2603
|
+
banner: _this3.datasetThumbnail,
|
|
2604
|
+
contextCardUrl: _this3.entry.contextualInformation ? "".concat(_this3.envVars.API_LOCATION, "s3-resource/").concat(_this3.datasetId, "/").concat(_this3.datasetVersion, "/files/").concat(_this3.entry.contextualInformation) : undefined
|
|
2605
|
+
};
|
|
2606
|
+
|
|
2607
|
+
_this3.items['Scaffolds'].push({
|
|
2608
|
+
id: id,
|
|
2609
|
+
title: baseName(filePath),
|
|
2610
|
+
type: "Scaffold",
|
|
2611
|
+
thumbnail: thumbnailURL,
|
|
2612
|
+
userData: action,
|
|
2613
|
+
hideType: true,
|
|
2614
|
+
mimetype: mimetype
|
|
2615
|
+
});
|
|
2616
|
+
});
|
|
2617
|
+
}
|
|
2618
|
+
},
|
|
2619
|
+
createSegmentationItems: function createSegmentationItems() {
|
|
2620
|
+
var _this4 = this;
|
|
2621
|
+
|
|
2622
|
+
if (this.entry.segmentation) {
|
|
2623
|
+
this.entry.segmentation.forEach(function (segmentation) {
|
|
2624
|
+
var id = segmentation.id;
|
|
2625
|
+
var filePath = segmentation.dataset.path;
|
|
2626
|
+
filePath = filePath.replaceAll(" ", "_");
|
|
2627
|
+
filePath = filePath.replaceAll(",", "_");
|
|
2628
|
+
var prefix = _this4.envVars.NL_LINK_PREFIX;
|
|
2629
|
+
var resource = {
|
|
2630
|
+
share_link: "".concat(prefix, "/dataviewer?datasetId=").concat(_this4.datasetId, "&version=").concat(_this4.datasetVersion, "&path=files/").concat(filePath)
|
|
2631
|
+
};
|
|
2632
|
+
var action = {
|
|
2633
|
+
label: ImageGalleryvue_type_script_lang_js_capitalise(_this4.label),
|
|
2634
|
+
resource: resource,
|
|
2635
|
+
datasetId: _this4.datasetId,
|
|
2636
|
+
title: "View segmentation",
|
|
2637
|
+
type: "Segmentation"
|
|
2638
|
+
};
|
|
2639
|
+
|
|
2640
|
+
var thumbnailURL = _this4.getSegmentationThumbnailURL(_this4.envVars.API_LOCATION, {
|
|
2641
|
+
id: id,
|
|
2642
|
+
datasetId: _this4.datasetId,
|
|
2643
|
+
datasetVersion: _this4.datasetVersion,
|
|
2644
|
+
segmentationFilePath: filePath
|
|
2645
|
+
});
|
|
2646
|
+
|
|
2647
|
+
_this4.items['Segmentations'].push({
|
|
2648
|
+
id: id,
|
|
2649
|
+
title: baseName(filePath),
|
|
2650
|
+
type: "Segmentation",
|
|
2651
|
+
thumbnail: thumbnailURL,
|
|
2652
|
+
userData: action,
|
|
2653
|
+
hideType: true,
|
|
2654
|
+
mimetype: 'image/png'
|
|
2655
|
+
});
|
|
2656
|
+
});
|
|
2657
|
+
}
|
|
2658
|
+
},
|
|
2659
|
+
createSimulationItems: function createSimulationItems() {
|
|
2660
|
+
if (this.entry.simulation && this.entry.simulation.length > 0) {
|
|
2661
|
+
var action = {
|
|
2662
|
+
label: undefined,
|
|
2663
|
+
apiLocation: this.envVars.API_LOCATION,
|
|
2664
|
+
version: this.datasetVersion,
|
|
2665
|
+
title: "View simulation",
|
|
2666
|
+
type: "Simulation",
|
|
2667
|
+
name: this.entry.name,
|
|
2668
|
+
description: this.entry.description,
|
|
2669
|
+
discoverId: this.datasetId,
|
|
2670
|
+
dataset: "".concat(this.envVars.ROOT_URL, "/datasets/").concat(this.datasetId, "?type=dataset")
|
|
2671
|
+
};
|
|
2672
|
+
this.items['Simulations'].push({
|
|
2673
|
+
id: "simulation",
|
|
2674
|
+
title: " ",
|
|
2675
|
+
type: "Simulation",
|
|
2676
|
+
hideType: true,
|
|
2677
|
+
hideTitle: true,
|
|
2678
|
+
userData: action
|
|
2679
|
+
});
|
|
2680
|
+
}
|
|
2681
|
+
},
|
|
2682
|
+
createVideoItems: function createVideoItems() {
|
|
2683
|
+
var _this5 = this;
|
|
2684
|
+
|
|
2685
|
+
if (this.entry.videos) {
|
|
2686
|
+
this.entry.videos.forEach(function (video) {
|
|
2687
|
+
var filePath = _this5.getS3FilePath(_this5.datasetId, _this5.datasetVersion, video.dataset.path);
|
|
2688
|
+
|
|
2689
|
+
var linkUrl = "".concat(_this5.envVars.ROOT_URL, "/datasets/videoviewer?dataset_version=").concat(_this5.datasetVersion, "&dataset_id=").concat(_this5.datasetId, "&file_path=").concat(filePath, "&mimetype=").concat(video.mimetype.name);
|
|
2690
|
+
|
|
2691
|
+
_this5.items['Videos'].push({
|
|
2692
|
+
title: video.name,
|
|
2693
|
+
type: "Video",
|
|
2694
|
+
thumbnail: _this5.defaultVideoImg,
|
|
2695
|
+
hideType: true,
|
|
2696
|
+
link: linkUrl
|
|
2697
|
+
});
|
|
2698
|
+
});
|
|
2699
|
+
}
|
|
2700
|
+
},
|
|
2701
|
+
onResize: function onResize() {
|
|
2702
|
+
this.maxWidth = this.$el.clientWidth; // this.$emit('resize', this.$el.clientWidth)
|
|
2703
|
+
}
|
|
2704
|
+
},
|
|
2705
|
+
computed: {
|
|
2706
|
+
galleryItems: function galleryItems() {
|
|
2707
|
+
if (this.resetIndex) {
|
|
2708
|
+
this.$refs.gallery.indicatorClicked(0);
|
|
2709
|
+
}
|
|
2710
|
+
|
|
2711
|
+
var items = _toConsumableArray(this.items["Dataset"]);
|
|
2712
|
+
|
|
2713
|
+
if (this.category === "All") {
|
|
2714
|
+
for (var _i = 0, _Object$entries = Object.entries(this.items); _i < _Object$entries.length; _i++) {
|
|
2715
|
+
var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
|
|
2716
|
+
key = _Object$entries$_i[0],
|
|
2717
|
+
value = _Object$entries$_i[1];
|
|
2718
|
+
|
|
2719
|
+
if (key !== "Dataset") items = items.concat(value);
|
|
2720
|
+
}
|
|
2721
|
+
|
|
2722
|
+
return items;
|
|
2723
|
+
} else return this.items[this.category];
|
|
2724
|
+
}
|
|
2725
|
+
},
|
|
2726
|
+
created: function created() {
|
|
2727
|
+
this.createSciCurnchItems();
|
|
2728
|
+
},
|
|
2729
|
+
watch: {
|
|
2730
|
+
category: function category() {
|
|
2731
|
+
this.resetIndex = true;
|
|
2732
|
+
},
|
|
2733
|
+
galleryItems: function galleryItems() {
|
|
2734
|
+
this.resetIndex = false;
|
|
2735
|
+
},
|
|
2736
|
+
datasetBiolucida: {
|
|
2737
|
+
deep: true,
|
|
2738
|
+
immediate: true,
|
|
2739
|
+
handler: function handler(biolucidaData) {
|
|
2740
|
+
var _this6 = this;
|
|
2741
|
+
|
|
2742
|
+
var items = [];
|
|
2743
|
+
|
|
2744
|
+
if ("dataset_images" in biolucidaData) {
|
|
2745
|
+
items.push.apply(items, _toConsumableArray(Array.from(biolucidaData.dataset_images, function (dataset_image) {
|
|
2746
|
+
var thumbnailURL = _this6.getThumbnailURLFromBiolucida(_this6.envVars.API_LOCATION, {
|
|
2747
|
+
id: dataset_image.image_id
|
|
2748
|
+
});
|
|
2749
|
+
|
|
2750
|
+
var resource = {
|
|
2751
|
+
share_link: dataset_image.share_link,
|
|
2752
|
+
id: dataset_image.image_id,
|
|
2753
|
+
itemId: dataset_image.sourcepkg_id
|
|
2754
|
+
};
|
|
2755
|
+
var action = {
|
|
2756
|
+
label: ImageGalleryvue_type_script_lang_js_capitalise(_this6.label),
|
|
2757
|
+
resource: resource,
|
|
2758
|
+
datasetId: _this6.datasetId,
|
|
2759
|
+
title: "View image",
|
|
2760
|
+
name: ImageGalleryvue_type_script_lang_js_capitalise(_this6.label),
|
|
2761
|
+
type: "Biolucida"
|
|
2762
|
+
};
|
|
2763
|
+
return {
|
|
2764
|
+
id: dataset_image.image_id,
|
|
2765
|
+
title: "Biolucida Image",
|
|
2766
|
+
type: "Image",
|
|
2767
|
+
thumbnail: thumbnailURL,
|
|
2768
|
+
userData: action,
|
|
2769
|
+
mimetype: 'image/png',
|
|
2770
|
+
hideType: true
|
|
2771
|
+
};
|
|
2772
|
+
})));
|
|
2773
|
+
}
|
|
2774
|
+
|
|
2775
|
+
this.items['Biolucida Images'] = items;
|
|
2776
|
+
}
|
|
2777
|
+
}
|
|
2778
|
+
},
|
|
2779
|
+
mounted: function mounted() {
|
|
2780
|
+
this.ro = new ResizeObserver(this.onResize).observe(this.$el);
|
|
2781
|
+
},
|
|
2782
|
+
destroyed: function destroyed() {
|
|
2783
|
+
delete this.ro;
|
|
2784
|
+
}
|
|
2785
|
+
});
|
|
2786
|
+
// CONCATENATED MODULE: ./src/components/ImageGallery.vue?vue&type=script&lang=js&
|
|
2787
|
+
/* harmony default export */ var components_ImageGalleryvue_type_script_lang_js_ = (ImageGalleryvue_type_script_lang_js_);
|
|
2788
|
+
// EXTERNAL MODULE: ./src/components/ImageGallery.vue?vue&type=style&index=0&id=6c8573ea&scoped=true&lang=css&
|
|
2789
|
+
var ImageGalleryvue_type_style_index_0_id_6c8573ea_scoped_true_lang_css_ = __webpack_require__("e03b");
|
|
2790
|
+
|
|
2791
|
+
// CONCATENATED MODULE: ./src/components/ImageGallery.vue
|
|
2792
|
+
|
|
2793
|
+
|
|
2794
|
+
|
|
2795
|
+
|
|
2796
|
+
|
|
2797
|
+
|
|
2798
|
+
/* normalize component */
|
|
2799
|
+
|
|
2800
|
+
var ImageGallery_component = normalizeComponent(
|
|
2801
|
+
components_ImageGalleryvue_type_script_lang_js_,
|
|
2802
|
+
ImageGalleryvue_type_template_id_6c8573ea_scoped_true_render,
|
|
2803
|
+
ImageGalleryvue_type_template_id_6c8573ea_scoped_true_staticRenderFns,
|
|
2804
|
+
false,
|
|
2805
|
+
null,
|
|
2806
|
+
"6c8573ea",
|
|
2807
|
+
null
|
|
2808
|
+
|
|
2809
|
+
)
|
|
2810
|
+
|
|
2811
|
+
/* harmony default export */ var ImageGallery = (ImageGallery_component.exports);
|
|
2812
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DatasetCard.vue?vue&type=script&lang=js&
|
|
2813
|
+
|
|
2814
|
+
|
|
2815
|
+
|
|
2816
|
+
|
|
2817
|
+
|
|
2818
|
+
|
|
2819
|
+
|
|
2820
|
+
|
|
2821
|
+
|
|
2822
|
+
|
|
2823
|
+
|
|
2824
|
+
|
|
2825
|
+
|
|
2826
|
+
|
|
2827
|
+
|
|
2828
|
+
|
|
2829
|
+
|
|
2830
|
+
//
|
|
2831
|
+
//
|
|
2832
|
+
//
|
|
2833
|
+
//
|
|
2834
|
+
//
|
|
2835
|
+
//
|
|
2836
|
+
//
|
|
2837
|
+
//
|
|
2838
|
+
//
|
|
2839
|
+
//
|
|
2840
|
+
//
|
|
2841
|
+
//
|
|
2842
|
+
//
|
|
2843
|
+
//
|
|
2844
|
+
//
|
|
2845
|
+
//
|
|
2846
|
+
//
|
|
2847
|
+
//
|
|
2848
|
+
//
|
|
2849
|
+
//
|
|
2850
|
+
//
|
|
2851
|
+
//
|
|
2852
|
+
//
|
|
2853
|
+
//
|
|
2854
|
+
//
|
|
2855
|
+
//
|
|
2856
|
+
//
|
|
2857
|
+
//
|
|
2858
|
+
//
|
|
2859
|
+
//
|
|
2860
|
+
//
|
|
2861
|
+
//
|
|
2862
|
+
//
|
|
2863
|
+
//
|
|
2864
|
+
//
|
|
2865
|
+
//
|
|
2866
|
+
//
|
|
2867
|
+
//
|
|
2868
|
+
//
|
|
2869
|
+
//
|
|
2870
|
+
|
|
2871
|
+
/* eslint-disable no-alert, no-console */
|
|
2872
|
+
|
|
2873
|
+
|
|
2874
|
+
|
|
2875
|
+
|
|
2876
|
+
|
|
2877
|
+
|
|
2878
|
+
|
|
2879
|
+
locale_default.a.use(en_default.a);
|
|
2880
|
+
external_vue_default.a.use(button_default.a);
|
|
2881
|
+
external_vue_default.a.use(icon_default.a);
|
|
2882
|
+
/* harmony default export */ var DatasetCardvue_type_script_lang_js_ = ({
|
|
2883
|
+
name: "DatasetCard",
|
|
2884
|
+
components: {
|
|
2885
|
+
BadgesGroup: BadgesGroup,
|
|
2886
|
+
ImageGallery: ImageGallery
|
|
2887
|
+
},
|
|
2888
|
+
props: {
|
|
2889
|
+
/**
|
|
2890
|
+
* Object containing information for
|
|
2891
|
+
* the required viewing.
|
|
2892
|
+
*/
|
|
2893
|
+
entry: {
|
|
2894
|
+
type: Object,
|
|
2895
|
+
default: function _default() {}
|
|
2896
|
+
},
|
|
2897
|
+
envVars: {
|
|
2898
|
+
type: Object,
|
|
2899
|
+
default: function _default() {}
|
|
2900
|
+
}
|
|
2901
|
+
},
|
|
2902
|
+
data: function data() {
|
|
2903
|
+
return {
|
|
2904
|
+
thumbnail: __webpack_require__("9b53"),
|
|
2905
|
+
dataLocation: this.entry.doi,
|
|
2906
|
+
discoverId: undefined,
|
|
2907
|
+
loading: true,
|
|
2908
|
+
version: 1,
|
|
2909
|
+
lastDoi: undefined,
|
|
2910
|
+
biolucidaData: undefined,
|
|
2911
|
+
currentCategory: "All"
|
|
2912
|
+
};
|
|
2913
|
+
},
|
|
2914
|
+
computed: {
|
|
2915
|
+
contributors: function contributors() {
|
|
2916
|
+
var text = "";
|
|
2917
|
+
|
|
2918
|
+
if (this.entry.contributors) {
|
|
2919
|
+
if (this.entry.contributors.length === 1) {
|
|
2920
|
+
text = this.lastName(this.entry.contributors[0].name);
|
|
2921
|
+
} else if (this.entry.contributors.length === 2) {
|
|
2922
|
+
text = this.lastName(this.entry.contributors[0].name) + " & " + this.lastName(this.entry.contributors[1].name);
|
|
2923
|
+
} else if (this.entry.contributors.length > 2) {
|
|
2924
|
+
text = this.lastName(this.entry.contributors[0].name) + " et al.";
|
|
2925
|
+
}
|
|
2926
|
+
}
|
|
2927
|
+
|
|
2928
|
+
return text;
|
|
2929
|
+
},
|
|
2930
|
+
samples: function samples() {
|
|
2931
|
+
var text = "";
|
|
2932
|
+
|
|
2933
|
+
if (this.entry.species) {
|
|
2934
|
+
if (species_map[this.entry.species[0].toLowerCase()]) {
|
|
2935
|
+
text = "".concat(species_map[this.entry.species[0].toLowerCase()]);
|
|
2936
|
+
} else {
|
|
2937
|
+
text = "".concat(this.entry.species);
|
|
2938
|
+
}
|
|
2939
|
+
}
|
|
2940
|
+
|
|
2941
|
+
if (this.entry.numberSamples > 0) {
|
|
2942
|
+
text += " (";
|
|
2943
|
+
|
|
2944
|
+
if (this.entry.numberSamples === 1) {
|
|
2945
|
+
text += "".concat(this.entry.numberSamples, " sample");
|
|
2946
|
+
} else if (this.entry.numberSamples > 1) {
|
|
2947
|
+
text += "".concat(this.entry.numberSamples, " samples");
|
|
2948
|
+
}
|
|
2949
|
+
|
|
2950
|
+
if (this.entry.numberSubjects === 1) {
|
|
2951
|
+
text += " from ".concat(this.entry.numberSubjects, " subject");
|
|
2271
2952
|
} else if (this.entry.numberSamples > 1) {
|
|
2272
2953
|
text += " from ".concat(this.entry.numberSubjects, " subjects");
|
|
2273
2954
|
}
|
|
@@ -2286,44 +2967,13 @@ var DatasetCardvue_type_script_lang_js_capitalise = function capitalise(string)
|
|
|
2286
2967
|
},
|
|
2287
2968
|
methods: {
|
|
2288
2969
|
cardClicked: function cardClicked() {
|
|
2289
|
-
|
|
2290
|
-
this.openScaffold();
|
|
2291
|
-
} else {
|
|
2292
|
-
this.openDataset();
|
|
2293
|
-
}
|
|
2970
|
+
this.openDataset();
|
|
2294
2971
|
},
|
|
2295
|
-
|
|
2296
|
-
|
|
2297
|
-
|
|
2298
|
-
|
|
2299
|
-
|
|
2300
|
-
type: "Scaffold",
|
|
2301
|
-
discoverId: this.discoverId,
|
|
2302
|
-
apiLocation: this.envVars.API_LOCATION,
|
|
2303
|
-
version: this.version,
|
|
2304
|
-
contextCardUrl: this.entry.contextualInformation ? this.getFileFromPath(this.discoverId, this.version, this.entry.contextualInformation) : undefined,
|
|
2305
|
-
banner: this.thumbnail
|
|
2306
|
-
};
|
|
2307
|
-
|
|
2308
|
-
if (hardcoded_context_info[this.discoverId]) {
|
|
2309
|
-
action.contextCardUrl = true;
|
|
2310
|
-
}
|
|
2311
|
-
|
|
2312
|
-
this.propogateCardAction(action);
|
|
2313
|
-
},
|
|
2314
|
-
openPlot: function openPlot() {
|
|
2315
|
-
var action = {
|
|
2316
|
-
label: DatasetCardvue_type_script_lang_js_capitalise(this.label),
|
|
2317
|
-
resource: this.getFileFromPath(this.discoverId, this.version, this.entry.csvFiles[0].dataset.path),
|
|
2318
|
-
title: "View plot",
|
|
2319
|
-
type: "Plot",
|
|
2320
|
-
discoverId: this.discoverId,
|
|
2321
|
-
apiLocation: this.envVars.API_LOCATION,
|
|
2322
|
-
version: this.version,
|
|
2323
|
-
contextCardUrl: this.entry.contextualInformation ? this.getFileFromPath(this.discoverId, this.version, this.entry.contextualInformation) : undefined,
|
|
2324
|
-
banner: this.thumbnail
|
|
2325
|
-
};
|
|
2326
|
-
this.propogateCardAction(action);
|
|
2972
|
+
categoryChanged: function categoryChanged(name) {
|
|
2973
|
+
this.currentCategory = name;
|
|
2974
|
+
},
|
|
2975
|
+
galleryClicked: function galleryClicked(payload) {
|
|
2976
|
+
this.propogateCardAction(payload);
|
|
2327
2977
|
},
|
|
2328
2978
|
openDataset: function openDataset() {
|
|
2329
2979
|
window.open(this.dataLocation, '_blank');
|
|
@@ -2358,51 +3008,10 @@ var DatasetCardvue_type_script_lang_js_capitalise = function capitalise(string)
|
|
|
2358
3008
|
}
|
|
2359
3009
|
});
|
|
2360
3010
|
},
|
|
2361
|
-
openSimulation: function openSimulation() {
|
|
2362
|
-
var isSedmlResource = false;
|
|
2363
|
-
var resource = undefined;
|
|
2364
|
-
this.entry.additionalLinks.forEach(function (el) {
|
|
2365
|
-
if (el.description == "SED-ML file") {
|
|
2366
|
-
isSedmlResource = true;
|
|
2367
|
-
resource = el.uri;
|
|
2368
|
-
} else if (!isSedmlResource && el.description == "CellML file") {
|
|
2369
|
-
resource = el.uri;
|
|
2370
|
-
}
|
|
2371
|
-
});
|
|
2372
|
-
var action = {
|
|
2373
|
-
label: undefined,
|
|
2374
|
-
resource: resource,
|
|
2375
|
-
dataset: this.dataLocation,
|
|
2376
|
-
apiLocation: this.envVars.API_LOCATION,
|
|
2377
|
-
version: this.version,
|
|
2378
|
-
discoverId: this.discoverId,
|
|
2379
|
-
contextCardUrl: this.entry.contextualInformation ? this.getFileFromPath(this.discoverId, this.version, this.entry.contextualInformation) : undefined,
|
|
2380
|
-
banner: this.thumbnail,
|
|
2381
|
-
title: "View simulation",
|
|
2382
|
-
name: this.entry.name,
|
|
2383
|
-
description: this.entry.description,
|
|
2384
|
-
type: "Simulation"
|
|
2385
|
-
};
|
|
2386
|
-
this.propogateCardAction(action);
|
|
2387
|
-
},
|
|
2388
3011
|
propogateCardAction: function propogateCardAction(action) {
|
|
2389
3012
|
components_EventBus.$emit("PopoverActionClick", action);
|
|
2390
3013
|
this.$emit('contextUpdate', action);
|
|
2391
3014
|
},
|
|
2392
|
-
getScaffoldPath: function getScaffoldPath(discoverId, version, scaffoldPath) {
|
|
2393
|
-
var id = discoverId;
|
|
2394
|
-
var path = "".concat(this.envVars.API_LOCATION, "s3-resource/").concat(id, "/").concat(version, "/files/").concat(scaffoldPath);
|
|
2395
|
-
return path;
|
|
2396
|
-
},
|
|
2397
|
-
getFileFromPath: function getFileFromPath(discoverId, version, path) {
|
|
2398
|
-
return "".concat(this.envVars.API_LOCATION, "s3-resource/").concat(discoverId, "/").concat(version, "/files/").concat(path);
|
|
2399
|
-
},
|
|
2400
|
-
isOverflown: function isOverflown(el) {
|
|
2401
|
-
return el.clientHeight < el.scrollHeight;
|
|
2402
|
-
},
|
|
2403
|
-
expand: function expand() {
|
|
2404
|
-
this.expanded = true;
|
|
2405
|
-
},
|
|
2406
3015
|
splitDOI: function splitDOI(doi) {
|
|
2407
3016
|
return [doi.split('/')[doi.split('/').length - 2], doi.split('/')[doi.split('/').length - 1]];
|
|
2408
3017
|
},
|
|
@@ -2414,7 +3023,7 @@ var DatasetCardvue_type_script_lang_js_capitalise = function capitalise(string)
|
|
|
2414
3023
|
this.lastDoi = this.entry.doi;
|
|
2415
3024
|
this.loading = true;
|
|
2416
3025
|
var doi = this.splitDOI(this.entry.doi);
|
|
2417
|
-
fetch("
|
|
3026
|
+
fetch("".concat(this.envVars.PENNSIEVE_API_LOCATION, "/discover/datasets/doi/").concat(doi[0], "/").concat(doi[1])).then(function (response) {
|
|
2418
3027
|
if (!response.ok) {
|
|
2419
3028
|
throw Error(response.statusText);
|
|
2420
3029
|
} else {
|
|
@@ -2425,39 +3034,49 @@ var DatasetCardvue_type_script_lang_js_capitalise = function capitalise(string)
|
|
|
2425
3034
|
_this.discoverId = data.id;
|
|
2426
3035
|
_this.version = data.version;
|
|
2427
3036
|
_this.dataLocation = "https://sparc.science/datasets/".concat(data.id, "?type=dataset");
|
|
3037
|
+
|
|
3038
|
+
_this.getBiolucidaInfo(_this.discoverId);
|
|
3039
|
+
|
|
2428
3040
|
_this.loading = false;
|
|
2429
3041
|
}).catch(function () {
|
|
2430
3042
|
//set defaults if we hit an error
|
|
2431
3043
|
_this.thumbnail = __webpack_require__("9b53");
|
|
2432
|
-
_this.discoverId =
|
|
3044
|
+
_this.discoverId = Number(_this.entry.datasetId);
|
|
2433
3045
|
_this.loading = false;
|
|
2434
3046
|
});
|
|
2435
3047
|
}
|
|
2436
3048
|
},
|
|
2437
3049
|
lastName: function lastName(fullName) {
|
|
2438
3050
|
return fullName.split(',')[0];
|
|
3051
|
+
},
|
|
3052
|
+
getBiolucidaInfo: function getBiolucidaInfo(id) {
|
|
3053
|
+
var _this2 = this;
|
|
3054
|
+
|
|
3055
|
+
var apiLocation = this.envVars.API_LOCATION;
|
|
3056
|
+
var endpoint = apiLocation + "image_search/" + id; // Add parameters if we are sent them
|
|
3057
|
+
|
|
3058
|
+
fetch(endpoint).then(function (response) {
|
|
3059
|
+
return response.json();
|
|
3060
|
+
}).then(function (data) {
|
|
3061
|
+
if (data.status == "success") _this2.biolucidaData = data;
|
|
3062
|
+
});
|
|
2439
3063
|
}
|
|
2440
3064
|
},
|
|
2441
|
-
|
|
3065
|
+
created: function created() {
|
|
2442
3066
|
this.getBanner();
|
|
2443
|
-
this.cardOverflow = this.isOverflown(this.$refs.card);
|
|
2444
3067
|
},
|
|
2445
|
-
updated: function updated() {},
|
|
2446
3068
|
watch: {
|
|
2447
3069
|
// currently not using card overflow
|
|
2448
3070
|
'entry.description': function entryDescription() {
|
|
2449
3071
|
// watch it
|
|
2450
|
-
this.cardOverflow = false;
|
|
2451
|
-
this.expanded = false;
|
|
2452
|
-
this.cardOverflow = this.isOverflown(this.$refs.card);
|
|
2453
3072
|
this.getBanner();
|
|
2454
3073
|
}
|
|
2455
3074
|
}
|
|
2456
3075
|
});
|
|
2457
3076
|
// CONCATENATED MODULE: ./src/components/DatasetCard.vue?vue&type=script&lang=js&
|
|
2458
3077
|
/* harmony default export */ var components_DatasetCardvue_type_script_lang_js_ = (DatasetCardvue_type_script_lang_js_);
|
|
2459
|
-
// EXTERNAL MODULE: ./src/components/DatasetCard.vue?vue&type=style&index=0&id=
|
|
2460
|
-
var
|
|
3078
|
+
// EXTERNAL MODULE: ./src/components/DatasetCard.vue?vue&type=style&index=0&id=bf193158&scoped=true&lang=css&
|
|
3079
|
+
var DatasetCardvue_type_style_index_0_id_bf193158_scoped_true_lang_css_ = __webpack_require__("cbfe");
|
|
2461
3080
|
|
|
2462
3081
|
// CONCATENATED MODULE: ./src/components/DatasetCard.vue
|
|
2463
3082
|
|
|
@@ -2470,22 +3089,22 @@ var DatasetCardvue_type_style_index_0_id_380e4852_scoped_true_lang_css_ = __webp
|
|
|
2470
3089
|
|
|
2471
3090
|
var DatasetCard_component = normalizeComponent(
|
|
2472
3091
|
components_DatasetCardvue_type_script_lang_js_,
|
|
2473
|
-
|
|
2474
|
-
|
|
3092
|
+
DatasetCardvue_type_template_id_bf193158_scoped_true_render,
|
|
3093
|
+
DatasetCardvue_type_template_id_bf193158_scoped_true_staticRenderFns,
|
|
2475
3094
|
false,
|
|
2476
3095
|
null,
|
|
2477
|
-
"
|
|
3096
|
+
"bf193158",
|
|
2478
3097
|
null
|
|
2479
3098
|
|
|
2480
3099
|
)
|
|
2481
3100
|
|
|
2482
3101
|
/* harmony default export */ var DatasetCard = (DatasetCard_component.exports);
|
|
2483
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
2484
|
-
var
|
|
2485
|
-
var
|
|
3102
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"65a2a86d-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/ContextCard.vue?vue&type=template&id=6cd833f3&scoped=true&
|
|
3103
|
+
var ContextCardvue_type_template_id_6cd833f3_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"container",staticClass:"context-card-container"},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.showContextCard),expression:"showContextCard"}]},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.showDetails),expression:"showDetails"}],staticClass:"hide",on:{"click":function($event){_vm.showDetails = !_vm.showDetails}}},[_vm._v("Hide information"),_c('i',{staticClass:"el-icon-arrow-up"})]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(!_vm.showDetails),expression:"!showDetails"}],staticClass:"hide",on:{"click":function($event){_vm.showDetails = !_vm.showDetails}}},[_vm._v("Show information"),_c('i',{staticClass:"el-icon-arrow-down"})]),(_vm.showDetails && Object.keys(_vm.contextData).length !== 0)?_c('el-card',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],staticClass:"context-card"},[_c('div',{staticClass:"card-left"},[_c('img',{staticClass:"context-image",attrs:{"src":_vm.entry.banner}})]),_c('div',{staticClass:"card-right scrollbar"},[_c('div',{staticClass:"title"},[_vm._v(_vm._s(_vm.contextData.heading))]),_c('div',[_vm._v(_vm._s(_vm.contextData.description))]),_c('br'),(_vm.contextData.views && _vm.contextData.views.length > 0)?_c('div',{staticClass:"subtitle"},[_vm._v("Scaffold Views")]):_vm._e(),_vm._l((_vm.contextData.views),function(view,i){return [_c('span',{key:i+'_1',staticClass:"context-card-item",on:{"click":function($event){return _vm.openViewFile(view)}}},[_c('img',{staticClass:"key-image",attrs:{"src":_vm.getFileFromPath(view.thumbnail)}}),_vm._v(" "+_vm._s(view.description)+" ")]),_c('br',{key:i})]}),_c('div',{staticStyle:{"margin-bottom":"16px"}}),(_vm.contextData.samples && _vm.contextData.samples.length > 0)?_c('div',{staticClass:"subtitle"},[_vm._v("Samples on Scaffold")]):_vm._e(),_vm._l((_vm.contextData.samples),function(sample,i){return [_c('span',{key:i+'_3',staticClass:"context-card-item",on:{"click":function($event){return _vm.toggleSampleDetails(i)}}},[_c('div',{key:i+'_6',staticStyle:{"display":"flex"}},[(sample.color)?_c('div',{staticClass:"color-box",style:('background-color:'+ sample.color)}):(sample.thumbnail)?_c('img',{staticClass:"key-image",attrs:{"src":_vm.getFileFromPath(sample.thumbnail)}}):_vm._e(),_vm._v(" "+_vm._s(sample.heading)+" "),_c('i',{staticClass:"el-icon-warning-outline info"})])]),(_vm.sampleDetails[i])?_c('div',{key:i+'_4'},[_vm._v(" "+_vm._s(sample.description)+" "),(_vm.sampleDetails[i])?_c('a',{key:i+'_5',attrs:{"href":_vm.generateFileLink(sample.path),"target":"_blank"}},[_vm._v("View Source")]):_vm._e()]):_vm._e(),_c('br',{key:i+'_2'})]})],2)]):_vm._e()],1)])}
|
|
3104
|
+
var ContextCardvue_type_template_id_6cd833f3_scoped_true_staticRenderFns = []
|
|
2486
3105
|
|
|
2487
3106
|
|
|
2488
|
-
// CONCATENATED MODULE: ./src/components/ContextCard.vue?vue&type=template&id=
|
|
3107
|
+
// CONCATENATED MODULE: ./src/components/ContextCard.vue?vue&type=template&id=6cd833f3&scoped=true&
|
|
2489
3108
|
|
|
2490
3109
|
// EXTERNAL MODULE: external "element-ui/lib/theme-chalk/link.css"
|
|
2491
3110
|
var link_css_ = __webpack_require__("230a");
|
|
@@ -2494,6 +3113,84 @@ var link_css_ = __webpack_require__("230a");
|
|
|
2494
3113
|
var link_ = __webpack_require__("7db7");
|
|
2495
3114
|
var link_default = /*#__PURE__*/__webpack_require__.n(link_);
|
|
2496
3115
|
|
|
3116
|
+
// CONCATENATED MODULE: ./src/components/hardcoded-context-info.js
|
|
3117
|
+
/* harmony default export */ var hardcoded_context_info = ({}); // //Uncomment the code below to add in hardcoded data
|
|
3118
|
+
// export default {
|
|
3119
|
+
// 77: {
|
|
3120
|
+
// "description": "This dataset contains single cell scale anatomical map of the rat intrinsic cardiac nervous system (ICNS) across four male and three female hearts. These cell clusters can be seen by the yellow data points on the image as well as spherical markers on the 3D heart scaffold. The dataset provides an integrative framework to visualise the spatial distribution of ICNS across different hearts.",
|
|
3121
|
+
// "heading": "Mapped ICN samples",
|
|
3122
|
+
// "id": "sparc.science.context_data",
|
|
3123
|
+
// "samples": [
|
|
3124
|
+
// {
|
|
3125
|
+
// "annotation": "",
|
|
3126
|
+
// "description": "Spatial location of isolated ICNS mapped onto a generic heart scaffold",
|
|
3127
|
+
// "doi": "",
|
|
3128
|
+
// "heading": "ICNS from subject M54-8",
|
|
3129
|
+
// "id": "Sample 1",
|
|
3130
|
+
// "path": "",
|
|
3131
|
+
// "view": "View 1",
|
|
3132
|
+
// "color": "#FFFF00",
|
|
3133
|
+
// "thumbnail": "https://raw.githubusercontent.com/ABI-Software/map-sidebar/main/assets/temp-pics/orange.png"
|
|
3134
|
+
// },
|
|
3135
|
+
// {
|
|
3136
|
+
// "annotation": "",
|
|
3137
|
+
// "description": "Spatial location of isolated ICNS mapped onto a generic heart scaffold",
|
|
3138
|
+
// "doi": "",
|
|
3139
|
+
// "heading": "ICNS from subject M54-5",
|
|
3140
|
+
// "id": "Sample 2",
|
|
3141
|
+
// "path": "",
|
|
3142
|
+
// "view": "View 2",
|
|
3143
|
+
// "color": "#FFA500",
|
|
3144
|
+
// "thumbnail": "https://raw.githubusercontent.com/ABI-Software/map-sidebar/main/assets/temp-pics/teal.png"
|
|
3145
|
+
// }
|
|
3146
|
+
// ],
|
|
3147
|
+
// "version": "0.1.0",
|
|
3148
|
+
// },
|
|
3149
|
+
// 221: {
|
|
3150
|
+
// "description": "3D digital tracings of the enteric plexus obtained from seven subjects (M11, M16, M162, M163, M164, M168) are mapped randomly on mouse proximal colon. The data depicts individual neural wiring patterns in enteric microcircuits, and revealed both neuron and fiber units wired in a complex organization.",
|
|
3151
|
+
// "heading": "Digital tracings of enteric plexus",
|
|
3152
|
+
// "id": "sparc.science.context_data",
|
|
3153
|
+
// "samples": [
|
|
3154
|
+
// {
|
|
3155
|
+
// "annotation": "",
|
|
3156
|
+
// "description": "Neuronal soma and fibers in a myenteric ganglion in this subject are annotated into the following groups to highlight their interactions:\n\nNeuron1,2,3 Connex: Connections between 3 neurons and cross-ganglionic fibers\n\nNeuron4_Connex: A small neuron contacts fibers passing the ganglion\n\nNeuron5: Multiple projections of a neuron in an myenteric ganglion\n\nNeuron5,3,7 Connex: Connections between 3 neurons, nerve fibers, IGNEx (complex type of intraganglionic nerve endings) and fibers in the circular muscles.\n\nNeuron8,9,10 Connex: Connections of 3 neurons with each other and with long passing fibers. \n\nIntraganglionic Nerve Ending (IGNE): Digital traces of neurites consist of complex intraganglionic nerve endings. The blue fiber has branched terminals, more likely the afferent nerve endings; the violet and cyan terminals also interweave into the fiber nest; the orange, pink and peach fibers and one process of the neuron cross the IGNE to make 1-2 conjunctions. \n",
|
|
3157
|
+
// "doi": "",
|
|
3158
|
+
// "heading": "Digital tracing for subject M11",
|
|
3159
|
+
// "id": "Sample 1",
|
|
3160
|
+
// "path": "files/derivative/sub-M11/sam-pCm11/digital-traces/pC PHPS XFP M11 20XZ 180425_180713_2_NL_20.xml",
|
|
3161
|
+
// "view": "View 1"
|
|
3162
|
+
// },
|
|
3163
|
+
// {
|
|
3164
|
+
// "annotation": "",
|
|
3165
|
+
// "description": "This digital trace demonstrates some types of wiring. A long process of the green neuron terminates in the intraganglionic nerve endings (IGNE) while in contact with a nerve fiber (cyan), soma of a neuron (peach) and processes of 3 neurons (magenta, yellow and red). Two neurons and one fiber are traced to an IGNE. ",
|
|
3166
|
+
// "doi": "",
|
|
3167
|
+
// "heading": "Digital tracing for subject M16",
|
|
3168
|
+
// "id": "Sample 2",
|
|
3169
|
+
// "path": "files/derivative/sub-M16/sam-pCm16/digital-traces/pC PHPS XFP M16 20XZ 180425_180524.xml",
|
|
3170
|
+
// "view": "View 2"
|
|
3171
|
+
// }
|
|
3172
|
+
// ],
|
|
3173
|
+
// "version": "0.1.0",
|
|
3174
|
+
// "views": [
|
|
3175
|
+
// {
|
|
3176
|
+
// "annotation": "--",
|
|
3177
|
+
// "description": "Digital tracing of neurons for subject M11.",
|
|
3178
|
+
// "id": "View 1",
|
|
3179
|
+
// "path": "files/derivative/Scaffolds/M11_view.json",
|
|
3180
|
+
// "sample": "Sample 1",
|
|
3181
|
+
// "thumbnail": "https://api.sparc.science/s3-resource/221/2/files/derivative/Scaffolds/M11_thumbnail.jpeg"
|
|
3182
|
+
// },
|
|
3183
|
+
// {
|
|
3184
|
+
// "annotation": "--",
|
|
3185
|
+
// "description": "Digital tracing of neurons for subject M16.",
|
|
3186
|
+
// "id": "View 2",
|
|
3187
|
+
// "path": "files/derivative/Scaffolds/M16_view.json",
|
|
3188
|
+
// "sample": "Sample 2",
|
|
3189
|
+
// "thumbnail": "https://api.sparc.science/s3-resource/221/2/files/derivative/Scaffolds/M16_thumbnail.jpeg"
|
|
3190
|
+
// }
|
|
3191
|
+
// ]
|
|
3192
|
+
// }
|
|
3193
|
+
// }
|
|
2497
3194
|
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ContextCard.vue?vue&type=script&lang=js&
|
|
2498
3195
|
|
|
2499
3196
|
|
|
@@ -2518,7 +3215,6 @@ var link_default = /*#__PURE__*/__webpack_require__.n(link_);
|
|
|
2518
3215
|
|
|
2519
3216
|
|
|
2520
3217
|
|
|
2521
|
-
|
|
2522
3218
|
|
|
2523
3219
|
|
|
2524
3220
|
//
|
|
@@ -2641,6 +3337,8 @@ external_vue_default.a.use(input_default.a);
|
|
|
2641
3337
|
removeDoubleFilesPath: function removeDoubleFilesPath(path) {
|
|
2642
3338
|
if (path.includes('files/')) {
|
|
2643
3339
|
return path.replace('files/', '');
|
|
3340
|
+
} else if (path.includes('files\\')) {
|
|
3341
|
+
return path.replace('files\\', '');
|
|
2644
3342
|
} else {
|
|
2645
3343
|
return path;
|
|
2646
3344
|
}
|
|
@@ -2666,7 +3364,7 @@ external_vue_default.a.use(input_default.a);
|
|
|
2666
3364
|
},
|
|
2667
3365
|
openViewFile: function openViewFile(view) {
|
|
2668
3366
|
// note that we assume that the view file is in the same directory as the scaffold (viewUrls take relative paths)
|
|
2669
|
-
this.entry.viewUrl =
|
|
3367
|
+
this.entry.viewUrl = "".concat(this.entry.apiLocation, "s3-resource/").concat(this.entry.discoverId, "/").concat(this.entry.version, "/").concat(view.path);
|
|
2670
3368
|
this.entry.type = 'Scaffold View';
|
|
2671
3369
|
components_EventBus.$emit("PopoverActionClick", this.entry);
|
|
2672
3370
|
}
|
|
@@ -2674,8 +3372,8 @@ external_vue_default.a.use(input_default.a);
|
|
|
2674
3372
|
});
|
|
2675
3373
|
// CONCATENATED MODULE: ./src/components/ContextCard.vue?vue&type=script&lang=js&
|
|
2676
3374
|
/* harmony default export */ var components_ContextCardvue_type_script_lang_js_ = (ContextCardvue_type_script_lang_js_);
|
|
2677
|
-
// EXTERNAL MODULE: ./src/components/ContextCard.vue?vue&type=style&index=0&id=
|
|
2678
|
-
var
|
|
3375
|
+
// EXTERNAL MODULE: ./src/components/ContextCard.vue?vue&type=style&index=0&id=6cd833f3&scoped=true&lang=css&
|
|
3376
|
+
var ContextCardvue_type_style_index_0_id_6cd833f3_scoped_true_lang_css_ = __webpack_require__("d168");
|
|
2679
3377
|
|
|
2680
3378
|
// CONCATENATED MODULE: ./src/components/ContextCard.vue
|
|
2681
3379
|
|
|
@@ -2688,11 +3386,11 @@ var ContextCardvue_type_style_index_0_id_41eb07ec_scoped_true_lang_css_ = __webp
|
|
|
2688
3386
|
|
|
2689
3387
|
var ContextCard_component = normalizeComponent(
|
|
2690
3388
|
components_ContextCardvue_type_script_lang_js_,
|
|
2691
|
-
|
|
2692
|
-
|
|
3389
|
+
ContextCardvue_type_template_id_6cd833f3_scoped_true_render,
|
|
3390
|
+
ContextCardvue_type_template_id_6cd833f3_scoped_true_staticRenderFns,
|
|
2693
3391
|
false,
|
|
2694
3392
|
null,
|
|
2695
|
-
"
|
|
3393
|
+
"6cd833f3",
|
|
2696
3394
|
null
|
|
2697
3395
|
|
|
2698
3396
|
)
|
|
@@ -2798,8 +3496,6 @@ function SidebarContentvue_type_script_lang_js_objectSpread(target) { for (var i
|
|
|
2798
3496
|
//
|
|
2799
3497
|
//
|
|
2800
3498
|
//
|
|
2801
|
-
//
|
|
2802
|
-
//
|
|
2803
3499
|
|
|
2804
3500
|
/* eslint-disable no-alert, no-console */
|
|
2805
3501
|
|
|
@@ -2880,10 +3576,8 @@ var initial_state = {
|
|
|
2880
3576
|
pageModel: 1,
|
|
2881
3577
|
start: 0,
|
|
2882
3578
|
hasSearched: false,
|
|
2883
|
-
sciCrunchError: false,
|
|
2884
3579
|
contextCardEntry: undefined,
|
|
2885
|
-
contextCardEnabled: true
|
|
2886
|
-
loadingScicrunch: false
|
|
3580
|
+
contextCardEnabled: true
|
|
2887
3581
|
};
|
|
2888
3582
|
/* harmony default export */ var SidebarContentvue_type_script_lang_js_ = ({
|
|
2889
3583
|
components: {
|
|
@@ -2984,15 +3678,27 @@ var initial_state = {
|
|
|
2984
3678
|
|
|
2985
3679
|
var query = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
2986
3680
|
// Algolia search
|
|
3681
|
+
this.loadingCards = true;
|
|
2987
3682
|
this.algoliaClient.search(getFilters(filters), query, this.numberPerPage, this.page).then(function (searchData) {
|
|
2988
3683
|
_this.numberOfHits = searchData.total;
|
|
2989
3684
|
_this.discoverIds = searchData.discoverIds;
|
|
2990
|
-
_this.
|
|
3685
|
+
_this._dois = searchData.dois;
|
|
2991
3686
|
_this.results = searchData.items;
|
|
2992
3687
|
_this.loadingCards = false;
|
|
2993
3688
|
|
|
2994
|
-
_this.
|
|
2995
|
-
|
|
3689
|
+
_this.scrollToTop();
|
|
3690
|
+
|
|
3691
|
+
_this.$emit("search-changed", {
|
|
3692
|
+
value: _this.searchInput,
|
|
3693
|
+
type: "query-update"
|
|
3694
|
+
});
|
|
3695
|
+
|
|
3696
|
+
if (_this._abortController) _this._abortController.abort();
|
|
3697
|
+
_this._abortController = new AbortController();
|
|
3698
|
+
var signal = _this._abortController.signal; //Search ongoing, let the current flow progress
|
|
3699
|
+
|
|
3700
|
+
_this.perItemSearch(signal, {
|
|
3701
|
+
count: 0
|
|
2996
3702
|
});
|
|
2997
3703
|
});
|
|
2998
3704
|
},
|
|
@@ -3008,32 +3714,45 @@ var initial_state = {
|
|
|
3008
3714
|
this.page = page;
|
|
3009
3715
|
this.searchAlgolia(this.filters, this.searchInput, this.numberPerPage, this.page);
|
|
3010
3716
|
},
|
|
3011
|
-
|
|
3717
|
+
handleMissingData: function handleMissingData(doi) {
|
|
3718
|
+
var i = this.results.findIndex(function (res) {
|
|
3719
|
+
return res.doi === doi;
|
|
3720
|
+
});
|
|
3721
|
+
if (this.results[i]) this.results[i].detailsReady = true;
|
|
3722
|
+
},
|
|
3723
|
+
perItemSearch: function perItemSearch(signal, data) {
|
|
3012
3724
|
var _this2 = this;
|
|
3013
3725
|
|
|
3014
|
-
|
|
3015
|
-
|
|
3016
|
-
|
|
3017
|
-
|
|
3018
|
-
|
|
3019
|
-
|
|
3020
|
-
|
|
3021
|
-
|
|
3022
|
-
|
|
3023
|
-
|
|
3024
|
-
|
|
3025
|
-
|
|
3026
|
-
|
|
3027
|
-
|
|
3028
|
-
|
|
3029
|
-
|
|
3030
|
-
|
|
3031
|
-
|
|
3032
|
-
|
|
3033
|
-
|
|
3034
|
-
|
|
3726
|
+
//Maximum 10 downloads at once to prevent long waiting time
|
|
3727
|
+
//between unfinished search and new search
|
|
3728
|
+
var maxDownloads = 10;
|
|
3729
|
+
|
|
3730
|
+
if (maxDownloads > data.count) {
|
|
3731
|
+
var doi = this._dois.shift();
|
|
3732
|
+
|
|
3733
|
+
if (doi) {
|
|
3734
|
+
data.count++;
|
|
3735
|
+
this.callSciCrunch(this.envVars.API_LOCATION, {
|
|
3736
|
+
'dois': [doi]
|
|
3737
|
+
}, signal).then(function (result) {
|
|
3738
|
+
if (result.numberOfHits === 0) _this2.handleMissingData(doi);else _this2.resultsProcessing(result);
|
|
3739
|
+
_this2.$refs.content.style["overflow-y"] = "scroll";
|
|
3740
|
+
data.count--; //Async::Download finished, get the next one
|
|
3741
|
+
|
|
3742
|
+
_this2.perItemSearch(signal, data);
|
|
3743
|
+
}).catch(function (result) {
|
|
3744
|
+
if (result.name !== 'AbortError') {
|
|
3745
|
+
_this2.handleMissingData(doi);
|
|
3746
|
+
|
|
3747
|
+
data.count--; //Async::Download not aborted, get the next one
|
|
3748
|
+
|
|
3749
|
+
_this2.perItemSearch(signal, data);
|
|
3750
|
+
}
|
|
3751
|
+
}); //Check and make another request until it gets to max downloads
|
|
3752
|
+
|
|
3753
|
+
this.perItemSearch(signal, data);
|
|
3035
3754
|
}
|
|
3036
|
-
}
|
|
3755
|
+
}
|
|
3037
3756
|
},
|
|
3038
3757
|
scrollToTop: function scrollToTop() {
|
|
3039
3758
|
if (this.$refs.content) {
|
|
@@ -3070,7 +3789,9 @@ var initial_state = {
|
|
|
3070
3789
|
numberSubjects: element.subjectSize ? parseInt(element.subjectSize) : 0,
|
|
3071
3790
|
updated: element.updated[0].timestamp.split("T")[0],
|
|
3072
3791
|
url: element.uri[0],
|
|
3073
|
-
datasetId: element.
|
|
3792
|
+
datasetId: element.dataset_identifier,
|
|
3793
|
+
datasetRevision: element.dataset_revision,
|
|
3794
|
+
datasetVersion: element.dataset_version,
|
|
3074
3795
|
organs: element.organs && element.organs.length > 0 ? _toConsumableArray(new Set(element.organs.map(function (v) {
|
|
3075
3796
|
return v.name;
|
|
3076
3797
|
}))) : undefined,
|
|
@@ -3078,9 +3799,17 @@ var initial_state = {
|
|
|
3078
3799
|
return v.species ? v.species.name : null;
|
|
3079
3800
|
}))) : undefined : undefined,
|
|
3080
3801
|
// This processing only includes each gender once into 'sexes'
|
|
3081
|
-
scaffolds: element['abi-scaffold-metadata-file']
|
|
3802
|
+
scaffolds: element['abi-scaffold-metadata-file'],
|
|
3803
|
+
thumbnails: element['abi-thumbnail'] ? element['abi-thumbnail'] : element['abi-scaffold-thumbnail'],
|
|
3804
|
+
scaffoldViews: element['abi-scaffold-view-file'],
|
|
3805
|
+
videos: element.video,
|
|
3806
|
+
plots: element['abi-plot'],
|
|
3807
|
+
images: element['common-images'],
|
|
3082
3808
|
contextualInformation: element['abi-contextual-information'].length > 0 ? element['abi-contextual-information'] : undefined,
|
|
3083
|
-
|
|
3809
|
+
segmentation: element['mbf-segmentation'],
|
|
3810
|
+
simulation: element['abi-simulation-file'],
|
|
3811
|
+
additionalLinks: element.additionalLinks,
|
|
3812
|
+
detailsReady: true
|
|
3084
3813
|
});
|
|
3085
3814
|
external_vue_default.a.set(_this3.results, i, _this3.results[i]);
|
|
3086
3815
|
});
|
|
@@ -3108,13 +3837,9 @@ var initial_state = {
|
|
|
3108
3837
|
var _this4 = this;
|
|
3109
3838
|
|
|
3110
3839
|
var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
3840
|
+
var signal = arguments.length > 2 ? arguments[2] : undefined;
|
|
3111
3841
|
return new Promise(function (resolve, reject) {
|
|
3112
|
-
//
|
|
3113
|
-
// if a new one has been started
|
|
3114
|
-
if (_this4._controller) _this4._controller.abort();
|
|
3115
|
-
_this4._controller = new AbortController();
|
|
3116
|
-
var signal = _this4._controller.signal; // Add parameters if we are sent them
|
|
3117
|
-
|
|
3842
|
+
// Add parameters if we are sent them
|
|
3118
3843
|
var fullEndpoint = _this4.envVars.API_LOCATION + _this4.searchEndpoint + "?" + _this4.createfilterParams(params);
|
|
3119
3844
|
|
|
3120
3845
|
fetch(fullEndpoint, {
|
|
@@ -3132,8 +3857,7 @@ var initial_state = {
|
|
|
3132
3857
|
mounted: function mounted() {
|
|
3133
3858
|
// initialise algolia
|
|
3134
3859
|
this.algoliaClient = new algolia_AlgoliaClient(this.envVars.ALGOLIA_ID, this.envVars.ALGOLIA_KEY, this.envVars.PENNSIEVE_API_LOCATION);
|
|
3135
|
-
this.algoliaClient.initIndex(this.envVars.ALGOLIA_INDEX);
|
|
3136
|
-
console.log('Algolia initialised in sidebar'); // temporarily disable flatmap search since there are no datasets
|
|
3860
|
+
this.algoliaClient.initIndex(this.envVars.ALGOLIA_INDEX); // temporarily disable flatmap search since there are no datasets
|
|
3137
3861
|
|
|
3138
3862
|
if (this.firstSearch === "Flatmap" || this.firstSearch === "flatmap") {
|
|
3139
3863
|
this.openSearch(undefined, '');
|
|
@@ -3148,8 +3872,8 @@ var initial_state = {
|
|
|
3148
3872
|
});
|
|
3149
3873
|
// CONCATENATED MODULE: ./src/components/SidebarContent.vue?vue&type=script&lang=js&
|
|
3150
3874
|
/* harmony default export */ var components_SidebarContentvue_type_script_lang_js_ = (SidebarContentvue_type_script_lang_js_);
|
|
3151
|
-
// EXTERNAL MODULE: ./src/components/SidebarContent.vue?vue&type=style&index=0&id=
|
|
3152
|
-
var
|
|
3875
|
+
// EXTERNAL MODULE: ./src/components/SidebarContent.vue?vue&type=style&index=0&id=2f7fbfd0&scoped=true&lang=css&
|
|
3876
|
+
var SidebarContentvue_type_style_index_0_id_2f7fbfd0_scoped_true_lang_css_ = __webpack_require__("dd3e");
|
|
3153
3877
|
|
|
3154
3878
|
// CONCATENATED MODULE: ./src/components/SidebarContent.vue
|
|
3155
3879
|
|
|
@@ -3162,17 +3886,17 @@ var SidebarContentvue_type_style_index_0_id_2df4e2e0_scoped_true_lang_css_ = __w
|
|
|
3162
3886
|
|
|
3163
3887
|
var SidebarContent_component = normalizeComponent(
|
|
3164
3888
|
components_SidebarContentvue_type_script_lang_js_,
|
|
3165
|
-
|
|
3166
|
-
|
|
3889
|
+
SidebarContentvue_type_template_id_2f7fbfd0_scoped_true_render,
|
|
3890
|
+
SidebarContentvue_type_template_id_2f7fbfd0_scoped_true_staticRenderFns,
|
|
3167
3891
|
false,
|
|
3168
3892
|
null,
|
|
3169
|
-
"
|
|
3893
|
+
"2f7fbfd0",
|
|
3170
3894
|
null
|
|
3171
3895
|
|
|
3172
3896
|
)
|
|
3173
3897
|
|
|
3174
3898
|
/* harmony default export */ var SidebarContent = (SidebarContent_component.exports);
|
|
3175
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"
|
|
3899
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"65a2a86d-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/Tabs.vue?vue&type=template&id=d68260c4&scoped=true&
|
|
3176
3900
|
var Tabsvue_type_template_id_d68260c4_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"tab-container"},_vm._l((_vm.tabTitles),function(title){return _c('div',{key:title.id,staticClass:"title"},[_c('div',{staticClass:"title-text-table",class:{ highlightText : (title.id==_vm.activeId) },on:{"click":function($event){return _vm.titleClicked(title.id)}}},[_c('div',{staticClass:"title-text"},[_vm._v(" "+_vm._s(title.title)+" ")])])])}),0)}
|
|
3177
3901
|
var Tabsvue_type_template_id_d68260c4_scoped_true_staticRenderFns = []
|
|
3178
3902
|
|