npm - @abi-software/map-side-bar - Versions diffs - 2.4.0-alpha-1 → 2.4.0-isan-0 - Mend

@abi-software/map-side-bar 2.4.0-alpha-1 → 2.4.0-isan-0

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

package/.eslintrc.js +12 -12
package/.postcssrc.json +5 -5
package/LICENSE +201 -201
package/README.md +168 -168
package/cypress.config.js +23 -23
package/dist/map-side-bar.js +9362 -15112
package/dist/map-side-bar.umd.cjs +103 -50
package/dist/style.css +1 -1
package/package.json +77 -77
package/reporter-config.json +9 -9
package/src/App.vue +268 -266
package/src/algolia/algolia.js +256 -255
package/src/algolia/utils.js +105 -100
package/src/assets/_variables.scss +43 -43
package/src/assets/styles.scss +6 -6
package/src/components/BadgesGroup.vue +124 -124
package/src/components/ConnectivityInfo.vue +619 -619
package/src/components/DatasetCard.vue +367 -367
package/src/components/EventBus.js +3 -3
package/src/components/ExternalResourceCard.vue +113 -113
package/src/components/ImageGallery.vue +542 -542
package/src/components/PMRDatasetCard.vue +303 -237
package/src/components/SearchFilters.vue +1023 -1023
package/src/components/SearchHistory.vue +175 -175
package/src/components/SideBar.vue +456 -436
package/src/components/SidebarContent.vue +710 -730
package/src/components/Tabs.vue +145 -145
package/src/components/index.js +8 -8
package/src/components/species-map.js +8 -8
package/src/components.d.ts +0 -1
package/src/exampleConnectivityInput.js +291 -291
package/src/flatmapQueries/flatmapQueries.js +220 -168
package/src/main.js +9 -9
package/src/mixins/S3Bucket.vue +37 -37
package/src/mixins/mixedPageCalculation.vue +102 -78
package/static.json +6 -6
package/vite.config.js +55 -55
package/vuese-generator.js +65 -65
package/dist/data/pmr-sample.json +0 -3181
package/public/data/pmr-sample.json +0 -3181
package/src/components/FlatmapDatasetCard.vue +0 -171
package/src/components/allPaths.js +0 -5928
package/src/components/pmrTest.js +0 -4

package/src/components/FlatmapDatasetCard.vue DELETED Viewed

@@ -1,171 +0,0 @@
-<template>
-  <div class="dataset-card-container"  ref="container">
-    <div class="dataset-card"  ref="card">
-      <div class="seperator-path"></div>
-      <div v-loading="loading" class="card" >
-        <span class="card-left">
-          <img class="banner-img" :src="thumbnail" @click="openDataset" />
-        </span>
-        <div class="card-right" @click="openDataset">
-          {{entry[0]}}
-          {{entry [1]}}
-          <el-button class="button">View on flatmap</el-button>
-          <el-button class="button">View connectivity</el-button>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-/* eslint-disable no-alert, no-console */
-import {
-  ElButton,
-  ElIcon
-} from 'element-plus'
-export default {
-  name: "PMRDatasetCard",
-  components: {
-    ElButton,
-    ElIcon
-  },
-  props: {
-    /**
-     * Object containing information for
-     * the required viewing.
-     */
-    entry: {
-      type: Array,
-      default: () => []
-    },
-    envVars: {
-      type: Object,
-      default: () => {}
-    },
-  },
-  data: function () {
-    return {
-      // url below is a missing image icon
-      thumbnail: 'assets/missing-image.svg',
-      dataLocation: this.entry.doi,
-      discoverId: undefined,
-      loading: false,
-      version: 1,
-      lastDoi: undefined,
-      biolucidaData: undefined,
-      currentCategory: "All"
-    };
-  },
-  methods: {
-    openDataset() {
-      window.open(this.entry.model, "_blank");
-    },
-  }
-};
-</script>
-<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped lang="scss">
-.dataset-card {
-  padding-left: 16px;
-  position: relative;
-  min-height:17rem;
-}
-.title {
-  padding-bottom: 0.75rem;
-  font-family: Asap;
-  font-size: 14px;
-  font-weight: bold;
-  font-stretch: normal;
-  font-style: normal;
-  line-height: 1.5;
-  letter-spacing: 1.05px;
-  color: #484848;
-  cursor: pointer;
-}
-.card {
-  padding-top: 18px;
-  position: relative;
-  display: flex;
-}
-.card-left{
-  flex: 1
-}
-.card-right {
-  flex: 1.3;
-  padding-left: 6px;
-}
-.button{
-  z-index: 10;
-  font-family: Asap;
-  font-size: 14px;
-  font-weight: normal;
-  font-stretch: normal;
-  font-style: normal;
-  line-height: normal;
-  letter-spacing: normal;
-  background-color: $app-primary-color;
-  border: $app-primary-color;
-  color: white;
-  cursor: pointer;
-  margin-top: 8px;
-}
-.button:hover {
-  background-color: $app-primary-color;
-  color: white;
-}
-.banner-img {
-  width: 128px;
-  height: 128px;
-  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
-  background-color: #ffffff;
-  cursor: pointer;
-}
-.details{
-  font-family: Asap;
-  font-size: 14px;
-  font-weight: normal;
-  font-stretch: normal;
-  font-style: normal;
-  line-height: 1.5;
-  letter-spacing: 1.05px;
-  color: #484848;
-}
-.badges-container {
-  margin-top:0.75rem;
-}
-.loading-icon {
-  z-index: 20;
-  width: 40px;
-  height: 40px;
-  left: 80px;
-}
-.loading-icon ::v-deep(.el-loading-mask) {
-  background-color: rgba(117, 190, 218, 0.0) !important;
-}
-.loading-icon ::v-deep(.el-loading-spinner .path) {
-  stroke: $app-primary-color;
-}
-.button {
-  width: 150px;
-  height: 40px;
-  background-color: $app-primary-color;
-  border: $app-primary-color;
-  color: white;
-}
-</style>