@abi-software/map-side-bar 1.1.4 → 1.1.6

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.
@@ -1,78 +1,78 @@
1
- <template>
2
- <div class="tab-container">
3
- <div class="title" v-for="title in tabTitles" :key="title.id">
4
- <div class="title-text-table" v-bind:class="{ highlightText : (title.id==activeId) }" v-on:click="titleClicked(title.id)">
5
- <div class="title-text">
6
- {{title.title}}
7
- </div>
8
- </div>
9
- </div>
10
- </div>
11
- </template>
12
-
13
- <script>
14
- /* eslint-disable no-alert, no-console */
15
-
16
- export default {
17
- name: "Tabs",
18
- props: {
19
- tabTitles: {
20
- type: Array,
21
- default: () => []
22
- },
23
- activeId: {
24
- type: Number,
25
- default: 1
26
- }
27
- },
28
- methods: {
29
- titleClicked: function(id) {
30
- this.$emit("titleClicked", id);
31
- },
32
- }
33
-
34
- };
35
- </script>
36
-
37
- <!-- Add "scoped" attribute to limit CSS to this component only -->
38
- <style scoped>
39
-
40
- .tab-container{
41
- height: 28px;
42
- }
43
-
44
- .title {
45
- width: 101px;
46
- height: 28px;
47
- border: solid 1px #dcdfe6;
48
- border-bottom: none;
49
- background-color: white;
50
- display:inline-block;
51
- }
52
-
53
- .title:hover {
54
- cursor: pointer;
55
- }
56
-
57
- .title-text {
58
- text-align:center;
59
- display: table-cell;
60
- vertical-align: middle;
61
- font-size: 14px;
62
- }
63
-
64
- .title-text-table {
65
- display:table;
66
- height: 100%;
67
- width: 100%;
68
- }
69
-
70
- .parent-dialog:hover .title-text {
71
- color:#8300bf;
72
- }
73
-
74
- .highlightText {
75
- color:#8300bf;
76
- }
77
-
78
- </style>
1
+ <template>
2
+ <div class="tab-container">
3
+ <div class="title" v-for="title in tabTitles" :key="title.id">
4
+ <div class="title-text-table" v-bind:class="{ highlightText : (title.id==activeId) }" v-on:click="titleClicked(title.id)">
5
+ <div class="title-text">
6
+ {{title.title}}
7
+ </div>
8
+ </div>
9
+ </div>
10
+ </div>
11
+ </template>
12
+
13
+ <script>
14
+ /* eslint-disable no-alert, no-console */
15
+
16
+ export default {
17
+ name: "Tabs",
18
+ props: {
19
+ tabTitles: {
20
+ type: Array,
21
+ default: () => []
22
+ },
23
+ activeId: {
24
+ type: Number,
25
+ default: 1
26
+ }
27
+ },
28
+ methods: {
29
+ titleClicked: function(id) {
30
+ this.$emit("titleClicked", id);
31
+ },
32
+ }
33
+
34
+ };
35
+ </script>
36
+
37
+ <!-- Add "scoped" attribute to limit CSS to this component only -->
38
+ <style scoped>
39
+
40
+ .tab-container{
41
+ height: 28px;
42
+ }
43
+
44
+ .title {
45
+ width: 101px;
46
+ height: 28px;
47
+ border: solid 1px #dcdfe6;
48
+ border-bottom: none;
49
+ background-color: white;
50
+ display:inline-block;
51
+ }
52
+
53
+ .title:hover {
54
+ cursor: pointer;
55
+ }
56
+
57
+ .title-text {
58
+ text-align:center;
59
+ display: table-cell;
60
+ vertical-align: middle;
61
+ font-size: 14px;
62
+ }
63
+
64
+ .title-text-table {
65
+ display:table;
66
+ height: 100%;
67
+ width: 100%;
68
+ }
69
+
70
+ .parent-dialog:hover .title-text {
71
+ color:#8300bf;
72
+ }
73
+
74
+ .highlightText {
75
+ color:#8300bf;
76
+ }
77
+
78
+ </style>
@@ -1,8 +1,8 @@
1
- import SideBar from "./SideBar.vue"
2
-
3
- export {
4
- SideBar
5
- };
6
-
7
-
8
-
1
+ import SideBar from "./SideBar.vue"
2
+
3
+ export {
4
+ SideBar
5
+ };
6
+
7
+
8
+
@@ -1,29 +1,29 @@
1
- export default {
2
- 77: {
3
- version: 2, meta_file: 'integrated_metadata.json', contextCard: {
4
- title: "ICN fitted Scaffold",
5
- description: "Points are mapped to their positions on a 3d heart that is mapped to the data.",
6
- bannerImage: 'https://raw.githubusercontent.com/Tehsurfer/map-sidebar/tabs/assets/temp-pics/icn.png',
7
- keys: [{
8
- image: "https://raw.githubusercontent.com/Tehsurfer/map-sidebar/tabs/assets/temp-pics/orange.png",
9
- text: "ICN Subject 54-8"
10
- }, {
11
- image: "https://raw.githubusercontent.com/Tehsurfer/map-sidebar/tabs/assets/temp-pics/teal.png",
12
- text: "ICN Subject 54-5"
13
- }
14
- ]
15
- },
16
- },
17
- 76: { version: 2, meta_file: 'mouseColon_metadata.json' },
18
- 32: {
19
- version: 3, meta_file: 'mouse-heart-071020_metadata.json', contextCard: {
20
- title: "Neural paths mapped to a heart scaffold",
21
- description: "Points are mapped to their positions on a 3d heart that is mapped to the data.",
22
- bannerImage: 'https://raw.githubusercontent.com/Tehsurfer/map-sidebar/tabs/assets/temp-pics/aNIksBFARaKwlKhpnDCKbA.png',
23
- keys: [{
24
- image: "https://raw.githubusercontent.com/Tehsurfer/map-sidebar/tabs/assets/temp-pics/VqNcZ8fSQJu5TJEf9ahwvA.png",
25
- text: "Neural path"
26
- }],
27
- }
28
- }
29
- }
1
+ export default {
2
+ 77: {
3
+ version: 2, meta_file: 'integrated_metadata.json', contextCard: {
4
+ title: "ICN fitted Scaffold",
5
+ description: "Points are mapped to their positions on a 3d heart that is mapped to the data.",
6
+ bannerImage: 'https://raw.githubusercontent.com/Tehsurfer/map-sidebar/tabs/assets/temp-pics/icn.png',
7
+ keys: [{
8
+ image: "https://raw.githubusercontent.com/Tehsurfer/map-sidebar/tabs/assets/temp-pics/orange.png",
9
+ text: "ICN Subject 54-8"
10
+ }, {
11
+ image: "https://raw.githubusercontent.com/Tehsurfer/map-sidebar/tabs/assets/temp-pics/teal.png",
12
+ text: "ICN Subject 54-5"
13
+ }
14
+ ]
15
+ },
16
+ },
17
+ 76: { version: 2, meta_file: 'mouseColon_metadata.json' },
18
+ 32: {
19
+ version: 3, meta_file: 'mouse-heart-071020_metadata.json', contextCard: {
20
+ title: "Neural paths mapped to a heart scaffold",
21
+ description: "Points are mapped to their positions on a 3d heart that is mapped to the data.",
22
+ bannerImage: 'https://raw.githubusercontent.com/Tehsurfer/map-sidebar/tabs/assets/temp-pics/aNIksBFARaKwlKhpnDCKbA.png',
23
+ keys: [{
24
+ image: "https://raw.githubusercontent.com/Tehsurfer/map-sidebar/tabs/assets/temp-pics/VqNcZ8fSQJu5TJEf9ahwvA.png",
25
+ text: "Neural path"
26
+ }],
27
+ }
28
+ }
29
+ }
@@ -1,8 +1,8 @@
1
- export default {
2
- 'homo sapiens': 'Human',
3
- 'rattus norvegicus': 'Rat',
4
- 'mus musculus': 'Mouse',
5
- 'sus scrofa domesticus': 'Pig',
6
- 'sus scrofa': 'Boar',
7
- 'felis catus': 'Cat'
8
- }
1
+ export default {
2
+ 'homo sapiens': 'Human',
3
+ 'rattus norvegicus': 'Rat',
4
+ 'mus musculus': 'Mouse',
5
+ 'sus scrofa domesticus': 'Pig',
6
+ 'sus scrofa': 'Boar',
7
+ 'felis catus': 'Cat'
8
+ }
package/src/main.js CHANGED
@@ -1,8 +1,8 @@
1
- import Vue from 'vue'
2
- import App from './App.vue'
3
-
4
- import vueCustomElement from 'vue-custom-element'
5
- Vue.use(vueCustomElement)
6
-
7
- Vue.config.productionTip = false
8
- Vue.customElement('map-side-bar', App)
1
+ import Vue from 'vue'
2
+ import App from './App.vue'
3
+
4
+ import vueCustomElement from 'vue-custom-element'
5
+ Vue.use(vueCustomElement)
6
+
7
+ Vue.config.productionTip = false
8
+ Vue.customElement('map-side-bar', App)
package/static.json CHANGED
@@ -1,7 +1,7 @@
1
- {
2
- "root": "dist",
3
- "clean_urls": true,
4
- "routes": {
5
- "/**": "index.html"
6
- }
1
+ {
2
+ "root": "dist",
3
+ "clean_urls": true,
4
+ "routes": {
5
+ "/**": "index.html"
6
+ }
7
7
  }
package/vue.config.js CHANGED
@@ -1,11 +1,11 @@
1
- const nodeExternals = require('webpack-node-externals');
2
-
3
- module.exports = {
4
- configureWebpack: config => {
5
- if(process.env.NODE_ENV === 'production') {
6
- //By including element-ui and all abi projects, the problem with element-ui
7
- //stylesheet can be avoided.
8
- config.externals = [ nodeExternals() ];
9
- }
10
- },
11
- }
1
+ const nodeExternals = require('webpack-node-externals');
2
+
3
+ module.exports = {
4
+ configureWebpack: config => {
5
+ if(process.env.NODE_ENV === 'production') {
6
+ //By including element-ui and all abi projects, the problem with element-ui
7
+ //stylesheet can be avoided.
8
+ config.externals = [ nodeExternals() ];
9
+ }
10
+ },
11
+ }