{"version":3,"sources":["webpack:///./src/views/Pages/PagesTree.vue","webpack:///./src/views/Pages/PagesTree.vue?ae70","webpack:///./src/components/Tree.vue?2494","webpack:///./src/components/Tree.vue","webpack:///./src/components/Tree.vue?0021","webpack:///./src/components/Tree.vue?5ed9","webpack:///./src/views/Pages/PagesTree.vue?516d"],"names":["class","style","to","hidden","canCreate","initialData","data","components","Tree","store","loading","hasPermission","getters","async","response","dispatch","console","log","value","e","__exports__","render","load-data","onLoadData","tree-data","treeData","expandedKeys","selectedKeys","replace-fields","replaceFields","title","id","type","data-id","handleAddSubPage","size","key","props","Array","required","router","treeNode","Promise","resolve","dataRef","children","parentId","eventKey","parent_id","then","setTimeout","push","name","query","immediate"],"mappings":"uOACOA,MAAM,c,GACJA,MAAM,e,QACT,gCAAc,UAAV,SAAK,I,+BAMJ,a,+BAMA,e,qJAdT,gCAmBM,MAnBN,EAmBM,CAlBJ,gCAgBM,MAhBN,EAgBM,CAfJ,EACA,gCAaM,YAZJ,yBAKC,GAJCA,MAAM,UACNC,MAAA,wBACCC,GAAI,oB,8BACJ,IAAS,C,UAEZ,yBAKC,GAJCF,MAAM,0BACLG,QAAS,EAAAC,UACTF,GAAI,qB,8BACJ,IAAW,C,2BAIlB,yBAA4B,GAArBG,YAAa,EAAAC,MAAI,0B,4BAUb,GACbC,WAAY,CACVC,OAAA,MAEF,QACE,MAAMC,EAAQ,iBAERC,EAAU,kBAAI,GACdJ,EAAO,iBAAI,IAEXK,EAAgBF,EAAMG,QAAQD,cAC9BP,EAAYO,EAAc,CAAC,gBAajC,OAXA,uBAAUE,UACR,IACE,MAAMC,QAAiBL,EAAMM,SAAS,0BACtCC,QAAQC,IAAIH,GACZR,EAAKY,MAAQJ,EAASR,KAAKA,KAC3BI,EAAQQ,OAAQ,EAChB,MAAOC,GACPH,QAAQC,IAAIE,MAIT,CACLb,OACAF,e,iCChDN,MAAMgB,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,gB,2DCTf,W,iHC0BW,e,6LAzBT,gCA6BM,YA5BJ,yBA2BS,GA1BNC,YAAW,EAAAC,WACXC,YAAW,EAAAC,SACJC,aAAc,EAAAA,a,uCAAA,EAAAA,aAAY,GAC1BC,aAAc,EAAAA,a,uCAAA,EAAAA,aAAY,GACjCC,iBAAgB,EAAAC,e,CAENC,MAAK,qBACd,EADkBA,QAAOC,KAAIC,UAAI,CACjC,gCASC,QAREC,UAASF,EACT,QAAK,GAAe,UAAQ,KAAI,C,4BAAgE,M,6BAM7FD,GAAK,KAEX,yBAAyB,Q,6BAAlB,IAAU,C,0DAAPE,GAAI,K,WACd,yBAMC,GALChC,MAAM,cACNgC,KAAK,UACJ,QAAK,GAAE,EAAAE,iBAAiBH,GACzBI,KAAK,S,8BACJ,IAAW,C,4IAatB,MAAMN,EAAgB,CACpBO,IAAK,MAGQ,OACbC,MAAO,CACLhC,YAAa,CAAE2B,KAAMM,MAAOC,UAAU,IAGxC,MAAMF,GACJ,MAAMG,EAAS,iBACT/B,EAAQ,iBAERiB,EAAe,iBAAI,IACnBC,EAAe,iBAAI,IAEnBF,EAAW,iBAAIY,EAAMhC,aAIrBkB,GAFmB,kBAAI,GAETkB,GACX,IAAIC,QAASC,IAClB,GAAIF,EAASG,QAAQC,SAEnB,YADAF,IAIF,MAAMG,EAAWL,EAASM,SAEJtC,EACnBM,SAAS,yBAA0B,CAAEiC,UAAWF,IAChDG,KAAMnC,IACLoC,WAAW,KACTT,EAASG,QAAQC,SAAW/B,EAASR,KAAKA,KAC1CqC,KACC,UAKLT,EAAoBH,IACxBf,QAAQC,IAAIc,GACZS,EAAOW,KAAK,CAAEC,KAAM,aAAcC,MAAO,CAAEL,UAAWjB,MAWxD,OARA,mBACE,IAAMM,EAAMhC,YACZ,KACEoB,EAASP,MAAQmB,EAAMhC,aAEzB,CAAEiD,WAAW,IAGR,CACL5B,eACAC,eACAE,gBACAJ,WACAF,aACAW,sB,2CC1FN,MAAMd,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,U,oCCVf,W,gFCAA","file":"js/chunk-4d86d7dc.2f6bee4b.js","sourcesContent":["<template>\n  <div class=\"pages-page\">\n    <div class=\"row between\">\n      <h1>Pages</h1>\n      <div>\n        <router-link\n          class=\"ant-btn\"\n          style=\"margin-right: 15px\"\n          :to=\"{ name: 'PagesList' }\"\n          >List View</router-link\n        >\n        <router-link\n          class=\"ant-btn ant-btn-primary\"\n          :hidden=\"!canCreate\"\n          :to=\"{ name: 'CreatePage' }\"\n          >Create Page</router-link\n        >\n      </div>\n    </div>\n    <Tree :initialData=\"data\" />\n  </div>\n</template>\n\n<script>\nimport Tree from '@/components/Tree.vue'\n\nimport { onMounted, ref } from 'vue'\nimport { useStore } from 'vuex'\n\nexport default {\n  components: {\n    Tree,\n  },\n  setup() {\n    const store = useStore()\n\n    const loading = ref(false)\n    const data = ref([])\n\n    const hasPermission = store.getters.hasPermission\n    const canCreate = hasPermission(['create-page'])\n\n    onMounted(async () => {\n      try {\n        const response = await store.dispatch('pages/getPagesDataTree')\n        console.log(response)\n        data.value = response.data.data\n        loading.value = false\n      } catch (e) {\n        console.log(e)\n      }\n    })\n\n    return {\n      data,\n      canCreate,\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '@/assets/styles/view/pages';\n</style>\n","import { render } from \"./PagesTree.vue?vue&type=template&id=7c812f60&scoped=true\"\nimport script from \"./PagesTree.vue?vue&type=script&lang=js\"\nexport * from \"./PagesTree.vue?vue&type=script&lang=js\"\n\nimport \"./PagesTree.vue?vue&type=style&index=0&id=7c812f60&lang=scss&scoped=true\"\n\nimport exportComponent from \"/var/www/itrate.co/data/www/admin.itrate.co/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-7c812f60\"]])\n\nexport default __exports__","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Tree.vue?vue&type=style&index=0&id=3d83d253&lang=scss&scoped=true\"","<template>\n  <div>\n    <a-tree\n      :load-data=\"onLoadData\"\n      :tree-data=\"treeData\"\n      v-model:expandedKeys=\"expandedKeys\"\n      v-model:selectedKeys=\"selectedKeys\"\n      :replace-fields=\"replaceFields\"\n    >\n      <template #title=\"{ title, id, type }\">\n        <span\n          :data-id=\"id\"\n          @click=\"\n            $router.push({\n              name: 'PagesInfo',\n              params: { id: id },\n            })\n          \"\n          >{{ title }}</span\n        >\n        <a-tag>{{ type }}</a-tag>\n        <a-button\n          class=\"subpage-btn\"\n          type=\"primary\"\n          @click=\"handleAddSubPage(id)\"\n          size=\"small\"\n          >add subpage</a-button\n        >\n      </template>\n    </a-tree>\n  </div>\n</template>\n\n<script>\nimport { ref, watch } from 'vue'\n\nimport { useRouter } from 'vue-router'\nimport { useStore } from 'vuex'\n\nconst replaceFields = {\n  key: 'id',\n}\n\nexport default {\n  props: {\n    initialData: { type: Array, required: true },\n  },\n\n  setup(props) {\n    const router = useRouter()\n    const store = useStore()\n\n    const expandedKeys = ref([])\n    const selectedKeys = ref([])\n\n    const treeData = ref(props.initialData)\n\n    const autoExpandParent = ref(true)\n\n    const onLoadData = (treeNode) => {\n      return new Promise((resolve) => {\n        if (treeNode.dataRef.children) {\n          resolve()\n          return\n        }\n\n        const parentId = treeNode.eventKey\n\n        const dataFromChild = store\n          .dispatch('pages/getPagesDataTree', { parent_id: parentId })\n          .then((response) => {\n            setTimeout(() => {\n              treeNode.dataRef.children = response.data.data\n              resolve()\n            }, 500)\n          })\n      })\n    }\n\n    const handleAddSubPage = (id) => {\n      console.log(id)\n      router.push({ name: 'CreatePage', query: { parent_id: id } })\n    }\n\n    watch(\n      () => props.initialData,\n      () => {\n        treeData.value = props.initialData\n      },\n      { immediate: true }\n    )\n\n    return {\n      expandedKeys,\n      selectedKeys,\n      replaceFields,\n      treeData,\n      onLoadData,\n      handleAddSubPage,\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n:deep(.ant-tree) {\n  border: 1px solid #eee;\n  li {\n    border-bottom: 1px solid #eee;\n    &:last-child {\n      border: none;\n    }\n  }\n}\n</style>\n\n<style lang=\"scss\">\n.subpage-btn,\n.ant-tag {\n  margin-left: 25px;\n}\n</style>\n","import { render } from \"./Tree.vue?vue&type=template&id=3d83d253&scoped=true\"\nimport script from \"./Tree.vue?vue&type=script&lang=js\"\nexport * from \"./Tree.vue?vue&type=script&lang=js\"\n\nimport \"./Tree.vue?vue&type=style&index=0&id=3d83d253&lang=scss&scoped=true\"\nimport \"./Tree.vue?vue&type=style&index=1&id=3d83d253&lang=scss\"\n\nimport exportComponent from \"/var/www/itrate.co/data/www/admin.itrate.co/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-3d83d253\"]])\n\nexport default __exports__","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Tree.vue?vue&type=style&index=1&id=3d83d253&lang=scss\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./PagesTree.vue?vue&type=style&index=0&id=7c812f60&lang=scss&scoped=true\""],"sourceRoot":""}