{"version":3,"sources":["webpack:///./src/components/submission/attachment.vue","webpack:///src/components/submission/attachment.vue","webpack:///./src/components/submission/attachment.vue?93c4","webpack:///./src/components/submission/attachment.vue?f224"],"names":["$event","dialog","model","value","attachment","callback","Object","selected","staticClass","class","_vm","_v","attrs","fullscreen","scopedSlots","fn","_c","proxy","_e","staticStyle","domProps","length","index_img","on","_u","key","item_img","staticRenderFns","props","detail","type","default","data","sheet","form","upload","folder","index_file","id","nama_badan_usaha","nib_no","nib_alamat","kbli","lokasi_usaha","luas","keterangan","lampiran","koordinat","extra","process","load","message","success","error","components","computed","watch","mounted","methods","component"],"mappings":"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","file":"js/chunk-2d22ca39.db0417c0.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-dialog',{attrs:{\"fullscreen\":_vm.dialog.fullscreen,\"width\":\"1000\",\"persistent\":\"\",\"scrollable\":\"\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"]))return null;_vm.dialog.attachment = false}},model:{value:(_vm.dialog.attachment),callback:function ($$v) {_vm.$set(_vm.dialog, \"attachment\", $$v)},expression:\"dialog.attachment\"}},[(Object.keys(_vm.selected.attachment).length > 0)?_c('v-card',{staticClass:\"pa-2\",class:_vm.dialog.fullscreen ? 'non-border-radius' : 'border-radius'},[_c('v-card-title',{staticClass:\"d-flex align-center py-0 px-3 text-right popup-header\"},[_vm._v(\"\\n        Lampiran \"+_vm._s(_vm.selected.attachment.type === 'image' ? 'Gambar' : 'PDF')+\"\\n\\n        \"),_c('v-spacer'),_c('v-icon',{staticClass:\"cursor-pointer mr-1\",attrs:{\"size\":\"24\",\"color\":\"#2391d0\"},on:{\"click\":function($event){_vm.dialog.fullscreen = !_vm.dialog.fullscreen ? true : false}}},[_vm._v(\"\\n          \"+_vm._s(!_vm.dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit')+\"\\n        \")]),_c('v-icon',{staticClass:\"cursor-pointer\",attrs:{\"size\":\"24\",\"color\":\"red\"},on:{\"click\":function($event){_vm.dialog.attachment = false; _vm.dialog.fullscreen = false;}}},[_vm._v(\"\\n          mdi-close-circle-outline\\n        \")])],1),_c('v-divider',{staticClass:\"mx-4 mt-3 mb-2\"}),_c('v-card-text',{staticClass:\"mt-4\"},[(_vm.selected.attachment.type === 'image')?_c('v-img',{staticClass:\"ma-auto border-radius\",attrs:{\"width\":\"100%\",\"height\":\"auto\",\"alt\":\"locafe\",\"src\":_vm.selected.attachment.url},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#2391d0\"}})],1)]},proxy:true}],null,false,2954120008)}):_vm._e(),(_vm.selected.attachment.type === 'document')?_c('div',[_c('iframe',{staticStyle:{\"border-radius\":\"15px\",\"border\":\"2px solid #323639\"},attrs:{\"src\":`${_vm.selected.attachment.url}#toolbar=0`,\"allowfullscreen\":\"\",\"frameborder\":\"0\",\"width\":\"100%\",\"height\":\"1000\"}})]):_vm._e()],1)],1):_vm._e()],1),_c('v-card',{staticClass:\"box-shadow border-radius\",attrs:{\"color\":\"white\"}},[_c('v-card-text',[_c('div',{staticClass:\"title font-weight-bold black--text mb-1\"},[_vm._v(\"\\n        Lampiran\\n      \")]),_c('div',{staticClass:\"d-flex align-center mb-4\"},[_c('div',[_vm._v(\"\\n          Berikut data dokumen / lampiran ajuan izin usaha.\\n        \")]),_c('v-spacer')],1),_c('div',_vm._l((_vm.detail.ajuan_lampiran),function(item,index){return _c('v-card',{key:index,staticClass:\"mb-6\",attrs:{\"flat\":\"\",\"color\":\"transparent\"}},[_c('div',{staticClass:\"pb-2\"},[_c('span',{staticClass:\"line-text-second\",staticStyle:{\"opacity\":\"70%\"},domProps:{\"innerHTML\":_vm._s(item.name)}})]),_c('v-divider',{staticStyle:{\"border-top\":\"5px solid #f3f3f3\",\"border-radius\":\"50px\"}}),(item.file.length > 0)?_c('div',{staticClass:\"mt-4\"},[_c('v-row',_vm._l((item.file),function(item_img,index_img){return _c('v-col',{key:index_img,attrs:{\"cols\":\"6\",\"md\":\"4\"}},[_c('v-card',{staticClass:\"d-flex align-center justify-center\",staticStyle:{\"border-radius\":\"15px\",\"border\":\"2px solid #eaeaea\",\"border-style\":\"dashed\",\"box-shadow\":\"rgba(0, 0, 0, 0.04) 0px 3px 5px\"},attrs:{\"flat\":\"\",\"width\":\"100%\",\"height\":\"200\"},on:{\"click\":function($event){_vm.selected.attachment = item_img; _vm.dialog.attachment = true;}}},[(item_img.type === 'image')?_c('v-img',{staticClass:\"ma-auto\",attrs:{\"alt\":\"kominfo\",\"width\":\"100%\",\"height\":\"200\",\"src\":item_img.url},scopedSlots:_vm._u([{key:\"placeholder\",fn:function(){return [_c('v-row',{staticClass:\"fill-height\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"#2391d0\"}})],1)]},proxy:true}],null,true)},[_c('div',{staticClass:\"font-weight-bold color-default\",staticStyle:{\"position\":\"absolute\",\"top\":\"5px\",\"left\":\"5px\"}},[_vm._v(\"\\n                      Gambar\\n                    \")])]):_vm._e(),(item_img.type === 'document')?_c('div',{staticClass:\"d-flex align-center justify-center\"},[_c('iframe',{staticStyle:{\"border-radius\":\"15px\",\"border\":\"2px solid #323639\"},attrs:{\"src\":`${item_img.url}#toolbar=0`,\"allowfullscreen\":\"\",\"frameborder\":\"0\",\"width\":\"100%\",\"height\":\"200\"}}),_c('div',{staticStyle:{\"width\":\"100%\",\"height\":\"200px\",\"position\":\"absolute\",\"background\":\"transparent\"}}),_c('div',{staticClass:\"font-weight-bold color-default\",staticStyle:{\"position\":\"absolute\",\"top\":\"5px\",\"left\":\"5px\"}},[_vm._v(\"\\n                      PDF\\n                    \")])]):_vm._e()],1)],1)}),1)],1):_c('div',{staticClass:\"mt-4 orange--text font-italic\"},[_vm._v(\"\\n            Lampiran belum tersedia\\n          \")])],1)}),1)])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <v-dialog v-model=\"dialog.attachment\"\n      @keydown.esc=\"dialog.attachment = false\"\n      :fullscreen=\"dialog.fullscreen\"\n      width=\"1000\"\n      persistent\n      scrollable>\n      <v-card v-if=\"Object.keys(selected.attachment).length > 0\"\n        :class=\"dialog.fullscreen ? 'non-border-radius' : 'border-radius'\"\n        class=\"pa-2\">\n        <v-card-title \n          class=\"d-flex align-center py-0 px-3 text-right popup-header\">\n          Lampiran {{ selected.attachment.type === 'image' ? 'Gambar' : 'PDF' }}\n\n          <v-spacer/>\n\n          <v-icon \n            @click=\"dialog.fullscreen = !dialog.fullscreen ? true : false\"\n            class=\"cursor-pointer mr-1\"\n            size=\"24\"\n            color=\"#2391d0\">\n            {{ !dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit' }}\n          </v-icon>\n\n          <v-icon \n            @click=\"dialog.attachment = false; dialog.fullscreen = false;\"\n            class=\"cursor-pointer\"\n            size=\"24\"\n            color=\"red\">\n            mdi-close-circle-outline\n          </v-icon>\n        </v-card-title>\n        \n        <v-divider class=\"mx-4 mt-3 mb-2\"/>\n\n        <v-card-text\n          class=\"mt-4\">\n          <v-img v-if=\"selected.attachment.type === 'image'\"\n            width=\"100%\"\n            height=\"auto\"\n            alt=\"locafe\" \n            :src=\"selected.attachment.url\"\n            class=\"ma-auto border-radius\">\n            <template v-slot:placeholder>\n              <v-row\n                class=\"fill-height\"\n                align=\"center\"\n                justify=\"center\">\n                <v-progress-circular \n                  indeterminate \n                  color=\"#2391d0\">\n                </v-progress-circular>\n              </v-row>\n            </template>\n          </v-img>\n\n          <div v-if=\"selected.attachment.type === 'document'\">\n            <iframe \n              :src=\"`${selected.attachment.url}#toolbar=0`\" \n              allowfullscreen\n              frameborder=\"0\" \n              width=\"100%\"\n              height=\"1000\"\n              style=\"border-radius: 15px; border: 2px solid #323639;\">\n            </iframe>\n          </div>\n        </v-card-text>\n      </v-card>\n    </v-dialog>\n\n    <v-card \n      color=\"white\"\n      class=\"box-shadow border-radius\">\n      <v-card-text>\n        <div\n          class=\"title font-weight-bold black--text mb-1\">\n          Lampiran\n        </div>\n\n        <div\n          class=\"d-flex align-center mb-4\">\n          <div>\n            Berikut data dokumen / lampiran ajuan izin usaha.\n          </div>\n\n          <v-spacer />\n        </div>\n\n        <div>\n          <v-card \n            v-for=\"(item, index) in detail.ajuan_lampiran\"\n            :key=\"index\"\n            flat\n            color=\"transparent\"\n            class=\"mb-6\">\n            <div\n              class=\"pb-2\">\n              <span\n                class=\"line-text-second\"\n                style=\"opacity: 70%;\"\n                v-html=\"item.name\">\n              </span>\n            </div>\n\n            <v-divider \n              style=\"border-top: 5px solid #f3f3f3; border-radius: 50px;\" />\n            \n            <div v-if=\"item.file.length > 0\"\n              class=\"mt-4\">\n              <v-row>\n                <v-col \n                  v-for=\"(item_img, index_img) in item.file\"\n                  :key=\"index_img\"\n                  cols=\"6\" \n                  md=\"4\">\n                  <v-card \n                    @click=\"selected.attachment = item_img; dialog.attachment = true;\"\n                    flat\n                    width=\"100%\"\n                    height=\"200\"\n                    class=\"d-flex align-center justify-center\"\n                    style=\"border-radius: 15px;\n                          border: 2px solid #eaeaea; \n                          border-style: dashed;\n                          box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px; \">\n                    <v-img v-if=\"item_img.type === 'image'\"\n                      alt=\"kominfo\" \n                      width=\"100%\"\n                      height=\"200\"\n                      :src=\"item_img.url\"\n                      class=\"ma-auto\">\n                      <template v-slot:placeholder>\n                        <v-row\n                          class=\"fill-height\"\n                          align=\"center\"\n                          justify=\"center\">\n                          <v-progress-circular \n                            indeterminate \n                            color=\"#2391d0\">\n                          </v-progress-circular>\n                        </v-row>\n                      </template>\n\n                      <div \n                        class=\"font-weight-bold color-default\"\n                        style=\"position: absolute; top: 5px; left: 5px;\">\n                        Gambar\n                      </div>\n                    </v-img>\n\n                    <div v-if=\"item_img.type === 'document'\"\n                      class=\"d-flex align-center justify-center\">\n                      <iframe \n                        :src=\"`${item_img.url}#toolbar=0`\" \n                        allowfullscreen\n                        frameborder=\"0\" \n                        width=\"100%\"\n                        height=\"200\"\n                        style=\"border-radius: 15px; border: 2px solid #323639;\">\n                      </iframe>\n\n                      <div\n                        style=\"width: 100%; height: 200px; position: absolute; background: transparent;\">\n                      </div>\n\n                      <div \n                        class=\"font-weight-bold color-default\"\n                        style=\"position: absolute; top: 5px; left: 5px;\">\n                        PDF\n                      </div>\n                    </div>\n                  </v-card>\n                </v-col>\n              </v-row>\n            </div>\n\n            <div v-else\n              class=\"mt-4 orange--text font-italic\">\n              Lampiran belum tersedia\n            </div>\n          </v-card>\n        </div>\n      </v-card-text>\n    </v-card>\n  </div>\n</template>\n\n<script>\n  import { get, post, put, destroy } from \"@/service/Axios\";\n  export default {\n    props: {\n      detail: {\n        type: Object,\n        default: {}\n      }\n    },\n    data () {\n      return {\n        dialog: {\n          fullscreen: false,\n          attachment: false\n        },\n        sheet: {\n          form: false\n        },\n        selected: {\n          attachment: {}\n        },\n        upload: {\n          folder: null\n        },\n        index_file: '',\n        form: {\n          id: '',\n          nama_badan_usaha: '',\n          nib_no: '',\n          nib_alamat: '',\n          kbli: '',\n          lokasi_usaha: '',\n          luas: '',\n          keterangan: '',\n          lampiran: [],\n          koordinat: [],\n          extra: {}\n        },\n        process: {\n          load: false,\n          form: false\n        },\n        message: {\n          success: '',\n          error: ''\n        }\n      }\n    },\n    components: {\n      \n    },\n    computed: {\n      \n    },\n    watch: {\n      \n    },\n    mounted () {\n      \n    },\n    methods: {\n      \n    }\n  }\n</script>","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!./attachment.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!./attachment.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./attachment.vue?vue&type=template&id=2bdcdf29&\"\nimport script from \"./attachment.vue?vue&type=script&lang=js&\"\nexport * from \"./attachment.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":""}