{"version":3,"sources":["webpack:///./src/pages/role/addPermissions01.vue?dc9e","webpack:///src/pages/role/addPermissions01.vue","webpack:///./src/pages/role/addPermissions01.vue?5b2d","webpack:///./src/pages/role/addPermissions01.vue?c7b1","webpack:///./src/models/notifyModel.js","webpack:///./src/pages/role/addPermissions01.vue?79c6"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","title","items","staticClass","staticStyle","on","handleSubmitRole","_v","_s","model","ten","_e","treeView","itemClick","node","name","permissions","fields","scopedSlots","_u","key","fn","data","index","domProps","statusPermission","item","$event","onChecked","staticRenderFns","component","addMessage","resultString","resultCode","fromJson","id","content","read","recipientId","recipient","senderId","url","baseJson","toListModel","lenght","map","value","push","notifyModel"],"mappings":"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","file":"js/chunk-2496ea50.fa3c3021.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Layout',[_c('PageHeader',{attrs:{\"title\":_vm.title,\"items\":_vm.items}}),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-10\"}),_c('div',{staticClass:\"col-lg-2\"},[_c('b-button',{staticClass:\"w-md\",staticStyle:{\"float\":\"right\",\"margin-bottom\":\"10px\"},attrs:{\"type\":\"button\",\"variant\":\"primary\",\"size\":\"sm\"},on:{\"click\":_vm.handleSubmitRole}},[_c('i',{staticClass:\"mdi mdi-plus me-1 label-icon\"}),_vm._v(\" Lưu \")])],1)]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-4\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('div',{staticClass:\"font-weight-bold text-success\",staticStyle:{\"margin-bottom\":\"5px\"}},[(_vm.model)?[_vm._v(\" \"+_vm._s(_vm.model.ten)+\" \")]:_vm._e()],2),_c('v-jstree',{attrs:{\"data\":_vm.treeView,\"text-field-name\":\"name\"},on:{\"item-click\":_vm.itemClick}})],1)])]),_c('div',{staticClass:\"col-8\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\" text-success font-weight-bold font-size-20\"},[_vm._v(_vm._s(this.node.name))]),_c('b-table',{staticClass:\"datatables\",attrs:{\"items\":this.node.permissions,\"fields\":_vm.fields,\"striped\":\"\",\"bordered\":\"\",\"responsive\":\"sm\"},scopedSlots:_vm._u([{key:\"cell(STT)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.index + 1)+\" \")]}},{key:\"cell(process)\",fn:function(data){return [_c('div',{staticClass:\"form-check form-check-success\"},[_c('input',{staticClass:\"form-check-input\",attrs:{\"type\":\"checkbox\",\"id\":\"formCheckcolor1\"},domProps:{\"checked\":_vm.statusPermission(data.item)},on:{\"click\":function($event){return _vm.onChecked(data.item)}}})])]}}])})],1)])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport Layout from \"../../layouts/main\";\nimport PageHeader from \"@/components/page-header\";\nimport appConfig from \"@/app.config\";\nimport {notifyModel} from \"@/models/notifyModel\";\nexport default {\n  page: {\n    title: \"Thêm quyền vào vai trò\",\n    meta: [{name: \"description\", content: appConfig.description}],\n  },\n  components: {Layout, PageHeader},\n  data() {\n    return {\n      node: [],\n      model : null ,\n      title: \"Thiết lập quyền\",\n      items: [\n        {\n          text: \"Vai trò\",\n          active: true,\n        },\n        {\n          text: \"Thêm quyền\",\n          active: true,\n        }\n      ],\n      showModal: false,\n      showDeleteModal: false,\n      submitted: false,\n      treeView: [],\n      itemEvents: {\n        mouseover: function () {\n\n        },\n        contextmenu: function () {\n          arguments[2].preventDefault()\n        }\n      },\n      fields: [\n        {\n          key: 'STT',\n          label: 'STT',\n          class: 'text-center',\n          thStyle: {width: '30px', minWidth: '30px'},\n           thClass: 'hidden-sortable'\n        },\n        {\n          key: \"name\",\n          label: \"Tên\",\n          class: \"text-center\",\n          thStyle: {width: '80px', minWidth: '80px'},\n          thClass: 'hidden-sortable'\n        },\n        {\n          key: \"action\",\n          label: \"Hành động\",\n          class: \"text-center\",\n          thStyle: {width: '80px', minWidth: '80px'},\n          thClass: 'hidden-sortable'\n        },\n        {\n          key: 'process',\n          label: 'Xử lý',\n          class: 'text-center',\n          thStyle: {width: '10px', minWidth: '10px'},\n          thClass: 'hidden-sortable'\n        }\n      ],\n    };\n  },\n  created() {\n    this.GetTreeList();\n    this.GetPermissionsByRoleId();\n  },\n  methods: {\n    async GetTreeList(){\n      await this.$store.dispatch(\"moduleStore/getAll\").then((res) => {\n            if (res.resultCode === 'SUCCESS')\n            {\n              res.data.forEach(elements => this.treeView.push(elements))\n              //res.data\n            }\n      })\n    },\n    async itemClick (node) {\n      this.node = node.model\n    },\n    async GetPermissionsByRoleId() {\n      await this.$store.dispatch(\"roleStore/getById\", this.$route.params.id).then((res) => {\n        if (res.resultCode === 'SUCCESS') {\n               this.model = res.data;\n        } else {\n          this.$store.dispatch(\"snackBarStore/addNotify\", notifyModel.addMessage(res));\n        }\n      });\n    },\n    statusPermission(permission) {\n      let check = this.model.permissions.findIndex(x => x.id == permission.id);\n      if (check == undefined || check == -1 )\n      {\n        return  false;\n      }\n      return true\n    },\n    onChecked(item) {\n      let check = this.model.permissions.findIndex(x => x.id == item.id);\n      if (check == undefined || check == -1 )\n      {\n        this.model.permissions.push({id: item.id, name: item.name, action: item.action})\n      }else {\n        this.model.permissions = this.model.permissions?.filter(x => {\n          if (x.id != item.id)\n            return x;\n        });\n      }\n    },\n    async handleSubmitRole() {\n      await this.$store.dispatch(\"roleStore/update\", this.model).then((res) => {\n        if (res.resultCode === 'SUCCESS') {\n          this.$store.dispatch(\"snackBarStore/addNotify\", notifyModel.addMessage(res));\n        }\n      })\n    }\n  },\n};\n</script>\n<template>\n  <Layout>\n    <PageHeader   :title=\"title\" :items=\"items\"/>\n     <div class=\"row\">\n       <div class=\"col-lg-10\">\n       </div>\n       <div class=\"col-lg-2\">\n         <b-button\n             type=\"button\"\n             variant=\"primary\"\n             class=\"w-md\"\n             style=\"float: right; margin-bottom: 10px\"\n             @click=\"handleSubmitRole\" size=\"sm\"\n         >\n           <i class=\"mdi mdi-plus me-1 label-icon\"></i> Lưu\n         </b-button>\n       </div>\n     </div>\n    <div class=\"row\">\n      <div class=\"col-4\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <div class=\"font-weight-bold text-success\" style=\"margin-bottom: 5px\" >\n              <template v-if=\"model\">\n                {{model.ten}}\n              </template>\n\n            </div>\n            <v-jstree  :data = \"treeView\"  text-field-name = \"name\" @item-click=\"itemClick\"></v-jstree>\n          </div>\n        </div>\n      </div>\n      <div class=\"col-8\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <h4 class=\" text-success font-weight-bold font-size-20\">{{this.node.name}}</h4>\n            <b-table\n                class=\"datatables\"\n                :items=\"this.node.permissions\"\n                :fields=\"fields\"\n                striped\n                bordered\n                responsive=\"sm\">\n            <template v-slot:cell(STT)=\"data\">\n              {{ data.index + 1 }}\n            </template>\n              <template v-slot:cell(process)=\"data\">\n                <div class=\"form-check form-check-success\">\n                  <input\n                      class=\"form-check-input\"\n                      type=\"checkbox\"\n                      id=\"formCheckcolor1\"\n                      :checked=\"statusPermission(data.item)\"\n                      @click = \"onChecked(data.item)\"\n                  />\n                </div>\n              </template>\n            </b-table>\n          </div>\n        </div>\n      </div>\n    </div>\n  </Layout>\n</template>\n<style>\n.hidden-sortable:after, .hidden-sortable:before {\n  display: none !important;\n}\n.table>tbody> tr >td{\n  padding: 0px;\n  line-height: 30px;\n}\n</style>\n","import mod from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./addPermissions01.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./addPermissions01.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./addPermissions01.vue?vue&type=template&id=38370260&\"\nimport script from \"./addPermissions01.vue?vue&type=script&lang=js&\"\nexport * from \"./addPermissions01.vue?vue&type=script&lang=js&\"\nimport style0 from \"./addPermissions01.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/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","const addMessage = (item) => {\n  return {\n    resultString: item.resultString,\n    resultCode: item.resultCode,\n  };\n};\n\nconst fromJson = (item) => {\n  return {\n    id: item.id,\n    title: item.title,\n    content: item.content,\n    read: item.read,\n    recipientId: item.recipientId,\n    recipient: item.recipient,\n    senderId: item.senderId,\n    url: item.url,\n  };\n};\n\nconst baseJson = () => {\n  return {\n    id: null,\n    title: null,\n    content: null,\n    read: null,\n    recipientId: null,\n    recipient: null,\n    senderId: null,\n    url: null,\n  };\n};\n\nconst toListModel = (items) => {\n  if (items.lenght > 0) {\n    let data = [];\n    items.map((value, index) => {\n      data.push(fromJson(value));\n    });\n    return data ?? [];\n  }\n  return [];\n};\n\nexport const notifyModel = { addMessage, fromJson, toListModel, baseJson };\n","export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./addPermissions01.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}