{"version":3,"sources":["webpack:///./src/components/AboutUs/StructureMajor.vue?cbc9","webpack:///./src/components/Settings/DialogStructureMajor.vue?b001","webpack:///src/components/Settings/DialogStructureMajor.vue","webpack:///./src/components/Settings/DialogStructureMajor.vue?df7e","webpack:///./src/components/Settings/DialogStructureMajor.vue","webpack:///src/components/AboutUs/StructureMajor.vue","webpack:///./src/components/AboutUs/StructureMajor.vue?9781","webpack:///./src/components/AboutUs/StructureMajor.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","_v","staticClass","attrs","on","$event","openSetting","_e","staticStyle","_l","img","index","key","env","structure_file_path","showMultiple","errorImg","visible","imgs","handleHide","img_error","all_structure","length","ref","getStructure","staticRenderFns","model","value","callback","$$v","dialog_structuremajor_setting","expression","structure_headers","scopedSlots","_u","fn","openDialogImageAdd","dialog","namephotofile","directives","name","rawName","show_img","removeImage","i","file_image","thumb","file_image_upload_from_api","directory","acceptphoto","extensionsphoto","size","thread","headers","data","inputFilter","inputFile","close","click","save","proxy","item","_s","indexOf","openDialogImageEdit","deleteImage","structure_file_id","components","FileUpload","header_token","minSize","postAction","_csrf_token","autoCompress","uploadAuto","mode_image","edited_id","created","methods","newFile","oldFile","file","blob","URL","createObjectURL","type","substr","axios","postStructure","form","FormData","append","$refs","structure_media","remove","$swal","putStructure","files","fire","icon","title","showConfirmButton","timer","component","VBtn","VCard","VCardActions","VCardText","VCardTitle","VCol","VDataTable","VDialog","VIcon","VImg","VRow","VSpacer","VueEasyLightbox","DialogStructureMajor","mode","$session","get","id","show","VContainer"],"mappings":"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","file":"js/chunk-2d0bdf87.107646a2.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-container',[_c('h1',[_vm._v(\" โครงสร้างการบริหารสาขาวิชา \"),(_vm.mode)?_c('v-btn',{staticClass:\"pa-0 mb-2\",attrs:{\"color\":\"#636262\",\"text\":\"\",\"fab\":\"\"},on:{\"click\":function($event){return _vm.openSetting()}}},[_c('v-icon',[_vm._v(\"mdi-pencil\")])],1):_vm._e()],1),_c('v-card',{staticClass:\"mt-3\",staticStyle:{\"height\":\"8px\",\"width\":\"150px\"},attrs:{\"color\":\"primary\",\"tile\":\"\"}}),_c('div',{staticClass:\"pb-4 pt-4\"},[_vm._l((_vm.all_structure),function(img,index){return _c('span',{key:index},[_c('v-img',{attrs:{\"src\":_vm.env + '/' + img.structure_file_path},on:{\"click\":function($event){return _vm.showMultiple(index)},\"error\":_vm.errorImg}})],1)}),_c('VueEasyLightbox',{attrs:{\"visible\":_vm.visible,\"imgs\":_vm.imgs,\"index\":_vm.index},on:{\"hide\":_vm.handleHide}})],2)],1),(_vm.img_error || _vm.all_structure.length == 0)?_c('v-container',[(_vm.all_structure.length == 0)?_c('v-card-title',[_vm._v(\"- ไม่มีข้อมูล -\")]):_c('v-card-title',[_vm._v(\"- โหลดรูปภาพไม่สำเร็จ -\")])],1):_vm._e(),_c('DialogStructureMajor',{ref:\"dialog_structuremajor_setting\",on:{\"status\":_vm.getStructure}})],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('div',[_c('v-dialog',{attrs:{\"scrollable\":\"\",\"persistent\":\"\",\"max-width\":\"1000px\",\"transition\":\"dialog-transition\"},model:{value:(_vm.dialog_structuremajor_setting),callback:function ($$v) {_vm.dialog_structuremajor_setting=$$v},expression:\"dialog_structuremajor_setting\"}},[_c('v-card',[_c('v-card-title',{staticStyle:{\"background-color\":\"rgba(227, 236, 238, 0.9)\"},attrs:{\"primary-title\":\"\"}},[_vm._v(\" ตั้งค่าโครงสร้างการบริหารสาขาวิชา \"),_c('v-spacer'),_c('v-btn',{staticClass:\"float-right\",attrs:{\"icon\":\"\"},on:{\"click\":function($event){_vm.dialog_structuremajor_setting = false}}},[_c('v-icon',[_vm._v(\"mdi-window-close\")])],1)],1),_c('v-card-text',[_c('v-card',{staticClass:\"pt-2 my-3 mt-6\",attrs:{\"outlined\":\"\"}},[_c('v-card-title',{staticClass:\"justify-center main-title pb-0\"},[_vm._v(\"โครงสร้างการบริหารสาขาวิชาทั้งหมด\")]),_c('v-data-table',{attrs:{\"headers\":_vm.structure_headers,\"items\":_vm.all_structure},scopedSlots:_vm._u([{key:\"top\",fn:function(){return [_c('v-col',{attrs:{\"align\":\"right\"}},[_c('v-btn',{staticClass:\"btn-responsive\",attrs:{\"color\":\"primary\",\"dark\":\"\"},on:{\"click\":function($event){return _vm.openDialogImageAdd()}}},[_c('v-icon',{staticClass:\"mr-2\"},[_vm._v(\"mdi-plus-circle\")]),_vm._v(\"เพิ่มโครงสร้างการบริหารสาขาวิชา \")],1)],1),_c('v-dialog',{attrs:{\"max-width\":\"700px\",\"persistent\":\"\",\"content-class\":\"alldialog_settings\"},model:{value:(_vm.dialog),callback:function ($$v) {_vm.dialog=$$v},expression:\"dialog\"}},[_c('v-card',{staticClass:\"py-4\"},[_c('v-row',{staticClass:\"mx-0\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[_c('v-col',{staticClass:\"mx-0\",attrs:{\"cols\":\"6\"}},[(_vm.show_img)?_c('v-card',{staticClass:\"text-center pa-1\",staticStyle:{\"border\":\"1px solid rgba(0, 0, 0, 0.38)\"},attrs:{\"height\":\"120\",\"outlined\":\"\"}},[_c('label',{attrs:{\"for\":_vm.namephotofile}},[_c('center',[_c('v-icon',{staticClass:\"float-center pt-4\"},[_vm._v(\"mdi-cloud-upload\")])],1),_c('p',{staticClass:\"pt-5 px-3 py-1 text-center\"},[_vm._v(\" อัปโหลดรูปภาพ \")])],1)]):_vm._e()],1)],1),_c('v-card',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.show_img),expression:\"!show_img\"}],staticClass:\"mx-10\"},[_c('v-card-title',{staticClass:\"py-0 pt-1\"},[_c('v-spacer'),_c('v-btn',{attrs:{\"icon\":\"\"},on:{\"click\":function($event){return _vm.removeImage()}}},[_c('v-icon',{staticClass:\"float-right\"},[_vm._v(\"mdi-window-close\")])],1)],1),_vm._l((_vm.file_image),function(img,i){return (_vm.file_image != [])?_c('img',{key:i,staticClass:\"ml-2 my-2\",attrs:{\"src\":img ? img.thumb : '',\"width\":\"600px\",\"height\":\"250px\"}}):_vm._e()}),(_vm.file_image_upload_from_api)?_c('img',{staticClass:\"ml-2 my-2\",attrs:{\"src\":_vm.file_image_upload_from_api,\"width\":\"600px\",\"height\":\"250px\"}}):_vm._e()],2),_c('v-col',{staticClass:\"pa-0\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[(\n                        _vm.file_image_upload_from_api == '' && _vm.file_image == ''\n                      )?_c('p',{staticClass:\"pt-1\",staticStyle:{\"color\":\"red\",\"font-size\":\"12px\"}},[_vm._v(\" * กรุณาใส่รูปภาพ \")]):_vm._e()]),_c('file-upload',{ref:\"structure_media\",staticClass:\"btn btn-primary dropdown-toggle\",attrs:{\"input-id\":\"photofile\",\"directory\":_vm.directory,\"accept\":_vm.acceptphoto,\"extensions\":_vm.extensionsphoto,\"size\":_vm.size || 0,\"thread\":_vm.thread < 1 ? 1 : _vm.thread > 5 ? 5 : _vm.thread,\"headers\":_vm.headers,\"data\":_vm.data},on:{\"input-filter\":_vm.inputFilter,\"input-file\":_vm.inputFile},model:{value:(_vm.file_image),callback:function ($$v) {_vm.file_image=$$v},expression:\"file_image\"}}),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"secondary\",\"text\":\"\"},on:{\"click\":_vm.close}},[_vm._v(\"ยกเลิก\")]),_c('v-btn',{attrs:{\"color\":\"primary\",\"type\":\"submit\",\"loading\":_vm.click,\"text\":\"\"},on:{\"click\":function($event){return _vm.save()}}},[_vm._v(\"บันทึก\")])],1)],1)],1)]},proxy:true},{key:\"item.no\",fn:function(ref){\n                      var item = ref.item;\nreturn [_vm._v(_vm._s(_vm.all_structure.indexOf(item) + 1)+\".\")]}},{key:\"item.picturefile\",fn:function(ref){\n                      var item = ref.item;\nreturn [_c('v-img',{attrs:{\"src\":item.structure_file_path\n                    ? _vm.env + '/' + item.structure_file_path\n                    : '',\"aspect-ratio\":\"1\",\"max-width\":\"120px\"}})]}},{key:\"item.action\",fn:function(ref){\n                    var item = ref.item;\nreturn [_c('v-btn',{attrs:{\"icon\":\"\"},on:{\"click\":function($event){return _vm.openDialogImageEdit(item)}}},[_c('v-icon',{attrs:{\"small\":\"\"}},[_vm._v(\"mdi-pencil\")])],1),_c('v-btn',{attrs:{\"icon\":\"\"},on:{\"click\":function($event){return _vm.deleteImage(item.structure_file_id)}}},[_c('v-icon',{attrs:{\"small\":\"\"}},[_vm._v(\"mdi-delete\")])],1)]}}])}),_c('v-btn',{staticClass:\"ma-2 d-block d-sm-none\",attrs:{\"fab\":\"\",\"color\":\"secondary\",\"bottom\":\"\",\"dark\":\"\",\"fixed\":\"\",\"right\":\"\"},on:{\"click\":function($event){_vm.dialog = !_vm.dialog}}},[_c('v-icon',[_vm._v(\"mdi-plus\")])],1)],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <v-dialog\n      v-model=\"dialog_structuremajor_setting\"\n      scrollable\n      persistent\n      max-width=\"1000px\"\n      transition=\"dialog-transition\"\n    >\n      <v-card>\n        <v-card-title\n          primary-title\n          style=\"background-color: rgba(227, 236, 238, 0.9)\"\n        >\n          ตั้งค่าโครงสร้างการบริหารสาขาวิชา\n          <v-spacer></v-spacer>\n          <v-btn\n            icon\n            class=\"float-right\"\n            @click=\"dialog_structuremajor_setting = false\"\n          >\n            <v-icon>mdi-window-close</v-icon>\n          </v-btn>\n        </v-card-title>\n        <v-card-text>\n          <v-card class=\"pt-2 my-3 mt-6\" outlined>\n            <v-card-title class=\"justify-center main-title pb-0\"\n              >โครงสร้างการบริหารสาขาวิชาทั้งหมด</v-card-title\n            >\n            <!-- <pre>{{all_structure}}</pre> -->\n\n            <v-data-table :headers=\"structure_headers\" :items=\"all_structure\">\n              <template v-slot:top>\n                <v-col align=\"right\">\n                  <v-btn\n                    @click=\"openDialogImageAdd()\"\n                    color=\"primary\"\n                    dark\n                    class=\"btn-responsive\"\n                  >\n                    <v-icon class=\"mr-2\">mdi-plus-circle</v-icon\n                    >เพิ่มโครงสร้างการบริหารสาขาวิชา\n                  </v-btn>\n                </v-col>\n                <!-- dialog -->\n                <v-dialog\n                  v-model=\"dialog\"\n                  max-width=\"700px\"\n                  persistent\n                  content-class=\"alldialog_settings\"\n                >\n                  <v-card class=\"py-4\">\n                    <v-row align=\"center\" justify=\"center\" class=\"mx-0\">\n                      <v-col cols=\"6\" class=\"mx-0\">\n                        <v-card\n                          v-if=\"show_img\"\n                          class=\"text-center pa-1\"\n                          height=\"120\"\n                          outlined\n                          style=\"border: 1px solid rgba(0, 0, 0, 0.38)\"\n                        >\n                          <label :for=\"namephotofile\">\n                            <center>\n                              <v-icon class=\"float-center pt-4\"\n                                >mdi-cloud-upload</v-icon\n                              >\n                            </center>\n\n                            <p class=\"pt-5 px-3 py-1 text-center\">\n                              อัปโหลดรูปภาพ\n                            </p>\n                          </label>\n                        </v-card>\n                      </v-col>\n                    </v-row>\n                    <v-card v-show=\"!show_img\" class=\"mx-10\">\n                      <v-card-title class=\"py-0 pt-1\">\n                        <v-spacer></v-spacer>\n                        <v-btn icon @click=\"removeImage()\">\n                          <v-icon class=\"float-right\">mdi-window-close</v-icon>\n                        </v-btn>\n                      </v-card-title>\n\n                      <img\n                        class=\"ml-2 my-2\"\n                        v-if=\"file_image != []\"\n                        v-for=\"(img, i) in file_image\"\n                        :key=\"i\"\n                        :src=\"img ? img.thumb : ''\"\n                        width=\"600px\"\n                        height=\"250px\"\n                      />\n                      <img\n                        v-if=\"file_image_upload_from_api\"\n                        class=\"ml-2 my-2\"\n                        :src=\"file_image_upload_from_api\"\n                        width=\"600px\"\n                        height=\"250px\"\n                      />\n                    </v-card>\n                    <!-- <v-row class=\"pa-0\"> -->\n                    <v-col class=\"pa-0\" align=\"center\" justify=\"center\">\n                      <p\n                        v-if=\"\n                          file_image_upload_from_api == '' && file_image == ''\n                        \"\n                        class=\"pt-1\"\n                        style=\"color: red; font-size: 12px\"\n                      >\n                        * กรุณาใส่รูปภาพ\n                      </p>\n                    </v-col>\n                    <!-- </v-row> -->\n\n                    <file-upload\n                      class=\"btn btn-primary dropdown-toggle\"\n                      input-id=\"photofile\"\n                      :directory=\"directory\"\n                      :accept=\"acceptphoto\"\n                      :extensions=\"extensionsphoto\"\n                      :size=\"size || 0\"\n                      :thread=\"thread < 1 ? 1 : thread > 5 ? 5 : thread\"\n                      :headers=\"headers\"\n                      :data=\"data\"\n                      @input-filter=\"inputFilter\"\n                      v-model=\"file_image\"\n                      @input-file=\"inputFile\"\n                      ref=\"structure_media\"\n                    ></file-upload>\n\n                    <v-card-actions>\n                      <v-spacer></v-spacer>\n                      <v-btn color=\"secondary\" text @click=\"close\"\n                        >ยกเลิก</v-btn\n                      >\n                      <v-btn\n                        color=\"primary\"\n                        type=\"submit\"\n                        :loading=\"click\"\n                        @click=\"save()\"\n                        text\n                        >บันทึก</v-btn\n                      >\n                    </v-card-actions>\n                  </v-card>\n                </v-dialog>\n              </template>\n              <!-- detail in dataTable -->\n              <template v-slot:item.no=\"{ item }\"\n                >{{ all_structure.indexOf(item) + 1 }}.</template\n              >\n              <template v-slot:item.picturefile=\"{ item }\">\n                <v-img\n                  :src=\"\n                    item.structure_file_path\n                      ? env + '/' + item.structure_file_path\n                      : ''\n                  \"\n                  aspect-ratio=\"1\"\n                  max-width=\"120px\"\n                ></v-img>\n              </template>\n              <template v-slot:item.action=\"{ item }\">\n                <v-btn icon @click=\"openDialogImageEdit(item)\">\n                  <v-icon small>mdi-pencil</v-icon>\n                </v-btn>\n                <v-btn icon @click=\"deleteImage(item.structure_file_id)\">\n                  <v-icon small>mdi-delete</v-icon>\n                </v-btn>\n              </template>\n            </v-data-table>\n            <v-btn\n              class=\"ma-2 d-block d-sm-none\"\n              fab\n              color=\"secondary\"\n              bottom\n              dark\n              fixed\n              right\n              @click=\"dialog = !dialog\"\n            >\n              <v-icon>mdi-plus</v-icon>\n            </v-btn>\n          </v-card>\n        </v-card-text>\n      </v-card>\n    </v-dialog>\n  </div>\n</template>\n<script>\nimport FileUpload from \"vue-upload-component\";\nexport default {\n  components: {\n    FileUpload,\n  },\n  data() {\n    return {\n      click: false,\n      env: process.env.VUE_APP_API,\n      show_img: true,\n      dialog_structuremajor_setting: false,\n      header_token: {\n        headers: { Authorization: \"Bearer \" + this.$session.get(\"token\") },\n      },\n      dialog: false,\n      structure_headers: [\n        {\n          text: \"ลำดับ\",\n          value: \"no\",\n          sortable: false,\n          align: \"center\",\n          width: \"20%\",\n        },\n        {\n          text: \"รูปภาพ\",\n          value: \"picturefile\",\n          sortable: false,\n          align: \"left\",\n          width: \"60%\",\n        },\n        {\n          text: \"จัดการ\",\n          value: \"action\",\n          sortable: false,\n          align: \"center\",\n          width: \"20%\",\n        },\n      ],\n      all_structure: [],\n      minSize: 1024,\n      size: 1024 * 1024 * 10,\n      acceptphoto: \"image/png,image/gif,image/jpeg,image/jpg,video/mp4\", //,video/mp4,video/x-m4v,video/*\n      extensionsphoto: \"gif,jpg,jpeg,png\",\n      directory: false,\n      thread: 3,\n      postAction: \"/upload/post\",\n      headers: {\n        \"X-Csrf-Token\": \"xxxx\",\n      },\n      data: {\n        _csrf_token: \"xxxxxx\",\n      },\n      autoCompress: 1024 * 1024,\n      uploadAuto: true,\n      namephotofile: \"photofile\",\n      file_image: [],\n      file_image_upload_from_api: \"\",\n      mode_image: \"\",\n      edited_id: -1,\n    };\n  },\n  created() {\n    this.getStructure();\n  },\n  methods: {\n    openSetting() {\n      this.dialog_structuremajor_setting = true;\n      this.show_img = true;\n    },\n    openDialogImageAdd() {\n      this.file_image_upload_from_api = \"\";\n      this.mode_image = \"\";\n      this.dialog = true;\n      this.show_img = true;\n      // this.$refs.structure_media.remove(this.file_image[0]);\n      this.file_image = [];\n    },\n    openDialogImageEdit(item) {\n      this.edited_id = item.structure_file_id;\n      this.mode_image = \"edit\";\n      // console.log(item);\n      this.show_img = false;\n      this.file_image_upload_from_api =\n        this.env + \"/\" + item.structure_file_path;\n      this.dialog = true;\n    },\n    inputFile(newFile) {},\n    inputFilter(newFile, oldFile, prevent) {\n      this.show_img = false;\n      if (newFile && (!oldFile || newFile.file !== oldFile.file)) {\n        newFile.blob = \"\";\n        let URL = window.URL || window.webkitURL;\n        if (URL && URL.createObjectURL) {\n          newFile.blob = URL.createObjectURL(newFile.file);\n        }\n        newFile.thumb = \"\";\n        if (newFile.blob && newFile.type.substr(0, 6) === \"image/\") {\n          newFile.thumb = newFile.blob;\n        }\n      }\n    },\n\n    getStructure() {\n      this.axios\n        .get(process.env.VUE_APP_API + \"/api/v1/structure\")\n        .then((response) => {\n          let structure = [];\n          // console.log(response.data);\n          structure = response.data;\n          // console.log(structure);\n          this.all_structure = structure;\n          // this.file_path = structure[0].structure_file_path;\n          // this.imgs.push(structure[0].structure_file_path);\n          if (structure.length > 0) {\n            this.$store.state.structure_img = structure[0].structure_file_path;\n          }\n        });\n    },\n    postStructure() {\n      // console.log(this.header_token);\n      // console.log(this.file_image);\n      let form = new FormData();\n      if (this.file_image.length != 0) {\n        // for (let i = 0; i < this.file_image.length; i++) {\n        form = new FormData();\n        form.append(\"file\", this.file_image[0].file);\n        this.axios\n          .post(\n            process.env.VUE_APP_API + \"/api/v1/structure/\",\n            form,\n            this.header_token\n          )\n          .then((response) => {\n            // console.log(response.data);\n            if (response.data == \"upload success\") {\n              this.$swal.fire({\n                icon: \"success\",\n                title: \"เพิ่มรูปภาพสำเร็จ\",\n                showConfirmButton: false,\n                timer: 1000,\n              });\n              this.click = false;\n              this.getStructure();\n              this.$emit(\"status\", \"add\");\n              this.close();\n              this.response_data = response.data;\n            }\n\n            form = new FormData();\n          });\n        // }\n      }\n    },\n    close() {\n      this.click = false;\n      this.dialog = false;\n      this.$refs.structure_media.remove(this.file_image[0]);\n      this.file_image = [];\n      this.show_img = true;\n      this.file_image_upload_from_api = \"\";\n      this.mode_image = \"\";\n      // this.clear();\n    },\n    removeImage() {\n      this.$refs.structure_media.remove(this.file_image[0]);\n      this.show_img = true;\n\n      this.file_image_upload_from_api = \"\";\n    },\n    deleteImage(id) {\n      this.$swal\n        .fire({\n          title: \"ต้องการลบรายการนี้ใช่หรือไม่?\",\n          text: \"ข้อมูลจะถูกลบทันทีเมื่อกด 'ยืนยัน' ยกเลิกรายการกด 'ยกเลิก'\",\n          icon: \"warning\",\n          showCancelButton: true,\n          confirmButtonColor: \"#E53935\",\n          cancelButtonColor: \"#9E9E9E\",\n          confirmButtonText: \"ยืนยัน\",\n          cancelButtonText: \"ยกเลิก\",\n        })\n        .then((res) => {\n          if (res.value) {\n            this.axios\n              .delete(\n                process.env.VUE_APP_API + \"/api/v1/structure_file/\" + id,\n                this.header_token\n              )\n              .then((response) => {\n                // console.log(response.data);\n                if (response.data === \"delete success\") {\n                  this.$swal.fire({\n                    icon: \"success\",\n                    title: \"ลบข้อมูลสำเร็จ\",\n                    showConfirmButton: false,\n                    timer: 1000,\n                  });\n\n                  this.$emit(\"status\", \"delete\");\n                  this.getStructure();\n                }\n              });\n          }\n        });\n      // this.file_image_from_api.splice(index, 1);\n    },\n    putStructure() {\n      // console.log(this.header_token);\n      // console.log(this.file_image);\n      let form = new FormData();\n      if (this.file_image.length != 0) {\n        form = new FormData();\n        form.append(\"file\", this.file_image[0].file);\n        this.axios\n          .post(\n            process.env.VUE_APP_API +\n              \"/api/v1/structure/edit/\" +\n              this.edited_id,\n            form,\n            this.header_token\n          )\n          .then((response) => {\n            // console.log(response.data);\n            if (response.data == \"upload success\") {\n              this.$swal.fire({\n                icon: \"success\",\n                title: \"เพิ่มรูปภาพสำเร็จ\",\n                showConfirmButton: false,\n                timer: 1000,\n              });\n              this.click = false;\n              this.getStructure();\n              this.$emit(\"status\", \"add\");\n              this.close();\n              this.response_data = response.data;\n            }\n\n            form = new FormData();\n          });\n      }\n    },\n    save() {\n      if (this.file_image_upload_from_api == \"\") {\n        if (this.file_image != [] && this.$refs.structure_media.files != \"\") {\n          if (\n            this.mode_image == \"edit\" &&\n            this.file_image_upload_from_api == \"\" &&\n            this.edited_id > -1\n          ) {\n            this.click = true;\n            this.putStructure();\n          } else {\n            this.click = true;\n            this.postStructure();\n          }\n        } else {\n          this.$swal.fire({\n            icon: \"warning\",\n            title: \"กรุณาตรวจสอบรูปภาพ\",\n            showConfirmButton: false,\n            timer: 1000,\n          });\n        }\n      } else {\n        this.dialog = false;\n      }\n    },\n  },\n};\n</script>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DialogStructureMajor.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DialogStructureMajor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DialogStructureMajor.vue?vue&type=template&id=0925f0bc&\"\nimport script from \"./DialogStructureMajor.vue?vue&type=script&lang=js&\"\nexport * from \"./DialogStructureMajor.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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCard,VCardActions,VCardText,VCardTitle,VCol,VDataTable,VDialog,VIcon,VImg,VRow,VSpacer})\n","<template>\n  <div>\n    <v-container>\n      <h1>\n        โครงสร้างการบริหารสาขาวิชา\n        <v-btn\n          class=\"pa-0 mb-2\"\n          color=\"#636262\"\n          text\n          fab\n          @click=\"openSetting()\"\n          v-if=\"mode\"\n        >\n          <v-icon>mdi-pencil</v-icon>\n        </v-btn>\n      </h1>\n\n      <v-card\n        color=\"primary\"\n        class=\"mt-3\"\n        tile\n        style=\"height: 8px; width: 150px\"\n      ></v-card>\n      <!-- <pre>{{all_structure}}</pre> -->\n\n      <div class=\"pb-4 pt-4\">\n        <span v-for=\"(img, index) in all_structure\" :key=\"index\">\n          <v-img\n            @click=\"showMultiple(index)\"\n            :src=\"env + '/' + img.structure_file_path\"\n            @error=\"errorImg\"\n          ></v-img>\n        </span>\n        <VueEasyLightbox\n          :visible=\"visible\"\n          :imgs=\"imgs\"\n          :index=\"index\"\n          @hide=\"handleHide\"\n        ></VueEasyLightbox>\n      </div>\n    </v-container>\n    <v-container v-if=\"img_error || all_structure.length == 0\">\n      <!-- <h1>โครงสร้างการบริหารภาควิชา</h1> -->\n      <!-- <v-card color=\"primary\" class=\"mt-3\" tile style=\"height:8px; width:150px;\"></v-card> -->\n      <v-card-title v-if=\"all_structure.length == 0\"\n        >- ไม่มีข้อมูล -</v-card-title\n      >\n      <v-card-title v-else>- โหลดรูปภาพไม่สำเร็จ -</v-card-title>\n    </v-container>\n    <DialogStructureMajor\n      @status=\"getStructure\"\n      ref=\"dialog_structuremajor_setting\"\n    ></DialogStructureMajor>\n  </div>\n</template>\n<script>\nimport VueEasyLightbox from \"vue-easy-lightbox\";\nimport DialogStructureMajor from \"../Settings/DialogStructureMajor\";\n\nexport default {\n  components: {\n    VueEasyLightbox,\n    DialogStructureMajor,\n  },\n  data: () => ({\n    mode: false,\n    env: process.env.VUE_APP_API,\n    visible: false,\n    index: 0,\n    file_path: \"\",\n    imgs: [],\n    img_error: false,\n    dialog_structuremajor_setting: false,\n    dialog: false,\n    all_structure: [],\n  }),\n\n  created() {\n    this.mode = this.$session.get(\"token\")\n      ? this.$session.get(\"permission\") == \"admin\"\n      : false;\n    this.getStructure();\n  },\n  methods: {\n    openSetting() {\n      this.$refs.dialog_structuremajor_setting.openSetting();\n    },\n    errorImg() {\n      this.img_error = true;\n    },\n    getStructure() {\n      this.axios\n        .get(process.env.VUE_APP_API + \"/api/v1/structure\")\n        .then((response) => {\n          let structure = [];\n          // console.log(response.data);\n          structure = response.data;\n          // console.log(structure);\n\n          // this.file_path = structure[0].structure_file_path;\n          for (let i = 0; i < structure.length; i++) {\n            this.imgs.push(this.env + \"/\" + structure[i].structure_file_path);\n          }\n\n          // this.$store.state.structure_img = structure[0].structure_file_path;\n          this.all_structure = structure;\n        });\n    },\n    showMultiple(id) {\n      this.index = id;\n      this.show();\n    },\n    show() {\n      this.visible = true;\n    },\n    handleHide() {\n      this.visible = false;\n    },\n  },\n};\n</script>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StructureMajor.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vuetify-loader/lib/loader.js??ref--17-0!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StructureMajor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StructureMajor.vue?vue&type=template&id=34ed5d22&\"\nimport script from \"./StructureMajor.vue?vue&type=script&lang=js&\"\nexport * from \"./StructureMajor.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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\ninstallComponents(component, {VBtn,VCard,VCardTitle,VContainer,VIcon,VImg})\n"],"sourceRoot":""}