{"remainingRequest":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js??vue-loader-options!/home/cmiss/Jenkins/workspace/mapintegratedvuer/src/components/FlatmapContextCard.vue?vue&type=script&lang=js&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/src/components/FlatmapContextCard.vue","mtime":1694493834517},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/thread-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/babel-loader/lib/index.js","mtime":456789000000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ci8qIGVzbGludC1kaXNhYmxlIG5vLWFsZXJ0LCBuby1jb25zb2xlICovCmltcG9ydCBWdWUgZnJvbSAidnVlIjsKaW1wb3J0IHsgTGluaywgSWNvbiwgQ2FyZCwgQnV0dG9uLCBTZWxlY3QsIElucHV0IH0gZnJvbSAiZWxlbWVudC11aSI7CmltcG9ydCBsYW5nIGZyb20gImVsZW1lbnQtdWkvbGliL2xvY2FsZS9sYW5nL2VuIjsKaW1wb3J0IGxvY2FsZSBmcm9tICJlbGVtZW50LXVpL2xpYi9sb2NhbGUiOwoKbG9jYWxlLnVzZShsYW5nKTsKVnVlLnVzZShMaW5rKTsKVnVlLnVzZShJY29uKTsKVnVlLnVzZShDYXJkKTsKVnVlLnVzZShCdXR0b24pOwpWdWUudXNlKFNlbGVjdCk7ClZ1ZS51c2UoSW5wdXQpOwoKCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiY29udGV4dENhcmQiLAogIHByb3BzOiB7CiAgICAvKioKICAgICAqIE9iamVjdCBjb250YWluaW5nIGluZm9ybWF0aW9uIGZvcgogICAgICogdGhlIHJlcXVpcmVkIHZpZXdpbmcuIENhbiBiZSByZXRyaWV2ZWQgZnJvbSBhIGZsYXRtYXAKICAgICAqLwogICAgbWFwSW1wUHJvdjogT2JqZWN0LAogIH0sCiAgZGF0YTogZnVuY3Rpb24gKCkgewogICAgcmV0dXJuIHsKICAgICAgY29udGV4dERhdGE6IHt9LAogICAgICBzaG93RGV0YWlsczogdHJ1ZSwKICAgICAgc2hvd0NvbnRleHRDYXJkOiB0cnVlLAogICAgICBzYW1wbGVEZXRhaWxzOiB7fSwKICAgICAgbG9hZGluZzogZmFsc2UKICAgIH07CiAgfSwKICBjb21wdXRlZDogewogICAgZmxhdG1hcFB1Ymxpc2hlZERpc3BsYXk6IGZ1bmN0aW9uKCkgewogICAgICBsZXQgZmxhdG1hcFB1Ymxpc2hlZCA9ICJVbmtub3duIgogICAgICBpZih0aGlzLm1hcEltcFByb3YpewogICAgICAgIGZsYXRtYXBQdWJsaXNoZWQgPSBuZXcgRGF0ZSh0aGlzLm1hcEltcFByb3YuY3JlYXRlZCkudG9Mb2NhbGVEYXRlU3RyaW5nKCdlbi1VUycsIHsKICAgICAgICAgICAgZGF5OiAnMi1kaWdpdCcsCiAgICAgICAgICAgIG1vbnRoOiAnbG9uZycsCiAgICAgICAgICAgIHllYXI6ICdudW1lcmljJywKICAgICAgICB9KQogICAgICB9CiAgICAgIHJldHVybiBmbGF0bWFwUHVibGlzaGVkIAogICAgfSwKICAgIHNrYW5SZWxlYXNlRGlzcGxheTogZnVuY3Rpb24oKSB7CiAgICAgIGxldCBza2FuUmVsZWFzZSA9ICJVbmtub3duIgogICAgICBpZih0aGlzLm1hcEltcFByb3YpewogICAgICAgIGxldCBpc29UaW1lID0gdGhpcy5tYXBJbXBQcm92LnNja2FuLmNyZWF0ZWQucmVwbGFjZSgnLCcsICcuJykgLy8gRGF0ZSB0aW1lIGRvZXMgbm90IGFjY2VwdCBjb21tYXMgYnV0IFNja2FuIHVzZXMgdGhlbQogICAgICAgIHNrYW5SZWxlYXNlID0gbmV3IERhdGUoaXNvVGltZSkudG9Mb2NhbGVEYXRlU3RyaW5nKCdlbi1VUycsIHsKICAgICAgICAgICAgZGF5OiAnMi1kaWdpdCcsCiAgICAgICAgICAgIG1vbnRoOiAnbG9uZycsCiAgICAgICAgICAgIHllYXI6ICdudW1lcmljJywKICAgICAgICB9KQogICAgICB9CiAgICAgIHJldHVybiBza2FuUmVsZWFzZSAKICAgIH0sCiAgICBza2FuUmVsZWFzZUxpbms6IGZ1bmN0aW9uKCkgewogICAgICBsZXQgc2thblJlbGVhc2UgPSAiVW5rbm93biIKICAgICAgaWYodGhpcy5tYXBJbXBQcm92KXsKICAgICAgICBza2FuUmVsZWFzZSA9IHRoaXMubWFwSW1wUHJvdi5zY2thbi5yZWxlYXNlCiAgICAgIH0KICAgICAgcmV0dXJuIHNrYW5SZWxlYXNlIAogICAgfSwKICAgIGZsYXRtYXBTb3VyY2U6IGZ1bmN0aW9uKCkgewogICAgICBsZXQgZmxhdG1hcFNvdXJjZSA9ICJVbmtub3duIgogICAgICBpZih0aGlzLm1hcEltcFByb3YpewogICAgICAgIGZsYXRtYXBTb3VyY2UgPSB0aGlzLm1hcEltcFByb3Yuc291cmNlCiAgICAgIH0KICAgICAgcmV0dXJuIGZsYXRtYXBTb3VyY2UKICAgIH0sCiAgfSwKfTsK"},{"version":3,"sources":["FlatmapContextCard.vue"],"names":[],"mappings":";AAiBA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"FlatmapContextCard.vue","sourceRoot":"src/components","sourcesContent":["<template>\n  <div v-loading=\"loading\" class=\"flatmap-context-card\" >\n    <div class=\"card-right scrollbar\">\n      <div class=\"title\">Flatmap Provenance</div>\n        SKAN version: <a :href=\"skanReleaseLink\" target=\"_blank\"> {{skanReleaseDisplay}} </a>\n        <br>\n        Published on:\n        {{flatmapPublishedDisplay}}\n        <br>\n        View publication <a :href=\"flatmapSource\" target=\"_blank\">here</a>\n      <br/>\n    </div>\n  </div>\n</template>\n\n\n<script>\n/* eslint-disable no-alert, no-console */\nimport Vue from \"vue\";\nimport { Link, Icon, Card, Button, Select, Input } from \"element-ui\";\nimport lang from \"element-ui/lib/locale/lang/en\";\nimport locale from \"element-ui/lib/locale\";\n\nlocale.use(lang);\nVue.use(Link);\nVue.use(Icon);\nVue.use(Card);\nVue.use(Button);\nVue.use(Select);\nVue.use(Input);\n\n\nexport default {\n  name: \"contextCard\",\n  props: {\n    /**\n     * Object containing information for\n     * the required viewing. Can be retrieved from a flatmap\n     */\n    mapImpProv: Object,\n  },\n  data: function () {\n    return {\n      contextData: {},\n      showDetails: true,\n      showContextCard: true,\n      sampleDetails: {},\n      loading: false\n    };\n  },\n  computed: {\n    flatmapPublishedDisplay: function() {\n      let flatmapPublished = \"Unknown\"\n      if(this.mapImpProv){\n        flatmapPublished = new Date(this.mapImpProv.created).toLocaleDateString('en-US', {\n            day: '2-digit',\n            month: 'long',\n            year: 'numeric',\n        })\n      }\n      return flatmapPublished \n    },\n    skanReleaseDisplay: function() {\n      let skanRelease = \"Unknown\"\n      if(this.mapImpProv){\n        let isoTime = this.mapImpProv.sckan.created.replace(',', '.') // Date time does not accept commas but Sckan uses them\n        skanRelease = new Date(isoTime).toLocaleDateString('en-US', {\n            day: '2-digit',\n            month: 'long',\n            year: 'numeric',\n        })\n      }\n      return skanRelease \n    },\n    skanReleaseLink: function() {\n      let skanRelease = \"Unknown\"\n      if(this.mapImpProv){\n        skanRelease = this.mapImpProv.sckan.release\n      }\n      return skanRelease \n    },\n    flatmapSource: function() {\n      let flatmapSource = \"Unknown\"\n      if(this.mapImpProv){\n        flatmapSource = this.mapImpProv.source\n      }\n      return flatmapSource\n    },\n  },\n};\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped lang=\"scss\">\n@import \"~element-ui/packages/theme-chalk/src/button\";\n@import \"~element-ui/packages/theme-chalk/src/card\";\n@import \"~element-ui/packages/theme-chalk/src/icon\";\n@import \"~element-ui/packages/theme-chalk/src/input\";\n@import \"~element-ui/packages/theme-chalk/src/link\";\n@import \"~element-ui/packages/theme-chalk/src/select\";\n\n.hide{\n  color: #e4e7ed;\n  cursor: pointer;\n}\n\n.flatmap-context-card{\n  background-color: white;\n  max-height: 10  50px;\n  font-size: 12px;\n  position: relative;\n  display: flex;\n  width: 100%;\n  max-height: 258px;\n}\n\n.color-box {\n  width: 16px;\n  height: 16px;\n  border: solid 1px $app-primary-color;\n  border-radius: 2px;\n  margin-right: 8px;\n}\n\n.card-right {\n  flex: 1.3;\n  padding-left: 6px;\n  // overflow-y: scroll;\n  scrollbar-width: thin;\n}\n\n.cursor-pointer {\n  cursor: pointer;\n}\n\n.info{\n  transform: rotate(180deg);\n  color: $app-primary-color;\n  margin-left: 8px;\n}\n\n.padding {\n  padding-bottom: 8px;\n}\n\n.title{\n  font-weight: bold;\n}\n\n.subtitle{\n  font-weight: bold;\n}\n\n.scrollbar::-webkit-scrollbar-track {\n  border-radius: 10px;\n  background-color: #f5f5f5;\n}\n\n.scrollbar::-webkit-scrollbar {\n  width: 12px;\n  right: -12px;\n  background-color: #f5f5f5;\n}\n\n.scrollbar::-webkit-scrollbar-thumb {\n  border-radius: 4px;\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);\n  background-color: #979797;\n}\n\n</style>\n"]}]}