{"version":3,"sources":["webpack:///./src/components/page-header.vue","webpack:///src/components/page-header.vue","webpack:///./src/components/page-header.vue?f151","webpack:///./src/components/page-header.vue?e2d1","webpack:///./src/components/page-header.vue?1cc1","webpack:///./src/helpers/iframe-helper.js","webpack:///./src/views/pages/dashboard/instructions.vue","webpack:///src/views/pages/dashboard/instructions.vue","webpack:///./src/views/pages/dashboard/instructions.vue?10c1","webpack:///./src/views/pages/dashboard/instructions.vue?5703"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","title","attrs","items","staticRenderFns","components","props","type","String","default","Array","component","iframeHelper","convert","html","replace","getItems","$t","instructions","length","_l","instruction","index","key","staticStyle","dateUtil","asDateTime","createdAt","domProps","content","computed","Layout","PageHeader","data","methods","text","active","axios","get","$route","params","id","headers","Accept","error","errorCatcher","catchErrors","loadInstructions"],"mappings":"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","file":"js/chunk-4af0dfac.dfe52bf7.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"page-title-box d-flex align-items-center justify-content-between\"},[_c('h4',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"page-title-right breadcrumb-responsive\"},[_c('b-breadcrumb',{staticClass:\"m-0\",attrs:{\"items\":_vm.items}})],1)])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nexport default {\n  components: {},\n  props: {\n    title: {\n      type: String,\n      default: '',\n    },\n    items: {\n      type: Array,\n      default: () => {\n        return []\n      },\n    },\n  },\n}\n</script>\n\n<template>\n  <!-- start page title -->\n  <div class=\"row\">\n    <div class=\"col-12\">\n      <div class=\"page-title-box d-flex align-items-center justify-content-between\">\n        <h4 class=\"mb-0\">{{ title }}</h4>\n\n        <div class=\"page-title-right breadcrumb-responsive\">\n          <b-breadcrumb :items=\"items\" class=\"m-0\"></b-breadcrumb>\n        </div>\n      </div>\n    </div>\n  </div>\n  <!-- end page title -->\n</template>\n\n\n<style>\n.breadcrumb-responsive {\n  display: block;\n}\n\n\n@media (max-width: 992px) {\n  .breadcrumb-responsive {\n    display: block;\n  }\n\n}\n\n@media (max-width: 576px) {\n  .breadcrumb-responsive {\n    display: none;\n  }\n}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./page-header.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./page-header.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./page-header.vue?vue&type=template&id=38a280fc\"\nimport script from \"./page-header.vue?vue&type=script&lang=js\"\nexport * from \"./page-header.vue?vue&type=script&lang=js\"\nimport style0 from \"./page-header.vue?vue&type=style&index=0&id=38a280fc&prod&lang=css\"\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  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./page-header.vue?vue&type=style&index=0&id=38a280fc&prod&lang=css\"","export const iframeHelper = {\n    convert\n};\n\nfunction convert(html) {\n    if (!html) {\n        return \"\"\n    }\n\n    html = html.replace('oembed', 'iframe width=\"560\" height=\"315\" title=\"ecat\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen');\n    html = html.replace('url', 'src');\n    html = html.replace('watch?v=', 'embed/');\n    html = html.replace('oembed', 'iframe');\n    return html\n}","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('Layout',[_c('PageHeader',{attrs:{\"items\":_vm.getItems(),\"title\":_vm.$t('instructions.title')}}),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"mb-2\"},[_c('router-link',{staticClass:\"btn btn-primary w-sm mb-2\",attrs:{\"to\":\"/dashboard/instructions-categories\"}},[_vm._v(\" \"+_vm._s(_vm.$t('instructions.back-button'))+\" \")])],1),(_vm.instructions)?[(_vm.instructions.length !== 0)?[_c('div',{staticClass:\"row\"},_vm._l((_vm.instructions),function(instruction,index){return _c('div',{key:index,staticClass:\"col-12 col-lg-6\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticStyle:{\"color\":\"var(--author)\"}},[_vm._v(_vm._s(instruction.title))]),_c('p',{staticClass:\"mb-4\",staticStyle:{\"color\":\"var(--author)\"}},[_vm._v(_vm._s(_vm.$t('instructions.added-at'))+\" \"+_vm._s(_vm.dateUtil.asDateTime(instruction.createdAt)))]),_c('div',{staticStyle:{\"color\":\"var(--author)\"},domProps:{\"innerHTML\":_vm._s(_vm.iframeHelper.convert(instruction.content))}})])])])}),0)]:[_c('h5',{staticClass:\"text-center py-3\"},[_vm._v(_vm._s(_vm.$t('message.no-elements')))])]]:[_c('div',{staticClass:\"text-center py-3\"},[_c('h5',[_vm._v(_vm._s(_vm.$t('message.loading')))]),_c('span',{staticClass:\"m-2 spinner-border text-primary\",attrs:{\"aria-hidden\":\"true\"}})])]],2)])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport Layout from \"../../layouts/main\";\nimport PageHeader from \"@/components/page-header\";\nimport axios from \"axios\";\nimport {dateUtil} from \"@/helpers/date-util\";\nimport {errorCatcher} from \"../../../helpers/error-catcher\";\nimport {iframeHelper} from \"../../../helpers/iframe-helper\";\n\n/**\n * Instructions Component\n */\nexport default {\n  computed: {\n    iframeHelper() {\n      return iframeHelper\n    },\n    dateUtil() {\n      return dateUtil\n    }\n  },\n\n  components: {\n    Layout,\n    PageHeader\n  },\n\n  data() {\n    return {\n      instructions: null,\n    };\n  },\n\n  methods: {\n\n    getItems() {\n      return [\n        {\n          text: \"ecat\"\n        },\n        {\n          text: this.$t('instructions.title'),\n          active: true\n        }\n      ]\n    },\n\n    async loadInstructions() {\n      try {\n        const {data} = await axios.get(`/instruction/${this.$route.params.id}`, {\n          headers: {\n            'Content-Type': 'application/json',\n            Accept: 'application/json'\n          },\n          data: {}\n        });\n\n        this.instructions = data\n      } catch (error) {\n        errorCatcher.catchErrors(error)\n      }\n    }\n\n  },\n\n  async created() {\n    await this.loadInstructions()\n  }\n\n};\n</script>\n\n<template>\n  <Layout>\n    <PageHeader :items=\"getItems()\" :title=\"$t('instructions.title')\"/>\n    <div class=\"row\">\n      <div class=\"col-12\">\n        <div class=\"mb-2\">\n          <router-link to=\"/dashboard/instructions-categories\" class=\"btn btn-primary w-sm mb-2\">\n            {{ $t('instructions.back-button') }}\n          </router-link>\n        </div>\n\n        <template v-if=\"instructions\">\n          <template v-if=\"instructions.length !== 0\">\n            <div class=\"row\">\n              <div v-for=\"(instruction, index) in instructions\" :key=\"index\" class=\"col-12 col-lg-6\">\n                <div class=\"card\">\n                  <div class=\"card-body\">\n                    <h4 style=\"color: var(--author);\">{{ instruction.title }}</h4>\n                    <p style=\"color: var(--author);\" class=\"mb-4\">{{ $t('instructions.added-at')}} {{ dateUtil.asDateTime(instruction.createdAt) }}</p>\n                    <div style=\"color: var(--author);\" v-html=\"iframeHelper.convert(instruction.content)\"></div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </template>\n          <template v-else>\n            <h5 class=\"text-center py-3\">{{ $t('message.no-elements') }}</h5>\n          </template>\n        </template>\n        <template v-else>\n          <div class=\"text-center py-3\">\n            <h5>{{ $t('message.loading') }}</h5>\n            <span aria-hidden=\"true\" class=\"m-2 spinner-border text-primary\"></span>\n          </div>\n        </template>\n      </div>\n    </div>\n\n  </Layout>\n</template>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./instructions.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./instructions.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./instructions.vue?vue&type=template&id=104622d6\"\nimport script from \"./instructions.vue?vue&type=script&lang=js\"\nexport * from \"./instructions.vue?vue&type=script&lang=js\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}