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