{"version":3,"sources":["webpack:///./src/components/admin/roles/AddEditRoleDialog.vue?343c","webpack:///./src/views/admin/RoleAdminHome.vue?b225","webpack:///./src/components/admin/roles/RoleList.vue?0e3c","webpack:///src/components/admin/roles/RoleList.vue","webpack:///./src/components/admin/roles/RoleList.vue?9d11","webpack:///./src/components/admin/roles/RoleList.vue?b67d","webpack:///./src/components/admin/roles/AddEditRoleDialog.vue?ce8e","webpack:///src/components/admin/roles/AddEditRoleDialog.vue","webpack:///./src/components/admin/roles/AddEditRoleDialog.vue?73e8","webpack:///./src/components/admin/roles/AddEditRoleDialog.vue?eb72","webpack:///src/views/admin/RoleAdminHome.vue","webpack:///./src/views/admin/RoleAdminHome.vue?8231","webpack:///./src/views/admin/RoleAdminHome.vue?acc3","webpack:///./src/components/admin/roles/RoleList.vue?1e55","webpack:///./src/views/admin/RoleAdminHome.vue?f292","webpack:///./src/components/admin/roles/RoleList.vue?0441"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_b","addEditDialogData","alertData","isActive","shouldReloadData","on","loadData","_v","_e","doneLoading","roles","length","addRole","directives","name","rawName","value","expression","key","currentTableKeyIndex","ref","tableProps","staticRenderFns","staticStyle","id","_m","_l","role","index","_s","_f","rights","status","class","$event","stopPropagation","changeRoleStatus","editRole","tableObject","actionType","component","domProps","target","composing","$set","Array","isArray","_i","$$a","$$el","$$c","checked","$$v","$$i","concat","slice","right","description","isSelected","preventDefault","cancel","submit","editModes","mode","userRightList","order","page","search"],"mappings":"iKAAA,yBAAwlB,EAAG,G,oECA3lB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,mBAAmB,CAACF,EAAG,MAAM,CAACG,YAAY,kBAAkB,CAACH,EAAG,oBAAoBJ,EAAIQ,GAAG,GAAG,oBAAoBR,EAAIS,mBAAkB,KAAS,GAAGL,EAAG,MAAM,CAACG,YAAY,OAAO,CAACH,EAAG,MAAM,CAACG,YAAY,OAAO,CAAEP,EAAIU,UAAUC,UAAYX,EAAIY,iBAAkBR,EAAG,MAAM,CAACA,EAAG,QAAQJ,EAAIQ,GAAG,GAAG,QAAQR,EAAIU,WAAU,IAAQN,EAAG,MAAOJ,EAAoB,iBAAEI,EAAG,SAAS,CAACG,YAAY,cAAcM,GAAG,CAAC,MAAQb,EAAIc,WAAW,CAACd,EAAIe,GAAG,iBAAiBf,EAAIgB,MAAM,GAAGhB,EAAIgB,MAAMhB,EAAIiB,aAAiBjB,EAAIkB,OAAUlB,EAAIkB,MAAMC,OAA2JnB,EAAIgB,KAAtJZ,EAAG,MAAM,CAACG,YAAY,+BAA+BD,MAAM,CAAC,KAAO,UAAU,CAACN,EAAIe,GAAG,6DAAsEX,EAAG,MAAM,CAACG,YAAY,4CAA4C,CAACH,EAAG,SAAS,CAACG,YAAY,kBAAkBD,MAAM,CAAC,KAAO,UAAUO,GAAG,CAAC,MAAQb,EAAIoB,UAAU,CAAChB,EAAG,IAAI,CAACG,YAAY,mBAAmBD,MAAM,CAAC,MAAQ,0BAA0BF,EAAG,MAAM,CAACiB,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOxB,EAAIkB,OAASlB,EAAIkB,MAAMC,OAAQM,WAAW,0BAA0BlB,YAAY,OAAO,CAACH,EAAG,MAAM,CAACG,YAAY,OAAO,CAACH,EAAG,aAAa,CAACsB,IAAI,cAAe1B,EAAI2B,qBAAqBC,IAAI,aAAatB,MAAM,CAAC,MAAQN,EAAIkB,MAAM,GAAK,aAAa,WAAalB,EAAI6B,eAAe,QAC90CC,EAAkB,G,sJCDlB,EAAS,WAAa,IAAI9B,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,OAAO,CAACG,YAAY,eAAe,CAACH,EAAG,QAAQ,CAACG,YAAY,2CAA2CwB,YAAY,CAAC,MAAQ,kBAAkB,kBAAkB,YAAYzB,MAAM,CAAC,GAAKN,EAAIgC,KAAK,CAAChC,EAAIiC,GAAG,GAAG7B,EAAG,QAAQJ,EAAIkC,GAAIlC,EAAS,OAAE,SAASmC,EAAKC,GAAO,OAAOhC,EAAG,KAAK,CAACsB,IAAIS,EAAKH,IAAI,CAAC5B,EAAG,KAAK,CAACJ,EAAIe,GAAGf,EAAIqC,GAAGD,EAAQ,MAAMhC,EAAG,KAAK,CAACG,YAAY,SAAS,CAACP,EAAIe,GAAGf,EAAIqC,GAAGF,EAAKb,SAASlB,EAAG,KAAK,CAACJ,EAAIe,GAAGf,EAAIqC,GAAGrC,EAAIsC,GAAG,8BAAPtC,CAAsCmC,EAAKI,YAAYnC,EAAG,KAAK,CAACG,YAAY,SAAS,CAACP,EAAIe,GAAGf,EAAIqC,GAAGrC,EAAIsC,GAAG,sBAAPtC,CAA8BmC,EAAKK,YAAYpC,EAAG,KAAK,CAACA,EAAG,SAAS,CAACG,YAAY,mBAAmBkC,MAAMN,EAAKK,OAAS,aAAe,cAAclC,MAAM,CAAC,KAAO,SAAS,MAAQ6B,EAAKK,OAAS,kBAAoB,iBAAiB3B,GAAG,CAAC,MAAQ,SAAS6B,GAAiC,OAAzBA,EAAOC,kBAAyB3C,EAAI4C,iBAAiBT,MAAS,CAACnC,EAAIe,GAAGf,EAAIqC,GAAGF,EAAKK,OAAS,IAAK,QAAQpC,EAAG,SAAS,CAACG,YAAY,+BAA+BD,MAAM,CAAC,KAAO,SAAS,MAAQ,aAAaO,GAAG,CAAC,MAAQ,SAAS6B,GAAiC,OAAzBA,EAAOC,kBAAyB3C,EAAI6C,SAASV,MAAS,CAACnC,EAAIe,GAAG,SAASX,EAAG,KAAK,CAACJ,EAAIe,GAAGf,EAAIqC,GAAGF,EAAKH,YAAW,QAClrC,EAAkB,CAAC,WAAa,IAAIhC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,QAAQ,CAACA,EAAG,KAAK,CAACA,EAAG,KAAK,CAACE,MAAM,CAAC,MAAQ,QAAQF,EAAG,KAAK,CAACE,MAAM,CAAC,MAAQ,QAAQ,CAACN,EAAIe,GAAG,eAAeX,EAAG,KAAK,CAACE,MAAM,CAAC,MAAQ,QAAQ,CAACN,EAAIe,GAAG,YAAYX,EAAG,KAAK,CAACE,MAAM,CAAC,MAAQ,QAAQ,CAACN,EAAIe,GAAG,YAAYX,EAAG,KAAK,CAACE,MAAM,CAAC,MAAQ,SAASF,EAAG,Y,gDCoClW,GACE,KAAF,YACE,WAAF,GAEE,MAAF,wCACE,KAAF,WAAI,MAAJ,CACM0C,YAAa,KACbC,WAAY,KACZtC,kBAAmB,CACjBuB,GAAI,gBACJrB,UAAU,KAGhB,OAAF,2BACE,QAAF,CACI,oBADJ,SACA,GACM,OAAN,mDAEI,4BAJJ,SAIA,GACM,IAAN,KACM,IAAN,2BACA,+BACU,GAAV,uCAGM,OAAN,IAGE,QAAF,CACI,QADJ,WAEM,IAAN,OACA,eACQ,EAAR,sBAEM,EAAN,2CACQ,WAAR,EACQ,QAAR,EACQ,MAAR,EACQ,MAAR,uDACQ,WAAR,yEACQ,aAAR,kFACQ,WAAR,CACA,CACU,QAAV,IACU,SAAV,MAIM,EAAN,0CACQ,EAAR,2BACA,WACQ,EAAR,8BAGM,EAAN,2CACQ,EAAR,6CAGM,EAAN,4CACQ,EAAR,2CAGI,iBAlCJ,SAkCA,GACM,KAAN,6CAEI,SArCJ,SAqCA,GACM,KAAN,qCAGE,cArEF,WAqEI,IAAJ,OACA,kBACM,KAAN,sBACQ,EAAR,2BC7GgX,I,kCCS5WqC,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,QCpBX,EAAS,WAAa,IAAIhD,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,wBAAwBD,MAAM,CAAC,GAAKN,EAAIgC,GAAG,SAAW,KAAK,KAAO,SAAS,kBAAkB,QAAQ,cAAc,SAAS,CAAC5B,EAAG,MAAM,CAACG,YAAY,iDAAiD,CAACH,EAAG,MAAM,CAACG,YAAY,iBAAiB,CAACH,EAAG,MAAM,CAACG,YAAY,gBAAgB,CAACH,EAAG,KAAK,CAACG,YAAY,cAAcD,MAAM,CAAC,GAAK,UAAU,CAACN,EAAIe,GAAGf,EAAIqC,GAAGrC,EAAImC,KAAKH,GAAK,YAAc,iBAAiB5B,EAAG,MAAM,CAACG,YAAY,cAAc,CAACH,EAAG,MAAM,CAACG,YAAY,kBAAkB,CAACH,EAAG,QAAQ,CAACG,YAAY,kCAAkC,CAACP,EAAIe,GAAG,UAAUX,EAAG,MAAM,CAACG,YAAY,iBAAiB,CAACH,EAAG,QAAQ,CAACiB,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOxB,EAAImC,KAAS,KAAEV,WAAW,cAAclB,YAAY,eAAeD,MAAM,CAAC,KAAO,OAAO,GAAK,QAAQ2C,SAAS,CAAC,MAASjD,EAAImC,KAAS,MAAGtB,GAAG,CAAC,MAAQ,SAAS6B,GAAWA,EAAOQ,OAAOC,WAAqBnD,EAAIoD,KAAKpD,EAAImC,KAAM,OAAQO,EAAOQ,OAAO1B,eAAepB,EAAG,MAAM,CAACG,YAAY,uBAAuB,CAACH,EAAG,QAAQ,CAACG,YAAY,uCAAuC,CAACP,EAAIe,GAAG,YAAYX,EAAG,QAAQ,CAACiB,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOxB,EAAImC,KAAW,OAAEV,WAAW,gBAAgBlB,YAAY,gCAAgCwB,YAAY,CAAC,cAAc,SAASzB,MAAM,CAAC,KAAO,YAAY2C,SAAS,CAAC,QAAUI,MAAMC,QAAQtD,EAAImC,KAAKK,QAAQxC,EAAIuD,GAAGvD,EAAImC,KAAKK,OAAO,OAAO,EAAGxC,EAAImC,KAAW,QAAGtB,GAAG,CAAC,OAAS,SAAS6B,GAAQ,IAAIc,EAAIxD,EAAImC,KAAKK,OAAOiB,EAAKf,EAAOQ,OAAOQ,IAAID,EAAKE,QAAuB,GAAGN,MAAMC,QAAQE,GAAK,CAAC,IAAII,EAAI,KAAKC,EAAI7D,EAAIuD,GAAGC,EAAII,GAAQH,EAAKE,QAASE,EAAI,GAAI7D,EAAIoD,KAAKpD,EAAImC,KAAM,SAAUqB,EAAIM,OAAO,CAACF,KAAaC,GAAK,GAAI7D,EAAIoD,KAAKpD,EAAImC,KAAM,SAAUqB,EAAIO,MAAM,EAAEF,GAAKC,OAAON,EAAIO,MAAMF,EAAI,UAAY7D,EAAIoD,KAAKpD,EAAImC,KAAM,SAAUuB,SAAYtD,EAAG,MAAM,CAACG,YAAY,QAAQ,CAACH,EAAG,KAAK,CAACJ,EAAIe,GAAG,mBAAmBX,EAAG,MAAM,CAACG,YAAY,OAAOP,EAAIkC,GAAIlC,EAAiB,eAAE,SAASgE,GAAO,OAAO5D,EAAG,MAAM,CAACG,YAAY,qBAAqB,CAACH,EAAG,QAAQ,CAACG,YAAY,uBAAuB,CAACP,EAAIe,GAAGf,EAAIqC,GAAG2B,EAAMC,gBAAgB7D,EAAG,QAAQ,CAACiB,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOwC,EAAgB,WAAEvC,WAAW,qBAAqBlB,YAAY,gCAAgCwB,YAAY,CAAC,cAAc,SAASzB,MAAM,CAAC,KAAO,YAAY2C,SAAS,CAAC,QAAUI,MAAMC,QAAQU,EAAME,YAAYlE,EAAIuD,GAAGS,EAAME,WAAW,OAAO,EAAGF,EAAgB,YAAGnD,GAAG,CAAC,OAAS,SAAS6B,GAAQ,IAAIc,EAAIQ,EAAME,WAAWT,EAAKf,EAAOQ,OAAOQ,IAAID,EAAKE,QAAuB,GAAGN,MAAMC,QAAQE,GAAK,CAAC,IAAII,EAAI,KAAKC,EAAI7D,EAAIuD,GAAGC,EAAII,GAAQH,EAAKE,QAASE,EAAI,GAAI7D,EAAIoD,KAAKY,EAAO,aAAcR,EAAIM,OAAO,CAACF,KAAaC,GAAK,GAAI7D,EAAIoD,KAAKY,EAAO,aAAcR,EAAIO,MAAM,EAAEF,GAAKC,OAAON,EAAIO,MAAMF,EAAI,UAAY7D,EAAIoD,KAAKY,EAAO,aAAcN,YAAc,KAAKtD,EAAG,MAAM,CAACG,YAAY,YAAY,CAACH,EAAG,MAAM,CAACG,YAAY,qBAAqB,CAACH,EAAG,SAAS,CAACG,YAAY,+BAA+BM,GAAG,CAAC,MAAQ,SAAS6B,GAAgC,OAAxBA,EAAOyB,iBAAwBnE,EAAIoE,OAAO1B,MAAW,CAAC1C,EAAIe,GAAG,YAAYX,EAAG,SAAS,CAACG,YAAY,gCAAgCM,GAAG,CAAC,MAAQ,SAAS6B,GAAgC,OAAxBA,EAAOyB,iBAAwBnE,EAAIqE,OAAO3B,MAAW,CAAC1C,EAAIe,GAAG,yBAC7nG,EAAkB,GCGtB,GACE,KAAF,oBACE,OAAF,aACE,MAAF,gDACE,KAAF,WAAI,MAAJ,CACMuD,UAAW,EAAjB,iBAEE,MAAF,CACI,SADJ,WAEM,IAAN,OACA,WACQ,EAAR,yBACU,SAAV,SACU,UAAV,EACU,MAAV,IAGQ,EAAR,kCAIE,QAAF,CACI,OADJ,WAEM,KAAN,+CAEI,OAJJ,WAKM,KAAN,gDAGE,QA7BF,cCJyX,ICQrX,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,QCLf,GACE,KAAF,gBACE,WAAF,CACI,MAAJ,OACI,WAAJ,EACI,kBAAJ,GAEE,OAAF,2BACE,OAAF,SACE,QATF,WAUI,MAAJ,CACM,SAAN,cACM,YAAN,mBAGE,KAAF,WAAI,MAAJ,CACMpD,MAAO,GACPN,kBAAkB,EAClBH,kBAAmB,CACjBuB,GAAI,oBACJrB,UAAU,EACV4D,KAAM,EAAd,4BACQpC,KAAM,CACJH,GAAI,KACJV,KAAM,KACNkB,OAAQ,EAAlB,yBACUD,OAAQ,GAEViC,cAAe,MAEjBvD,aAAa,EACbU,qBAAsB,EACtBE,WAAY,CACV4C,MAAO,KACPC,KAAM,KACNC,OAAQ,QAGd,SAAF,CACI,wBADJ,WAEM,IAAN,IACM,GAAN,qCACQ,IAAR,8CACA,qDACY,GAAZ,+CAIM,OAAN,IAGE,iBAnDF,SAmDA,OACI,GAAJ,YAAM,OAAN,iBAEE,QAAF,CACI,UADJ,WAEA,+BACQ,KAAR,mCAGI,SANJ,WAMM,IAAN,OAAM,OAAN,eAAM,mBAAN,0GACA,iBACA,IACA,iBACA,sBACA,gEACA,2CACA,eACA,QACA,0CACA,kFACA,sBACA,eACA,iBAJA,mFAQA,iBACA,wBACA,mCAGA,mBACA,sBACA,yBACA,oBACA,qDA1BA,8CA6BI,QAnCJ,WAoCM,KAAN,qDACM,IAAN,sCACM,IAAN,WACQ,EAAR,iBAEM,KAAN,kCACM,KAAN,+BAEI,mBA5CJ,SA4CA,GAAM,IAAN,OACM,KAAN,eACM,KAAN,0HACM,IAAN,OACA,mEACM,KAAN,8BAAQ,GAAR,KAAQ,OAAR,sBACQ,IAAR,8BAAU,OAAV,cACA,cACU,EAAV,eAEA,uBACQ,EAAR,sBACU,EAAV,8BAEQ,EAAR,0DACA,mBACQ,EAAR,8BACA,oBACQ,EAAR,oDAGI,SAjEJ,SAiEA,GACM,KAAN,+BACM,KAAN,mCACM,KAAN,uCACM,KAAN,uCACM,KAAN,qDACM,IAAN,sCACM,IAAN,WACQ,EAAR,kCAEM,KAAN,kCACM,KAAN,+BAEI,gBA9EJ,WA8EM,IAAN,OACM,KAAN,eACM,KAAN,8BACM,KAAN,2DACM,KAAN,4IACM,IAAN,OACA,4KACM,EAAN,kBACQ,GAAR,wDACU,EAAV,2DACA,CACU,IAAV,8BAAY,OAAZ,qCACA,cACY,EAAZ,0CACY,EAAZ,6CAGA,uBACQ,EAAR,sBACU,EAAV,8BAEQ,EAAR,kIACQ,EAAR,+BACQ,EAAR,iCACQ,EAAR,mCACQ,EAAR,sCACA,mBACQ,EAAR,uBACA,oBACQ,EAAR,oDAGI,gBA9GJ,WA+GM,KAAN,+BACM,KAAN,iCACM,KAAN,mCACM,KAAN,mCACM,KAAN,gCAGE,QA5KF,WA6KI,KAAJ,iEACI,KAAJ,iEACI,KAAJ,gEACI,KAAJ,8CAEE,cAlLF,WAmLI,KAAJ,kEACI,KAAJ,kEACI,KAAJ,iEACI,KAAJ,gDCpMsW,ICQlW,G,UAAY,eACd,EACA5E,EACA+B,GACA,EACA,KACA,WACA,OAIa,e,6CCnBf,yBAAujB,EAAG,G,kCCA1jB,yBAA+jB,EAAG,G,kCCAlkB,yBAA+kB,EAAG,G","file":"js/roleAdminHome.bf8a4349.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!./AddEditRoleDialog.vue?vue&type=style&index=0&id=3b6764f6&scoped=true&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!./AddEditRoleDialog.vue?vue&type=style&index=0&id=3b6764f6&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"rolesAdminHome\"}},[_c('div',{staticClass:\"pageComponents\"},[_c('AddEditRoleDialog',_vm._b({},'AddEditRoleDialog',_vm.addEditDialogData,false))],1),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col\"},[(_vm.alertData.isActive || _vm.shouldReloadData)?_c('div',[_c('Alert',_vm._b({},'Alert',_vm.alertData,false)),_c('br'),(_vm.shouldReloadData)?_c('button',{staticClass:\"button bttn\",on:{\"click\":_vm.loadData}},[_vm._v(\"Reload Page\")]):_vm._e()],1):_vm._e(),(_vm.doneLoading && (!_vm.roles || !_vm.roles.length))?_c('div',{staticClass:\"alert alert-info text-center\",attrs:{\"role\":\"alert\"}},[_vm._v(\" There are currently no role registered in the system. \")]):_vm._e(),_c('div',{staticClass:\"d-flex justify-content-end clearfix mb-4\"},[_c('button',{staticClass:\"btn btn-primary\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.addRole}},[_c('i',{staticClass:\"icon-expand-plus\",attrs:{\"title\":\"Add new role\"}})])])])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.roles && _vm.roles.length),expression:\"roles && roles.length\"}],staticClass:\"row\"},[_c('div',{staticClass:\"col\"},[_c('RolesTable',{key:'rolesTable-'+ _vm.currentTableKeyIndex,ref:\"rolesTable\",attrs:{\"roles\":_vm.roles,\"id\":\"rolesTable\",\"tableProps\":_vm.tableProps}})],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('form',{staticClass:\"form-inline\"},[_c('table',{staticClass:\"display table table-condensed rolesTable\",staticStyle:{\"width\":\"100% !important\",\"border-collapse\":\"collapse\"},attrs:{\"id\":_vm.id}},[_vm._m(0),_c('tbody',_vm._l((_vm.roles),function(role,index){return _c('tr',{key:role.id},[_c('td',[_vm._v(_vm._s(index + 1))]),_c('td',{staticClass:\"small\"},[_vm._v(_vm._s(role.name))]),_c('td',[_vm._v(_vm._s(_vm._f(\"toUserRightsDescriptionList\")(role.rights)))]),_c('td',{staticClass:\"small\"},[_vm._v(_vm._s(_vm._f(\"toStatusDescription\")(role.status)))]),_c('td',[_c('button',{staticClass:\"site actionicons\",class:role.status ? 'btn-danger' : 'btn-success',attrs:{\"type\":\"button\",\"title\":role.status ? 'Deactivate role' : 'Activate role'},on:{\"click\":function($event){$event.stopPropagation();return _vm.changeRoleStatus(role)}}},[_vm._v(_vm._s(role.status ? '✖' :'✓'))]),_c('button',{staticClass:\"btn-primary site actionicons\",attrs:{\"type\":\"button\",\"title\":\"Edit role\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.editRole(role)}}},[_vm._v(\"✏\")])]),_c('td',[_vm._v(_vm._s(role.id))])])}),0)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('thead',[_c('tr',[_c('th',{attrs:{\"width\":\"5%\"}}),_c('th',{attrs:{\"width\":\"20%\"}},[_vm._v(\"role name\")]),_c('th',{attrs:{\"width\":\"55%\"}},[_vm._v(\"rights\")]),_c('th',{attrs:{\"width\":\"10%\"}},[_vm._v(\"status\")]),_c('th',{attrs:{\"width\":\"10%\"}}),_c('th')])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <form class=\"form-inline\">\r\n    <table :id=\"id\" class=\"display table table-condensed rolesTable\" style=\"width:100% !important; border-collapse:collapse;\">\r\n      <thead>\r\n        <tr>\r\n          <th width=\"5%\"></th>\r\n          <th width=\"20%\">role name</th>\r\n          <th width=\"55%\">rights</th>\r\n          <th width=\"10%\">status</th>\r\n          <th width=\"10%\"></th>\r\n          <th></th>\r\n        </tr>\r\n      </thead>\r\n      <tbody>\r\n        <tr v-for=\"(role, index) in roles\" :key=\"role.id\">\r\n          <td>{{ index + 1 }}</td>\r\n          <td class=\"small\">{{ role.name }}</td>\r\n          <td>{{ role.rights | toUserRightsDescriptionList }}</td>\r\n          <td class=\"small\">{{ role.status | toStatusDescription }}</td>\r\n          <td>\r\n            <button type=\"button\" class=\"site actionicons\" v-bind:class=\"role.status ? 'btn-danger' : 'btn-success'\" @click.stop=\"changeRoleStatus(role)\" :title=\"role.status ? 'Deactivate role' : 'Activate role'\">{{ role.status ? '✖' :'✓'}}</button>\r\n            <button type=\"button\" class=\"btn-primary site actionicons\" @click.stop=\"editRole(role)\" title=\"Edit role\">✏</button>\r\n          </td>\r\n          <td>{{ role.id }}</td>\r\n        </tr>\r\n      </tbody>\r\n    </table>\r\n  </form>\r\n</template>\r\n<script>\r\n  import moment from 'moment-timezone/builds/moment-timezone-with-data-10-year-range';\r\n  import Events from '@/utils/events';\r\n  import Enums from '@/utils/enums';\r\n  import { DataTableConstants } from '@/utils/constants'\r\n  import store from '@/store';\r\n\r\n\r\n  export default {\r\n    name: 'RolesList',\r\n    components: {\r\n    },\r\n    props: ['id', 'keySuffix', 'roles', 'tableProps'],\r\n    data: () => ({\r\n      tableObject: null,\r\n      actionType: null,\r\n      addEditDialogData: {\r\n        id: 'addEditDialog',\r\n        isActive: false,\r\n      }\r\n    }),\r\n    inject: ['eventBus', 'roleService'],\r\n    filters: {\r\n      toStatusDescription(status) {\r\n        return Enums.convertToEnum(Enums.Status, status).description;\r\n      },\r\n      toUserRightsDescriptionList(userRight) {\r\n        var rightsDesvription = '';\r\n        for (let right in Enums.UserRights) {\r\n          if (userRight & Enums.UserRights[right].value) {\r\n            rightsDesvription += Enums.UserRights[right].description + ', ';\r\n          }\r\n        }\r\n        return rightsDesvription\r\n      }\r\n    },\r\n    methods: {\r\n      refresh() {\r\n        const self = this;\r\n        if (self.tableObject) {\r\n          self.tableObject.destroy();\r\n        }\r\n        self.tableObject = $(`#${self.id}`).DataTable({\r\n          searching: true,\r\n          paging: true,\r\n          info: true,\r\n          order: (self.tableProps && self.tableProps.order ? self.tableProps.order : []),\r\n          pageLength: (self.tableProps && self.tableProps.page ? self.tableProps.page.length : DataTableConstants.PageSize),\r\n          displayStart: (self.tableProps && self.tableProps.page ? self.tableProps.page.length * self.tableProps.page.page : 0),\r\n          columnDefs: [\r\n            {\r\n              targets: [5],\r\n              visible: false,\r\n            },\r\n          ],\r\n        });\r\n        $(`#${self.id} tr`).hover(function () {\r\n          $(this).addClass('hover');\r\n        }, function () {\r\n          $(this).removeClass('hover');\r\n        });\r\n\r\n        $(`#${self.id}`).on('page.dt', function () {\r\n          self.tableProps.page = self.tableObject.page.info();\r\n        });\r\n\r\n        $(`#${self.id}`).on('order.dt', function () {\r\n          self.tableProps.order = self.tableObject.order();\r\n        });\r\n      },\r\n      changeRoleStatus(role) {\r\n        this.eventBus.$emit(Events.CHANGE_ROLE_STATUS, role);\r\n      },\r\n      editRole(role) {\r\n        this.eventBus.$emit(Events.EDIT_ROLE, role);\r\n      },\r\n    },\r\n    beforeDestroy() {\r\n      if (this.tableObject) {\r\n        this.$nextTick(() => {\r\n          this.tableObject.destroy();\r\n        });\r\n      }\r\n    },\r\n  };\r\n</script>\r\n<style lang=\"scss\">\r\n\r\n  form div {\r\n    width: 100% !important\r\n  }\r\n\r\n  [class^=\"col-\"] {\r\n    margin-right: 0 !important;\r\n  }\r\n\r\n  .dataTables_length label {\r\n    justify-content: flex-start !important;\r\n  }\r\n\r\n  .dataTables_filter label, .pagination {\r\n    justify-content: flex-end !important;\r\n  }\r\n\r\n  .dataTables_info {\r\n    text-align: left\r\n  }\r\n\r\n  td {\r\n    vertical-align: middle;\r\n  }\r\n\r\n  table tbody tr:nth-child(odd) td {\r\n    background: #fff;\r\n  }\r\n\r\n  tr.shown + tr, .detail-table tbody tr:nth-child(odd) td {\r\n    /*background: rgba(251, 241, 241, 0.5) !important*/\r\n    background: rgba(128, 128, 128, 0.08) !important\r\n  }\r\n\r\n  /*.detail-table tbody tr:nth-child(odd) td {\r\n      background: rgb(128, 128, 128) !important\r\n    }*/\r\n\r\n  td.details-control {\r\n    background: url('../../../assets/details_open.png') no-repeat center !important;\r\n    cursor: pointer;\r\n  }\r\n\r\n  tr.shown td.details-control {\r\n    background: url('../../../assets/details_close.png') no-repeat center !important;\r\n  }\r\n</style>\r\n<style scoped lang=\"scss\">\r\n\r\n\r\n  .actionicons {\r\n    /*position: relative;\r\n    left: 20px;*/\r\n    visibility: hidden;\r\n  }\r\n\r\n  tr:hover .actionicons {\r\n    visibility: visible;\r\n  }\r\n\r\n  button {\r\n    cursor: pointer\r\n  }\r\n\r\n  .rolesTable tr {\r\n    cursor: pointer\r\n  }\r\n\r\n  table tbody tr.hover td:not(.details-control) {\r\n    background: rgba(76, 175, 80, 0.05) !important\r\n    /*background: rgba(128, 128, 128, 0.05) !important*/\r\n  }\r\n\r\n  table tbody tr.hover td.details-control {\r\n    background: url('../../../assets/details_open.png') no-repeat center rgba(76, 175, 80, 0.05) !important;\r\n  }\r\n\r\n  table tbody tr.shown.hover td.details-control {\r\n    background: url('../../../assets/details_close.png') no-repeat center rgba(76, 175, 80, 0.05) !important;\r\n  }\r\n\r\n  .dropdown-toggle::after {\r\n    content: '' !important;\r\n  }\r\n\r\n  .btn-danger {\r\n    color: #fff;\r\n    background-color: #dc3545;\r\n    border-color: #dc3545;\r\n  }\r\n\r\n  .site {\r\n    width: 25px;\r\n    margin-right: 5px;\r\n    font-family: 'Segoe UI Symbol'\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!./RoleList.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!./RoleList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RoleList.vue?vue&type=template&id=101b95ec&scoped=true&\"\nimport script from \"./RoleList.vue?vue&type=script&lang=js&\"\nexport * from \"./RoleList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RoleList.vue?vue&type=style&index=0&lang=scss&\"\nimport style1 from \"./RoleList.vue?vue&type=style&index=1&id=101b95ec&scoped=true&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  \"101b95ec\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"modal modal-wide fade\",attrs:{\"id\":_vm.id,\"tabindex\":\"-1\",\"role\":\"dialog\",\"aria-labelledby\":\"label\",\"aria-hidden\":\"true\"}},[_c('div',{staticClass:\"modal-dialog modal-full modal-dialog-centered\"},[_c('div',{staticClass:\"modal-content\"},[_c('div',{staticClass:\"modal-header\"},[_c('h5',{staticClass:\"modal-title\",attrs:{\"id\":\"label\"}},[_vm._v(_vm._s(_vm.role.id ? 'Edit Role' : 'Add Role'))])]),_c('div',{staticClass:\"modal-body\"},[_c('div',{staticClass:\"form-group row\"},[_c('label',{staticClass:\"col-md-4 mr-0 font-weight-bold\"},[_vm._v(\"Name\")]),_c('div',{staticClass:\"col-md-8 mr-0\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.role.name),expression:\"role.name\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"id\":\"name\"},domProps:{\"value\":(_vm.role.name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.role, \"name\", $event.target.value)}}})])]),_c('div',{staticClass:\"form-group row mt-4\"},[_c('label',{staticClass:\"col-md-4 mr-0 font-weight-bold mt-2\"},[_vm._v(\"Status\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.role.status),expression:\"role.status\"}],staticClass:\"form-control col-md-1 my-auto\",staticStyle:{\"margin-left\":\"-15px\"},attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.role.status)?_vm._i(_vm.role.status,null)>-1:(_vm.role.status)},on:{\"change\":function($event){var $$a=_vm.role.status,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.role, \"status\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.role, \"status\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.role, \"status\", $$c)}}}})]),_c('div',{staticClass:\"mt-4\"},[_c('h5',[_vm._v(\"Access Rights\")]),_c('div',{staticClass:\"row\"},_vm._l((_vm.userRightList),function(right){return _c('div',{staticClass:\"row col-md-4 mr-0\"},[_c('label',{staticClass:\"col-md-10 mr-0 mt-2\"},[_vm._v(_vm._s(right.description))]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(right.isSelected),expression:\"right.isSelected\"}],staticClass:\"form-control col-md-2 my-auto\",staticStyle:{\"margin-left\":\"-15px\"},attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(right.isSelected)?_vm._i(right.isSelected,null)>-1:(right.isSelected)},on:{\"change\":function($event){var $$a=right.isSelected,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(right, \"isSelected\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(right, \"isSelected\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(right, \"isSelected\", $$c)}}}})])}),0)]),_c('div',{staticClass:\"row mt-5\"},[_c('div',{staticClass:\"col-md text-right\"},[_c('button',{staticClass:\"btn btn-danger d-inline mr-2\",on:{\"click\":function($event){$event.preventDefault();return _vm.cancel($event)}}},[_vm._v(\"Cancel\")]),_c('button',{staticClass:\"btn btn-default d-inline mr-2\",on:{\"click\":function($event){$event.preventDefault();return _vm.submit($event)}}},[_vm._v(\"Submit\")])])])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\r\n  import Events from '@/utils/events';\r\n  import Enums from '@/utils/enums';\r\n\r\n  export default {\r\n    name: 'AddEditRoleDialog',\r\n    inject: ['eventBus'],\r\n    props: ['id', 'isActive', 'role', 'mode', 'userRightList'],\r\n    data: () => ({\r\n      editModes: Enums.EditModes,\r\n    }),\r\n    watch: {\r\n      isActive() {\r\n        const self = this;\r\n        if (self.isActive) {\r\n          $(`#${self.id}`).modal({\r\n            backdrop: 'static', // remove ability to close modal with click\r\n            keyboard: false, // remove option to close with keyboard\r\n            show: true,\r\n          });\r\n        } else {\r\n          $(`#${self.id}`).modal('hide');\r\n        }\r\n      },\r\n    },\r\n    methods: {\r\n      submit() {\r\n        this.eventBus.$emit(Events.ADD_EDIT_DIALOG_SUBMIT);\r\n      },\r\n      cancel() {\r\n        this.eventBus.$emit(Events.ADD_EDIT_DIALOG_CANCEL);\r\n      },\r\n    },\r\n    mounted() {\r\n      const self = this;\r\n    },\r\n  };\r\n</script>\r\n<template>\r\n  <div class=\"modal modal-wide fade\" :id=\"id\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"label\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog modal-full modal-dialog-centered\">\r\n      <div class=\"modal-content\">\r\n        <div class=\"modal-header\">\r\n          <h5 class=\"modal-title\" id=\"label\">{{ role.id ? 'Edit Role' : 'Add Role' }}</h5>\r\n        </div>\r\n        <div class=\"modal-body\">\r\n          <div class=\"form-group row\">\r\n            <label class=\"col-md-4 mr-0 font-weight-bold\">Name</label>\r\n            <div class=\"col-md-8 mr-0\">\r\n              <input type=\"text\" class=\"form-control\" id=\"name\" v-model=\"role.name\" />\r\n            </div>\r\n          </div>\r\n          <div class=\"form-group row mt-4\">\r\n            <label class=\"col-md-4 mr-0 font-weight-bold mt-2\">Status</label>\r\n            <input type=\"checkbox\" class=\"form-control col-md-1 my-auto\" style=\"margin-left:-15px\" v-model=\"role.status\" />\r\n          </div>\r\n          <div class=\"mt-4\">\r\n            <h5>Access Rights</h5>\r\n            <div class=\"row\">\r\n              <div class=\"row col-md-4 mr-0\" v-for=\"right of userRightList\">\r\n                <label class=\"col-md-10 mr-0 mt-2\">{{ right.description }}</label>\r\n                <input type=\"checkbox\" class=\"form-control col-md-2 my-auto\" style=\"margin-left:-15px\" v-model=\"right.isSelected\" />\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"row mt-5\">\r\n            <div class=\"col-md text-right\">\r\n              <button class=\"btn btn-danger d-inline mr-2\" @click.prevent=\"cancel\">Cancel</button>\r\n              <button class=\"btn btn-default d-inline mr-2\" @click.prevent=\"submit\">Submit</button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<style scoped lang=\"scss\">\r\n\r\n  .modal-full {\r\n    min-width: 70%;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .btn-danger {\r\n    color: #fff;\r\n    background-color: #dc3545;\r\n    border-color: #dc3545;\r\n  }\r\n\r\n  .button:after, .btn:after {\r\n    content: '';\r\n    display: inline-block;\r\n    font-size: 16px;\r\n    padding: 0 0 0 5px;\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!./AddEditRoleDialog.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!./AddEditRoleDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AddEditRoleDialog.vue?vue&type=template&id=3b6764f6&scoped=true&\"\nimport script from \"./AddEditRoleDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./AddEditRoleDialog.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AddEditRoleDialog.vue?vue&type=style&index=0&id=3b6764f6&scoped=true&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  \"3b6764f6\",\n  null\n  \n)\n\nexport default component.exports","<script>\r\n\r\n  import store from '@/store';\r\n\r\n  import AlertMixin from '@/mixins/AlertMixin.vue';\r\n\r\n  import Alert from '@/components/Alert.vue';\r\n  import RolesTable from '@/components/admin/roles/RoleList.vue';\r\n  import AddEditRoleDialog from '@/components/admin/roles/AddEditRoleDialog.vue';\r\n\r\n  import Events from '@/utils/events';\r\n  import Enums from '@/utils/enums';\r\n  import { Messages } from '@/utils/constants';\r\n\r\n  export default {\r\n    name: 'RoleAdminHome',\r\n    components: {\r\n      Alert,\r\n      RolesTable,\r\n      AddEditRoleDialog,\r\n    },\r\n    inject: ['eventBus', 'roleService'],\r\n    mixins: [AlertMixin],\r\n    provide() {\r\n      return {\r\n        eventBus: this.eventBus,\r\n        roleService: this.roleService\r\n      };\r\n    },\r\n    data: () => ({\r\n      roles: [],\r\n      shouldReloadData: false,\r\n      addEditDialogData: {\r\n        id: 'addEditRoleDialog',\r\n        isActive: false,\r\n        mode: Enums.EditModes.Create.value,\r\n        role: {\r\n          id: null,\r\n          name: null,\r\n          status: Enums.Status.Active.value,\r\n          rights: 0\r\n        },\r\n        userRightList: null\r\n      },\r\n      doneLoading: false,\r\n      currentTableKeyIndex: 1,\r\n      tableProps: {\r\n        order: null,\r\n        page: null,\r\n        search: null\r\n      }\r\n    }),\r\n    computed: {\r\n      totalSelectedRoleRights() {\r\n        let totalRights = 0;\r\n        if (this.addEditDialogData.userRightList) {\r\n          for (let right in this.addEditDialogData.userRightList) {\r\n            if (this.addEditDialogData.userRightList[right].isSelected) {\r\n              totalRights = totalRights | this.addEditDialogData.userRightList[right].value;\r\n            }\r\n          }\r\n        }\r\n        return totalRights;\r\n      }\r\n    },\r\n    beforeRouteEnter(to, from, next) {\r\n      next(vm => vm.loadData());\r\n    },\r\n    methods: {\r\n      clearData() {\r\n        if (this.roles && this.roles.length) {\r\n          this.roles.splice(0, this.roles.length);\r\n        }\r\n      },\r\n      async loadData() {\r\n        this.closeMessage();\r\n        const self = this;\r\n        self.doneLoading = false;\r\n        self.shouldReloadData = false;\r\n        self.eventBus.$emit(Events.LONG_OPERATION_STARTED, 'loading roles');\r\n        self.roleService.getRoles().then((results) => {\r\n          console.log(results);\r\n          var roles = results;\r\n          if (roles && roles.count) {\r\n            for (let role of roles.items) {\r\n              role = Object.assign({}, role);\r\n              role.isChecked = false;\r\n              self.roles.push(role);\r\n            }\r\n          }\r\n\r\n          self.doneLoading = true;\r\n          this.$nextTick(() => {\r\n            self.$refs.rolesTable.refresh();\r\n          });\r\n\r\n        }).catch((error) => {\r\n          this.showErrorMessage(error);\r\n          this.shouldReloadData = true;\r\n        }).finally(() => {\r\n          self.eventBus.$emit(Events.LONG_OPERATION_COMPLETED);\r\n        });\r\n      },\r\n      addRole() {\r\n        this.addEditDialogData.mode = Enums.EditModes.Create.value;\r\n        var righsList = Object.assign({}, Enums.UserRights)\r\n        for (let right in righsList) {\r\n          righsList[right].isSelected = false;\r\n        }\r\n        this.addEditDialogData.userRightList = righsList;\r\n        this.addEditDialogData.isActive = true;\r\n      },\r\n      onChangeRoleStatus(role) {\r\n        this.closeMessage();\r\n        this.eventBus.$emit(Events.LONG_OPERATION_STARTED, role.status == Enums.Status.Active.value ? 'de-activating role' : 'activating role');\r\n        const self = this;\r\n        const newStatus = role.status ? Enums.Status.Inactive.value : Enums.Status.Active.value;\r\n        this.roleService.changeRoleStatus({ id: role.id, status: newStatus }).then((result) => {\r\n          const roles = this.roles.filter(r => r.id == role.id);\r\n          if (roles && roles.length) {\r\n            roles[0].status = newStatus;\r\n          }\r\n          ++this.currentTableKeyIndex;\r\n          this.$nextTick(() => {\r\n            self.$refs.rolesTable.refresh();\r\n          });\r\n          self.showSuccessMessage('role status changed successfully');\r\n        }).catch((error) => {\r\n          self.showErrorMessage(error.detail);\r\n        }).finally(() => {\r\n          self.eventBus.$emit(Events.LONG_OPERATION_COMPLETED);\r\n        });\r\n      },\r\n      editRole(role) {\r\n        this.addEditDialogData.role.id = role.id;\r\n        this.addEditDialogData.role.name = role.name;\r\n        this.addEditDialogData.role.status = role.status;\r\n        this.addEditDialogData.role.rights = role.rights;\r\n        this.addEditDialogData.mode = Enums.EditModes.Update.value;\r\n        var righsList = Object.assign({}, Enums.UserRights)\r\n        for (let right in righsList) {\r\n          righsList[right].isSelected = role.rights & righsList[right].value;\r\n        }\r\n        this.addEditDialogData.userRightList = righsList;\r\n        this.addEditDialogData.isActive = true;\r\n      },\r\n      onAddEditSubmit() {\r\n        this.closeMessage();\r\n        this.addEditDialogData.isActive = false;\r\n        this.addEditDialogData.role.rights = this.totalSelectedRoleRights;\r\n        this.eventBus.$emit(Events.LONG_OPERATION_STARTED, this.addEditDialogData.mode == Enums.EditModes.Create.value ? 'adding role' : 'updating role info');\r\n        const self = this;\r\n        const task = this.addEditDialogData.mode == Enums.EditModes.Update.value ? this.roleService.updateRole(this.addEditDialogData.role) : this.roleService.addRole(this.addEditDialogData.role);\r\n        task.then((result) => {\r\n          if (this.addEditDialogData.mode == Enums.EditModes.Create.value) {\r\n            self.roles.push(Object.assign({}, this.addEditDialogData.role));\r\n          } else {\r\n            const roles = this.roles.filter(r => r.id == this.addEditDialogData.role.id);\r\n            if (roles && roles.length) {\r\n              roles[0].status = this.addEditDialogData.role.status;\r\n              roles[0].rights = this.addEditDialogData.role.rights;\r\n            }\r\n          }\r\n          ++this.currentTableKeyIndex;\r\n          this.$nextTick(() => {\r\n            self.$refs.rolesTable.refresh();\r\n          });\r\n          self.showSuccessMessage(this.addEditDialogData.mode == Enums.EditModes.Create.value ? 'role updated successfully' : 'role added successfully');\r\n          this.addEditDialogData.role.id = null;\r\n          this.addEditDialogData.role.name = null;\r\n          this.addEditDialogData.role.rights = null;\r\n          this.addEditDialogData.role.status = null;\r\n        }).catch((error) => {\r\n          self.showErrorMessage(error);\r\n        }).finally(() => {\r\n          self.eventBus.$emit(Events.LONG_OPERATION_COMPLETED);\r\n        });\r\n      },\r\n      onAddEditCancel() {\r\n        this.addEditDialogData.role.id = null;\r\n        this.addEditDialogData.role.name = null;\r\n        this.addEditDialogData.role.rights = null;\r\n        this.addEditDialogData.role.status = null;\r\n        this.addEditDialogData.isActive = false;\r\n      },\r\n    },\r\n    mounted() {\r\n      this.eventBus.$on(Events.ADD_EDIT_DIALOG_SUBMIT, this.onAddEditSubmit);\r\n      this.eventBus.$on(Events.ADD_EDIT_DIALOG_CANCEL, this.onAddEditCancel);\r\n      this.eventBus.$on(Events.CHANGE_ROLE_STATUS, this.onChangeRoleStatus);\r\n      this.eventBus.$on(Events.EDIT_ROLE, this.editRole);\r\n    },\r\n    beforeDestroy() {\r\n      this.eventBus.$off(Events.ADD_EDIT_DIALOG_SUBMIT, this.onAddEditSubmit);\r\n      this.eventBus.$off(Events.ADD_EDIT_DIALOG_CANCEL, this.onAddEditCancel);\r\n      this.eventBus.$off(Events.CHANGE_ROLE_STATUS, this.onChangeRoleStatus);\r\n      this.eventBus.$off(Events.EDIT_ROLE, this.editRole);\r\n    },\r\n  };\r\n</script>\r\n<template>\r\n  <div id=\"rolesAdminHome\">\r\n    <div class=\"pageComponents\">\r\n      <AddEditRoleDialog v-bind=\"addEditDialogData\"></AddEditRoleDialog>\r\n    </div>\r\n    <div class=\"row\">\r\n      <div class=\"col\">\r\n        <div v-if=\"alertData.isActive || shouldReloadData\">\r\n          <Alert v-bind=\"alertData\"></Alert>\r\n          <br />\r\n          <button class=\"button bttn\" @click=\"loadData\" v-if=\"shouldReloadData\">Reload Page</button>\r\n        </div>\r\n        <div class=\"alert alert-info text-center\" role=\"alert\" v-if=\"doneLoading && (!roles || !roles.length)\">\r\n          There are currently no role registered in the system.\r\n        </div>\r\n        <div class=\"d-flex justify-content-end clearfix mb-4\">\r\n          <button type=\"button\" class=\"btn btn-primary\" @click=\"addRole\"><i class=\"icon-expand-plus\" title=\"Add new role\"></i></button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"row\" v-show=\"roles && roles.length\">\r\n      <div class=\"col\">\r\n        <RolesTable ref=\"rolesTable\" :roles=\"roles\" id=\"rolesTable\" :key=\"'rolesTable-'+ currentTableKeyIndex\" :tableProps=\"tableProps\"></RolesTable>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<style scoped lang=\"scss\">\r\n\r\n\r\n  #rolesAdminHome {\r\n    text-align: start\r\n  }\r\n\r\n  .btn-primary {\r\n    color: #fff;\r\n  }\r\n\r\n    .btn-primary:after, .btn-primary:after {\r\n      content: '';\r\n      display: inline-block;\r\n      font-size: 16px;\r\n      padding: 0 0 0 5px;\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!./RoleAdminHome.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!./RoleAdminHome.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RoleAdminHome.vue?vue&type=template&id=2c31ab48&scoped=true&\"\nimport script from \"./RoleAdminHome.vue?vue&type=script&lang=js&\"\nexport * from \"./RoleAdminHome.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RoleAdminHome.vue?vue&type=style&index=0&id=2c31ab48&scoped=true&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  \"2c31ab48\",\n  null\n  \n)\n\nexport default component.exports","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!./RoleList.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!./RoleList.vue?vue&type=style&index=0&lang=scss&\"","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!./RoleAdminHome.vue?vue&type=style&index=0&id=2c31ab48&scoped=true&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!./RoleAdminHome.vue?vue&type=style&index=0&id=2c31ab48&scoped=true&lang=scss&\"","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!./RoleList.vue?vue&type=style&index=1&id=101b95ec&scoped=true&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!./RoleList.vue?vue&type=style&index=1&id=101b95ec&scoped=true&lang=scss&\""],"sourceRoot":""}