{"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=style&index=0&id=08fcdb68&scoped=true&lang=scss&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/src/components/FlatmapContextCard.vue","mtime":1695895684587},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/sass-loader/dist/cjs.js","mtime":499162500000},{"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:CkBpbXBvcnQgIn5lbGVtZW50LXVpL3BhY2thZ2VzL3RoZW1lLWNoYWxrL3NyYy9idXR0b24iOwpAaW1wb3J0ICJ+ZWxlbWVudC11aS9wYWNrYWdlcy90aGVtZS1jaGFsay9zcmMvY2FyZCI7CkBpbXBvcnQgIn5lbGVtZW50LXVpL3BhY2thZ2VzL3RoZW1lLWNoYWxrL3NyYy9pY29uIjsKQGltcG9ydCAifmVsZW1lbnQtdWkvcGFja2FnZXMvdGhlbWUtY2hhbGsvc3JjL2lucHV0IjsKQGltcG9ydCAifmVsZW1lbnQtdWkvcGFja2FnZXMvdGhlbWUtY2hhbGsvc3JjL2xpbmsiOwpAaW1wb3J0ICJ+ZWxlbWVudC11aS9wYWNrYWdlcy90aGVtZS1jaGFsay9zcmMvc2VsZWN0IjsKCi5oaWRlewogIGNvbG9yOiAjZTRlN2VkOwogIGN1cnNvcjogcG9pbnRlcjsKfQoKLmZsYXRtYXAtY29udGV4dC1jYXJkewogIGJhY2tncm91bmQtY29sb3I6IHdoaXRlOwogIG1heC1oZWlnaHQ6IDEwICA1MHB4OwogIGZvbnQtc2l6ZTogMTJweDsKICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgZGlzcGxheTogZmxleDsKICB3aWR0aDogMTAwJTsKICBtYXgtaGVpZ2h0OiAyNThweDsKfQoKLmNvbG9yLWJveCB7CiAgd2lkdGg6IDE2cHg7CiAgaGVpZ2h0OiAxNnB4OwogIGJvcmRlcjogc29saWQgMXB4ICRhcHAtcHJpbWFyeS1jb2xvcjsKICBib3JkZXItcmFkaXVzOiAycHg7CiAgbWFyZ2luLXJpZ2h0OiA4cHg7Cn0KCi5jYXJkLXJpZ2h0IHsKICBmbGV4OiAxLjM7CiAgcGFkZGluZy1sZWZ0OiA2cHg7CiAgLy8gb3ZlcmZsb3cteTogc2Nyb2xsOwogIHNjcm9sbGJhci13aWR0aDogdGhpbjsKfQoKLmN1cnNvci1wb2ludGVyIHsKICBjdXJzb3I6IHBvaW50ZXI7Cn0KCi5pbmZvewogIHRyYW5zZm9ybTogcm90YXRlKDE4MGRlZyk7CiAgY29sb3I6ICRhcHAtcHJpbWFyeS1jb2xvcjsKICBtYXJnaW4tbGVmdDogOHB4Owp9CgoucGFkZGluZyB7CiAgcGFkZGluZy1ib3R0b206IDhweDsKfQoKLnRpdGxlewogIGZvbnQtd2VpZ2h0OiBib2xkOwp9Cgouc3VidGl0bGV7CiAgZm9udC13ZWlnaHQ6IGJvbGQ7Cn0KCi5zY3JvbGxiYXI6Oi13ZWJraXQtc2Nyb2xsYmFyLXRyYWNrIHsKICBib3JkZXItcmFkaXVzOiAxMHB4OwogIGJhY2tncm91bmQtY29sb3I6ICNmNWY1ZjU7Cn0KCi5zY3JvbGxiYXI6Oi13ZWJraXQtc2Nyb2xsYmFyIHsKICB3aWR0aDogMTJweDsKICByaWdodDogLTEycHg7CiAgYmFja2dyb3VuZC1jb2xvcjogI2Y1ZjVmNTsKfQoKLnNjcm9sbGJhcjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWIgewogIGJvcmRlci1yYWRpdXM6IDRweDsKICBib3gtc2hhZG93OiAwIDJweCA0cHggMCByZ2JhKDAsIDAsIDAsIDAuMDYpOwogIGJhY2tncm91bmQtY29sb3I6ICM5Nzk3OTc7Cn0KCg=="},{"version":3,"sources":["FlatmapContextCard.vue"],"names":[],"mappings":";AA8FA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;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        SCKAN version: <a :href=\"sckanReleaseLink\" target=\"_blank\"> {{sckanReleaseDisplay}} </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    sckanReleaseDisplay: function() {\n      let sckanRelease = \"Unknown\"\n      if(this.mapImpProv){\n        let isoTime = this.mapImpProv.sckan.created.replace(',', '.') // Date time does not accept commas but Sckan uses them\n        sckanRelease = new Date(isoTime).toLocaleDateString('en-US', {\n            day: '2-digit',\n            month: 'long',\n            year: 'numeric',\n        })\n      }\n      return sckanRelease \n    },\n    sckanReleaseLink: function() {\n      let sckanRelease = \"Unknown\"\n      if(this.mapImpProv){\n        sckanRelease = this.mapImpProv.sckan.release\n      }\n      return sckanRelease \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"]}]}