{"version":3,"sources":["webpack:///./src/components/setting/privacy.vue","webpack:///src/components/setting/privacy.vue","webpack:///./src/components/setting/privacy.vue?781e","webpack:///./src/components/setting/privacy.vue?1b0e","webpack:///./src/components/setting/privacy.vue?6e63"],"names":["staticClass","attrs","_vm","model","expression","domProps","_c","ref","staticStyle","value","callback","directives","rawName","message","$event","indexOf","selected","item","proxy","index","_v","process","staticRenderFns","data","dialog","snackbar","banner","list","pagination","form","id","title","content","status","type","load","success","error","components","watch","computed","user","rps","mounted","methods","fetch","params","then","setTimeout","map","key","filter","behavior","block","component"],"mappings":"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","file":"js/chunk-7959f471.b17f9873.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"fill-height\"},[_c('v-layout',{attrs:{\"wrap\":\"\"}},[_c('v-flex',[_c('section',[_c('v-snackbar',{attrs:{\"top\":\"\",\"right\":\"\",\"color\":\"green\"},scopedSlots:_vm._u([{key:\"action\",fn:function({ attrs }){return [_c('v-btn',_vm._b({staticClass:\"body-1 font-weight-bold text-capitalize\",attrs:{\"color\":\"white\",\"icon\":\"\"},on:{\"click\":function($event){_vm.dialog.snackbar = false}}},'v-btn',attrs,false),[_c('v-icon',[_vm._v(\"mdi-close-circle-outline\")])],1)]}}]),model:{value:(_vm.dialog.snackbar),callback:function ($$v) {_vm.$set(_vm.dialog, \"snackbar\", $$v)},expression:\"dialog.snackbar\"}},[_c('span',{staticClass:\"body-1 font-weight-light white--text\",domProps:{\"innerHTML\":_vm._s(_vm.message.success)}})]),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"7\"}},[_c('v-card',{attrs:{\"flat\":\"\",\"outlined\":\"\"}},[_c('v-card-text',[_c('ValidationObserver',{ref:\"form\"},[_c('v-form',{staticClass:\"text-left\"},[_c('div',{staticClass:\"mb-2\",staticStyle:{\"font-size\":\"16px\"}},[_vm._v(\"\\n                      Silahkan masukkan konten untuk halaman aplikasi SITR \"),_c('b',[_vm._v(\"Kebijakan Privasi\")]),_vm._v(\" dibawah ini:\\n                    \")]),_c('v-divider',{staticClass:\"mb-6\",staticStyle:{\"border\":\"3px solid #eaeaea\",\"border-radius\":\"50px\"}}),_c('div',{staticClass:\"mb-6\"},[_c('div',{staticClass:\"body-2 mb-2\"},[_c('span',{staticClass:\"red--text\"},[_vm._v(\"*\")]),_vm._v(\"\\n                        Deskripsi\\n                        \"),_c('span',{staticClass:\"error--text\"},[_vm._v(\"\\n                          (wajib diisi)\\n                        \")])]),_c('div',{staticClass:\"content_quil\"},[_c('quill-editor',{ref:\"myTextEditor\",attrs:{\"options\":{\n                            placeholder: 'Contoh. Tanggul sungai dengkeng jebol, kontruksi tidak bagus'\n                          }},model:{value:(_vm.form.content),callback:function ($$v) {_vm.$set(_vm.form, \"content\", $$v)},expression:\"form.content\"}})],1)])],1)],1),_c('v-alert',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.message.error.length > 0),expression:\"message.error.length > 0\"}],staticClass:\"mt-6\",attrs:{\"type\":\"error\",\"text\":\"\",\"dense\":\"\",\"prominent\":\"\"},domProps:{\"innerHTML\":_vm._s(_vm.message.error)}})],1),_c('v-card-text',{staticClass:\"pt-0\"},[_c('v-divider',{staticClass:\"mb-4\",staticStyle:{\"border\":\"3px solid #eaeaea\",\"border-radius\":\"50px\"}}),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize white--text\",staticStyle:{\"border-radius\":\"10px\"},attrs:{\"color\":\"green\",\"elevation\":\"0\",\"disabled\":_vm.process.form,\"loading\":_vm.process.form},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.save()},\"click\":function($event){return _vm.save()}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-check-bold\")]),_vm._v(\"\\n                    Simpan\\n                  \")],1)],1)],1)],1)],1),_c('v-col',{staticClass:\"d-flex justify-center\",attrs:{\"cols\":\"12\",\"md\":\"5\"}},[_c('v-card',{staticStyle:{\"border\":\"5px solid #e0e0e0\",\"border-radius\":\"30px\"},attrs:{\"flat\":\"\",\"width\":\"350\",\"height\":\"75vh\"}},[_c('v-card-title',{staticClass:\"cursor-pointer pa-4\",staticStyle:{\"border-radius\":\"25px 25px 15px 15px\",\"position\":\"absolute\",\"width\":\"100%\",\"z-index\":\"10\",\"background\":\"#2391d0\"}},[_c('v-icon',{attrs:{\"color\":\"white\"}},[_vm._v(\"\\n                  mdi-arrow-left-thick\\n                \")]),_c('span',{staticClass:\"body-1 font-weight-bold text-capitalize white--text ml-1\"},[_vm._v(\"\\n                  Kebijakan Privasi\\n                \")])],1),_c('v-card-text',{staticClass:\"pa-0 pt-6\"},[_c('v-carousel',{attrs:{\"cycle\":\"\",\"hide-delimiters\":\"\",\"show-arrows\":false,\"height\":\"auto\"},model:{value:(_vm.selected.banner),callback:function ($$v) {_vm.$set(_vm.selected, \"banner\", $$v)},expression:\"selected.banner\"}},_vm._l((_vm.process.banner ? 3 : _vm.list),function(item,index){return _c('v-carousel-item',{key:index},[_c('v-skeleton-loader',{staticClass:\"ma-auto\",attrs:{\"loading\":_vm.process.banner,\"type\":\"image\"}},[_c('div',[(!_vm.process.banner && _vm.list.length > 0)?_c('v-img',{staticClass:\"ma-auto d-flex align-end\",attrs:{\"width\":\"100%\",\"height\":\"250\",\"alt\":\"kominfo\",\"src\":item.image,\"gradient\":\"to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, .1)\"},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)}):_vm._e()],1)])],1)}),1)],1),_c('v-card-text',{staticClass:\"text-center\",staticStyle:{\"position\":\"relative\",\"top\":\"-80px\"}},_vm._l((_vm.list),function(item,index){return _c('v-btn',{key:index,staticClass:\"ma-1\",attrs:{\"width\":_vm.selected.banner === index ? 5 : 8,\"height\":_vm.selected.banner === index ? 10 : 8,\"elevation\":\"0\",\"x-small\":\"\",\"rounded\":_vm.selected.banner === index,\"fab\":_vm.selected.banner !== index,\"color\":_vm.selected.banner === index ? '#2391d0' : '#fff'},on:{\"click\":function($event){_vm.selected.banner = index}}})}),1),_c('v-card-text',{staticStyle:{\"border-radius\":\"15px 15px 25px 25px\",\"position\":\"relative\",\"top\":\"-80px\",\"background\":\"#FFF\",\"height\":\"48.5vh\"}},[_c('div',{staticClass:\"mb-3\"},[_c('div',{staticClass:\"title black--text\"},[_vm._v(\"\\n                    Kebijakan Privasi\\n                  \")]),_c('div',{staticClass:\"body-2 font-weight-light black--text\",staticStyle:{\"opacity\":\"60%\"}},[_vm._v(\"\\n                    Mengenai Aplikasi SITR\\n                  \")])]),_c('div',{staticClass:\"body-2 font-weight-light line-text-second black--text\",staticStyle:{\"overflow-y\":\"auto\",\"height\":\"calc((100vh - 500px) - 100px)\",\"opacity\":\"60%\"}},[_c('div',{staticClass:\"paragraph mb-3\",staticStyle:{\"text-indent\":\"25px\",\"text-align\":\"justify\"}},_vm._l((_vm.process.load ? 4 : 1),function(item,index){return _c('v-skeleton-loader',{key:index,staticClass:\"ma-auto\",attrs:{\"loading\":_vm.process.load,\"type\":\"list-item-three-line\"}},[_c('div',[(!_vm.process.load)?_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.form.content)}}):_vm._e()])])}),1)])])],1)],1)],1)],1)])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"fill-height\">\n    <v-layout wrap>\n      <v-flex>\n        <section>\n          <v-snackbar\n            v-model=\"dialog.snackbar\"\n            top\n            right\n            color=\"green\">\n            <span class=\"body-1 font-weight-light white--text\"\n              v-html=\"message.success\">\n            </span>\n\n            <template v-slot:action=\"{ attrs }\">\n              <v-btn\n                class=\"body-1 font-weight-bold text-capitalize\"\n                color=\"white\"\n                icon\n                v-bind=\"attrs\"\n                @click=\"dialog.snackbar = false\">\n                <v-icon>mdi-close-circle-outline</v-icon>\n              </v-btn>\n            </template>\n          </v-snackbar>\n\n          <v-row>\n            <v-col \n              cols=\"12\" \n              md=\"7\">\n              <v-card \n                flat\n                outlined>\n                <v-card-text>\n                  <ValidationObserver ref=\"form\">\n                    <v-form class=\"text-left\">\n                      <div\n                        class=\"mb-2\"\n                        style=\"font-size: 16px;\">\n                        Silahkan masukkan konten untuk halaman aplikasi SITR <b>Kebijakan Privasi</b> dibawah ini:\n                      </div>\n\n                      <v-divider class=\"mb-6\" style=\"border: 3px solid #eaeaea; border-radius: 50px;\"/>\n\n                      <div class=\"mb-6\">\n                        <div class=\"body-2 mb-2\">\n                          <span class=\"red--text\">*</span>\n                          Deskripsi\n                          <span class=\"error--text\">\n                            (wajib diisi)\n                          </span>\n                        </div>\n\n                        <div\n                          class=\"content_quil\">\n                          <quill-editor \n                            ref=\"myTextEditor\"\n                            :options=\"{\n                              placeholder: 'Contoh. Tanggul sungai dengkeng jebol, kontruksi tidak bagus'\n                            }\"\n                            v-model=\"form.content\">\n                          </quill-editor>\n                        </div>\n                      </div>\n                    </v-form>\n                  </ValidationObserver>\n                  \n                  <v-alert \n                    type=\"error\" \n                    text dense prominent \n                    class=\"mt-6\"\n                    v-show=\"message.error.length > 0\"\n                    v-html=\"message.error\">\n                  </v-alert>\n                </v-card-text>\n\n                <v-card-text\n                  class=\"pt-0\">\n                  <v-divider class=\"mb-4\" style=\"border: 3px solid #eaeaea; border-radius: 50px;\"/>\n\n                  <v-card-actions>\n                    <v-spacer/>\n\n                    <v-btn\n                      color=\"green\"\n                      elevation=\"0\"\n                      style=\"border-radius: 10px;\"\n                      class=\"body-2 font-weight-bold text-capitalize white--text\"\n                      :disabled=\"process.form\"\n                      :loading=\"process.form\"\n                      v-on:keyup.enter=\"save()\"\n                      @click=\"save()\">\n                      <v-icon small class=\"mr-1\">mdi-check-bold</v-icon>\n                      Simpan\n                    </v-btn>\n                  </v-card-actions>\n                </v-card-text>\n              </v-card>\n            </v-col>\n\n            <v-col \n              cols=\"12\" \n              md=\"5\"\n              class=\"d-flex justify-center\">\n              <v-card\n                flat\n                width=\"350\"\n                height=\"75vh\"\n                style=\"border: 5px solid #e0e0e0; border-radius: 30px;\">\n                <v-card-title \n                  class=\"cursor-pointer pa-4\"\n                  style=\"border-radius: 25px 25px 15px 15px;\n                        position: absolute;\n                        width: 100%;\n                        z-index: 10;\n                        background: #2391d0;\">\n                  <v-icon \n                    color=\"white\">\n                    mdi-arrow-left-thick\n                  </v-icon>\n\n                  <span\n                    class=\"body-1 font-weight-bold text-capitalize white--text ml-1\">\n                    Kebijakan Privasi\n                  </span>\n                </v-card-title>\n\n                <v-card-text \n                  class=\"pa-0 pt-6\">\n                  <v-carousel \n                    v-model=\"selected.banner\" \n                    cycle\n                    hide-delimiters \n                    :show-arrows=\"false\" \n                    height=\"auto\">\n                    <v-carousel-item\n                      v-for=\"(item, index) in process.banner ? 3 : list\"\n                      :key=\"index\">\n                      <v-skeleton-loader\n                        class=\"ma-auto\"\n                        :loading=\"process.banner\"\n                        type=\"image\">\n                        <div>\n                          <v-img v-if=\"!process.banner && list.length > 0\"\n                            width=\"100%\"\n                            height=\"250\"\n                            alt=\"kominfo\" \n                            :src=\"item.image\"\n                            gradient=\"to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, .1)\"\n                            class=\"ma-auto d-flex align-end\">\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                        </div>\n                      </v-skeleton-loader>\n                    </v-carousel-item>\n                  </v-carousel>\n                </v-card-text>\n\n                <v-card-text\n                  class=\"text-center\"\n                  style=\"position: relative; \n                      top: -80px;\">\n                  <v-btn \n                    v-for=\"(item, index) in list\" \n                    :key=\"index\"\n                    :width=\"selected.banner === index ? 5 : 8\"\n                    :height=\"selected.banner === index ? 10 : 8\"\n                    elevation=\"0\"\n                    x-small\n                    :rounded=\"selected.banner === index\"\n                    :fab=\"selected.banner !== index\"\n                    :color=\"selected.banner === index ? '#2391d0' : '#fff'\"\n                    class=\"ma-1\"\n                    @click=\"selected.banner = index\">\n                  </v-btn>\n                </v-card-text>\n\n                <v-card-text\n                  style=\"border-radius: 15px 15px 25px 25px; \n                      position: relative; \n                      top: -80px;\n                      background: #FFF;\n                      height: 48.5vh;\">\n                  <div class=\"mb-3\">\n                    <div class=\"title black--text\">\n                      Kebijakan Privasi\n                    </div>\n\n                    <div class=\"body-2 font-weight-light black--text\" style=\"opacity: 60%;\">\n                      Mengenai Aplikasi SITR\n                    </div>\n                  </div>\n\n                  <div class=\"body-2 font-weight-light line-text-second black--text\"\n                    style=\"overflow-y: auto; \n                          height: calc((100vh - 500px) - 100px); \n                          opacity: 60%;\">\n                    <div \n                      class=\"paragraph mb-3\"\n                      style=\"text-indent: 25px; text-align: justify;\">\n                      <v-skeleton-loader\n                        v-for=\"(item, index) in process.load ? 4 : 1\"\n                        :key=\"index\"\n                        class=\"ma-auto\"\n                        :loading=\"process.load\"\n                        type=\"list-item-three-line\">\n                        <div>\n                          <span v-if=\"!process.load\"\n                            v-html=\"form.content\">\n                          </span>\n                        </div>\n                      </v-skeleton-loader>\n                    </div>\n                  </div>\n                </v-card-text>\n              </v-card>\n            </v-col>\n          </v-row>\n        </section>\n      </v-flex>\n    </v-layout>\n  </div>\n</template>\n\n<script>\n  import { get, post, put, destroy } from \"@/service/Axios\";\n  export default {\n    data () {\n      return {\n        dialog: {\n          snackbar: false\n        },\n        selected: {\n          banner: 0\n        },\n        list: [],\n        pagination: {},\n        form: {\n          id: '',\n          title: '',\n          content: '',\n          status: 'publish',\n          type: 'privacy'\n        },\n        process: {\n          banner: false,\n          load: false,\n          form: false\n        },\n        message: {\n          success: '',\n          error: ''\n        }\n      }\n    },\n    components: {\n      \n    },\n    watch: {\n      \n    },\n    computed: {\n      user () {\n        return this.$store.state.user\n      },\n      rps() {\n        return this.$vuetify.breakpoint.name\n      }\n    },\n    mounted () {\n      this.fetch()\n    },\n    methods: {\n      fetch () {\n        this.fetchBanner()\n        this.fetchData()\n      },\n      async fetchBanner () {\n        this.process.banner = true\n\n        let params = {\n          type: 'banner'\n        }\n\n        await get('site', { params })\n        .then(response => {\n          let res = response.data\n\n          this.process.banner = false\n            \n          if (res.code === 200) {\n            this.list = res.data\n            this.pagination = res.pagination\n          }\n        })\n      },\n      async fetchData () {\n        this.process.load = true\n\n        let params = {\n          type: 'privacy'\n        }\n\n        await get('site', { params })\n        .then(response => {\n          let res = response.data\n\n          this.process.load = false\n            \n          if (res.code === 200) {\n            this.form = res.data[0]\n          }\n        })\n      },\n      async save() {\n        this.message.error = ''\n        \n        const isValid = await this.$refs.form.validate()\n        if (isValid) {\n          this.process.form = true\n\n          // SAVE TO REST API\n          await post(`site/update`, {\n            data: this.form\n          })\n          .then((response) => {\n            let res = response.data\n\n            this.process.form = false\n\n            if (res.code === 200) {\n              this.dialog.snackbar = true\n              this.message.success = res.message\n\n              this.fetchData()\n            } else {\n              this.message.error = res.message\n            }\n          })\n        } else {\n          // AUTO FOCUS ON TEXT-FIELD\n          setTimeout(() => {\n            const errors = Object.entries(this.$refs.form.errors)\n              .map(([key, value]) => ({ key, value }))\n              .filter(error => error['value'].length)\n            this.$refs.form.refs[errors[0]['key']].$el.scrollIntoView({\n              behavior: 'smooth',\n              block: 'center'\n            })\n          }, 10)\n        }\n      }\n    }\n  }\n</script>\n\n<style>\n  .content_quil .ql-toolbar.ql-snow {\n    border-radius: 4px 4px 0px 0px;\n  }\n  .content_quil .ql-container.ql-snow {\n    border-radius: 0px 0px 4px 4px;\n    height: 480px;\n  }\n  .content_quil .quill-editor .ql-editor {\n    min-height: 480px;\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!./privacy.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!./privacy.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./privacy.vue?vue&type=template&id=5de42aa0&\"\nimport script from \"./privacy.vue?vue&type=script&lang=js&\"\nexport * from \"./privacy.vue?vue&type=script&lang=js&\"\nimport style0 from \"./privacy.vue?vue&type=style&index=0&id=5de42aa0&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--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./privacy.vue?vue&type=style&index=0&id=5de42aa0&prod&lang=css&\""],"sourceRoot":""}