{"version":3,"sources":["webpack:///./src/views/modules/media/components/folder.vue","webpack:///src/views/modules/media/components/folder.vue","webpack:///./src/views/modules/media/components/folder.vue?40a2","webpack:///./src/views/modules/media/components/folder.vue?7708","webpack:///./src/views/modules/media/components/folder.vue?b3e2"],"names":["render","_vm","this","_c","_self","staticClass","style","propStyle","on","$event","create","modal","_v","staticStyle","class","active","folderCur","id","handleNodeClick","attrs","key","treeKey","folders","defaultProps","scopedSlots","_u","fn","_ref","node","concat","_s","label","_l","sharedFolders","f","i","folderName","createFolder","model","value","callback","$$v","$set","expression","directives","name","rawName","domProps","target","composing","staticRenderFns","LTT","require","components","Tree","vueCustomScrollbar","props","type","String","default","data","children","iid","foldersFlat","folderMode","undefined","mounted","init","initSharedFolders","methods","showModal","_this","request","api","method","url","store","$store","then","res","ltt","key_id","key_parent","key_child","GetTree","mode","$emit","_this2","parentId","_this3","params","component"],"mappings":"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","file":"js/chunk-76a06990.97ce0d2c.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"filemgr-folder\",style:(_vm.propStyle)},[_c('div',{staticClass:\"filemgr-folder-header\"},[_c('button',{staticClass:\"btn btn-xs btn-outline-secondary\",on:{\"click\":function($event){_vm.create.modal = true}}},[_vm._v(\" Шинэ хавтас \")])]),_c('div',{staticClass:\"filemgr-folder-body\",staticStyle:{\"max-height\":\"calc(100vh - 115px)\"}},[_c('label',{staticClass:\"tx-sans tx-uppercase tx-medium tx-10 tx-spacing-1 tx-color-03 pd-x-10 mg-t-10\"},[_vm._v(\"Миний хавтсууд\")]),_c('nav',{staticClass:\"nav nav-sidebar tx-13\"},[_c('a',{staticClass:\"nav-link\",class:{ active: _vm.folderCur.id == null },on:{\"click\":function($event){return _vm.handleNodeClick({ id: null })}}},[_c('feather',{attrs:{\"type\":\"folder\"}}),_vm._v(\" \"),_c('span',[_vm._v(\"Бүх хавтас\")])],1)]),_c('vue-custom-scrollbar',{staticStyle:{\"height\":\"calc(100vh - 505px)\"}},[_c('Tree',{key:_vm.treeKey,staticClass:\"dynamic-folder-tree\",attrs:{\"node-key\":\"id\",\"node-key1\":\"label\",\"data\":_vm.folders,\"props\":_vm.defaultProps,\"default-expand-all\":\"\",\"expand-on-click-node\":false},on:{\"node-click\":_vm.handleNodeClick},scopedSlots:_vm._u([{key:\"default\",fn:function({ node }){return _c('div',{staticClass:\"d-flex align-items-center\"},[_c('feather',{staticClass:\"mg-r-10\",attrs:{\"type\":`${node.key == _vm.folderCur.id ? 'chevron-right' : 'folder'}`,\"size\":18}}),_c('span',[_vm._v(\" \"+_vm._s(node.label)+\" \")])],1)}}])})],1),_c('vue-custom-scrollbar',{staticStyle:{\"height\":\"400px\"}},[_c('label',{staticClass:\"tx-sans tx-uppercase tx-medium tx-10 tx-spacing-1 tx-color-03 pd-x-10 mg-t-20\"},[_vm._v(\"Надад хуваалцсан\")]),_c('nav',{staticClass:\"nav nav-sidebar tx-13\"},_vm._l((_vm.sharedFolders),function(f,i){return _c('a',{key:i,staticClass:\"nav-link\",class:{ active: _vm.folderCur.id == f.id },on:{\"click\":function($event){return _vm.handleNodeClick(f, 2)}}},[_c('feather',{attrs:{\"type\":\"folder\"}}),_c('span',[_vm._v(_vm._s(f.folderName))])],1)}),0)])],1),_c('b-modal',{attrs:{\"title\":\"Хавтас үүсгэх\",\"centered\":\"\"},on:{\"ok\":_vm.createFolder},model:{value:(_vm.create.modal),callback:function ($$v) {_vm.$set(_vm.create, \"modal\", $$v)},expression:\"create.modal\"}},[_c('div',{staticClass:\"input-group my-4\"},[_c('div',{staticClass:\"input-group-prepend\"},[_c('span',{staticClass:\"input-group-text\"},[_vm._v(\"Хавтасны нэрээ оруулна уу\")])]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.create.folderName),expression:\"create.folderName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.create.folderName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.create, \"folderName\", $event.target.value)}}})])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"filemgr-folder\" :style=\"propStyle\">\n    <div class=\"filemgr-folder-header\">\n      <button\n        @click=\"create.modal = true\"\n        class=\"btn btn-xs btn-outline-secondary\"\n      >\n        Шинэ хавтас\n      </button>\n      <!-- <button\n        :disabled=\"folderCur.id == null || folderMode != undefined\"\n        class=\"btn btn-xs btn-outline-secondary mg-l-auto\"\n      >\n        Хавтсыг хуваалцах\n      </button> -->\n    </div>\n    <div class=\"filemgr-folder-body\" style=\"max-height: calc(100vh - 115px)\">\n      <label\n        class=\"tx-sans tx-uppercase tx-medium tx-10 tx-spacing-1 tx-color-03 pd-x-10 mg-t-10\"\n        >Миний хавтсууд</label\n      >\n      <nav class=\"nav nav-sidebar tx-13\">\n        <a\n          @click=\"handleNodeClick({ id: null })\"\n          class=\"nav-link\"\n          :class=\"{ active: folderCur.id == null }\"\n          ><feather type=\"folder\"></feather> <span>Бүх хавтас</span></a\n        >\n      </nav>\n      <vue-custom-scrollbar style=\"height: calc(100vh - 505px);\">\n        <Tree\n          :key=\"treeKey\"\n          node-key=\"id\"\n          node-key1=\"label\"\n          :data=\"folders\"\n          :props=\"defaultProps\"\n          @node-click=\"handleNodeClick\"\n          default-expand-all\n          :expand-on-click-node=\"false\"\n          class=\"dynamic-folder-tree\"\n        >\n          <div slot-scope=\"{ node }\" class=\"d-flex align-items-center\">\n            <feather\n              :type=\"`${node.key == folderCur.id ? 'chevron-right' : 'folder'}`\"\n              :size=\"18\"\n              class=\"mg-r-10\"\n            ></feather>\n            <span>\n              {{ node.label }}\n            </span>\n          </div>\n        </Tree>\n      </vue-custom-scrollbar>\n      <vue-custom-scrollbar style=\"height: 400px;\">\n        <label\n          class=\"tx-sans tx-uppercase tx-medium tx-10 tx-spacing-1 tx-color-03 pd-x-10 mg-t-20\"\n          >Надад хуваалцсан</label\n        >\n        <nav class=\"nav nav-sidebar tx-13\">\n          <a\n            @click=\"handleNodeClick(f, 2)\"\n            class=\"nav-link\"\n            v-for=\"(f, i) in sharedFolders\"\n            :key=\"i\"\n            :class=\"{ active: folderCur.id == f.id }\"\n          >\n            <feather type=\"folder\"></feather>\n            <span>{{ f.folderName }}</span>\n          </a>\n        </nav>\n      </vue-custom-scrollbar>\n    </div>\n\n    <b-modal\n      v-model=\"create.modal\"\n      title=\"Хавтас үүсгэх\"\n      centered\n      @ok=\"createFolder\"\n    >\n      <div class=\"input-group my-4\">\n        <div class=\"input-group-prepend\">\n          <span class=\"input-group-text\">Хавтасны нэрээ оруулна уу</span>\n        </div>\n        <input type=\"text\" v-model=\"create.folderName\" class=\"form-control\" />\n      </div>\n    </b-modal>\n  </div>\n</template>\n\n<script>\nimport vueCustomScrollbar from \"vue-custom-scrollbar\";\nimport { Tree } from \"element-ui\";\nimport { request } from \"@/api/all\";\nvar LTT = require(\"list-to-tree\");\n\nexport default {\n  components: {\n    Tree,\n    vueCustomScrollbar\n  },\n  props:{\n    propStyle:{\n      type: String,\n      default: () => '',\n    }\n  },\n  data() {\n    return {\n      folders: [],\n      defaultProps: {\n        children: \"children\",\n        label: \"title\",\n        iid: \"id\"\n      },\n      foldersFlat: [],\n      folderCur: {\n        id: null\n      },\n      treeKey: 0,\n      folderMode: undefined,\n      create: {\n        modal: false,\n        folderName: \"\"\n      },\n      sharedFolders: []\n    };\n  },\n  mounted() {\n    this.init();\n    this.initSharedFolders();\n  },\n  methods: {\n    showModal(){\n      this.create.modal=true;\n\n    },\n    init() {\n      request({\n        api: { method: \"GET\", url: \"Media/getFolderTreeData\" },\n        store: this.$store\n      }).then(res => {\n        if (res != false) {\n          this.foldersFlat = res.data.folders;\n          var ltt = new LTT(res.data.folders, {\n            key_id: \"id\",\n            key_parent: \"parentId\",\n            key_child: \"children\"\n          });\n          this.folders = ltt.GetTree();\n          //console.log(this.folders);\n        }\n      });\n    },\n    handleNodeClick(data, mode) {\n      //console.log('mode', mode);\n      if (mode != undefined && mode == 2) {\n        this.treeKey++;\n        this.folderMode = mode;\n      } else if (data.id == null) {\n        this.treeKey++;\n      } else {\n        this.folderMode = undefined;\n      }\n\n      this.folderCur = data;\n      this.$emit(\"on-folder-selected\", data);\n    },\n    createFolder() {\n      request({\n        api: { method: \"POST\", url: \"Media/CreateFolder\" },\n        data: {\n          folderName: this.create.folderName,\n          parentId: this.folderCur.id\n        },\n        store: this.$store\n      }).then(res => {\n        if (res != false) {\n          this.create.modal = false;\n          this.create.folderName = false;\n          this.folderCur.id = null;\n          this.init();\n        }\n      });\n    },\n    initSharedFolders() {\n      request({\n        api: { method: \"GET\", url: \"Media/GetSharedFolders\" },\n        params: {\n          parentId: -1\n        },\n        store: this.$store\n      }).then(res => {\n        if (res != false) {\n          this.sharedFolders = res.data.folders;\n          //console.log(res);\n        }\n      });\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\">\n.dynamic-folder-tree {\n  .el-tree-node {\n    font-weight: 500;\n    font-size: 14px;\n    line-height: 18px;\n    .el-tree-node__content {\n      height: 30px;\n    }\n  }\n  .is-current {\n    color: #0168fa;\n    background: rgba(0, 0, 0, 0.05);\n  }\n}\n</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!./folder.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!./folder.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./folder.vue?vue&type=template&id=46be7bb6\"\nimport script from \"./folder.vue?vue&type=script&lang=js\"\nexport * from \"./folder.vue?vue&type=script&lang=js\"\nimport style0 from \"./folder.vue?vue&type=style&index=0&id=46be7bb6&prod&lang=scss\"\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--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./folder.vue?vue&type=style&index=0&id=46be7bb6&prod&lang=scss\""],"sourceRoot":""}