@abi-software/flatmapvuer 0.3.0-beta-2-upstream-downstream-7 → 0.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.
Files changed (13) hide show
  1. package/dist/flatmapvuer.common.js +114 -105
  2. package/dist/flatmapvuer.common.js.map +1 -1
  3. package/dist/flatmapvuer.css +1 -1
  4. package/dist/flatmapvuer.umd.js +114 -105
  5. package/dist/flatmapvuer.umd.js.map +1 -1
  6. package/dist/flatmapvuer.umd.min.js +1 -1
  7. package/dist/flatmapvuer.umd.min.js.map +1 -1
  8. package/package-lock.json +50 -78
  9. package/package.json +2 -2
  10. package/src/App.vue +2 -2
  11. package/src/components/FlatmapVuer.vue +69 -42
  12. package/src/components/Tooltip.vue +88 -63
  13. package/src/components/flatmapQueries.js +0 -0
package/src/components/Tooltip.vue CHANGED
@@ -7,74 +7,76 @@
7
7
  <div class="block" v-else>
8
8
  <span class="title">{{content.featureId}}</span>
9
9
  </div>
10
- <!-- Currently we don't show the pubmed viewer, will remove once we are certain it won't be used -->
11
- <pubmed-viewer v-if="content.featureIds" v-show="false" class="block" :entry="content" @pubmedSearchUrl="pubmedSearchUrlUpdate"/>
12
- {{content.paths}}
13
- <div v-if="this.origins" class="block">
14
- <div>
15
- <span class="attribute-title">Origin</span>
16
- <el-popover
17
- width="250"
18
- trigger="hover"
19
- :append-to-body=false
20
- popper-class="popover-origin-help"
21
- >
22
- <i slot="reference" class="el-icon-warning-outline info"/>
23
- <span style="word-break: keep-all;">
24
- <i>Origin</i> {{originDescription}}
25
- </span>
26
- </el-popover>
10
+ <div class="content-container scrollbar">
11
+ <!-- Currently we don't show the pubmed viewer, will remove once we are certain it won't be used -->
12
+ <pubmed-viewer v-if="content.featureIds" v-show="false" class="block" :entry="content" @pubmedSearchUrl="pubmedSearchUrlUpdate"/>
13
+ {{content.paths}}
14
+ <div v-if="this.origins" class="block">
15
+ <div>
16
+ <span class="attribute-title">Origin</span>
17
+ <el-popover
18
+ width="250"
19
+ trigger="hover"
20
+ :append-to-body=false
21
+ popper-class="popover-origin-help"
22
+ >
23
+ <i slot="reference" class="el-icon-warning-outline info"/>
24
+ <span style="word-break: keep-all;">
25
+ <i>Origin</i> {{originDescription}}
26
+ </span>
27
+ </el-popover>
28
+ </div>
29
+ <div v-for="origin in origins" class="attribute-content" :key="origin">
30
+ {{ capitalise(origin) }}
31
+ </div>
32
+ <el-button v-show="originsWithDatasets.length > 0" class="button" @click="openDendrites">
33
+ Explore origin data
34
+ </el-button>
27
35
  </div>
28
- <div v-for="origin in origins" class="attribute-content" :key="origin">
29
- {{ capitalise(origin) }}
36
+ <div v-if="this.components" class="block">
37
+ <div class="attribute-title">Components</div>
38
+ <div v-for="component in components" class="attribute-content" :key="component">
39
+ {{ capitalise(component) }}
40
+ </div>
30
41
  </div>
31
- <el-button v-show="originsWithDatasets.length > 0" class="button" @click="openDendrites">
32
- Explore origin data
33
- </el-button>
34
- </div>
35
- <div v-if="this.components" class="block">
36
- <div class="attribute-title">Components</div>
37
- <div v-for="component in components" class="attribute-content" :key="component">
38
- {{ capitalise(component) }}
39
- </div>
40
- </div>
41
- <div v-if="this.destinations" class="block">
42
- <div>
43
- <span class="attribute-title">Destination</span>
44
- <el-popover
45
- width="250"
46
- trigger="hover"
47
- :append-to-body=false
48
- popper-class="popover-origin-help"
49
- >
50
- <i slot="reference" class="el-icon-warning-outline info"/>
51
- <span style="word-break: keep-all;">
52
- <i>Destination</i> is where the axons terminate
53
- </span>
54
- </el-popover>
55
- </div>
56
- <div v-for="destination in destinations" class="attribute-content" :key="destination">
57
- {{ capitalise(destination) }}
42
+ <div v-if="this.destinations" class="block">
43
+ <div>
44
+ <span class="attribute-title">Destination</span>
45
+ <el-popover
46
+ width="250"
47
+ trigger="hover"
48
+ :append-to-body=false
49
+ popper-class="popover-origin-help"
50
+ >
51
+ <i slot="reference" class="el-icon-warning-outline info"/>
52
+ <span style="word-break: keep-all;">
53
+ <i>Destination</i> is where the axons terminate
54
+ </span>
55
+ </el-popover>
56
+ </div>
57
+ <div v-for="destination in destinations" class="attribute-content" :key="destination">
58
+ {{ capitalise(destination) }}
59
+ </div>
60
+ <el-button v-show="destinationsWithDatasets.length > 0" class="button" @click="openAxons">
61
+ Explore destination data
62
+ </el-button>
58
63
  </div>
59
- <el-button v-show="destinationsWithDatasets.length > 0" class="button" @click="openAxons">
60
- Explore destination data
64
+
65
+ <!-- We will serach on components until we can search on neurons -->
66
+ <el-button v-show="components.length > 0" class="button" @click="openAll">
67
+ Search for data on components
61
68
  </el-button>
62
- </div>
63
69
 
64
- <!-- We will serach on components until we can search on neurons -->
65
- <el-button v-show="components.length > 0" class="button" @click="openAll">
66
- Search for data on components
67
- </el-button>
68
-
69
- <!-- Disable neuron search until it is ready -->
70
- <!-- <el-button v-for="action in content.actions" round :key="action.title"
71
- class="button" @click="resourceSelected(action)">
72
- <i v-if="action.title === 'Search for datasets' || action.title === 'View Dataset' " class="el-icon-coin"></i>
73
- {{action.title}}
74
- </el-button> -->
75
- <el-button v-if="pubmedSearchUrl" class="button" icon="el-icon-notebook-2" @click="openUrl(pubmedSearchUrl)">
76
- Open publications in pubmed
77
- </el-button>
70
+ <!-- Disable neuron search until it is ready -->
71
+ <!-- <el-button v-for="action in content.actions" round :key="action.title"
72
+ class="button" @click="resourceSelected(action)">
73
+ <i v-if="action.title === 'Search for datasets' || action.title === 'View Dataset' " class="el-icon-coin"></i>
74
+ {{action.title}}
75
+ </el-button> -->
76
+ <el-button v-if="pubmedSearchUrl" class="button" icon="el-icon-notebook-2" @click="openUrl(pubmedSearchUrl)">
77
+ Open publications in pubmed
78
+ </el-button>
79
+ </div>
78
80
  </el-main>
79
81
  </div>
80
82
  </template>
@@ -486,6 +488,29 @@ export default {
486
488
  }
487
489
  }
488
490
 
491
+ .content-container {
492
+ overflow-y: scroll;
493
+ scrollbar-width: thin !important;
494
+ height: 200px;
495
+ }
496
+
497
+ .scrollbar::-webkit-scrollbar-track {
498
+ border-radius: 10px;
499
+ background-color: #f5f5f5;
500
+ }
501
+
502
+ .scrollbar::-webkit-scrollbar {
503
+ width: 12px;
504
+ right: -12px;
505
+ background-color: #f5f5f5;
506
+ }
507
+
508
+ .scrollbar::-webkit-scrollbar-thumb {
509
+ border-radius: 4px;
510
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
511
+ background-color: #979797;
512
+ }
513
+
489
514
 
490
515
  /* Fix for chrome bug where under triangle pops up above one on top of it */
491
516
  .selector:not(*:root), .tooltip-container::after{
package/src/components/flatmapQueries.js DELETED
File without changes