{"version":3,"file":"js/chunk-74d80ac8.0d5c0ea5.js","sources":["webpack:///./components/CertificateTable.vue?8ba0","webpack:///components/CertificateTable.vue","webpack:///./components/CertificateTable.vue?2a52","webpack:///./components/CertificateTable.vue","webpack:///./components/CertificateTable.vue?a926"],"sourceRoot":"","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.tableItems && _vm.tableFields)?_c('b-table',{attrs:{\"thead-class\":_vm.tableHeader,\"fields\":_vm.tableFields,\"items\":_vm.tableItems,\"borderless\":\"\",\"responsive\":\"\",\"hover\":\"\",\"striped\":\"\"},scopedSlots:_vm._u([{key:\"head()\",fn:function(data){return [_c('span',[_vm._v(_vm._s(data.label))])]}},{key:\"cell(name)\",fn:function(row){return [_c('div',{staticClass:\"flex-shrink-0 flex-grow-0 thumbnail m-auto\"},[_c('img',{attrs:{\"src\":_vm.imageUrl(row.item.path.image.path)}})]),(row.item.path.name)?_c('b',{staticClass:\"ml-3 flex-grow-1\"},[_vm._v(_vm._s(row.item.path.name))]):_vm._e()]}},{key:\"cell(created_at)\",fn:function(row){return [(row.item.createdAt)?_c('span',[_vm._v(_vm._s(_vm.formatDate(new Date(row.item.createdAt))))]):_vm._e()]}},{key:\"cell(download)\",fn:function(row){return [_c('b-button',{staticClass:\"download-btn inline-block\",on:{\"click\":function($event){return _vm.emitItemToDownload(row.item)}}},[_vm._v(\"Stiahnuť\")])]}}],null,false,1999529825)}):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <!-- TODO: Implement pagination -->\n  <b-table\n    v-if=\"tableItems && tableFields\"\n    :thead-class=\"tableHeader\"\n    :fields=\"tableFields\"\n    :items=\"tableItems\"\n    borderless\n    responsive\n    hover\n    striped\n  >\n    <template #head()=\"data\">\n      <span>{{ data.label }}</span>\n    </template>\n    <template #cell(name)=\"row\">\n      <div class=\"flex-shrink-0 flex-grow-0 thumbnail m-auto\">\n        <img :src=\"imageUrl(row.item.path.image.path)\" />\n      </div>\n      <b v-if=\"row.item.path.name\" class=\"ml-3 flex-grow-1\">{{\n        row.item.path.name\n      }}</b>\n    </template>\n    <template #cell(created_at)=\"row\">\n      <span v-if=\"row.item.createdAt\">{{\n        formatDate(new Date(row.item.createdAt))\n      }}</span>\n    </template>\n    <template #cell(download)=\"row\" size=\"sm\">\n      <b-button\n        class=\"download-btn inline-block\"\n        @click=\"emitItemToDownload(row.item)\"\n        >Stiahnuť</b-button\n      >\n    </template>\n  </b-table>\n</template>\n\n<script>\nimport { formatInTimeZone } from \"date-fns-tz\";\nimport { mapGetters } from \"vuex\";\nimport { resolveCmsMediaUrl } from \"/utils/helpers\";\n\nexport default {\n  props: {\n    tableItems: {\n      required: true,\n      type: Array,\n    },\n    tableFields: {\n      required: true,\n      type: Array,\n    },\n    tableHeader: {\n      required: false,\n      type: String,\n      default: \"\",\n    },\n  },\n\n  computed: {\n    ...mapGetters(\"auth\", [\"user\"]),\n  },\n\n  methods: {\n    emitItemToDownload(certificate) {\n      this.$emit(\"itemToDownload\", certificate);\n    },\n    formatDate(date) {\n      return formatInTimeZone(date, \"Europe/Bratislava\", \"dd.MM.yyyy\");\n    },\n    imageUrl(path) {\n      return resolveCmsMediaUrl(path);\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.thumbnail {\n  height: 48px;\n  width: 76px;\n  border-radius: 4px;\n  overflow: hidden;\n\n  img {\n    width: 76px;\n    object-fit: cover;\n  }\n}\n\nsvg {\n  cursor: pointer;\n}\n\na {\n  text-decoration: none;\n  color: #86b2cd;\n  font-weight: lighter;\n  font-family: Poppins;\n  font-style: normal;\n  font-weight: 700;\n  font-size: 14px;\n  line-height: 21px;\n  &:hover {\n    color: white;\n  }\n}\n\n::v-deep table {\n  overflow-y: hidden;\n  overflow-x: hidden;\n  thead {\n    tr {\n      border-bottom: 1px solid #cadeea;\n      th {\n        vertical-align: middle;\n        span {\n          color: #86b2cd;\n          font-weight: lighter;\n          font-family: Poppins;\n          font-style: normal;\n          font-weight: 300;\n          font-size: 14px;\n          line-height: 21px;\n        }\n      }\n    }\n  }\n  tbody {\n    tr {\n      td {\n        vertical-align: middle;\n        color: #2b2e4a;\n        button {\n          color: #86b2cd !important;\n          border-color: #86b2cd !important;\n          font-size: small;\n          font-weight: bold;\n          min-width: 136px;\n          min-height: 39px;\n          padding: 0;\n          &:hover {\n            background-color: #fb2564;\n            color: #ffffff !important;\n            border-color: #fb2564 !important;\n          }\n        }\n        a {\n          text-decoration: none;\n          color: #2b2e4a;\n          font-weight: bold;\n        }\n      }\n    }\n  }\n}\n\n// TODO: Better responsiveness\n::v-deep td.name {\n  display: flex;\n  align-items: center;\n}\n\n::v-deep .created-at {\n  width: 20%;\n}\n\n::v-deep .download {\n  width: 20%;\n}\n\n// TODO: Fix button colors\n::v-deep .download-btn {\n  width: 136px;\n  background-color: #2b2e4a;\n  color: white !important;\n  border-radius: 100px;\n  border-color: #2b2e4a !important;\n}\n\nbutton {\n  &:hover {\n    background-color: #fb2564;\n    color: #ffffff !important;\n    border-color: #fb2564 !important;\n  }\n}\n</style>\n","import mod from \"-!../node_modules/cache-loader/dist/cjs.js??ref--1-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./CertificateTable.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../node_modules/cache-loader/dist/cjs.js??ref--1-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./CertificateTable.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CertificateTable.vue?vue&type=template&id=4564cc56&scoped=true\"\nimport script from \"./CertificateTable.vue?vue&type=script&lang=js\"\nexport * from \"./CertificateTable.vue?vue&type=script&lang=js\"\nimport style0 from \"./CertificateTable.vue?vue&type=style&index=0&id=4564cc56&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4564cc56\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--1-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./CertificateTable.vue?vue&type=style&index=0&id=4564cc56&prod&lang=scss&scoped=true\""],"names":["render","_vm","this","_c","_self","tableItems","tableFields","attrs","tableHeader","scopedSlots","_u","key","fn","data","_v","_s","label","row","staticClass","imageUrl","item","path","image","name","_e","formatDate","Date","createdAt","on","$event","emitItemToDownload","staticRenderFns","props","required","type","Array","String","default","computed","methods","certificate","$emit","date","component"],"mappings":";;uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAQF,EAAII,YAAcJ,EAAIK,YAAaH,EAAG,UAAU,CAACI,MAAM,CAAC,cAAcN,EAAIO,YAAY,OAASP,EAAIK,YAAY,MAAQL,EAAII,WAAW,WAAa,GAAG,WAAa,GAAG,MAAQ,GAAG,QAAU,IAAII,YAAYR,EAAIS,GAAG,CAAC,CAACC,IAAI,SAASC,GAAG,SAASC,GAAM,MAAO,CAACV,EAAG,OAAO,CAACF,EAAIa,GAAGb,EAAIc,GAAGF,EAAKG,aAAa,CAACL,IAAI,aAAaC,GAAG,SAASK,GAAK,MAAO,CAACd,EAAG,MAAM,CAACe,YAAY,8CAA8C,CAACf,EAAG,MAAM,CAACI,MAAM,CAAC,IAAMN,EAAIkB,SAASF,EAAIG,KAAKC,KAAKC,MAAMD,WAAYJ,EAAIG,KAAKC,KAAS,KAAElB,EAAG,IAAI,CAACe,YAAY,oBAAoB,CAACjB,EAAIa,GAAGb,EAAIc,GAAGE,EAAIG,KAAKC,KAAKE,SAAStB,EAAIuB,QAAQ,CAACb,IAAI,mBAAmBC,GAAG,SAASK,GAAK,MAAO,CAAEA,EAAIG,KAAc,UAAEjB,EAAG,OAAO,CAACF,EAAIa,GAAGb,EAAIc,GAAGd,EAAIwB,WAAW,IAAIC,KAAKT,EAAIG,KAAKO,gBAAgB1B,EAAIuB,QAAQ,CAACb,IAAI,iBAAiBC,GAAG,SAASK,GAAK,MAAO,CAACd,EAAG,WAAW,CAACe,YAAY,4BAA4BU,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO5B,EAAI6B,mBAAmBb,EAAIG,SAAS,CAACnB,EAAIa,GAAG,kBAAkB,MAAK,EAAM,cAAcb,EAAIuB,MAEzgCO,EAAkB,G,oCCyCP,GACbC,MAAO,CACL3B,WAAY,CACV4B,UAAU,EACVC,KAAMC,OAER7B,YAAa,CACX2B,UAAU,EACVC,KAAMC,OAER3B,YAAa,CACXyB,UAAU,EACVC,KAAME,OACNC,QAAS,KAIbC,SAAU,IACL,eAAW,OAAQ,CAAC,UAGzBC,QAAS,CACP,mBAAmBC,GACjBtC,KAAKuC,MAAM,iBAAkBD,IAE/B,WAAWE,GACT,OAAO,eAAiBA,EAAM,oBAAqB,eAErD,SAASrB,GACP,OAAO,eAAmBA,MCxEkK,I,wBCQ9LsB,EAAY,eACd,EACA3C,EACA+B,GACA,EACA,KACA,WACA,MAIa,aAAAY,E,6CCnBf,W","debug_id":"12ccc999-cffb-5249-9f94-c70c03e3693b"}