{"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=style&index=0&id=5d5909fe&prod&scoped=true&lang=scss&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/src/components/DatasetHeader.vue","mtime":1684261475133},{"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:Ci5kYXRhc2V0LWxpbmt7CiAgdGV4dC1hbGlnbjpjZW50ZXI7Cn0KLmRhdGFzZXQtdGl0bGUtY29udGFpbmVyewogIHBhZGRpbmc6IDNweDsKfQouZGF0YXNldC10aXRsZXsKICBmb250LXNpemU6IDE2cHg7CiAgY29sb3I6ICM2MDYyNjY7Cn0KLmRhdGFzZXQtY2FyZHsKICB3aWR0aDogMjMwcHg7CiAgcG9zaXRpb246IGFic29sdXRlOwogIHotaW5kZXg6IDEwOwp9Ci5pbWFnZXsKICB3aWR0aDogMTAwJTsKICBkaXNwbGF5OiBibG9jazsKfQouZGF0YXNldC1kZXNjcmlwdGlvbnsKICBmb250LXNpemU6IDEwcHg7Cn0K"},{"version":3,"sources":["DatasetHeader.vue"],"names":[],"mappings":";AA2EA;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"]}]}