{"version":3,"sources":["webpack:///./src/views/admin/management/permissiongroups/PermissionGroup.vue","webpack:///./src/views/admin/management/permissiongroups/PermissionGroup.vue?39c2"],"names":["class","for","type","style","value","id","permissionGroup","name","description","availablePermissions","permission","key","assignPermission","permissions","removePermission","props","this","loadPermissionGroup","loadAvailablePermissions","methods","a","get","then","response","data","catch","error","$error","put","permission_id","filter","p","push","delete","__exports__","render"],"mappings":"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","file":"js/chunk-2d0f0c62.50b62e35.js","sourcesContent":["<template>\r\n  <div>\r\n    <div class=\"row\">\r\n      <div class=\"col-md-4\">\r\n        <div class=\"card\">\r\n          <div class=\"card-body\">\r\n            <h5 class=\"card-title\">Permission Group Details</h5>\r\n\r\n            <div class=\"col-md-12 mb-2\">\r\n              <label for=\"permissionGroupName\" class=\"form-label\">Permission Group Name</label>\r\n              <input type=\"text\" class=\"form-control\" id=\"permissionGroupName\" v-model=\"permissionGroup.name\">\r\n            </div>\r\n            <div class=\"col-md-12 mb-2\">\r\n              <label for=\"permissionGroupDescription\" class=\"form-label\">Permission Group Description</label>\r\n              <input type=\"text\" class=\"form-control\" id=\"permissionGroupDescription\" v-model=\"permissionGroup.description\">\r\n            </div>\r\n\r\n            <div class=\"row\">\r\n              <div class=\"col-md-12\">\r\n                <input type=\"button\" style=\"float: right;\" class=\"btn btn-light px-4\" value=\"Save Changes\">\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"col-md-8\">\r\n        <div class=\"card\">\r\n          <div class=\"card-body\">\r\n            <h5 class=\"card-title\">Permission Group Permissions</h5>\r\n\r\n            <div class=\"row\">\r\n              <div class=\"col-6\">\r\n                <p style=\"font-weight: bold;\">Available Permissions</p>\r\n                <table id=\"example\" class=\"table table-hover\" style=\"width:100%\">\r\n                  <thead>\r\n                    <tr>\r\n                      <th>#</th>\r\n                      <th>Name</th>\r\n                      <th></th>\r\n                    </tr>\r\n                  </thead>\r\n                  <tbody>\r\n                    <tr v-for=\"permission in availablePermissions\" :key=\"permission.id\">\r\n                      <td>{{permission.id}}</td>\r\n                      <td>{{permission.name}}</td>\r\n                      <td>\r\n                        <button type=\"button\" @click=\"assignPermission(permission)\" class=\"btn btn-light\"><i class=\"bx bx-right-arrow me-0\"></i></button>\r\n                      </td>\r\n                    </tr>\r\n                  </tbody>\r\n                </table>\r\n              </div>\r\n              <div class=\"col-6\">\r\n                <p style=\"font-weight: bold;\">Assigned Permissions</p>\r\n                <table id=\"example\" class=\"table table-hover\" style=\"width:100%\">\r\n                  <thead>\r\n                    <tr>\r\n                      <th></th>\r\n                      <th>#</th>\r\n                      <th>Name</th>\r\n                    </tr>\r\n                  </thead>\r\n                  <tbody>\r\n                    <tr v-for=\"permission in permissionGroup.permissions\" :key=\"permission.id\">\r\n                      <td>\r\n                        <button type=\"button\" @click=\"removePermission(permission)\" class=\"btn btn-light\"><i class=\"bx bx-left-arrow me-0\"></i></button>\r\n                      </td>\r\n                      <td>{{permission.id}}</td>\r\n                      <td>{{permission.name}}</td>\r\n                    </tr>\r\n                  </tbody>\r\n                </table>\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport axios from 'axios';\r\nexport default {\r\n  name: 'admin.management.permissiongroups.view',\r\n  props: ['id'],\r\n  data(){\r\n    return {\r\n      permissionGroup: {\r\n        id: -1,\r\n        name: '',\r\n        description: '',\r\n        permissions: []\r\n      },\r\n      availablePermissions: []\r\n    }\r\n  },\r\n  mounted(){\r\n    this.loadPermissionGroup();\r\n    this.loadAvailablePermissions();\r\n  },\r\n  methods: {\r\n    loadPermissionGroup(){\r\n      axios.get(`${process.env.VUE_APP_API_URL}/v1/permissiongroups/${this.id}`)\r\n      .then(response => {\r\n        this.permissionGroup = response.data.permissionGroup;\r\n      })\r\n      .catch(error => {\r\n        this.$error(\"Failed to load permission group.\", error);\r\n      })\r\n    },\r\n    loadAvailablePermissions(){\r\n      axios.get(`${process.env.VUE_APP_API_URL}/v1/permissions/list?available=true`)\r\n      .then(response => {\r\n        this.availablePermissions = response.data.permissions;\r\n      })\r\n      .catch(error => {\r\n        this.$error(\"Failed to load available permissions.\", error);\r\n      })\r\n    },\r\n    assignPermission(permission){\r\n      axios.put(`${process.env.VUE_APP_API_URL}/v1/permissiongroups/${this.id}/permissions`, {\r\n        permission_id: permission.id\r\n      })\r\n      .then(() => {\r\n        this.availablePermissions = this.availablePermissions.filter((p) => {\r\n          return p.id !== permission.id;\r\n        });\r\n        this.permissionGroup.permissions.push(permission);\r\n      })\r\n      .catch(error => {\r\n        this.$error(\"Failed to assign permission.\", error);\r\n      })\r\n    },\r\n    removePermission(permission){\r\n      axios.delete(`${process.env.VUE_APP_API_URL}/v1/permissiongroups/${this.id}/permissions`, {\r\n        data: {\r\n          permission_id: permission.id\r\n        }\r\n      })\r\n      .then(() => {\r\n        this.permissionGroup.permissions = this.permissionGroup.permissions.filter((p) => {\r\n          return p.id !== permission.id;\r\n        });\r\n        this.availablePermissions.push(permission);\r\n      })\r\n      .catch(error => {\r\n        this.$error(\"Failed to remove permission.\", error);\r\n      })\r\n    }\r\n  }\r\n}\r\n</script>","import { render } from \"./PermissionGroup.vue?vue&type=template&id=2c0ca29c\"\nimport script from \"./PermissionGroup.vue?vue&type=script&lang=js\"\nexport * from \"./PermissionGroup.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"C:\\\\Users\\\\s.arshad\\\\Documents\\\\GitHub\\\\link-portal\\\\link\\\\node_modules\\\\@vue\\\\cli-service\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}