{"version":3,"sources":["webpack:///./src/components/box/system/attachment/index.js","webpack:///./src/components/box/system/attachment/boxAttachment.vue","webpack:///src/components/box/system/attachment/boxAttachment.vue","webpack:///./src/components/box/system/attachment/boxAttachment.vue?1bb9","webpack:///./src/components/box/system/attachment/boxAttachment.vue?35ce"],"names":["boxAttachment","render","_vm","this","_c","_self","staticClass","staticStyle","boxSetting","hideToolbar","_e","_v","_s","box","nm","attachmentsCount","attrs","pager","perPage","on","pageChanged","model","value","current","callback","$$v","$set","expression","id","$event","fileUploaded","slot","showFinder","_m","style","concat","listSetting","height","_l","attachments","f","i","key","activeFileId","mediaDropdown","unLinkPrompt","onSetting","$emit","busy","scopedSlots","_u","fn","processing","ref","unLink","proxy","mediaFinder","show","fileAttached","fileSetting","boxId","staticRenderFns","components","simpleUploader","component","loading","AsyncLoading","error","AsyncLoadError","delay","timeout","fileItem","fileSettings","props","parentTask","type","Object","default","prms","detailSettingProp","data","hideAddButton","hideEmptyTemplate","hideFooter","disableDetail","processingId","obj","mounted","require","undefined","_bxs","init","methods","e","_this","request","params","size","page","api","method","url","store","$store","then","res","count","map","ext","_this2","attachmentId","_this3","toString","addItem"],"mappings":"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","file":"js/chunk-2b76f103.e115ec7b.js","sourcesContent":["import boxAttachment from \"./boxAttachment.vue\";\nexport default boxAttachment;\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"filemgr-content-body\",staticStyle:{\"top\":\"0\",\"bottom\":\"0\",\"position\":\"inherit\"}},[(!_vm.boxSetting.hideToolbar)?_c('div',{staticClass:\"detail-content-header\"},[_c('nav',{staticClass:\"navbar wd-100p pd-0\"},[_c('div',{},[_vm._v(_vm._s(_vm.box.nm))]),_c('div',{staticClass:\"mg-l-auto d-flex\"},[(_vm.attachmentsCount > 0)?_c('b-pagination',{staticClass:\"mg-r-20\",staticStyle:{\"margin-bottom\":\"0\"},attrs:{\"size\":\"sm\",\"align\":\"center\",\"total-rows\":_vm.attachmentsCount,\"per-page\":_vm.pager.perPage},on:{\"change\":_vm.pageChanged},model:{value:(_vm.pager.current),callback:function ($$v) {_vm.$set(_vm.pager, \"current\", $$v)},expression:\"pager.current\"}}):_vm._e(),_c('div',{staticClass:\"dropdown dropleft\"},[_c('button',{staticClass:\"btn btn-xs btn-success btn-uppercase dropdown-toggle\",attrs:{\"id\":\"dropdownMenuAttach\",\"data-toggle\":\"dropdown\"}},[_c('feather',{attrs:{\"type\":\"plus-square\"}}),_vm._v(\" Файл хуулах \")],1),_c('div',{staticClass:\"dropdown-menu\",attrs:{\"aria-labelledby\":\"dropdownMenuAttach\"}},[_c('simple-uploader',{staticClass:\"wd-100p\",attrs:{\"boxId\":_vm.box.id,\"propObjectId\":6,\"propObjectTypeId\":6},on:{\"on-success\":function($event){return _vm.fileUploaded($event)}}},[_c('div',{staticClass:\"wd-100p\",attrs:{\"slot\":\"trigger\"},slot:\"trigger\"},[_c('a',{staticClass:\"dropdown-item\",attrs:{\"href\":\"#\"}},[_vm._v(\"Компютероос хуулах\")])])]),_c('a',{staticClass:\"dropdown-item\",attrs:{\"role\":\"button\"},on:{\"click\":function($event){return _vm.showFinder()}}},[_vm._v(\"Динамик драйваас сонгох\")])],1)])],1)])]):_vm._e(),(_vm.attachmentsCount == 0)?_c('div',{staticClass:\"container d-flex justify-content-center ht-100p\"},[_vm._m(0)]):_c('div',{staticClass:\"pd-x-10\",style:(`height: ${_vm.boxSetting.listSetting.height=='auto'?'auto':'calc(100vh - 180px)'}`)},[_c('div',{staticClass:\"row row-xs\"},_vm._l((_vm.attachments),function(f,i){return _c('file-item',{key:i,attrs:{\"boxId\":_vm.box.id,\"activeId\":_vm.activeFileId,\"role\":\"button\",\"obj\":f},on:{\"on-dropdown\":_vm.mediaDropdown,\"un-link\":_vm.unLinkPrompt,\"on-setting\":_vm.onSetting,\"update:activeId\":function($event){_vm.activeFileId=$event},\"update:active-id\":function($event){_vm.activeFileId=$event},\"on-attach\":function($event){return _vm.$emit('on-attach', $event)}}})}),1),_c('b-overlay',{attrs:{\"show\":_vm.busy,\"no-wrap\":\"\"},scopedSlots:_vm._u([{key:\"overlay\",fn:function(){return [(_vm.processing)?_c('div',{staticClass:\"text-center p-4 bg-secondary text-light rounded\"},[_c('b-icon',{attrs:{\"icon\":\"info\",\"font-scale\":\"4\"}}),_c('div',{staticClass:\"mb-3\"},[_vm._v(\"Түр хүлээнэ үү...\")]),_c('b-progress',{staticClass:\"mx-n4 rounded-0\",attrs:{\"min\":\"1\",\"max\":\"20\",\"value\":18,\"variant\":\"warning\",\"height\":\"5px\"}})],1):_c('div',{ref:\"dialog\",staticClass:\"text-center p-3\",attrs:{\"tabindex\":\"-1\",\"role\":\"dialog\",\"aria-modal\":\"false\",\"aria-labelledby\":\"form-confirm-label\"}},[_c('p',[_c('strong',{attrs:{\"id\":\"form-confirm-label\"}},[_vm._v(\"Итгэлтэй байна уу?\")])]),_c('div',{staticClass:\"d-flex\"},[_c('b-button',{staticClass:\"mr-3\",attrs:{\"variant\":\"outline-danger\"},on:{\"click\":function($event){_vm.busy = false}}},[_vm._v(\" Үгүй \")]),_c('b-button',{attrs:{\"variant\":\"outline-success\"},on:{\"click\":function($event){return _vm.unLink()}}},[_vm._v(\"Тийм\")])],1)])]},proxy:true}])})],1),(_vm.mediaFinder.show > 0)?_c('media-finder',{on:{\"on-attach\":_vm.fileAttached,\"on-task-close\":function($event){_vm.mediaFinder.show = 0}}}):_vm._e(),_c('file-settings',{attrs:{\"id\":_vm.fileSetting.id,\"boxId\":_vm.fileSetting.boxId},on:{\"on-close\":function($event){_vm.activeFileId = 0;\n      _vm.fileSetting.id = null;}}})],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"mx-wd-300 wd-sm-450 d-flex flex-column align-items-center justify-content-center pd-t-100\",staticStyle:{\"height\":\"calc(100vh - 220px)\"}},[_c('div',{staticClass:\"wd-80p wd-sm-300 mg-b-15\"},[_c('img',{staticClass:\"img-fluid\",attrs:{\"src\":\"assets/svg/folder.svg\",\"alt\":\"\"}})]),_c('p',{staticClass:\"tx-color-03 mg-b-30 tx-center\"},[_vm._v(\"Файл хуулаагүй байна.\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"filemgr-content-body\" style=\"top:0; bottom: 0; position: inherit;\">\n  <!-- {{ boxSetting }} -->\n    <div v-if=\"!boxSetting.hideToolbar\" class=\"detail-content-header\">\n      <nav class=\"navbar wd-100p pd-0\">\n        <!-- <nav class=\"nav\">\n          <div\n            class=\"nav-link dropdown\"\n            v-if=\"prms.boxChooser != undefined && prms.boxChooser\"\n          >\n            <span\n              class=\"dropdown-toggle\"\n              type=\"button\"\n              id=\"dropdownMenuButton\"\n              data-toggle=\"dropdown\"\n              aria-haspopup=\"true\"\n              aria-expanded=\"false\"\n            >\n              <feather class=\"wd-20 ht-20\" type=\"menu\"></feather> Бүрдэлүүд\n            </span>\n\n            <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton\">\n              <a\n                :class=\"{ 'active text-white': b.id == box.id }\"\n                :key=\"i\"\n                v-for=\"(b, i) in parentTask.b\"\n                class=\"dropdown-item\"\n                role=\"button\"\n                @click=\"$emit('load-box', b)\"\n              >\n                {{ b.nm }}\n              </a>\n            </div>\n          </div>\n\n          <div class=\"nav-link dropdown\">\n            <ul class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuBox\">\n              <li\n                class=\"dropdown-item\"\n                role=\"button\"\n                @click=\"$emit('on-box-edit', box)\"\n              >\n                Засах\n              </li>\n              <li\n                class=\"dropdown-item tx-danger\"\n                role=\"button\"\n                @click=\"$emit('on-box-delete', box)\"\n              >\n                Устгах\n              </li>\n            </ul>\n            <div id=\"dropdownMenuBox\" data-toggle=\"dropdown\" role=\"button\">\n              <a class=\"btn btn-xs btn-outline-primary btn-uppercase mg-r-10\">\n                <feather type=\"tool\" class=\"ht-15-f wd-15-f mg-r-5\"></feather\n                >Тохиргоо\n              </a>\n            </div>\n          </div>\n        </nav> -->\n        <div class=\"\">{{ box.nm }}</div>\n        <div class=\"mg-l-auto d-flex\">\n          <b-pagination\n            v-if=\"attachmentsCount > 0\"\n            class=\"mg-r-20\"\n            size=\"sm\"\n            align=\"center\"\n            v-model=\"pager.current\"\n            :total-rows=\"attachmentsCount\"\n            :per-page=\"pager.perPage\"\n            @change=\"pageChanged\"\n            style=\"margin-bottom: 0\"\n          ></b-pagination>\n          <div class=\"dropdown dropleft\">\n            <button\n              class=\"btn btn-xs btn-success btn-uppercase dropdown-toggle\"\n              id=\"dropdownMenuAttach\"\n              data-toggle=\"dropdown\"\n            >\n              <feather type=\"plus-square\"></feather> Файл хуулах\n            </button>\n            <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuAttach\">\n              <!-- <a class=\"dropdown-item\" href=\"#\">Компютероос хуулах</a> -->\n              <simple-uploader\n                :boxId=\"box.id\"\n                :propObjectId=\"6\"\n                :propObjectTypeId=\"6\"\n                @on-success=\"fileUploaded($event)\"\n                class=\"wd-100p\"\n              >\n                <div slot=\"trigger\" class=\"wd-100p\">\n                  <a class=\"dropdown-item\" href=\"#\">Компютероос хуулах</a>\n                </div>\n              </simple-uploader>\n              <a @click=\"showFinder()\" role=\"button\" class=\"dropdown-item\"\n                >Динамик драйваас сонгох</a\n              >\n            </div>\n          </div>\n        </div>\n      </nav>\n    </div>\n\n    <div\n      v-if=\"attachmentsCount == 0\"\n      class=\"container d-flex justify-content-center ht-100p\"\n    >\n      <div\n        class=\"mx-wd-300 wd-sm-450 d-flex flex-column align-items-center justify-content-center pd-t-100\"\n        style=\"height: calc(100vh - 220px)\"\n      >\n        <div class=\"wd-80p wd-sm-300 mg-b-15\">\n          <img src=\"assets/svg/folder.svg\" class=\"img-fluid\" alt=\"\" />\n        </div>\n        <p class=\"tx-color-03 mg-b-30 tx-center\">Файл хуулаагүй байна.</p>\n      </div>\n    </div>\n    <div v-else class=\"pd-x-10\" :style=\"`height: ${boxSetting.listSetting.height=='auto'?'auto':'calc(100vh - 180px)'}`\">\n      <div class=\"row row-xs\">\n        <file-item\n          @on-dropdown=\"mediaDropdown\"\n          :boxId=\"box.id\"\n          @un-link=\"unLinkPrompt\"\n          @on-setting=\"onSetting\"\n          :activeId.sync=\"activeFileId\"\n          @on-attach=\"$emit('on-attach', $event)\"\n          role=\"button\"\n          :obj=\"f\"\n          v-for=\"(f, i) in attachments\"\n          :key=\"i\"\n        ></file-item>\n      </div>\n\n      <b-overlay :show=\"busy\" no-wrap>\n        <template #overlay>\n          <div\n            v-if=\"processing\"\n            class=\"text-center p-4 bg-secondary text-light rounded\"\n          >\n            <b-icon icon=\"info\" font-scale=\"4\"></b-icon>\n            <div class=\"mb-3\">Түр хүлээнэ үү...</div>\n            <b-progress\n              min=\"1\"\n              max=\"20\"\n              :value=\"18\"\n              variant=\"warning\"\n              height=\"5px\"\n              class=\"mx-n4 rounded-0\"\n            ></b-progress>\n          </div>\n          <div\n            v-else\n            ref=\"dialog\"\n            tabindex=\"-1\"\n            role=\"dialog\"\n            aria-modal=\"false\"\n            aria-labelledby=\"form-confirm-label\"\n            class=\"text-center p-3\"\n          >\n            <p><strong id=\"form-confirm-label\">Итгэлтэй байна уу?</strong></p>\n            <div class=\"d-flex\">\n              <b-button\n                variant=\"outline-danger\"\n                class=\"mr-3\"\n                @click=\"busy = false\"\n              >\n                Үгүй\n              </b-button>\n              <b-button variant=\"outline-success\" @click=\"unLink()\"\n                >Тийм</b-button\n              >\n            </div>\n          </div>\n        </template>\n      </b-overlay>\n    </div>\n\n    <media-finder\n      v-if=\"mediaFinder.show > 0\"\n      @on-attach=\"fileAttached\"\n      @on-task-close=\"mediaFinder.show = 0\"\n    ></media-finder>\n\n    <file-settings\n      :id=\"fileSetting.id\"\n      :boxId=\"fileSetting.boxId\"\n      @on-close=\"\n        activeFileId = 0;\n        fileSetting.id = null;\n      \"\n    />\n  </div>\n</template>\n<script>\nimport AsyncLoadError from \"@/components/base/asyncLoadingError\";\nimport AsyncLoading from \"@/components/base/asyncLoading\";\n\nimport { request } from \"@/api/all\";\n\nexport default {\n  components: {\n    simpleUploader: () => ({\n      component: import(\"@/components/modules/media/simpleUploader.vue\"),\n      loading: AsyncLoading,\n      error: AsyncLoadError,\n      delay: 100,\n      timeout: 5000\n    }),\n    fileItem: () => ({\n      component: import(\"@/components/modules/media/item\"),\n      loading: AsyncLoading,\n      error: AsyncLoadError,\n      delay: 100,\n      timeout: 5000\n    }),\n    fileSettings: () => ({\n      component: import(\"@/components/modules/media/section/settings.vue\"),\n      loading: AsyncLoading,\n      error: AsyncLoadError,\n      delay: 100,\n      timeout: 5000\n    }),\n    mediaFinder: () => ({\n      component: import(\"@/components/modules/media/finder\"),\n      loading: AsyncLoading,\n      error: AsyncLoadError,\n      delay: 100,\n      timeout: 5000\n    })\n  },\n  props: {\n    parentTask: {\n      type: Object,\n      default: () => {}\n    },\n    box: {\n      type: Object,\n      default: () => {}\n    },\n    prms: {\n      type: Object,\n      default: () => {}\n    },\n    detailSettingProp: {\n      type: Object,\n      default: () => null\n    }\n  },\n  data() {\n    return {\n      boxSetting: {\n        hideToolbar: false,\n        hideAddButton: false,\n        hideEmptyTemplate: false,\n        hideFooter: false,\n        listSetting: {\n          height: 300,\n          disableDetail: false\n        }\n      },\n      loading: false,\n      attachmentsCount: 0,\n      attachments: [],\n      pager: {\n        current: 1,\n        perPage: 12\n      },\n      mediaFinder: {\n        show: false,\n        id: 0,\n        key: 0\n      },\n      activeFileId: 0,\n\n      processing: false,\n      busy: false,\n      processingId: 0,\n      fileSetting: {\n        id: null,\n        boxId: null,\n        obj: {}\n      }\n    };\n  },\n  mounted() {\n    require(\"@/assets/scss/pages/filemgr.scss\");\n    if (this.detailSettingProp != undefined && this.detailSettingProp.boxSetting!=undefined) {\n      //console.log('this.detailSettingProp.boxSetting', this.detailSettingProp.boxSetting);\n      let _bxs= this.detailSettingProp.boxSetting;\n      if(_bxs.hideToolbar != undefined){\n        this.boxSetting.hideToolbar= _bxs.hideToolbar;\n      }\n      if(_bxs.listSetting != undefined && _bxs.listSetting.height!=undefined){\n        this.boxSetting.listSetting.height=_bxs.listSetting.height;\n      }\n      // this.boxSetting = this.detailSettingProp.boxSetting;\n    }\n\n    this.init();\n    //console.log(this.box.id);\n  },\n  methods: {\n    pageChanged(e) {\n      this.pager.current = e;\n      this.init();\n    },\n    init() {\n      this.processing = true;\n      this.busy = true;\n      this.attachments = [];\n      request({\n        params: {\n          id: this.box.id,\n          size: this.pager.perPage,\n          page: this.pager.current - 1\n        },\n        api: { method: \"get\", url: \"Media/boxInAttachmentList\" },\n        store: this.$store\n      }).then(res => {\n        if (res != false) {\n          this.$emit(\"update-box-count\", {\n            boxId: this.box.id,\n            count: res.data.attachmentsCount\n          });\n          this.processing = false;\n          this.busy = false;\n          this.attachmentsCount = res.data.attachmentsCount;\n          this.attachments = res.data.attachments.map(function(e) {\n            let ext = e.e;\n            switch (e.e) {\n              case \"jpg\":\n              case \"jpeg\":\n              case \"png\":\n                ext = \"image\";\n                break;\n              case \"doc\":\n              case \"docx\":\n                ext = \"word\";\n                break;\n              case \"xls\":\n              case \"xlsx\":\n                ext = \"excel\";\n                break;\n              case \"ppt\":\n              case \"pptx\":\n                ext = \"powerpoint\";\n                break;\n              case \"txt\":\n                ext = \"alt\";\n                break;\n              case \"html\":\n              case \"css\":\n              case \"js\":\n                ext = \"code\";\n                break;\n              case \"mp4\":\n                ext = \"video\";\n                break;\n              case \"mp3\":\n                ext = \"audio\";\n                break;\n              default:\n                break;\n            }\n            e.ext = ext;\n            return e;\n          });\n        }\n      });\n      this.$emit(\"box-loaded\");\n    },\n    fileUploaded() {\n      //this.$emit('load-box', this.box);\n      this.init();\n    },\n    fileAttached(e) {\n      request({\n        data: { boxId: this.box.id, attachmentId: e },\n        api: { method: \"post\", url: \"Box/AttachAttachment\" },\n        store: this.$store\n      }).then(res => {\n        this.mediaFinder.show = false;\n        if (res != false) {\n          this.init();\n        }\n      });\n\n      //console.log(e);\n    },\n    unLinkPrompt(e) {\n      this.mediaDropdown(e);\n      this.processingId = e.id;\n      //console.log(this.processingId);\n      this.busy = true;\n    },\n    unLink() {\n      this.processing = true;\n      request({\n        data: {\n          boxId: this.box.id,\n          attachmentId: this.processingId.toString()\n        },\n        api: { method: \"post\", url: \"Box/DetachAttachment\" },\n        store: this.$store\n      }).then(res => {\n        this.mediaFinder.show = false;\n        if (res != false) {\n          this.processing = false;\n          this.busy = false;\n          this.init();\n        }\n      });\n    },\n    showFinder() {\n      this.mediaFinder.show = true;\n    },\n    addItem(){\n      this.showFinder();\n    },\n    mediaDropdown(e) {\n      if (this.activeFileId != e.id) this.activeFileId = e.id;\n      else this.activeFileId = 0;\n    },\n    onSetting(e) {\n      this.fileSetting.boxId = this.box.id;\n      this.fileSetting.id = e.id;\n      this.fileSetting.obj = e;\n    }\n  }\n};\n</script>\n\n<style></style>\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!./boxAttachment.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!./boxAttachment.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./boxAttachment.vue?vue&type=template&id=7dc5dc16\"\nimport script from \"./boxAttachment.vue?vue&type=script&lang=js\"\nexport * from \"./boxAttachment.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":""}