{"remainingRequest":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js??vue-loader-options!/home/cmiss/Jenkins/workspace/mapintegratedvuer/src/components/DatasetHeader.vue?vue&type=script&lang=js&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/src/components/DatasetHeader.vue","mtime":1684261475133},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/cache-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:Ci8qIGVzbGludC1kaXNhYmxlIG5vLWFsZXJ0LCBuby1jb25zb2xlICovCmltcG9ydCBWdWUgZnJvbSAidnVlIjsKaW1wb3J0IHsgTGluaywgSWNvbiwgQ2FyZCwgQnV0dG9uLCBTZWxlY3QgfSBmcm9tICJlbGVtZW50LXVpIjsKaW1wb3J0IGxhbmcgZnJvbSAiZWxlbWVudC11aS9saWIvbG9jYWxlL2xhbmcvZW4iOwppbXBvcnQgbG9jYWxlIGZyb20gImVsZW1lbnQtdWkvbGliL2xvY2FsZSI7Cgpsb2NhbGUudXNlKGxhbmcpOwpWdWUudXNlKExpbmspOwpWdWUudXNlKEljb24pOwpWdWUudXNlKENhcmQpOwpWdWUudXNlKEJ1dHRvbik7ClZ1ZS51c2UoU2VsZWN0KTsKCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiRGF0YXNldEhlYWRlciIsCiAgY29tcG9uZW50czoge30sCiAgcHJvcHM6IHsKICAgIC8qKgogICAgICogT2JqZWN0IGNvbnRhaW5pbmcgaW5mb3JtYXRpb24gZm9yCiAgICAgKiB0aGUgcmVxdWlyZWQgdmlld2luZy4KICAgICAqLwogICAgZW50cnk6IE9iamVjdCwKICB9LAogIGRhdGE6IGZ1bmN0aW9uKCkgewogICAgcmV0dXJuIHsKICAgICAgY2FyZERpc3BsYXllZDogZmFsc2UKICAgIH0KICB9LAogIG1ldGhvZHM6IHsKICAgIHN3aXRjaENhcmREaXNwbGF5OiBmdW5jdGlvbigpewogICAgICB0aGlzLmNhcmREaXNwbGF5ZWQgPSAhdGhpcy5jYXJkRGlzcGxheWVkOwogICAgfSwKICAgIG9wZW5DYXJkOiBmdW5jdGlvbihldmVudCl7CiAgICAgIGlmICh0aGlzLmVudHJ5LmRhdGFzZXRJbWFnZSB8fCB0aGlzLmVudHJ5LmRhdGFzZXREZXNjcmlwdGlvbikgewogICAgICAgIHRoaXMuY2FyZERpc3BsYXllZCA9IHRydWU7CiAgICAgICAgdGhpcy4kcmVmcy5jYXJkLiRlbC5zdHlsZS5sZWZ0ID0gZXZlbnQubGF5ZXJYICsgJ3B4JzsKICAgICAgICB0aGlzLiRyZWZzLmNhcmQuJGVsLnN0eWxlLnRvcCA9IGV2ZW50LmxheWVyWSArICdweCc7CiAgICAgIH0gZWxzZSB7CiAgICAgICAgdGhpcy5vcGVuRGF0YXNldFVybCgpOwogICAgICB9CiAgICB9LAogICAgb3BlbkRhdGFzZXRVcmw6IGZ1bmN0aW9uKCl7CiAgICAgIGlmICh0aGlzLmVudHJ5LmRhdGFzZXRVcmwpCiAgICAgICAgd2luZG93Lm9wZW4odGhpcy5lbnRyeS5kYXRhc2V0VXJsLCAnX2JsYW5rJyk7CiAgICAgIHRoaXMuY2FyZERpc3BsYXllZCA9IGZhbHNlOwogICAgfQogIH0KfTsK"},{"version":3,"sources":["DatasetHeader.vue"],"names":[],"mappings":";AAuBA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;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":"DatasetHeader.vue","sourceRoot":"src/components","sourcesContent":["<template>\n  <div class=\"dataset-title-container\" ref=\"container\" @mouseleave=\"cardDisplayed=false\">\n    <div @click=\"openCard($event)\" class=\"dataset-link\">\n      <el-link class=\"dataset-title\">\n        {{entry.datasetTitle}}\n        <i v-show=\"!cardDisplayed && (entry.datasetImage || entry.datasetDescription)\" class=\"el-icon-arrow-down el-icon--right\"></i>\n        <i v-show=\"cardDisplayed && (entry.datasetImage || entry.datasetDescription)\" class=\"el-icon-arrow-up el-icon--right\"></i>\n      </el-link>\n      <el-card v-show=\"cardDisplayed\" :body-style=\"{ padding: '0px' }\" class=\"dataset-card\" ref=\"card\">\n        <img :src=\"entry.datasetImage\" class=\"image\"/>\n        <div style=\"padding: 14px;\">\n          <span class=\"dataset-description\">{{entry.datasetDescription}}</span>\n          <div >\n            <el-button class=\"button\" @click=\"openDatasetUrl()\">Get Dataset</el-button>\n          </div>\n        </div>\n      </el-card>\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 } 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);\n\nexport default {\n  name: \"DatasetHeader\",\n  components: {},\n  props: {\n    /**\n     * Object containing information for\n     * the required viewing.\n     */\n    entry: Object,\n  },\n  data: function() {\n    return {\n      cardDisplayed: false\n    }\n  },\n  methods: {\n    switchCardDisplay: function(){\n      this.cardDisplayed = !this.cardDisplayed;\n    },\n    openCard: function(event){\n      if (this.entry.datasetImage || this.entry.datasetDescription) {\n        this.cardDisplayed = true;\n        this.$refs.card.$el.style.left = event.layerX + 'px';\n        this.$refs.card.$el.style.top = event.layerY + 'px';\n      } else {\n        this.openDatasetUrl();\n      }\n    },\n    openDatasetUrl: function(){\n      if (this.entry.datasetUrl)\n        window.open(this.entry.datasetUrl, '_blank');\n      this.cardDisplayed = false;\n    }\n  }\n};\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped lang=\"scss\">\n.dataset-link{\n  text-align:center;\n}\n.dataset-title-container{\n  padding: 3px;\n}\n.dataset-title{\n  font-size: 16px;\n  color: #606266;\n}\n.dataset-card{\n  width: 230px;\n  position: absolute;\n  z-index: 10;\n}\n.image{\n  width: 100%;\n  display: block;\n}\n.dataset-description{\n  font-size: 10px;\n}\n</style>\n"]}]}