{"version":3,"sources":["webpack:///./src/components/box/system/attachment/boxAttachment.vue?fddf","webpack:///src/components/box/system/attachment/boxAttachment.vue","webpack:///./src/components/box/system/attachment/boxAttachment.vue?b83e","webpack:///./src/components/box/system/attachment/boxAttachment.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","boxSetting","hideToolbar","_e","_v","_s","box","nm","attachmentsCount","attrs","pager","perPage","on","pageChanged","model","value","callback","$$v","$set","expression","id","$event","fileUploaded","slot","showFinder","_m","style","listSetting","height","_l","f","i","key","activeFileId","mediaDropdown","unLinkPrompt","onSetting","$emit","busy","scopedSlots","_u","fn","ref","unLink","proxy","mediaFinder","show","fileAttached","fileSetting","boxId","staticRenderFns","components","simpleUploader","fileItem","fileSettings","props","parentTask","type","Object","default","prms","detailSettingProp","data","hideAddButton","hideEmptyTemplate","hideFooter","disableDetail","loading","attachments","current","processing","processingId","obj","mounted","undefined","init","methods","e","params","size","page","api","store","$store","res","count","ext","attachmentId","toString","addItem","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,uBAAuBC,YAAY,CAAC,IAAM,IAAI,OAAS,IAAI,SAAW,YAAY,CAAGP,EAAIQ,WAAWC,YAAu4CT,EAAIU,KAA93CN,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,MAAM,GAAG,CAACJ,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIa,IAAIC,OAAOV,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAAEN,EAAIe,iBAAmB,EAAGX,EAAG,eAAe,CAACE,YAAY,UAAUC,YAAY,CAAC,gBAAgB,KAAKS,MAAM,CAAC,KAAO,KAAK,MAAQ,SAAS,aAAahB,EAAIe,iBAAiB,WAAWf,EAAIiB,MAAMC,SAASC,GAAG,CAAC,OAASnB,EAAIoB,aAAaC,MAAM,CAACC,MAAOtB,EAAIiB,MAAa,QAAEM,SAAS,SAAUC,GAAMxB,EAAIyB,KAAKzB,EAAIiB,MAAO,UAAWO,IAAME,WAAW,mBAAmB1B,EAAIU,KAAKN,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,SAAS,CAACE,YAAY,uDAAuDU,MAAM,CAAC,GAAK,qBAAqB,cAAc,aAAa,CAACZ,EAAG,UAAU,CAACY,MAAM,CAAC,KAAO,iBAAiBhB,EAAIW,GAAG,kBAAkB,GAAGP,EAAG,MAAM,CAACE,YAAY,gBAAgBU,MAAM,CAAC,kBAAkB,uBAAuB,CAACZ,EAAG,kBAAkB,CAACE,YAAY,UAAUU,MAAM,CAAC,MAAQhB,EAAIa,IAAIc,GAAG,aAAe,EAAE,iBAAmB,GAAGR,GAAG,CAAC,aAAa,SAASS,GAAQ,OAAO5B,EAAI6B,aAAaD,MAAW,CAACxB,EAAG,MAAM,CAACE,YAAY,UAAUU,MAAM,CAAC,KAAO,WAAWc,KAAK,WAAW,CAAC1B,EAAG,IAAI,CAACE,YAAY,gBAAgBU,MAAM,CAAC,KAAO,MAAM,CAAChB,EAAIW,GAAG,4BAA4BP,EAAG,IAAI,CAACE,YAAY,gBAAgBU,MAAM,CAAC,KAAO,UAAUG,GAAG,CAAC,MAAQ,SAASS,GAAQ,OAAO5B,EAAI+B,gBAAgB,CAAC/B,EAAIW,GAAG,8BAA8B,MAAM,OAAyC,GAAxBX,EAAIe,iBAAuBX,EAAG,MAAM,CAACE,YAAY,mDAAmD,CAACN,EAAIgC,GAAG,KAAK5B,EAAG,MAAM,CAACE,YAAY,UAAU2B,MAAQ,YAAiD,QAAnCjC,EAAIQ,WAAW0B,YAAYC,OAAe,OAAO,wBAA0B,CAAC/B,EAAG,MAAM,CAACE,YAAY,cAAcN,EAAIoC,GAAIpC,EAAe,aAAE,SAASqC,EAAEC,GAAG,OAAOlC,EAAG,YAAY,CAACmC,IAAID,EAAEtB,MAAM,CAAC,MAAQhB,EAAIa,IAAIc,GAAG,SAAW3B,EAAIwC,aAAa,KAAO,SAAS,IAAMH,GAAGlB,GAAG,CAAC,cAAcnB,EAAIyC,cAAc,UAAUzC,EAAI0C,aAAa,aAAa1C,EAAI2C,UAAU,kBAAkB,SAASf,GAAQ5B,EAAIwC,aAAaZ,GAAQ,mBAAmB,SAASA,GAAQ5B,EAAIwC,aAAaZ,GAAQ,YAAY,SAASA,GAAQ,OAAO5B,EAAI4C,MAAM,YAAahB,UAAc,GAAGxB,EAAG,YAAY,CAACY,MAAM,CAAC,KAAOhB,EAAI6C,KAAK,UAAU,IAAIC,YAAY9C,EAAI+C,GAAG,CAAC,CAACR,IAAI,UAAUS,GAAG,WAAW,MAAO,CAAEhD,EAAc,WAAEI,EAAG,MAAM,CAACE,YAAY,mDAAmD,CAACF,EAAG,SAAS,CAACY,MAAM,CAAC,KAAO,OAAO,aAAa,OAAOZ,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAIW,GAAG,uBAAuBP,EAAG,aAAa,CAACE,YAAY,kBAAkBU,MAAM,CAAC,IAAM,IAAI,IAAM,KAAK,MAAQ,GAAG,QAAU,UAAU,OAAS,UAAU,GAAGZ,EAAG,MAAM,CAAC6C,IAAI,SAAS3C,YAAY,kBAAkBU,MAAM,CAAC,SAAW,KAAK,KAAO,SAAS,aAAa,QAAQ,kBAAkB,uBAAuB,CAACZ,EAAG,IAAI,CAACA,EAAG,SAAS,CAACY,MAAM,CAAC,GAAK,uBAAuB,CAAChB,EAAIW,GAAG,0BAA0BP,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,WAAW,CAACE,YAAY,OAAOU,MAAM,CAAC,QAAU,kBAAkBG,GAAG,CAAC,MAAQ,SAASS,GAAQ5B,EAAI6C,MAAO,KAAS,CAAC7C,EAAIW,GAAG,YAAYP,EAAG,WAAW,CAACY,MAAM,CAAC,QAAU,mBAAmBG,GAAG,CAAC,MAAQ,SAASS,GAAQ,OAAO5B,EAAIkD,YAAY,CAAClD,EAAIW,GAAG,WAAW,OAAOwC,OAAM,QAAW,GAAInD,EAAIoD,YAAYC,KAAO,EAAGjD,EAAG,eAAe,CAACe,GAAG,CAAC,YAAYnB,EAAIsD,aAAa,gBAAgB,SAAS1B,GAAQ5B,EAAIoD,YAAYC,KAAO,MAAMrD,EAAIU,KAAKN,EAAG,gBAAgB,CAACY,MAAM,CAAC,GAAKhB,EAAIuD,YAAY5B,GAAG,MAAQ3B,EAAIuD,YAAYC,OAAOrC,GAAG,CAAC,WAAW,SAASS,GAAQ5B,EAAIwC,aAAe,EAC1jHxC,EAAIuD,YAAY5B,GAAK,UAAW,IAClC8B,EAAkB,CAAC,WAAa,IAAIzD,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,4FAA4FC,YAAY,CAAC,OAAS,wBAAwB,CAACH,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACF,EAAG,MAAM,CAACE,YAAY,YAAYU,MAAM,CAAC,IAAM,wBAAwB,IAAM,QAAQZ,EAAG,IAAI,CAACE,YAAY,iCAAiC,CAACN,EAAIW,GAAG,+B,oECqMhd,GACE+C,WAAY,CACVC,eAAgB,WAApB,OACA,0DACA,eACA,aACA,UACA,cAEIC,SAAU,WAAd,OACA,0DACA,eACA,aACA,UACA,cAEIC,aAAc,WAAlB,OACA,yFACA,eACA,aACA,UACA,cAEIT,YAAa,WAAjB,OACA,0DACA,eACA,aACA,UACA,eAGEU,MAAO,CACLC,WAAY,CACVC,KAAMC,OACNC,QAAS,cAEXrD,IAAK,CACHmD,KAAMC,OACNC,QAAS,cAEXC,KAAM,CACJH,KAAMC,OACNC,QAAS,cAEXE,kBAAmB,CACjBJ,KAAMC,OACNC,QAAS,WAAf,eAGEG,KAjDF,WAkDI,MAAO,CACL7D,WAAY,CACVC,aAAa,EACb6D,eAAe,EACfC,mBAAmB,EACnBC,YAAY,EACZtC,YAAa,CACXC,OAAQ,IACRsC,eAAe,IAGnBC,SAAS,EACT3D,iBAAkB,EAClB4D,YAAa,GACb1D,MAAO,CACL2D,QAAS,EACT1D,QAAS,IAEXkC,YAAa,CACXC,MAAM,EACN1B,GAAI,EACJY,IAAK,GAEPC,aAAc,EAEdqC,YAAY,EACZhC,MAAM,EACNiC,aAAc,EACdvB,YAAa,CACX5B,GAAI,KACJ6B,MAAO,KACPuB,IAAK,MAIXC,QArFF,WAuFI,GADA,EAAJ,aACkCC,GAA1BhF,KAAKmE,wBAAb,GAA+CnE,KAAKmE,kBAAkB5D,WAAtE,CAEM,IAAN,yCACA,mBACQP,KAAKO,WAAWC,YAAxB,oBAEA,iDACQR,KAAKO,WAAW0B,YAAYC,OAApC,sBAKIlC,KAAKiF,QAGPC,QAAS,CACP/D,YADJ,SACA,GACMnB,KAAKgB,MAAM2D,QAAUQ,EACrBnF,KAAKiF,QAEPA,KALJ,WAKA,WACMjF,KAAK4E,YAAa,EAClB5E,KAAK4C,MAAO,EACZ5C,KAAK0E,YAAc,GACnB,OAAN,OAAM,CAAN,CACQU,OAAQ,CACN1D,GAAI1B,KAAKY,IAAIc,GACb2D,KAAMrF,KAAKgB,MAAMC,QACjBqE,KAAMtF,KAAKgB,MAAM2D,QAAU,GAE7BY,IAAK,CAAb,8CACQC,MAAOxF,KAAKyF,SACpB,kBACmB,GAAPC,IACF,EAAV,0BACYnC,MAAO,EAAnB,OACYoC,MAAOD,EAAItB,KAAKtD,mBAElB,EAAV,cACU,EAAV,QACU,EAAV,yCACU,EAAV,gDACY,IAAZ,MACY,OAAQqE,EAAEA,GACR,IAAK,MACL,IAAK,OACL,IAAK,MACHS,EAAM,QACN,MACF,IAAK,MACL,IAAK,OACHA,EAAM,OACN,MACF,IAAK,MACL,IAAK,OACHA,EAAM,QACN,MACF,IAAK,MACL,IAAK,OACHA,EAAM,aACN,MACF,IAAK,MACHA,EAAM,MACN,MACF,IAAK,OACL,IAAK,MACL,IAAK,KACHA,EAAM,OACN,MACF,IAAK,MACHA,EAAM,QACN,MACF,IAAK,MACHA,EAAM,QACN,MACF,QACE,MAGJ,OADAT,EAAES,IAAMA,EACDT,SAIbnF,KAAK2C,MAAM,eAEbf,aAtEJ,WAwEM5B,KAAKiF,QAEP5B,aA1EJ,SA0EA,cACM,OAAN,OAAM,CAAN,CACQe,KAAM,CAAd,kCACQmB,IAAK,CAAb,0CACQC,MAAOxF,KAAKyF,SACpB,kBACQ,EAAR,oBACmB,GAAPC,GACF,EAAV,WAMIjD,aAxFJ,SAwFA,GACMzC,KAAKwC,cAAc2C,GACnBnF,KAAK6E,aAAeM,EAAEzD,GAEtB1B,KAAK4C,MAAO,GAEdK,OA9FJ,WA8FA,WACMjD,KAAK4E,YAAa,EAClB,OAAN,OAAM,CAAN,CACQR,KAAM,CACJb,MAAOvD,KAAKY,IAAIc,GAChBmE,aAAc7F,KAAK6E,aAAaiB,YAElCP,IAAK,CAAb,0CACQC,MAAOxF,KAAKyF,SACpB,kBACQ,EAAR,oBACmB,GAAPC,IACF,EAAV,cACU,EAAV,QACU,EAAV,YAII5D,WAhHJ,WAiHM9B,KAAKmD,YAAYC,MAAO,GAE1B2C,QAnHJ,WAoHM/F,KAAK8B,cAEPU,cAtHJ,SAsHA,GACUxC,KAAKuC,cAAgB4C,EAAEzD,GAAI1B,KAAKuC,aAAe4C,EAAEzD,GAC3D,qBAEIgB,UA1HJ,SA0HA,GACM1C,KAAKsD,YAAYC,MAAQvD,KAAKY,IAAIc,GAClC1B,KAAKsD,YAAY5B,GAAKyD,EAAEzD,GACxB1B,KAAKsD,YAAYwB,IAAMK,KC1auW,I,YCOhYa,EAAY,eACd,EACAlG,EACA0D,GACA,EACA,KACA,KACA,MAIa,aAAAwC,E","file":"js/chunk-46faebbb.73e01cd5.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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\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":""}