{"version":3,"sources":["webpack:///./src/components/layout/tabs/logo.vue?3863","webpack:///./src/views/settings/IDCardLayout.vue?07f1","webpack:///./src/components/layout/PopupLayout.vue?ff3a","webpack:///./src/components/layout/tabs/general.vue?c96d","webpack:///src/components/layout/tabs/general.vue","webpack:///./src/components/layout/tabs/general.vue?6baf","webpack:///./src/components/layout/tabs/general.vue","webpack:///./src/components/layout/tabs/logo.vue?426f","webpack:///src/components/layout/tabs/logo.vue","webpack:///./src/components/layout/tabs/logo.vue?f324","webpack:///./src/components/layout/tabs/logo.vue","webpack:///src/components/layout/PopupLayout.vue","webpack:///./src/components/layout/PopupLayout.vue?b658","webpack:///./src/components/layout/PopupLayout.vue","webpack:///src/views/settings/IDCardLayout.vue","webpack:///./src/views/settings/IDCardLayout.vue?5903","webpack:///./src/views/settings/IDCardLayout.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","staticStyle","_l","layout","key","id","on","$event","openLayout","_s","name","attrs","open","$t","ref","staticRenderFns","title","showPopup","class","menu","directives","rawName","value","expression","showTemplate","deleteLayout","_e","updateLayout","addLayout","model","callback","$$v","$set","copyTemplate","template","copyTemplateToLayout","props","data","watch","stylesheet","background_picture_id","header_picture_id","extra_1_caption","extra_2_caption","extra_3_caption","extra_4_caption","extra_5_caption","extra_6_caption","extra_1_single_value","extra_2_single_value","extra_3_single_value","extra_4_single_value","extra_5_single_value","extra_6_single_value","extra_1_values","extra_2_values","extra_3_values","extra_4_values","extra_5_values","extra_6_values","driver_license_class_values","backside_text","backside_text_additional","backside_footer_text","based_on_template_id","computed","templates","tmp","filter","u","preconfigured_layout_id","component","headerPictureImgSrc","showH","langExt","params","headers","cropSuccessHeader","cropUploadSuccess","cropUploadFailHeader","deleteCurrentLogoHeader","backgroundImgSrc","showB","cropSuccessBack","cropUploadFailBack","deleteCurrentLogoBack","components","layouts","$store","getters","customerTemplates","methods","popup","openEdit"],"mappings":"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","file":"js/chunk-18f95dc9.293c4c0f.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./logo.vue?vue&type=style&index=0&id=2dfd0848&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"settings\"},[_c('span',{staticClass:\"con-slot-label\"},[_vm._v(\"Layout-Vorlagen\")]),_c('div',{staticClass:\"table-container\",staticStyle:{\"overflow-y\":\"auto\"}},[_c('table',{staticClass:\"mt-4\"},[_c('tbody',_vm._l((_vm.customerTemplates),function(layout){return _c('tr',{key:layout.id,on:{\"click\":function($event){return _vm.openLayout(layout.id)}}},[_c('td',[_vm._v(_vm._s(layout.name))])])}),0)])]),_c('vs-row',{staticClass:\"w-100\"},[_c('vs-col',{attrs:{\"vs-type\":\"flex\",\"vs-justify\":\"right\",\"vs-align\":\"right\",\"vs-w\":\"12\"}},[_c('vs-button',{staticClass:\"pop-btn organ-btn\",attrs:{\"color\":\"primary\",\"type\":\"filled\",\"icon\":\"add\"},on:{\"click\":function($event){return _vm.open()}}},[_vm._v(\" \"+_vm._s(_vm.$t('Hinzufügen')))])],1)],1),_c('PopupLayout',{ref:\"PopupLayout\"})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vs-popup',{attrs:{\"title\":_vm.title,\"active\":_vm.showPopup},on:{\"update:active\":function($event){_vm.showPopup=$event}}},[_c('div',{staticClass:\"popup p-2\"},[_c('vs-row',{staticClass:\"menu\"},[_c('div',{staticClass:\"item me-2 p-2\",class:{'active': _vm.menu ==='general'},on:{\"click\":function($event){_vm.menu='general'}}},[_c('span',[_vm._v(_vm._s(_vm.$t('general')))])]),_c('div',{staticClass:\"item me-2 p-2\",class:{'active': _vm.menu ==='fields'},on:{\"click\":function($event){_vm.menu='fields'}}},[_c('span',[_vm._v(_vm._s(_vm.$t('fields')))])]),_c('div',{staticClass:\"item me-2 p-2\",class:{'active': _vm.menu ==='logo'},on:{\"click\":function($event){_vm.menu='logo'}}},[_c('span',[_vm._v(_vm._s(_vm.$t('logo')))])]),_c('div',{staticClass:\"item me-2 p-2\",class:{'active': _vm.menu ==='frontside'},on:{\"click\":function($event){_vm.menu='frontside'}}},[_c('span',[_vm._v(_vm._s(_vm.$t('frontside')))])]),_c('div',{staticClass:\"item me-2 p-2\",class:{'active': _vm.menu ==='backside'},on:{\"click\":function($event){_vm.menu='backside'}}},[_c('span',[_vm._v(_vm._s(_vm.$t('backside')))])])]),_c('vs-row',{staticClass:\"content-section mt-4\"},[_c('General',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.menu==='general'),expression:\"menu==='general'\"}],attrs:{\"layout\":_vm.layout,\"showTemplate\":_vm.showTemplate}}),_c('Fields',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.menu==='fields'),expression:\"menu==='fields'\"}],attrs:{\"layout\":_vm.layout}}),_c('Logo',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.menu==='logo'),expression:\"menu==='logo'\"}],attrs:{\"layout\":_vm.layout}}),_c('FrontSide',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.menu==='frontside'),expression:\"menu==='frontside'\"}],attrs:{\"layout\":_vm.layout}}),_c('BackSide',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.menu==='backside'),expression:\"menu==='backside'\"}],attrs:{\"layout\":_vm.layout}})],1),_c('vs-row',{attrs:{\"vs-w\":\"12\"}},[_c('vs-col',{attrs:{\"vs-type\":\"flex\",\"vs-justify\":\"left\",\"vs-align\":\"left\",\"vs-w\":\"6\"}},[(_vm.isEdit)?_c('vs-button',{staticClass:\"pop-btn\",attrs:{\"color\":\"danger\",\"type\":\"filled\",\"icon\":\"delete\"},on:{\"click\":function($event){return _vm.deleteLayout(_vm.layout.id)}}},[_vm._v(\" \"+_vm._s(_vm.$t('delete'))+\" \")]):_vm._e()],1),_c('vs-col',{attrs:{\"vs-type\":\"flex\",\"vs-justify\":\"right\",\"vs-align\":\"right\",\"vs-w\":\"6\"}},[(_vm.isEdit)?_c('vs-button',{staticClass:\"pop-btn\",attrs:{\"color\":\"primary\",\"type\":\"filled\",\"icon\":\"done\"},on:{\"click\":function($event){return _vm.updateLayout()}}},[_vm._v(\" \"+_vm._s(_vm.$t('save')))]):_c('vs-button',{staticClass:\"pop-btn\",attrs:{\"color\":\"primary\",\"type\":\"filled\",\"icon\":\"done\"},on:{\"click\":function($event){return _vm.addLayout()}}},[_vm._v(\" \"+_vm._s(_vm.$t('create')))]),_c('vs-button',{staticClass:\"pop-btn\",attrs:{\"color\":\"primary\",\"type\":\"filled\",\"icon\":\"close\"},on:{\"click\":function($event){_vm.showPopup=!_vm.showPopup}}},[_vm._v(\" \"+_vm._s(_vm.$t('cancel'))+\" \")])],1)],1),_c('vs-row',{attrs:{\"vs-w\":\"12\"}},[(_vm.isDebugMode)?_c('div',[_c('h1',[_vm._v(\"LAYOUT\")]),_vm._v(\" \"+_vm._s(_vm.layout)+\" \")]):_vm._e()])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vs-row',[_c('vs-col',{staticClass:\"mt-4\",attrs:{\"vs-w\":\"12\"}},[_c('vs-input',{staticClass:\"inputx date-input-md mt-3\",attrs:{\"label-placeholder\":_vm.$t('name')},model:{value:(_vm.layout.name),callback:function ($$v) {_vm.$set(_vm.layout, \"name\", $$v)},expression:\"layout.name\"}}),(_vm.showTemplate)?_c('vs-select',{staticClass:\"inputx date-input-md mt-3\",attrs:{\"label\":\"Vorlagen\"},model:{value:(_vm.copyTemplate),callback:function ($$v) {_vm.copyTemplate=$$v},expression:\"copyTemplate\"}},_vm._l((_vm.templates),function(template){return _c('vs-select-item',{key:template.id,attrs:{\"value\":template,\"text\":template.name},on:{\"change\":function($event){return _vm.copyTemplateToLayout(template)}}})}),1):_vm._e()],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <vs-row>\n    <vs-col class=\"mt-4\" vs-w=\"12\">\n      <vs-input class=\"inputx date-input-md mt-3\" :label-placeholder=\"$t('name')\" \n          v-model=\"layout.name\" />\n\n      <vs-select v-if=\"showTemplate\" label=\"Vorlagen\" class=\"inputx date-input-md mt-3\" \n        v-model=\"copyTemplate\">\n\n        <vs-select-item :key=\"template.id\" @change=\"copyTemplateToLayout(template)\"\n            :value=\"template\" :text=\"template.name\"\n            v-for=\"template in templates\" />\n      </vs-select>\n    </vs-col>\n  </vs-row>\n</template>\n\n<script>\n\n\nimport Vue from 'vue';\nimport _ from 'lodash'\n\nexport default Vue.extend({\n  props: [\"layout\", \"showTemplate\"],\n\n  data() {\n    return {\n      copyTemplate: {},\n    }\n  },\n\n  watch: {\n    copyTemplate(template) {\n      this.layout.stylesheet = _.cloneDeep(template.stylesheet)\n      this.layout.title = _.cloneDeep(template.title)\n      //this.layout.name = _.cloneDeep(template.name)  -> Layout-Name nicht automatisch setzen\n      this.layout.background_picture_id = _.cloneDeep(template.background_picture_id)\n      this.layout.header_picture_id = _.cloneDeep(template.header_picture_id)\n      this.layout.extra_1_caption = _.cloneDeep(template.extra_1_caption)\n      this.layout.extra_2_caption = _.cloneDeep(template.extra_2_caption)\n      this.layout.extra_3_caption = _.cloneDeep(template.extra_3_caption)\n      this.layout.extra_4_caption = _.cloneDeep(template.extra_4_caption)\n      this.layout.extra_5_caption = _.cloneDeep(template.extra_5_caption)\n      this.layout.extra_6_caption = _.cloneDeep(template.extra_6_caption)\n      this.layout.extra_1_single_value = _.cloneDeep(template.extra_1_single_value)\n      this.layout.extra_2_single_value = _.cloneDeep(template.extra_2_single_value)\n      this.layout.extra_3_single_value = _.cloneDeep(template.extra_3_single_value)\n      this.layout.extra_4_single_value = _.cloneDeep(template.extra_4_single_value)\n      this.layout.extra_5_single_value = _.cloneDeep(template.extra_5_single_value)\n      this.layout.extra_6_single_value = _.cloneDeep(template.extra_6_single_value)\n      this.layout.extra_1_values = _.cloneDeep(template.extra_1_values)\n      this.layout.extra_2_values = _.cloneDeep(template.extra_2_values)\n      this.layout.extra_3_values = _.cloneDeep(template.extra_3_values)\n      this.layout.extra_4_values = _.cloneDeep(template.extra_4_values)\n      this.layout.extra_5_values = _.cloneDeep(template.extra_5_values)\n      this.layout.extra_6_values = _.cloneDeep(template.extra_6_values)\n      this.layout.driver_license_class_values = _.cloneDeep(template.driver_license_class_values)\n      this.layout.backside_text = _.cloneDeep(template.backside_text)\n      this.layout.backside_text_additional = _.cloneDeep(template.backside_text_additional)\n      this.layout.backside_footer_text = _.cloneDeep(template.backside_footer_text)\n\n\n      if (this.showTemplate) {\n        this.layout.based_on_template_id = template.id\n      }\n    },\n  },\n\n  computed: {\n    templates:function() {\n      let tmp= this.$store.getters['layout/getTemplates'];\n      tmp = tmp.filter(u => {\n        if (u.preconfigured_layout_id===null) {\n          return true;\n        }\n      });\n      return tmp;\n    }\n  },\n\n});\n</script>\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./general.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./general.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./general.vue?vue&type=template&id=1b6bdcd4&\"\nimport script from \"./general.vue?vue&type=script&lang=js&\"\nexport * from \"./general.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vs-row',{staticClass:\"w-100 mt-4\"},[_c('vs-col',{attrs:{\"vs-w\":\"12\"}},[_c('p'),_c('h5',[_vm._v(\"Logo (links oben)\")]),_vm._v(\" Diese Grafik (optional) wird als Logo auf der Vorderseite des Ausweises (links oben) benutzt. \"),_c('p'),(this.layout.header_picture_id)?_c('div',[_c('div',{staticClass:\"img-container w-25 p-3\"},[_c('img',{staticClass:\"image-preview img-fluid mt-4\",attrs:{\"src\":'data:image/png;base64, ' + _vm.headerPictureImgSrc,\"width\":\"300\",\"height\":\"300\"},on:{\"click\":function($event){_vm.showH=!_vm.showH}}})])]):_c('div',{staticClass:\"img-container w-25 p-3\"},[_c('img',{staticClass:\"img-fluid\",attrs:{\"src\":\"/icons/upload-photo.svg\",\"alt\":\"\",\"width\":\"300\",\"height\":\"300\"},on:{\"click\":function($event){_vm.showH=!_vm.showH}}})]),_c('cropUpload',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showH),expression:\"showH\"}],ref:\"uploader\",attrs:{\"field\":\"img\",\"width\":300,\"height\":300,\"langExt\":_vm.langExt,\"noCircle\":\"\",\"params\":_vm.params,\"headers\":_vm.headers,\"img-format\":\"png\"},on:{\"crop-success\":_vm.cropSuccessHeader,\"crop-upload-success\":_vm.cropUploadSuccess,\"crop-upload-fail\":_vm.cropUploadFailHeader,\"crop-delete\":_vm.deleteCurrentLogoHeader},model:{value:(_vm.showH),callback:function ($$v) {_vm.showH=$$v},expression:\"showH\"}}),_c('hr',{attrs:{\"width\":\"88%\",\"size\":\"2\"}}),_c('p'),_c('h5',[_vm._v(\"Logo (Hintergrund)\")]),_vm._v(\" Diese Grafik (optional) wird als Hintergrund auf der Vorderseite des Ausweises benutzt. \"),_c('p'),(this.layout.background_picture_id)?_c('div',[_c('div',{staticClass:\"img-container w-25 p-3\"},[_c('img',{staticClass:\"image-preview img-fluid mt-4\",attrs:{\"src\":'data:image/png;base64, ' + _vm.backgroundImgSrc,\"width\":\"300\",\"height\":\"300\"},on:{\"click\":function($event){_vm.showB=!_vm.showB}}})])]):_c('div',{staticClass:\"img-container w-25 p-3\"},[_c('img',{staticClass:\"img-fluid\",attrs:{\"src\":\"/icons/upload-photo.svg\",\"alt\":\"\"},on:{\"click\":function($event){_vm.showB=!_vm.showB}}})]),_c('cropUpload',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showB),expression:\"showB\"}],ref:\"uploader\",attrs:{\"field\":\"img\",\"width\":300,\"height\":300,\"langExt\":_vm.langExt,\"noCircle\":\"\",\"params\":_vm.params,\"headers\":_vm.headers,\"img-format\":\"png\"},on:{\"crop-success\":_vm.cropSuccessBack,\"crop-upload-success\":_vm.cropUploadSuccess,\"crop-upload-fail\":_vm.cropUploadFailBack,\"crop-delete\":_vm.deleteCurrentLogoBack},model:{value:(_vm.showB),callback:function ($$v) {_vm.showB=$$v},expression:\"showB\"}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <vs-row class=\"w-100 mt-4\">\n      <vs-col vs-w=\"12\">\n        <p>\n          <h5>Logo (links oben)</h5>\n        Diese Grafik (optional) wird als Logo auf der Vorderseite des Ausweises (links oben) benutzt.\n        </p>\n        <div v-if=\"this.layout.header_picture_id\">\n          <div class=\"img-container w-25 p-3\">\n            <img class=\"image-preview img-fluid mt-4\" :src=\"'data:image/png;base64, ' + headerPictureImgSrc\" @click=\"showH=!showH\" width=\"300\" height=\"300\">   \n          </div>\n        </div>\n        <div v-else class=\"img-container w-25 p-3\">\n          <img class=\"img-fluid\" @click=\"showH=!showH\" src=\"/icons/upload-photo.svg\"  alt=\"\" width=\"300\" height=\"300\"/>\n        </div>\n        <cropUpload v-show=\"showH\" field=\"img\" @crop-success=\"cropSuccessHeader\" @crop-upload-success=\"cropUploadSuccess\"\n          @crop-upload-fail=\"cropUploadFailHeader\" @crop-delete=\"deleteCurrentLogoHeader\" v-model=\"showH\" :width=\"300\" :height=\"300\" :langExt=\"langExt\" noCircle :params=\"params\"\n          :headers=\"headers\"\n          img-format=\"png\" ref=\"uploader\">\n        </cropUpload>\n        <hr width=88% size=2>\n        <p>\n          <h5>Logo (Hintergrund)</h5>\n        Diese Grafik (optional) wird als Hintergrund auf der Vorderseite des Ausweises benutzt.\n        </p>\n        <div v-if=\"this.layout.background_picture_id\">\n          <div class=\"img-container w-25 p-3\">\n            <img class=\"image-preview img-fluid mt-4\" :src=\"'data:image/png;base64, ' + backgroundImgSrc\" @click=\"showB=!showB\" width=\"300\" height=\"300\">   \n          </div>\n        </div>\n        <div v-else class=\"img-container w-25 p-3\">\n          <img class=\"img-fluid\" @click=\"showB=!showB\" src=\"/icons/upload-photo.svg\"  alt=\"\" />\n        </div>\n        <cropUpload v-show=\"showB\" field=\"img\" @crop-success=\"cropSuccessBack\" @crop-upload-success=\"cropUploadSuccess\"\n          @crop-upload-fail=\"cropUploadFailBack\" @crop-delete=\"deleteCurrentLogoBack\" v-model=\"showB\" :width=\"300\" :height=\"300\" :langExt=\"langExt\" noCircle :params=\"params\"\n          :headers=\"headers\"\n          img-format=\"png\" ref=\"uploader\">\n        </cropUpload>\n      </vs-col>\n    </vs-row>\n  \n  </template>\n  \n  <script>\n  import Vue from 'vue';\n  import store from '@/store/index'\n  import errorNotifier from \"@/plugins/errorNotifier\";\n  import CropUpload from \"@/plugins/mpcropupload/upload2.vue\";\n  \n  import _ from 'lodash'\n  \n  export default Vue.extend({\n      props: [\"layout\"],\n  \n      components: {\n        CropUpload,\n      },\n      data(){\n          return {\n              // image64: '',\n            backgroundImgSrc: null,\n            headerPictureImgSrc: null,\n  \n            image:{\n              size:'',\n              height:'30',\n              width:'30'\n            },\n            imageError:'',\n            // CROP/UPLOAD\n            \n            showH: false,\n            showB: false,\n            params: {\n              token: \"123456798\",\n              name: \"avatar\",\n            },\n            headers: {\n              smail: \"*_~\",\n            },\n            imgDataUrl: \"\",\n            langExt: {\n              titel: \"Grafik bearbeiten\",\n              hint: \"Klicken um Grafik auszuwählen oder Grafik direkt hierher ablegen\",\n              loading: \"Wird hochgeladen...\",\n              noSupported: \"Ihr Browser wird nicht unterstützt. Bitte verwenden Sie IE10+ oder einen anderen Browser.\",\n              uploadMessage: \"Mit dem Upload bestätigen Sie, im Besitz der Nutzungsrechte für die Grafik zu sein.\",\n              uploadImgSize: \"[Nur JPG-, PNG- oder SVG-Datei mit 300 x 300 Pixel und max. 1 MB Dateigröße]\",\n              success: \"Erfolgreich hochgeladen\",\n              fail: \"Hochladen fehlgeschlagen\",\n              preview: \"Vorschau\",\n              btn: {\n                off: \"Abbrechen\",\n                close: \"Schliessen\",\n                back: \"Zurück\",\n                save: \"Speichern\",\n                delete: \"Löschen\",\n              },\n              error: {\n                onlyImg: \"Nur Grafiken im Format: JPG,JPEG,PNG,GIF,SVG oder BMP\",\n                outOfSize: \"Grafik zu groß, Maximum: \",\n                lowestPx: \"Grafik zu klein, Minimum: \",\n              },\n            },\n          }\n      },\n  \n  \n      watch: {\n          layout: {\n              deep: true,\n              async handler() {\n                this.backgroundImgSrc = await this.$store.dispatch('core/getImage64', this.layout.background_picture_id)\n                this.headerPictureImgSrc = await this.$store.dispatch('core/getImage64', this.layout.header_picture_id)\n              }\n          }\n      },\n  \n      computed: {\n        profileImage() {\n              return store.getters['core/getImage']\n        },\n      },\n  \n      methods: {\n          async deleteCurrentLogoHeader() {\n              let status = await this.$store.dispatch('core/deleteImage', this.layout.header_picture_id )\n              if (status != 200) {\n                errorNotifier(status)\n                return\n              }\n              this.layout.header_picture_id = null\n          },\n          async deleteCurrentLogoBack() {\n              let status = await this.$store.dispatch('core/deleteImage', this.layout.background_picture_id )\n              if (status != 200) {\n                errorNotifier(status)\n                return\n              }\n              this.layout.background_picture_id = null\n          },\n          cropSuccessBack(imgDataUrl, field) {\n            this.imgDataUrl = imgDataUrl;\n            let baseString = imgDataUrl.split(\",\")[1];\n  \n            this.$store.dispatch(\"core/createImage\", baseString).then( resp => {\n                      this.layout.background_picture_id = resp.data.id\n                  })\n            this.$refs.uploader.setStep(1);\n          },\n          cropSuccessHeader(imgDataUrl, field) {\n            this.imgDataUrl = imgDataUrl;\n            let baseString = imgDataUrl.split(\",\")[1];\n  \n            this.$store.dispatch(\"core/createImage\", baseString).then( resp => {\n                      this.layout.header_picture_id = resp.data.id\n                  })\n            this.$refs.uploader.setStep(1);\n          },\n  \n          cropUploadSuccess(jsonData, field) {\n          },\n          cropUploadFailBack(status, field) {\n            this.layout.background_picture_id = null\n            this.$refs.uploader.setStep(1);\n          },\n          cropUploadFailHeader(status, field) {\n            this.layout.header_picture_id = null\n            this.$refs.uploader.setStep(1);\n          },\n      }\n  });\n  </script>\n  <style scoped>\n  .content-section{\n      height:55vh;\n      margin-top:40px;\n  }\n  </style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./logo.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./logo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./logo.vue?vue&type=template&id=2dfd0848&scoped=true&\"\nimport script from \"./logo.vue?vue&type=script&lang=js&\"\nexport * from \"./logo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./logo.vue?vue&type=style&index=0&id=2dfd0848&scoped=true&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  \"2dfd0848\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <vs-popup :title=\"title\" :active.sync=\"showPopup\">\n    <div class=\"popup p-2\">\n\n      <!-- MENU -->\n      <vs-row class=\"menu\">\n        <div class=\"item me-2 p-2\" :class=\"{'active': menu ==='general'}\" @click=\"menu='general'\">\n          <span>{{$t('general')}}</span>\n        </div>\n        <div class=\"item me-2 p-2\" :class=\"{'active': menu ==='fields'}\" @click=\"menu='fields'\">\n          <span>{{$t('fields')}}</span>\n        </div>\n        <div class=\"item me-2 p-2\" :class=\"{'active': menu ==='logo'}\" @click=\"menu='logo'\">\n          <span>{{$t('logo')}}</span>\n        </div>\n        <div class=\"item me-2 p-2\" :class=\"{'active': menu ==='frontside'}\" @click=\"menu='frontside'\">\n          <span>{{$t('frontside')}}</span>\n        </div>\n        <div class=\"item me-2 p-2\" :class=\"{'active': menu ==='backside'}\" @click=\"menu='backside'\">\n          <span>{{$t('backside')}}</span>\n        </div>\n      </vs-row>\n\n\n      \n      <!-- POPUP BODY -->\n      <vs-row class=\"content-section mt-4\">\n        <General v-show=\"menu==='general'\" :layout=\"layout\" :showTemplate=\"showTemplate\" />\n        <Fields v-show=\"menu==='fields'\" :layout=\"layout\" />\n        <Logo v-show=\"menu==='logo'\" :layout=\"layout\"  />\n        <FrontSide v-show=\"menu==='frontside'\" :layout=\"layout\" />\n        <BackSide v-show=\"menu==='backside'\" :layout=\"layout\" />\n      </vs-row>\n\n\n      <!-- ACTION BUTTONS -->\n      <vs-row vs-w=\"12\">\n        <vs-col vs-type=\"flex\" vs-justify=\"left\" vs-align=\"left\" vs-w=\"6\">\n          <vs-button v-if=\"isEdit\" class=\"pop-btn\" color=\"danger\" type=\"filled\" icon=\"delete\" @click=\"deleteLayout(layout.id)\"> {{$t('delete')}} </vs-button>\n        </vs-col>\n\n        <vs-col vs-type=\"flex\" vs-justify=\"right\" vs-align=\"right\" vs-w=\"6\">\n          <vs-button v-if=\"isEdit\" class=\"pop-btn\" color=\"primary\" type=\"filled\" icon=\"done\" @click=\"updateLayout()\"> {{$t('save')}}</vs-button>\n          <vs-button v-else class=\"pop-btn\" color=\"primary\" type=\"filled\" icon=\"done\" @click=\"addLayout()\"> {{$t('create')}}</vs-button>\n          <vs-button class=\"pop-btn\" color=\"primary\" type=\"filled\" icon=\"close\" @click=\"showPopup=!showPopup\"> {{$t('cancel')}} </vs-button>\n        </vs-col>\n      </vs-row>\n\n\n      <!-- DEBUG MODE -->\n      <vs-row vs-w=\"12\">\n        <div v-if=\"isDebugMode\">\n          <h1>LAYOUT</h1>\n            {{layout}}\n        </div>\n      </vs-row>\n      \n    </div>\n  </vs-popup>\n</template>\n\n<script>\n  import Vue from \"vue\";\n\n  import Fields from \"./tabs/fields.vue\";\n  import FrontSide from \"./tabs/frontside.vue\";\n  import BackSide from \"./tabs/backside.vue\";\n  import General from \"./tabs/general.vue\";\n  import Logo from \"./tabs/logo.vue\";\n  import errorNotifier from \"@/plugins/errorNotifier\";\n\n  import _ from \"lodash\";\n\n  export default Vue.extend({\n    // props:['organization'],\n    components: { General, Fields,Logo, FrontSide, BackSide },\n\n    async mounted() {\n      // await this.$store.dispatch(\"auth/getUser\")\n      await this.$store.dispatch(\"layout/loadTemplates\");\n    },\n\n    data() {\n      return {\n        menu: \"general\",\n        showPopup: false,\n        showTemplate: false,\n        isEdit: false,\n        fields: {},\n        layout: {},\n      };\n    },\n\n    computed: {\n      title() {\n        if (this.isEdit) {\n          return this.$t(\"Layout bearbeiten > \"+this.layout.name);\n        }\n        return this.$t(\"Layout anlegen\");\n      },\n      templates() {\n        return this.$store.getters[\"layout/getTemplates\"];\n      },\n      user() {\n        return this.$store.getters[\"auth/getUser\"];\n      },\n    },\n\n    methods: {\n      initLayoutObj() {\n        this.layout = {\n          name: \"\",\n          is_template: false,\n          title: \"\",\n          stylesheet: {\n            header_background_color: \"#ffffff\",\n            body_background_color: \"#ffffff\",\n            header_text_color: \"#000000\",\n            body_text_color: \"#000000\",\n            fields_front: [\n              [\n                { key: \"date_of_birth\" },\n                { key: \"role\"}\n              ],\n              [\n                { key: \"valid_until\" },\n                { key: \"issuing_authority_name\" },\n              ]\n            ],\n            fields_back: [],\n          },\n          // header_picture_id: \"\",\n          backside_text_additional: \"\",\n          backside_footer_text: \"\",\n          based_on_template_id: null,\n          template_of_customer_id: null,\n          // extra_1_caption: \"\",\n          // extra_2_caption: \"\",\n          // extra_3_caption: \"\",\n          // extra_4_caption: \"\",\n          // extra_1_single_value: \"\",\n          // extra_2_single_value: \"\",\n          // extra_3_single_value: \"\",\n          // extra_4_single_value: \"\",\n          backside_text: \"\",\n        };\n      },\n\n      async openLayout(id) {\n        // Load Layout\n        await this.$store.dispatch(\"layout/loadLayout\", id);\n        const layout = this.$store.getters[\"layout/getLayout\"];\n        this.layout = _.cloneDeep(layout);\n\n        this.showPopup = true;\n        this.isEdit = true;\n        this.showTemplate = false\n      },\n\n      async open() {\n        this.initLayoutObj();\n        // this.layout.template_of_customer_id = this.user.customer_id;\n        await this.$store.dispatch(\"layout/loadTemplates\");\n        this.showPopup = true;\n        this.isEdit = false;\n        this.menu = \"general\";\n\n        this.showTemplate = true\n      },\n\n      async openEdit(id) {\n        await this.$store.dispatch(\"layout/loadLayout\", id);\n        const layout = this.$store.getters[\"layout/getLayout\"];\n        this.layout = _.cloneDeep(layout);\n\n        this.showPopup = true;\n        this.isEdit = true;\n        this.menu = \"fields\";\n        this.showTemplate = false\n      },\n\n      async addLayout() { \n        if (this.layout.name == '') {\n          this.$vs.notify({\n            color: \"danger\",\n            position: \"bottom-right\",\n            title: \"Bitte einen Namen angeben!\",\n          });\n          return\n        }\n        // Create Orgnaization layout\n        this.layout.is_template = true\n        this.layout.template_of_customer_id = this.user.customer_id;\n        let status = await this.$store.dispatch(\"layout/createLayout\", this.layout);\n        if (status === 201) {\n          this.$vs.notify({\n            color: \"success\",\n            position: \"bottom-right\",\n            title: \"Layout wurde hinzugefügt\",\n          });\n        } else {\n          errorNotifier(status)\n        }\n\n        this.showPopup = false;\n      },\n\n      async updateLayout() {\n        let status = await this.$store.dispatch(\"layout/updateLayout\", this.layout);\n\n        if (status === 200) {\n          this.$vs.notify({\n            color: \"success\",\n            position: \"bottom-right\",\n            title: \"Layout wurde gespeichert\",\n          });\n        } else {\n          errorNotifier(status)\n        }\n\n        this.showPopup = false;\n      },\n      async deleteLayout(id) {\n        let status = await this.$store.dispatch(\"layout/deleteLayout\", id);\n\n        if (status === 200) {\n          this.$vs.notify({\n            color: \"success\",\n            position: \"bottom-right\",\n            title: \"Layout wurde gelöscht\",\n          });\n        } else {\n          errorNotifier(status)\n        }\n        this.showPopup = false;\n      },\n    },\n  });\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PopupLayout.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PopupLayout.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PopupLayout.vue?vue&type=template&id=4ebb4521&\"\nimport script from \"./PopupLayout.vue?vue&type=script&lang=js&\"\nexport * from \"./PopupLayout.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","<template>\n  <div class=\"settings\">\n\n    <span class=\"con-slot-label\">Layout-Vorlagen</span>\n    <div class=\"table-container\" style=\"overflow-y: auto;\" >\n\n      <table class=\"mt-4\">\n          <tbody>\n              <tr v-for=\"layout in customerTemplates\" :key=\"layout.id\" @click=\"openLayout(layout.id)\">\n                  <td>{{layout.name}}</td>\n              </tr>\n          </tbody>\n      </table>\n\n\n    </div>\n\n    <vs-row class=\"w-100\">\n      <vs-col vs-type=\"flex\" vs-justify=\"right\" vs-align=\"right\" vs-w=\"12\">\n        <vs-button class=\"pop-btn organ-btn\" color=\"primary\" type=\"filled\" icon=\"add\"\n            @click=\"open()\">\n            {{$t('Hinzufügen')}}</vs-button>\n      </vs-col>\n    </vs-row>\n\n    <PopupLayout ref=\"PopupLayout\" />\n\n  </div>\n</template>\n\n<script>\nimport Vue from 'vue';\nimport PopupLayout from '@/components/layout/PopupLayout.vue'\n\n\nexport default Vue.extend({\n  name: 'IDCardLayout',\n\n  components: { PopupLayout },\n\n  async mounted() {\n    await this.$store.dispatch('layout/loadTemplates')\n    await this.$store.dispatch('layout/loadCustomerTemplates')\n  },\n\n  computed: {\n    layouts() {\n      return this.$store.getters['layout/getLayouts']\n    },\n    templates() {\n      return this.$store.getters[\"layout/getTemplates\"]\n    },\n    customerTemplates() {\n      return this.$store.getters[\"layout/getCustomerTemplates\"]\n    },\n  },\n\n  methods: {\n    open() {\n      const popup = this.$refs.PopupLayout \n      popup.open()\n    },\n    openLayout(id) {\n      const popup = this.$refs.PopupLayout \n      popup.openEdit(id)\n    }\n  }\n});\n</script>\n<style>\n\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IDCardLayout.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IDCardLayout.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./IDCardLayout.vue?vue&type=template&id=115aeef3&\"\nimport script from \"./IDCardLayout.vue?vue&type=script&lang=js&\"\nexport * from \"./IDCardLayout.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":""}