@abi-software/map-side-bar 1.5.0 → 1.5.1

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 (43) hide show
  1. package/CHANGELOG.md +228 -228
  2. package/LICENSE +201 -201
  3. package/README.md +146 -146
  4. package/babel.config.js +14 -14
  5. package/del.json +27 -0
  6. package/dist/map-side-bar.common.js +1543 -1015
  7. package/dist/map-side-bar.common.js.map +1 -1
  8. package/dist/map-side-bar.css +1 -1
  9. package/dist/map-side-bar.umd.js +1543 -1015
  10. package/dist/map-side-bar.umd.js.map +1 -1
  11. package/dist/map-side-bar.umd.min.js +3 -1
  12. package/dist/map-side-bar.umd.min.js.map +1 -1
  13. package/package-lock.json +14536 -14536
  14. package/package.json +75 -75
  15. package/public/index.html +17 -17
  16. package/scaffold_context_info.json +31 -0
  17. package/src/App.vue +164 -164
  18. package/src/algolia/algolia.js +188 -188
  19. package/src/algolia/utils.js +69 -69
  20. package/src/assets/_variables.scss +43 -43
  21. package/src/assets/styles.scss +7 -7
  22. package/src/components/BadgesGroup.vue +144 -144
  23. package/src/components/Cascader.vue +49 -49
  24. package/src/components/ContextCard.vue +397 -397
  25. package/src/components/DatasetCard.vue +328 -328
  26. package/src/components/EventBus.js +3 -3
  27. package/src/components/FlatmapDatasetCard.vue +172 -0
  28. package/src/components/ImageGallery.vue +531 -531
  29. package/src/components/PMRDatasetCard.vue +162 -0
  30. package/src/components/SearchFilters.vue +587 -587
  31. package/src/components/SideBar.vue +235 -232
  32. package/src/components/SidebarContent.vue +554 -554
  33. package/src/components/Tabs.vue +78 -78
  34. package/src/components/allPaths.js +5928 -0
  35. package/src/components/hardcoded-context-info.js +79 -79
  36. package/src/components/index.js +8 -8
  37. package/src/components/pmrTest.js +1139 -0
  38. package/src/components/processFilters.js +22 -0
  39. package/src/components/species-map.js +8 -8
  40. package/src/main.js +8 -8
  41. package/src/mixins/S3Bucket.vue +31 -31
  42. package/static.json +6 -6
  43. package/vue.config.js +19 -19
package/src/components/PMRDatasetCard.vue ADDED
@@ -0,0 +1,162 @@
1
+ <template>
2
+ <div class="dataset-card-container" ref="container">
3
+ <div class="dataset-card" ref="card">
4
+ <div class="seperator-path"></div>
5
+ <div v-loading="loading" class="card" >
6
+ <span class="card-left">
7
+ <img class="banner-img" :src="thumbnail" @click="openDataset" />
8
+ </span>
9
+ <div class="card-right" @click="openDataset">
10
+ {{entry.model}}
11
+ <el-button class="button">Download file</el-button>
12
+ </div>
13
+
14
+ </div>
15
+ </div>
16
+ </div>
17
+ </template>
18
+
19
+
20
+ <script>
21
+ /* eslint-disable no-alert, no-console */
22
+ import Vue from "vue";
23
+ import { Button, Icon } from "element-ui";
24
+ import lang from "element-ui/lib/locale/lang/en";
25
+ import locale from "element-ui/lib/locale";
26
+
27
+ locale.use(lang);
28
+ Vue.use(Button);
29
+ Vue.use(Icon);
30
+
31
+ export default {
32
+ name: "PMRDatasetCard",
33
+ props: {
34
+ /**
35
+ * Object containing information for
36
+ * the required viewing.
37
+ */
38
+ entry: {
39
+ type: Object,
40
+ default: () => {}
41
+ },
42
+ envVars: {
43
+ type: Object,
44
+ default: () => {}
45
+ },
46
+ },
47
+ data: function () {
48
+ return {
49
+ thumbnail: require('@/../assets/missing-image.svg'),
50
+ dataLocation: this.entry.doi,
51
+ discoverId: undefined,
52
+ loading: false,
53
+ version: 1,
54
+ lastDoi: undefined,
55
+ biolucidaData: undefined,
56
+ currentCategory: "All"
57
+ };
58
+ },
59
+ methods: {
60
+ openDataset() {
61
+ window.open(this.entry.model, "_blank");
62
+ },
63
+ }
64
+ };
65
+ </script>
66
+
67
+ <!-- Add "scoped" attribute to limit CSS to this component only -->
68
+ <style scoped lang="scss">
69
+ @import "~element-ui/packages/theme-chalk/src/col";
70
+ @import "~element-ui/packages/theme-chalk/src/loading";
71
+
72
+ .dataset-card {
73
+ padding-left: 16px;
74
+ position: relative;
75
+ min-height:17rem;
76
+ }
77
+
78
+ .title {
79
+ padding-bottom: 0.75rem;
80
+ font-family: Asap;
81
+ font-size: 14px;
82
+ font-weight: bold;
83
+ font-stretch: normal;
84
+ font-style: normal;
85
+ line-height: 1.5;
86
+ letter-spacing: 1.05px;
87
+ color: #484848;
88
+ cursor: pointer;
89
+ }
90
+ .card {
91
+ padding-top: 18px;
92
+ position: relative;
93
+ display: flex;
94
+ }
95
+
96
+ .card-left{
97
+ flex: 1
98
+ }
99
+
100
+ .card-right {
101
+ flex: 1.3;
102
+ padding-left: 6px;
103
+ }
104
+
105
+ .button{
106
+ z-index: 10;
107
+ font-family: Asap;
108
+ font-size: 14px;
109
+ font-weight: normal;
110
+ font-stretch: normal;
111
+ font-style: normal;
112
+ line-height: normal;
113
+ letter-spacing: normal;
114
+ background-color: $app-primary-color;
115
+ border: $app-primary-color;
116
+ color: white;
117
+ cursor: pointer;
118
+ margin-top: 8px;
119
+ }
120
+
121
+ .button:hover {
122
+ background-color: $app-primary-color;
123
+ color: white;
124
+ }
125
+
126
+ .banner-img {
127
+ width: 128px;
128
+ height: 128px;
129
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
130
+ background-color: #ffffff;
131
+ cursor: pointer;
132
+ }
133
+ .details{
134
+ font-family: Asap;
135
+ font-size: 14px;
136
+ font-weight: normal;
137
+ font-stretch: normal;
138
+ font-style: normal;
139
+ line-height: 1.5;
140
+ letter-spacing: 1.05px;
141
+ color: #484848;
142
+ }
143
+
144
+ .badges-container {
145
+ margin-top:0.75rem;
146
+ }
147
+
148
+ .loading-icon {
149
+ z-index: 20;
150
+ width: 40px;
151
+ height: 40px;
152
+ left: 80px;
153
+ }
154
+
155
+ .loading-icon ::v-deep .el-loading-mask {
156
+ background-color: rgba(117, 190, 218, 0.0) !important;
157
+ }
158
+
159
+ .loading-icon ::v-deep .el-loading-spinner .path {
160
+ stroke: $app-primary-color;
161
+ }
162
+ </style>