{"version":3,"sources":["webpack:///./node_modules/core-js/library/modules/es6.array.is-array.js","webpack:///./node_modules/core-js/modules/_strict-method.js","webpack:///./src/assets/icon-close-permission.svg","webpack:///./node_modules/core-js/modules/es6.array.sort.js","webpack:///./src/module/UserPermission/components/UserDetailModal.vue?1547","webpack:///src/module/UserPermission/components/UserDetailModal.vue","webpack:///./src/module/UserPermission/components/UserDetailModal.vue?6ac9","webpack:///./src/module/UserPermission/components/UserDetailModal.vue","webpack:///./node_modules/@babel/runtime-corejs2/helpers/esm/arrayWithoutHoles.js","webpack:///./node_modules/@babel/runtime-corejs2/helpers/esm/iterableToArray.js","webpack:///./node_modules/@babel/runtime-corejs2/helpers/esm/nonIterableSpread.js","webpack:///./node_modules/@babel/runtime-corejs2/helpers/esm/toConsumableArray.js","webpack:///./node_modules/@babel/runtime-corejs2/core-js/array/from.js","webpack:///./src/module/Settings/3rdParty/components/Breadcrumbs.vue?b9ff","webpack:///./src/module/UserPermission/UserPermission.vue?c635","webpack:///./src/module/UserPermission/components/PermissionTypeModal.vue?9687","webpack:///src/module/UserPermission/components/PermissionTypeModal.vue","webpack:///./src/module/UserPermission/components/PermissionTypeModal.vue?f90d","webpack:///./src/module/UserPermission/components/PermissionTypeModal.vue","webpack:///./src/module/UserPermission/components/PermissionListModal.vue?a280","webpack:///src/module/UserPermission/components/PermissionListModal.vue","webpack:///./src/module/UserPermission/components/PermissionListModal.vue?80cf","webpack:///./src/module/UserPermission/components/PermissionListModal.vue","webpack:///src/module/UserPermission/UserPermission.vue","webpack:///./src/module/UserPermission/UserPermission.vue?8611","webpack:///./src/module/UserPermission/UserPermission.vue","webpack:///./src/core/UserPermission/service/BzbsUserPermission.js","webpack:///./node_modules/@babel/runtime-corejs2/core-js/array/is-array.js","webpack:///./src/module/UserPermission/components/CheckBox.vue?3077","webpack:///./src/module/UserPermission/components/PermissionListModal.vue?9158","webpack:///./node_modules/@babel/runtime-corejs2/core-js/is-iterable.js","webpack:///./src/module/UserPermission/components/CheckBox.vue?0d6d","webpack:///src/module/UserPermission/components/CheckBox.vue","webpack:///./src/module/UserPermission/components/CheckBox.vue?985c","webpack:///./src/module/UserPermission/components/CheckBox.vue","webpack:///./src/module/UserPermission/components/UserDetailModal.vue?cb43","webpack:///./src/module/UserPermission/UserPermission.vue?2b48","webpack:///./src/module/Settings/3rdParty/components/Breadcrumbs.vue?056b","webpack:///src/module/Settings/3rdParty/components/Breadcrumbs.vue","webpack:///./src/module/Settings/3rdParty/components/Breadcrumbs.vue?cfa1","webpack:///./src/module/Settings/3rdParty/components/Breadcrumbs.vue","webpack:///./src/module/UserPermission/components/PermissionTypeModal.vue?66cf","webpack:///./node_modules/core-js/library/fn/array/is-array.js","webpack:///./src/module/UserPermission/components/PermissionTypeModal.vue?b7b4"],"names":["$export","S","isArray","fails","module","exports","method","arg","call","aFunction","toObject","$sort","sort","test","P","F","undefined","comparefn","this","render","_vm","_h","$createElement","_c","_self","class","isUserDetailModal","staticClass","attrs","_v","_s","title","lbl","UserDetail","UserName","_e","Password","brandId","terminaId","Branches","on","$event","copyToClipBoard","_l","item","index","key","icon","name","image_url","detail","website","copyImage","toggle","staticRenderFns","Vue","mixins","props","type","default","data","copyied","qrData","Android","IOS","Website","watch","computed","created","methods","setLocale","getConfigQrcode","Config","htmlToImage","quality","copyImageToClipboard","setTimeout","component","_arrayWithoutHoles","arr","i","arr2","Array","length","_iterableToArray","iter","Object","prototype","toString","_nonIterableSpread","TypeError","_toConsumableArray","staticStyle","allUser","indexOf","_k","keyCode","onEnterInput","model","value","callback","$$v","filterNameEmail","expression","toggleUserModal","storeName","showFilterMain","keys","filter","subFilter","changeSubFilter","label","selectFilter","directives","rawName","domProps","target","composing","$set","resetFilter","getUserListByFilter","allFilter","removeFilter","togglePermissionTypeModal","roleData","header","totalList","sortUserList","user","Active","Email","PosRole","FirstName","LastName","toggleUserDetailModal","isPermissionTypeModal","permissionTypeTitle","permissionList","isPermissionListModal","permissionListTitle","togglePermissionModal","userTitle","columns","pageSize","hideOnSinglePage","scopedSlots","_u","fn","text","dataIndex","align","width","customRender","menu","staff","admin","operator","_","components","Header","CheckBox","PermissionTypeModal","PermissionListModal","UserDetailModal","Breadcrumbs","currenttitle","current","parent","isShowmore","status","input","branchName","branchId","subHeader","userList","partner","permissionListOperator","permissionListStaff","dashboard","accountsetup","linesetup","manageuser","theme","importbatch","memberdetail","memberlevel","pointsetuptab","privatecycondition","download","loginmerchant","tagmerchant","permissionListAdmin","mode","editData","active","role","firstName","lastName","userName","password","confirmPassword","email","contactNumber","branchIds","bus","branchList","isValueDesign","permissionadmin","map","join","permissionoperator","permissionstaff","Promise","logdata","userNameApi","oldRole","PartitionKey","params","showMore","a","navigator","obj","clearUserList","getBranchList","BzbsProfile","then","catch","BzbsUserPermission","flat","flatData","resolve","finally","getOperatorPermission","config","bzbsConfig","token","Cache","get","Token","agencyId","AgencyId","getCRMPlusAllUser","device_app_id","client_id","strUrl","bzbsModuleUrl","BzbsApi","connectBzbsGet","getCRMPlusUserList","crmPlusRole","getCRMPlusStaffUserList","getCRMPlusStoreInfo","CreatPermission","connectBzbsPost","EditPermission","DeletePermission","pk","connectBzbsDeleteFormData","postCRMPlusCreateUser","isOperator","newStaffRole","postCRMPlusUpdateUser","isDeleted","id","includes","postCRMPlusDeleteUser","disabled","isCheck","valuee","check","normalCheck","query","breadcrumbs"],"mappings":"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G,6BACA2G,cACAC,SACAC,SACAC,aAEA,CACA9G,qCACA2G,sBACAC,SACAC,SACAC,aAEA,CACA9G,oCACA2G,qBACAC,SACAC,SACAC,aAEA,CACA9G,oCACA2G,qBACAC,SACAC,SACAC,aAEA,CACA9G,sCACA2G,uBACAC,SACAC,SACAC,aAEA,CACA9G,uCACA2G,wBACAC,SACAC,SACAC,aAEA,CACA9G,2BACA2G,oBACAC,SACAC,SACAC,aAEA,CACA9G,8BACA2G,eACAC,SACAC,SACAC,aAEA,CACA9G,sCACA2G,wBACAC,SACAC,SACAC,aAEA,CACA9G,qCACA2G,uBACAC,SACAC,SACAC,aAEA,CACA9G,+BACA2G,wBACAC,SACAC,SACAC,aAEA,CACA9G,4BACA2G,aACAC,SACAC,SACAC,aAEA,CACA9G,8BACA2G,0BACAC,SACAC,SACAC,aAEA,CACA9G,iCACA2G,mBACAC,SACAC,SACAC,aAEA,CACA9G,8BACA2G,kBACAC,SACAC,SACAC,aAEA,CACA9G,6BACA2G,mBACAC,SACAC,SACAC,aAEA,CACA9G,qCACA2G,sBACAC,SACAC,SACAC,aAEA,CACA9G,0BACA2G,sBACAC,SACAC,SACAC,cAMe,GACfpG,gBACAI,gBACA,OACAA,OACAkF,YAGArF,OACA8E,uBACA7E,aACAC,YAEAN,QACAK,eAEA3B,OACA2B,cAGAQ,OACAlC,kBACA,MACA,mBAIAoC,qBACAC,SACAC,qBAAA,WACA,uDACA,wDACA,2DACA,wDAEAuF,mCACA,qCACAjH,2CAEA,yCACAA,+CAEA,sCACAA,oDAEA,wCACAA,sDAEA,8CACAA,4DAEA,kCACAA,wCAEA,0CACAA,wDAEA,yCACAA,uDAEA,yCACAA,uDAEA,2CACAA,iDAEA,4CACAA,0DAEA,gCACAA,8CAEA,mCACAA,yCAEA,2CACAA,yDAEA,0CACAA,wDAEA,oCACAA,kDAEA,iCACAA,+CAEA,mCACAA,iDAEA,sCACAA,oDAEA,mCACAA,yCAEA,kCACAA,gDAEA,0CACAA,gDAEA,+BACAA,2CC/Y2X,I,kCCSvXiC,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,QCpBX,EAAS,WAAa,IAAIzD,EAAIF,KAASG,EAAGD,EAAIE,eAAmBC,EAAGH,EAAII,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,MAAM,CAAC,WAAYL,EAAIsH,sBAAwB,SAAW,IAAIlG,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOrB,EAAIiC,QAAO,OAAW9B,EAAG,MAAM,CAACE,MAAM,CAAC,sBAAuBL,EAAIsH,sBAAwB,SAAW,KAAK,CAACnH,EAAG,MAAM,CAACI,YAAY,eAAe,CAACJ,EAAG,MAAM,CAACI,YAAY,UAAU,CAACP,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,UAAUR,EAAG,MAAM,CAACK,MAAM,CAAC,IAAM,EAAQ,QAA6B,IAAM,SAASY,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOrB,EAAIiC,QAAO,SAAa9B,EAAG,MAAM,CAACI,YAAY,YAAY,CAACP,EAAIS,GAAG,eAAeT,EAAIuB,GAAI2C,OAAOqB,KAAKvF,EAAIqH,iBAAiB,SAAS7F,GAAM,OAAOrB,EAAG,MAAM,CAACuB,IAAI,MAAQF,EAAKjB,YAAY,kBAAkB,CAACJ,EAAG,MAAM,CAACK,MAAM,CAAC,IAAM,UAAS,MAAuBR,EAAIqH,eAAe7F,GAAyB,YAAjB,gBAAgC,QAAS,IAAM,WAAWrB,EAAG,MAAM,CAACI,YAAY,kBAAkB,CAACP,EAAIS,GAAGT,EAAIU,GAAGV,EAAIY,IAAI,oBAAsBY,aAAe,MACz8B,EAAkB,GCsCP,GACfY,gBACAC,OACAgF,gBACA/E,aAEAgF,uBACAhF,aACAC,YAEAN,QACAK,eAEA3B,OACA2B,eCrD2X,ICQvX,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,4mBCwRA,OACfV,sBACAQ,gBACAsG,YACAC,cACAC,gBACAC,sBACAC,sBACAC,uBACAC,oBAEAxG,gBACA,OACAyG,wBACAC,0BACAC,YACA1E,UACAY,aACApE,WACAC,aACAkI,YACAb,SACAC,YACAF,UAEApD,mBACAM,QACA6D,QACAtE,WACAuE,4BACA3D,eACArD,iBAEAiH,YACAxE,WACAuE,sBACA3D,oBACArD,aAEAkH,UACAzE,WACAuE,oBACA3D,kBACArD,cAGAmD,mBACAH,kBACAkB,UACA+B,OACA9B,eACA/E,YACA+H,+BACAC,aAEAlB,UACA/B,kBACA/E,eACA+H,kCACAC,aAEApB,OACA7B,eACA/E,YACA+H,+BACAC,aAEAC,SACAlD,iBACA/E,cACA+H,iCACAC,cAGAvC,yBACAG,yBACAF,sCACAG,+BACAF,kBACAuC,0BACAC,qBACAC,aACAC,gBACAC,aACAC,cACAC,SACAC,eACAC,gBACAC,eACAC,iBACAC,sBACAC,YACAC,iBACAC,gBAEAC,qBACAb,aACAC,gBACAC,aACAC,cACAC,SACAC,eACAC,gBACAC,eACAC,iBACAC,sBACAC,aAEAlK,qBACAO,cACA4G,aACAmD,cACAC,UACAC,UACAC,aACAC,aACAC,YACAC,YACAC,YACAC,mBACAC,SACAC,iBACAC,cAEAC,qBACAC,cACAC,iBACArF,eAGAvD,OACAlC,kBACA,MACA,mBAIAmC,UACA4I,2BAAA,WACA,6CACAnG,oBAAA,mCACAoG,iBAAA,uCACAC,YAEAC,8BAAA,WACA,gDACAtG,oBAAA,sCACAoG,iBAAA,uCACAC,YAEAE,2BAAA,WACA,6CACAvG,oBAAA,mCACAoG,iBAAA,uCACAC,aAGA7I,mBAAA,WACA,uBACA,sBACAgJ,aACA,2BACA,6BACA,uBACA,iBACA,wBAGA/I,SACAC,qBACA,gDACA,gDACA,iBACA,0DAEA+I,qBAGAhK,mBACA,kBAEAsE,qCACA,mBAAA3E,yBAEA4F,oCACA,IACA,+DACA,kEACA,4DACA,4DACA,8BAEAN,sCACA,uBACA,iBACA,gDACA,0BAEA9B,gCACA,YACA,kBACA,yEAEA,gBACA,eACA0F,gBACAC,mBACAC,sBACAC,oBACAC,oBACAgB,uBACAf,YACAC,mBACAC,cACAC,kCACAC,qCACAY,sBACAC,gCACArF,wBAGA,IACA,eACA+D,UACAC,aACAC,aACAC,YACAC,YACAC,YACAC,mBACAC,SACAC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","file":"js/chunk-784c6c8a.js","sourcesContent":["// 22.1.2.2 / 15.4.3.2 Array.isArray(arg)\nvar $export = require('./_export');\n\n$export($export.S, 'Array', { isArray: require('./_is-array') });\n","'use strict';\nvar fails = require('./_fails');\n\nmodule.exports = function (method, arg) {\n  return !!method && fails(function () {\n    // eslint-disable-next-line no-useless-call\n    arg ? method.call(null, function () { /* empty */ }, 1) : method.call(null);\n  });\n};\n","module.exports = __webpack_public_path__ + \"img/icon-close-permission.svg\";","'use strict';\nvar $export = require('./_export');\nvar aFunction = require('./_a-function');\nvar toObject = require('./_to-object');\nvar fails = require('./_fails');\nvar $sort = [].sort;\nvar test = [1, 2, 3];\n\n$export($export.P + $export.F * (fails(function () {\n  // IE8-\n  test.sort(undefined);\n}) || !fails(function () {\n  // V8 bug\n  test.sort(null);\n  // Old WebKit\n}) || !require('./_strict-method')($sort)), 'Array', {\n  // 22.1.3.25 Array.prototype.sort(comparefn)\n  sort: function sort(comparefn) {\n    return comparefn === undefined\n      ? $sort.call(toObject(this))\n      : $sort.call(toObject(this), aFunction(comparefn));\n  }\n});\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{class:['backDrop', _vm.isUserDetailModal ? 'isShow' : '']}),_c('div',{class:['UserDetailModal', _vm.isUserDetailModal ? 'isShow' : '']},[_c('div',{staticClass:\"box-captrue\",attrs:{\"id\":\"captureDetail\"}},[_c('div',{staticClass:\"modalHeader\"},[_c('img',{attrs:{\"src\":require('@/assets/images/checkper.svg'),\"alt\":\"image\"}}),_c('div',{staticClass:\"header\"},[_vm._v(_vm._s(_vm.title))])]),_c('div',{staticClass:\"subText\"},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-sub-text'])+\" \")]),_c('hr',{staticClass:\"hr-top\"}),_c('div',{staticClass:\"mainDetail\"},[_c('div',{staticClass:\"body\"},[_c('div',{staticClass:\"title d-block\"},[_c('p',[_vm._v(_vm._s(_vm.lbl['user-permissions-username'])+\":\")])]),_c('div',{staticClass:\"value\"},[_c('p',[_vm._v(_vm._s(_vm.UserDetail.UserName))])])]),_c('div',{staticClass:\"body\"},[_c('div',{staticClass:\"title d-block\"},[(_vm.title === 'User Created!')?_c('p',[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-password'])+\": \")]):_vm._e()]),_c('div',{staticClass:\"value\"},[(_vm.title === 'User Created!')?_c('p',[_vm._v(_vm._s(_vm.UserDetail.Password))]):_vm._e()])]),_c('div',{staticClass:\"body\"},[_c('div',{staticClass:\"title d-block\"},[_c('p',[_vm._v(_vm._s(_vm.lbl['user-permissions-brand-id'])+\":\")])]),_c('div',{staticClass:\"value\"},[_c('p',[_vm._v(_vm._s(_vm.brandId))])])]),_c('div',{staticClass:\"body\"},[_c('div',{staticClass:\"title d-block\"},[_c('p',[_vm._v(_vm._s(_vm.lbl['user-permissions-terminal'])+\":\")])]),_c('div',{staticClass:\"value\"},[_c('p',[_vm._v(_vm._s(_vm.terminaId))])])]),_c('div',{staticClass:\"body\"},[_c('div',{staticClass:\"title d-block\"},[_c('p',[_vm._v(_vm._s(_vm.lbl['user-permissions-branch-id'])+\":\")])]),_c('div',{staticClass:\"value\"},[_c('p',[_vm._v(_vm._s(_vm.Branches))])])]),_c('button',{staticClass:\"copyBtn\",on:{\"click\":function($event){return _vm.copyToClipBoard(_vm.UserDetail, _vm.title === 'User Created!')}}},[_c('img',{attrs:{\"src\":require('@/assets/images/copy.svg'),\"alt\":\"image\"}})])]),_c('hr',{staticClass:\"hr-low\"}),_vm._l((_vm.qrData),function(item,index){return _c('div',{key:index,staticClass:\"information-box\"},[_c('div',{class:{\n            'col-12 p-0': index == 'Android',\n            'col-12 pl-0 pt-2': index == 'IOS' || index == 'Website',\n          }},[_c('span',[_c('img',{staticClass:\"iso-icon\",attrs:{\"src\":item.icon,\"alt\":\"image\"}})]),_c('span',{staticClass:\"title-platform\"},[_vm._v(_vm._s(item.name))])]),_c('div',{staticClass:\"box-qr\"},[_c('div',[_c('img',{staticClass:\"qr\",attrs:{\"src\":item.image_url,\"alt\":\"image\"}})]),_c('div',{staticClass:\"text\"},[_c('span',{staticClass:\"title\"},[_vm._v(_vm._s(item.title))]),_c('div',{staticClass:\"br\"}),_c('span',{staticClass:\"detail\"},[_vm._v(_vm._s(item.detail))]),_c('div',{staticClass:\"br\"}),_c('div',{staticClass:\"box-website\"},[_c('a',{staticClass:\"website\",attrs:{\"href\":item.website,\"target\":\"_blank\"}},[_vm._v(_vm._s(item.website))])])])])])})],2),_c('div',{staticClass:\"footerAction\"},[_c('div',{staticClass:\"col-md-6 col-8 pl-0\"},[_c('button',{staticClass:\"copy\",on:{\"click\":function($event){return _vm.copyImage()}}},[_c('span',[_c('img',{attrs:{\"src\":require('@/assets/images/camera.svg'),\"alt\":\"image\"}})]),(_vm.copyied)?_c('span',[_vm._v(_vm._s(_vm.lbl['third-party-message-after-copy']))]):_c('span',[_vm._v(_vm._s(_vm.lbl['copy-as-image']))])])]),_c('div',{staticClass:\"col-md-6 col-4 text-right pr-0\"},[_c('button',{staticClass:\"closeBtn\",on:{\"click\":function($event){return _vm.toggle(false, null, null, true)}}},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-close'])+\" \")])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div :class=\"['backDrop', isUserDetailModal ? 'isShow' : '']\" />\r\n    <div :class=\"['UserDetailModal', isUserDetailModal ? 'isShow' : '']\">\r\n      <div id=\"captureDetail\" class=\"box-captrue\">\r\n        <div class=\"modalHeader\">\r\n          <img :src=\"require('@/assets/images/checkper.svg')\" alt=\"image\" />\r\n          <div class=\"header\">{{ title }}</div>\r\n        </div>\r\n        <div class=\"subText\">\r\n          {{ lbl['user-permissions-sub-text'] }}\r\n        </div>\r\n        <hr class=\"hr-top\" />\r\n        <div class=\"mainDetail\">\r\n          <div class=\"body\">\r\n            <div class=\"title d-block\">\r\n              <p>{{ lbl['user-permissions-username'] }}:</p>\r\n            </div>\r\n            <div class=\"value\">\r\n              <p>{{ UserDetail.UserName }}</p>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"body\">\r\n            <div class=\"title d-block\">\r\n              <p v-if=\"title === 'User Created!'\">\r\n                {{ lbl['user-permissions-password'] }}:\r\n              </p>\r\n            </div>\r\n            <div class=\"value\">\r\n              <p v-if=\"title === 'User Created!'\">{{ UserDetail.Password }}</p>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"body\">\r\n            <div class=\"title d-block\">\r\n              <p>{{ lbl['user-permissions-brand-id'] }}:</p>\r\n            </div>\r\n            <div class=\"value\">\r\n              <p>{{ brandId }}</p>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"body\">\r\n            <div class=\"title d-block\">\r\n              <p>{{ lbl['user-permissions-terminal'] }}:</p>\r\n            </div>\r\n            <div class=\"value\">\r\n              <p>{{ terminaId }}</p>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"body\">\r\n            <div class=\"title d-block\">\r\n              <p>{{ lbl['user-permissions-branch-id'] }}:</p>\r\n            </div>\r\n            <div class=\"value\">\r\n              <p>{{ Branches }}</p>\r\n            </div>\r\n          </div>\r\n          <button\r\n            class=\"copyBtn\"\r\n            @click=\"copyToClipBoard(UserDetail, title === 'User Created!')\"\r\n          >\r\n            <img :src=\"require('@/assets/images/copy.svg')\" alt=\"image\" />\r\n          </button>\r\n        </div>\r\n        <hr class=\"hr-low\" />\r\n        <div\r\n          v-for=\"(item, index) in qrData\"\r\n          :key=\"index\"\r\n          class=\"information-box\"\r\n        >\r\n          <div\r\n            :class=\"{\r\n              'col-12 p-0': index == 'Android',\r\n              'col-12 pl-0 pt-2': index == 'IOS' || index == 'Website',\r\n            }\"\r\n          >\r\n            <span> <img :src=\"item.icon\" class=\"iso-icon\" alt=\"image\" /> </span\r\n            ><span class=\"title-platform\">{{ item.name }}</span>\r\n          </div>\r\n          <div class=\"box-qr\">\r\n            <div>\r\n              <img class=\"qr\" :src=\"item.image_url\" alt=\"image\" />\r\n            </div>\r\n            <div class=\"text\">\r\n              <span class=\"title\">{{ item.title }}</span>\r\n              <div class=\"br\" />\r\n              <span class=\"detail\">{{ item.detail }}</span>\r\n              <div class=\"br\" />\r\n              <div class=\"box-website\">\r\n                <a class=\"website\" :href=\"item.website\" target=\"_blank\">{{\r\n                  item.website\r\n                }}</a>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"footerAction\">\r\n        <div class=\"col-md-6 col-8 pl-0\">\r\n          <button class=\"copy\" @click=\"copyImage()\">\r\n            <span\r\n              ><img\r\n                :src=\"require('@/assets/images/camera.svg')\"\r\n                alt=\"image\" /></span\r\n            ><span v-if=\"copyied\">{{\r\n              lbl['third-party-message-after-copy']\r\n            }}</span\r\n            ><span v-else>{{ lbl['copy-as-image'] }}</span>\r\n          </button>\r\n        </div>\r\n        <div class=\"col-md-6 col-4 text-right pr-0\">\r\n          <button class=\"closeBtn\" @click=\"toggle(false, null, null, true)\">\r\n            {{ lbl['user-permissions-close'] }}\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Vue from 'vue'\r\nimport { copyImageToClipboard } from 'copy-image-clipboard'\r\nVue.use(copyImageToClipboard)\r\nimport Config from '@/helper/Config.js'\r\nimport Mixin from '@/mixin/Mixin'\r\nimport * as htmlToImage from 'html-to-image' //ref >> https://vuejscomponent.com/package?name=html-to-image\r\n\r\nexport default {\r\n  mixins: [Mixin],\r\n  props: {\r\n    UserDetail: {\r\n      type: Object,\r\n    },\r\n    title: {\r\n      type: String,\r\n      default: 'User Created!',\r\n    },\r\n    terminaId: {\r\n      type: String,\r\n    },\r\n    brandId: {\r\n      type: String,\r\n    },\r\n    isUserDetailModal: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    toggle: {\r\n      type: Function,\r\n    },\r\n    copyToClipBoard: {\r\n      type: Function,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      copyied: false,\r\n      qrData: {\r\n        Android: {\r\n          icon: require('@/assets/images/android.png'),\r\n          name: 'Android',\r\n          title: 'Scan QR Code to Download Merchant App (APK)',\r\n          detail: 'or open link to download (APK)',\r\n          image_url:\r\n            'https://cdn.buzzebees-dev.com/th/config/crmplus/qr-code/Android.png',\r\n          website:\r\n            'https://crmplusoffice.buzzebees.com/UserProfile/UserCustomerManage',\r\n        },\r\n        IOS: {\r\n          icon: require('@/assets/images/ios.png'),\r\n          name: 'IOS',\r\n          title: 'Scan QR Code to Download Merchant App (APK)',\r\n          detail: 'or open link to download (APK)',\r\n          image_url:\r\n            'https://cdn.buzzebees-dev.com/th/config/crmplus/qr-code/IOS.png',\r\n          website:\r\n            'https://crmplusoffice.buzzebees.com/UserProfile/UserCustomerManage',\r\n        },\r\n        Website: {\r\n          icon: require('@/assets/images/website.png'),\r\n          name: 'Website',\r\n          title: 'Scan QR Code to Download Merchant App (APK)',\r\n          detail: 'or open link to download (APK)',\r\n          image_url:\r\n            'https://cdn.buzzebees-dev.com/th/config/crmplus/qr-code/website.png',\r\n          website:\r\n            'https://crmplusoffice.buzzebees.com/UserProfile/UserCustomerManage',\r\n        },\r\n      },\r\n    }\r\n  },\r\n  watch: {\r\n    lbl(newVal, oldVal) {\r\n      if (newVal != oldVal) {\r\n        this.setLocale()\r\n      }\r\n    },\r\n  },\r\n  computed: {\r\n    Branches() {\r\n      if (!this.UserDetail.Branches) return '-'\r\n      return this.UserDetail.Branches.join(' ')\r\n    },\r\n  },\r\n  created() {\r\n    this.qrData = {\r\n      Android: {\r\n        icon: require('@/assets/images/android.png'),\r\n        name: 'Android',\r\n        title: 'Scan QR Code to Download Merchant App (APK)',\r\n        detail: 'or open link to download (APK)',\r\n        image_url:\r\n          Vue.bzbsConfig.bzbsBlobUrl + '/config/crmplus/qr-code/Android.png',\r\n        website:\r\n          'https://crmplusoffice.buzzebees.com/UserProfile/UserCustomerManage',\r\n      },\r\n      IOS: {\r\n        icon: require('@/assets/images/ios.png'),\r\n        name: 'IOS',\r\n        title: 'Scan QR Code to Download Merchant App (APK)',\r\n        detail: 'or open link to download (APK)',\r\n        image_url:\r\n          Vue.bzbsConfig.bzbsBlobUrl + '/config/crmplus/qr-code/IOS.png',\r\n        website:\r\n          'https://crmplusoffice.buzzebees.com/UserProfile/UserCustomerManage',\r\n      },\r\n      Website: {\r\n        icon: require('@/assets/images/website.png'),\r\n        name: 'Website',\r\n        title: 'Scan QR Code to Download Merchant App (APK)',\r\n        detail: 'or open link to download (APK)',\r\n        image_url:\r\n          Vue.bzbsConfig.bzbsBlobUrl + '/config/crmplus/qr-code/website.png',\r\n        website:\r\n          'https://crmplusoffice.buzzebees.com/UserProfile/UserCustomerManage',\r\n      },\r\n    }\r\n    this.getConfigQrcode()\r\n  },\r\n  methods: {\r\n    setLocale() {\r\n      this.qrData.Android.name = this.lbl['android']\r\n      this.qrData.Android.title = this.lbl['scan-qr-apk']\r\n      this.qrData.Android.detail = this.lbl['open-link-apk']\r\n      //\r\n      this.qrData.IOS.name = this.lbl['ios']\r\n      this.qrData.IOS.title = this.lbl['scan-qr-apk-ios']\r\n      this.qrData.IOS.detail = this.lbl['open-link-apk-ios']\r\n      //\r\n      this.qrData.Website.name = this.lbl['website']\r\n      this.qrData.Website.title = this.lbl['scan-qr-website']\r\n      this.qrData.Website.detail = this.lbl['open-merchant-website']\r\n    },\r\n    getConfigQrcode() {\r\n      Config.getConfigQrcode().then(res => {\r\n        this.qrData.Android.image_url = res.qrcode[0].image_url\r\n        this.qrData.IOS.image_url = res.qrcode[1].image_url\r\n        this.qrData.Website.image_url = res.qrcode[2].image_url\r\n        //\r\n        this.qrData.Android.website = res.qrcode[0].website\r\n        this.qrData.IOS.website = res.qrcode[1].website\r\n        this.qrData.Website.website = res.qrcode[2].website\r\n      })\r\n    },\r\n    copyImage() {\r\n      var node = document.getElementById('captureDetail')\r\n      htmlToImage.toJpeg(node, { quality: 1 }).then(function (dataUrl) {\r\n        //copy to clipboard\r\n        if (dataUrl) {\r\n          copyImageToClipboard(dataUrl)\r\n        }\r\n      })\r\n      this.copyied = true\r\n      setTimeout(() => {\r\n        this.copyied = false\r\n      }, 1000)\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import '@/module/UserPermission/style/userpermission.scss';\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!./UserDetailModal.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!./UserDetailModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UserDetailModal.vue?vue&type=template&id=0b0df998&scoped=true&\"\nimport script from \"./UserDetailModal.vue?vue&type=script&lang=js&\"\nexport * from \"./UserDetailModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UserDetailModal.vue?vue&type=style&index=0&id=0b0df998&lang=scss&scoped=true&\"\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  \"0b0df998\",\n  null\n  \n)\n\nexport default component.exports","import _Array$isArray from \"../../core-js/array/is-array\";\nexport default function _arrayWithoutHoles(arr) {\n  if (_Array$isArray(arr)) {\n    for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) {\n      arr2[i] = arr[i];\n    }\n\n    return arr2;\n  }\n}","import _Array$from from \"../../core-js/array/from\";\nimport _isIterable from \"../../core-js/is-iterable\";\nexport default function _iterableToArray(iter) {\n  if (_isIterable(Object(iter)) || Object.prototype.toString.call(iter) === \"[object Arguments]\") return _Array$from(iter);\n}","export default function _nonIterableSpread() {\n  throw new TypeError(\"Invalid attempt to spread non-iterable instance\");\n}","import arrayWithoutHoles from \"./arrayWithoutHoles\";\nimport iterableToArray from \"./iterableToArray\";\nimport nonIterableSpread from \"./nonIterableSpread\";\nexport default function _toConsumableArray(arr) {\n  return arrayWithoutHoles(arr) || iterableToArray(arr) || nonIterableSpread();\n}","module.exports = require(\"core-js/library/fn/array/from\");","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/@vue/cli-service/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!./Breadcrumbs.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:\"container-fluid pb-permission\"},[_c('Header'),(false)?_c('Breadcrumbs',{attrs:{\"title\":_vm.currenttitle,\"parent\":_vm.parent,\"current\":_vm.current}}):_vm._e(),_c('div',{staticClass:\"mx-auto content-outer-container\"},[_c('div',{staticClass:\"mx-auto mainContainer\"},[_c('div',{staticClass:\"titleContainer\"},[_c('div',{staticClass:\"title\"},[_c('div',{staticClass:\"textTitle\"},[_c('img',{staticClass:\"mr-2\",staticStyle:{\"vertical-align\":\"sub\"},attrs:{\"src\":require(\"@/assets/images/user_permission.svg\"),\"alt\":\"image\"}}),_vm._v(_vm._s(_vm.lbl['user-permissions-title'])+\" \")]),_c('div',{staticClass:\"text-label chip\"},[_vm._v(_vm._s(_vm.allUser))])]),_c('div',{staticClass:\"search d-flex\"},[_c('div',{staticClass:\"searchContainer\"},[_c('form',{attrs:{\"autocomplete\":\"off\"}},[_c('a-input',{staticClass:\"searchInput\",attrs:{\"type\":\"text\",\"placeholder\":_vm.lbl['user-permissions-search-placeholder'],\"autocomplete\":\"off\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.onEnterInput($event)}},model:{value:(_vm.filterNameEmail),callback:function ($$v) {_vm.filterNameEmail=$$v},expression:\"filterNameEmail\"}})],1),_c('img',{attrs:{\"src\":require('@/assets/images/Search.png'),\"alt\":\"image\"},on:{\"click\":function($event){return _vm.onEnterInput($event)}}})]),_c('a-button',{staticClass:\"searchBtn d-flex\",on:{\"click\":function($event){return _vm.toggleUserModal(true, 'create')}}},[_c('img',{attrs:{\"src\":require('@/assets/images/Add-user.png'),\"alt\":\"image\"}}),_vm._v(_vm._s(_vm.lbl['user-permissions-add-newuser'])+\" \")])],1)]),_c('div',{staticClass:\"subTitle\"},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-store-name'])+\": \"+_vm._s(_vm.storeName ? _vm.storeName : '-')+\" | \"+_vm._s(_vm.lbl['user-permissions-brand-id'])+\": \"+_vm._s(_vm.brandId ? _vm.brandId : '-')+\" \")]),_c('hr'),_c('div',{staticClass:\"filterContainer nopad\"},[_c('div',{class:['filterMain', _vm.showFilterMain ? 'active' : '']},[_c('div',{staticClass:\"filter\",on:{\"click\":function($event){return _vm.toggle('showFilterMain')}}},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-filter'])+\" \"),_c('img',{attrs:{\"src\":require('@/assets/images/filter_list.png'),\"alt\":\"image\"}})]),_c('div',{staticClass:\"spaceHover\"}),_c('div',{staticClass:\"filterDropdown\"},[_c('div',{staticClass:\"filterLeft\"},_vm._l((Object.keys(_vm.filter)),function(item){return _c('div',{key:item,class:['filterList', item === _vm.subFilter ? 'active' : ''],on:{\"click\":function($event){return _vm.changeSubFilter(item)}}},[_vm._v(\" \"+_vm._s(_vm.filter[item].label)+\" \"),_c('img',{attrs:{\"src\":require('@/assets/images/navigate_next.png'),\"alt\":\"image\"}})])}),0),_c('div',{staticClass:\"filterRight\"},_vm._l((_vm.filter[_vm.subFilter].input),function(item){return _c('div',{key:item},[(_vm.filter[_vm.subFilter].type === 'checkbox')?_c('div',{staticClass:\"filterList\",on:{\"click\":function($event){return _vm.selectFilter(item)}}},[_c('CheckBox',{attrs:{\"label\":item,\"valuee\":item,\"check\":_vm.filter[_vm.subFilter].value,\"type\":\"filter\"}})],1):_vm._e(),(_vm.filter[_vm.subFilter].type === 'text')?_c('div',{staticClass:\"filterList input\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.filter[_vm.subFilter].value),expression:\"filter[subFilter].value\"}],attrs:{\"type\":\"text\",\"placeholder\":item},domProps:{\"value\":(_vm.filter[_vm.subFilter].value)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.filter[_vm.subFilter], \"value\", $event.target.value)}}})]):_vm._e()])}),0),_c('div',{staticClass:\"btnFilter\"},[_c('div',{on:{\"click\":function($event){return _vm.resetFilter()}}},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-reset'])+\" \")]),_c('button',{on:{\"click\":function($event){return _vm.getUserListByFilter()}}},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-ok'])+\" \")])])])]),_vm._l((Object.keys(_vm.allFilter)),function(item,index){return _c('div',{key:'filter' + index,staticClass:\"filterItem\"},[_vm._v(\" \"+_vm._s(_vm.allFilter[item])),_c('img',{attrs:{\"src\":require('@/assets/images/close.png'),\"alt\":\"close\"},on:{\"click\":function($event){return _vm.removeFilter(item)}}})])}),_c('div',{staticClass:\"ml-auto\"},[_c('a-button',{staticClass:\"btn-permission\",on:{\"click\":function($event){return _vm.togglePermissionTypeModal()}}},[_c('span',[_c('img',{staticClass:\"mr-2\",attrs:{\"src\":require(\"@/assets/images/setting_permission.svg\"),\"alt\":\"image\"}})]),_vm._v(_vm._s(_vm.lbl['permission-type-btn']))])],1)],2),_c('div',{staticClass:\"roleContainer\"},_vm._l((Object.keys(_vm.roleData)),function(item){return _c('div',{key:_vm.roleData[item].header,staticClass:\"roleItem\"},[_c('div',{staticClass:\"roleHeader\"},[_c('div',{staticClass:\"headerTab\"},[_c('div',{staticClass:\"title\"},[_c('div',{staticClass:\"textTitle\"},[_vm._v(_vm._s(_vm.roleData[item].header))]),_c('div',{staticClass:\"text-label chip\"},[_vm._v(_vm._s(_vm.totalList(item)))])])])]),_c('div',{staticClass:\"roleBody\"},[_c('div',{staticClass:\"sortByContainer\"},[_c('div',{staticClass:\"sortItem\"},[_vm._v(\" \"+_vm._s(_vm.totalList(item))+\" \"+_vm._s(_vm.lbl['user-permissions-item-on-list'])+\" \")]),_c('div',{staticClass:\"sortFilter\"},[_c('div',{staticClass:\"btnSort\"},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-sortby'])+\" \"),_c('img',{attrs:{\"src\":require('@/assets/images/arrow_drop_down.png'),\"alt\":\"image\"}})]),_c('div',{staticClass:\"sortDropdown\"},[_c('div',{on:{\"click\":function($event){return _vm.sortUserList(item, 'name')}}},[_vm._v(\" A-Z \"+_vm._s(_vm.lbl['user-permissions-name'])+\" \")]),_c('div',{on:{\"click\":function($event){return _vm.sortUserList(item, 'email')}}},[_vm._v(\" A-Z \"+_vm._s(_vm.lbl['user-permissions-email'])+\" \")])])])]),_c('div',{staticClass:\"userListContainer\"},_vm._l((_vm.roleData[item].userList),function(user,index){return _c('div',{key:index,staticClass:\"userList\"},[_c('div',{class:['userStatus', user.Active ? 'active' : 'inactive']},[_vm._v(\" \"+_vm._s(user.Active ? 'active' : 'inactive')+\" \")]),_c('div',{staticClass:\"detail\"},[_c('div',{staticClass:\"userEmail\"},[_vm._v(_vm._s(user.Email))]),_c('div',{staticClass:\"userName\"},[_vm._v(\" \"+_vm._s(user.PosRole === 'Owner' ? '(Owner) ' : null)+_vm._s(user.FirstName)+\" \"+_vm._s(user.LastName)+\" \")])]),_c('div',{staticClass:\"action\"},[_c('button',{staticClass:\"copy\",on:{\"click\":function($event){return _vm.toggleUserDetailModal(true, user, 'User Copied!')}}},[_c('img',{attrs:{\"src\":require('@/assets/images/Duplicate.png'),\"alt\":\"image\"}})]),_c('button',{staticClass:\"edit\",on:{\"click\":function($event){return _vm.toggleUserModal(true, 'edit', user)}}},[_vm._v(\" \"+_vm._s(_vm.lbl['user-permissions-edit'])+\" \")])])])}),0)])])}),0)])]),_c('PermissionTypeModal',{attrs:{\"isPermissionTypeModal\":_vm.isPermissionTypeModal,\"title\":_vm.permissionTypeTitle,\"toggle\":_vm.togglePermissionTypeModal}}),_c('PermissionListModal',{attrs:{\"permissionList\":_vm.permissionList,\"isPermissionListModal\":_vm.isPermissionListModal,\"title\":_vm.permissionListTitle,\"toggle\":_vm.togglePermissionModal}}),_c('UserDetailModal',{attrs:{\"isUserDetailModal\":_vm.isUserDetailModal,\"toggle\":_vm.toggleUserDetailModal,\"UserDetail\":_vm.UserDetail,\"copyToClipBoard\":_vm.copyToClipBoard,\"brandId\":_vm.brandId,\"terminaId\":_vm.terminaId,\"title\":_vm.userTitle}})],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('div',[_c('div',{class:['backDrop', _vm.isPermissionTypeModal ? 'isShow' : ''],on:{\"click\":function($event){return _vm.toggle(false)}}}),_c('div',{class:['permissionTypeModal', _vm.isPermissionTypeModal ? 'isShow' : '']},[_c('div',{staticClass:\"modalHeader\"},[_c('div',{staticClass:\"header\"},[_vm._v(\" \"+_vm._s(_vm.title)+\" \")]),_c('img',{attrs:{\"src\":require('@/assets/icon-close-permission.svg'),\"alt\":\"image\"},on:{\"click\":function($event){return _vm.toggle(false)}}})]),_c('div',{staticClass:\"permission-type-modal\"},[_c('a-table',{attrs:{\"columns\":_vm.columns,\"data-source\":_vm.data,\"pagination\":{\n          pageSize: 50,\n          hideOnSinglePage: true,\n        }},scopedSlots:_vm._u([{key:\"admin\",fn:function(text, key){return _c('span',{},[(\n              key.key != 'permission-type-member' &&\n              key.key != 'permission-type-setting' &&\n              key.key != 'permission-type-smart-assistant'\n            )?_c('img',{attrs:{\"src\":require(\"@/assets/images/checktrue.svg\"),\"alt\":\"image\"}}):_vm._e(),(\n              key.key == 'permission-type-member' &&\n              key.key == 'permission-type-setting' &&\n              key.key == 'permission-type-smart-assistant'\n            )?_c('span'):_vm._e()])}},{key:\"operator\",fn:function(text, key){return _c('span',{},[(\n              key.key == 'permission-type-member-levels' ||\n              key.key == 'permission-type-import-member'\n            )?_c('span',[_c('img',{attrs:{\"src\":require(\"@/assets/images/checkfalse.svg\"),\"alt\":\"image\"}})]):(\n              key.key == 'permission-type-member' ||\n              key.key == 'permission-type-smart-assistant' ||\n              key.key == 'permission-type-setting'\n            )?_c('span'):_c('span',[_c('img',{attrs:{\"src\":require(\"@/assets/images/checktrue.svg\"),\"alt\":\"image\"}})])])}},{key:\"staff\",fn:function(text, key){return _c('span',{},[(\n              key.key == 'permission-type-login-merchant' ||\n              key.key == 'permission-type-tag'\n            )?_c('span',[_c('img',{attrs:{\"src\":require(\"@/assets/images/checktrue.svg\"),\"alt\":\"image\"}})]):(\n              key.key == 'permission-type-member' ||\n              key.key == 'permission-type-smart-assistant' ||\n              key.key == 'permission-type-setting'\n            )?_c('span'):_c('span',[_c('img',{attrs:{\"src\":require(\"@/assets/images/checkfalse.svg\"),\"alt\":\"image\"}})])])}}])})],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div\r\n      :class=\"['backDrop', isPermissionTypeModal ? 'isShow' : '']\"\r\n      @click=\"toggle(false)\"\r\n    ></div>\r\n    <div\r\n      :class=\"['permissionTypeModal', isPermissionTypeModal ? 'isShow' : '']\"\r\n    >\r\n      <div class=\"modalHeader\">\r\n        <div class=\"header\">\r\n          {{ title }}\r\n        </div>\r\n        <img\r\n          @click=\"toggle(false)\"\r\n          :src=\"require('@/assets/icon-close-permission.svg')\"\r\n          alt=\"image\"\r\n        />\r\n      </div>\r\n      <!--  -->\r\n      <div class=\"permission-type-modal\">\r\n        <a-table\r\n          :columns=\"columns\"\r\n          :data-source=\"data\"\r\n          :pagination=\"{\r\n            pageSize: 50,\r\n            hideOnSinglePage: true,\r\n          }\"\r\n        >\r\n          <span slot=\"admin\" slot-scope=\"text, key\">\r\n            <img\r\n              v-if=\"\r\n                key.key != 'permission-type-member' &&\r\n                key.key != 'permission-type-setting' &&\r\n                key.key != 'permission-type-smart-assistant'\r\n              \"\r\n              src=\"@/assets/images/checktrue.svg\"\r\n              alt=\"image\"\r\n            />\r\n            <span\r\n              v-if=\"\r\n                key.key == 'permission-type-member' &&\r\n                key.key == 'permission-type-setting' &&\r\n                key.key == 'permission-type-smart-assistant'\r\n              \"\r\n            ></span>\r\n          </span>\r\n          <!--  -->\r\n          <span slot=\"operator\" slot-scope=\"text, key\">\r\n            <span\r\n              v-if=\"\r\n                key.key == 'permission-type-member-levels' ||\r\n                key.key == 'permission-type-import-member'\r\n              \"\r\n            >\r\n              <img src=\"@/assets/images/checkfalse.svg\" alt=\"image\" />\r\n            </span>\r\n            <span\r\n              v-else-if=\"\r\n                key.key == 'permission-type-member' ||\r\n                key.key == 'permission-type-smart-assistant' ||\r\n                key.key == 'permission-type-setting'\r\n              \"\r\n            ></span>\r\n            <span v-else\r\n              ><img src=\"@/assets/images/checktrue.svg\" alt=\"image\"\r\n            /></span>\r\n          </span>\r\n          <!--  -->\r\n          <span slot=\"staff\" slot-scope=\"text, key\">\r\n            <span\r\n              v-if=\"\r\n                key.key == 'permission-type-login-merchant' ||\r\n                key.key == 'permission-type-tag'\r\n              \"\r\n            >\r\n              <img src=\"@/assets/images/checktrue.svg\" alt=\"image\" />\r\n            </span>\r\n            <span\r\n              v-else-if=\"\r\n                key.key == 'permission-type-member' ||\r\n                key.key == 'permission-type-smart-assistant' ||\r\n                key.key == 'permission-type-setting'\r\n              \"\r\n            ></span>\r\n            <span v-else\r\n              ><img src=\"@/assets/images/checkfalse.svg\" alt=\"image\"\r\n            /></span>\r\n          </span>\r\n        </a-table>\r\n      </div>\r\n      <!--  -->\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nconst columns = [\r\n  {\r\n    dataIndex: 'menu',\r\n    key: 'menu',\r\n    title: 'Menu',\r\n    align: 'left',\r\n  },\r\n  {\r\n    title: 'Admin',\r\n    dataIndex: 'admin',\r\n    key: 'admin',\r\n    align: 'center',\r\n    width: 90,\r\n    scopedSlots: { customRender: 'admin' },\r\n  },\r\n  {\r\n    title: 'Operator',\r\n    key: 'operator',\r\n    dataIndex: 'operator',\r\n    align: 'center',\r\n    width: 90,\r\n    scopedSlots: { customRender: 'operator' },\r\n  },\r\n  {\r\n    title: 'Staff',\r\n    dataIndex: 'staff',\r\n    key: 'staff',\r\n    align: 'center',\r\n    width: 90,\r\n    scopedSlots: { customRender: 'staff' },\r\n  },\r\n]\r\n\r\nconst data = [\r\n  {\r\n    key: 'permission-type-dashboard',\r\n    menu: 'Dashboard',\r\n    staff: '',\r\n    admin: '',\r\n    operator: '',\r\n  },\r\n  {\r\n    key: 'permission-type-point-rewards',\r\n    menu: 'Points & Rewards',\r\n    staff: '',\r\n    admin: '',\r\n    operator: '',\r\n  },\r\n  {\r\n    key: 'permission-type-point-earn',\r\n    menu: 'Point Earning Setup',\r\n    staff: '',\r\n    admin: '',\r\n    operator: '',\r\n  },\r\n  {\r\n    key: 'permission-type-reward-setup',\r\n    menu: 'Rewards Setup',\r\n    staff: '',\r\n    admin: '',\r\n    operator: '',\r\n  },\r\n  {\r\n    key: 'permission-type-friend-get-friends',\r\n    menu: 'Friend Get Friends',\r\n    staff: '',\r\n    admin: '',\r\n    operator: '',\r\n  },\r\n  {\r\n    key: 'permission-type-member',\r\n    menu: 'Member',\r\n    staff: '',\r\n    admin: '',\r\n    operator: '',\r\n  },\r\n  {\r\n    key: 'permission-type-member-details',\r\n    menu: 'Member Details',\r\n    staff: '',\r\n    admin: '',\r\n    operator: '',\r\n  },\r\n  {\r\n    key: 'permission-type-member-levels',\r\n    menu: 'Member Levels',\r\n    staff: '',\r\n    admin: '',\r\n    operator: '',\r\n  },\r\n  {\r\n    key: 'permission-type-import-member',\r\n    menu: 'Import Member',\r\n    staff: '',\r\n    admin: '',\r\n    operator: '',\r\n  },\r\n  {\r\n    key: 'permission-type-smart-assistant',\r\n    menu: 'Smart Assistant',\r\n    staff: '',\r\n    admin: '',\r\n    operator: '',\r\n  },\r\n  {\r\n    key: 'permission-type-targeted-message',\r\n    menu: 'Targeted Message',\r\n    staff: '',\r\n    admin: '',\r\n    operator: '',\r\n  },\r\n  {\r\n    key: 'permission-type-noti',\r\n    menu: 'Notification',\r\n    staff: '',\r\n    admin: '',\r\n    operator: '',\r\n  },\r\n  {\r\n    key: 'permission-type-setting',\r\n    menu: 'Setting',\r\n    staff: '',\r\n    admin: '',\r\n    operator: '',\r\n  },\r\n  {\r\n    key: 'permission-type-account-setting',\r\n    menu: 'Account Settings',\r\n    staff: '',\r\n    admin: '',\r\n    operator: '',\r\n  },\r\n  {\r\n    key: 'permission-type-richmenu-setup',\r\n    menu: 'Rich Menu Setup',\r\n    staff: '',\r\n    admin: '',\r\n    operator: '',\r\n  },\r\n  {\r\n    key: 'permission-type-user-per',\r\n    menu: 'User Permissions',\r\n    staff: '',\r\n    admin: '',\r\n    operator: '',\r\n  },\r\n  {\r\n    key: 'permission-type-theme',\r\n    menu: 'Theme',\r\n    staff: '',\r\n    admin: '',\r\n    operator: '',\r\n  },\r\n  {\r\n    key: 'permission-type-privacy',\r\n    menu: 'Privacy Conditions',\r\n    staff: '',\r\n    admin: '',\r\n    operator: '',\r\n  },\r\n  {\r\n    key: 'permission-type-extensions',\r\n    menu: 'Integration',\r\n    staff: '',\r\n    admin: '',\r\n    operator: '',\r\n  },\r\n  {\r\n    key: 'permission-type-profile',\r\n    menu: 'My Profile',\r\n    staff: '',\r\n    admin: '',\r\n    operator: '',\r\n  },\r\n  {\r\n    key: 'permission-type-manual',\r\n    menu: 'User Manual',\r\n    staff: '',\r\n    admin: '',\r\n    operator: '',\r\n  },\r\n  {\r\n    key: 'permission-type-login-merchant',\r\n    menu: 'Login Merchant',\r\n    staff: '',\r\n    admin: '',\r\n    operator: '',\r\n  },\r\n  {\r\n    key: 'permission-type-tag',\r\n    menu: 'Tag Management',\r\n    staff: '',\r\n    admin: '',\r\n    operator: '',\r\n  },\r\n]\r\nimport Mixin from '@/mixin/Mixin'\r\nimport _ from 'lodash'\r\n\r\nexport default {\r\n  mixins: [Mixin],\r\n  data() {\r\n    return {\r\n      data,\r\n      columns,\r\n    }\r\n  },\r\n  props: {\r\n    isPermissionTypeModal: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    toggle: {\r\n      type: Function,\r\n    },\r\n    title: {\r\n      type: String,\r\n    },\r\n  },\r\n  watch: {\r\n    lbl(newVal, oldVal) {\r\n      if (newVal != oldVal) {\r\n        this.setLocale()\r\n      }\r\n    },\r\n  },\r\n  created() {},\r\n  methods: {\r\n    setLocale() {\r\n      this.columns[0].title = this.lbl['permission-type-menu']\r\n      this.columns[1].title = this.lbl['permission-type-admin']\r\n      this.columns[2].title = this.lbl['permission-type-operator']\r\n      this.columns[3].title = this.lbl['permission-type-staff']\r\n      //\r\n      _.forEach(this.data, item => {\r\n        if (item.key == 'permission-type-dashboard') {\r\n          item.menu = this.lbl['permission-type-dashboard']\r\n        }\r\n        if (item.key == 'permission-type-point-rewards') {\r\n          item.menu = this.lbl['permission-type-point-rewards']\r\n        }\r\n        if (item.key == 'permission-type-point-earn') {\r\n          item.menu = '•    ' + this.lbl['permission-type-point-earn']\r\n        }\r\n        if (item.key == 'permission-type-reward-setup') {\r\n          item.menu = '•    ' + this.lbl['permission-type-reward-setup']\r\n        }\r\n        if (item.key == 'permission-type-friend-get-friends') {\r\n          item.menu = '•    ' + this.lbl['permission-type-friend-get-friends']\r\n        }\r\n        if (item.key == 'permission-type-member') {\r\n          item.menu = this.lbl['permission-type-member']\r\n        }\r\n        if (item.key == 'permission-type-member-details') {\r\n          item.menu = '•    ' + this.lbl['permission-type-member-details']\r\n        }\r\n        if (item.key == 'permission-type-member-levels') {\r\n          item.menu = '•    ' + this.lbl['permission-type-member-levels']\r\n        }\r\n        if (item.key == 'permission-type-import-member') {\r\n          item.menu = '•    ' + this.lbl['permission-type-import-member']\r\n        }\r\n        if (item.key == 'permission-type-smart-assistant') {\r\n          item.menu = this.lbl['permission-type-smart-assistant']\r\n        }\r\n        if (item.key == 'permission-type-targeted-message') {\r\n          item.menu = '•    ' + this.lbl['permission-type-targeted-message']\r\n        }\r\n        if (item.key == 'permission-type-noti') {\r\n          item.menu = '•    ' + this.lbl['permission-type-noti']\r\n        }\r\n        if (item.key == 'permission-type-setting') {\r\n          item.menu = this.lbl['permission-type-setting']\r\n        }\r\n        if (item.key == 'permission-type-account-setting') {\r\n          item.menu = '•    ' + this.lbl['permission-type-account-setting']\r\n        }\r\n        if (item.key == 'permission-type-richmenu-setup') {\r\n          item.menu = '•    ' + this.lbl['permission-type-richmenu-setup']\r\n        }\r\n        if (item.key == 'permission-type-user-per') {\r\n          item.menu = '•    ' + this.lbl['permission-type-user-per']\r\n        }\r\n        if (item.key == 'permission-type-theme') {\r\n          item.menu = '•    ' + this.lbl['permission-type-theme']\r\n        }\r\n        if (item.key == 'permission-type-privacy') {\r\n          item.menu = '•    ' + this.lbl['permission-type-privacy']\r\n        }\r\n        if (item.key == 'permission-type-extensions') {\r\n          item.menu = '•    ' + this.lbl['permission-type-extensions']\r\n        }\r\n        if (item.key == 'permission-type-profile') {\r\n          item.menu = this.lbl['permission-type-profile']\r\n        }\r\n        if (item.key == 'permission-type-manual') {\r\n          item.menu = '•    ' + this.lbl['permission-type-manual']\r\n        }\r\n        if (item.key == 'permission-type-login-merchant') {\r\n          item.menu = this.lbl['permission-type-login-merchant']\r\n        }\r\n        if (item.key == 'permission-type-tag') {\r\n          item.menu = this.lbl['permission-type-tag']\r\n        }\r\n      })\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.permissionTypeModal {\r\n  transition: all 0.3s ease-in-out;\r\n  opacity: 0;\r\n  visibility: hidden;\r\n  width: 800px;\r\n  max-width: 90vw;\r\n  min-height: 256px;\r\n  overflow-y: scroll;\r\n  max-height: 80vh;\r\n  position: fixed;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  background-color: #ffffff;\r\n  border: solid 1px #e0e0e0;\r\n  border-radius: 12px;\r\n  z-index: 728;\r\n\r\n  &.isShow {\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n  &::-webkit-scrollbar {\r\n    width: 5px;\r\n    height: 5px;\r\n  }\r\n\r\n  /* Track */\r\n  &::-webkit-scrollbar-track {\r\n    background: #f1f1f1;\r\n  }\r\n\r\n  /* Handle */\r\n  &::-webkit-scrollbar-thumb {\r\n    background: #888;\r\n    border-radius: 10px;\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:hover {\r\n    background: #555;\r\n  }\r\n\r\n  .modalHeader {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 17px 22px;\r\n    border-bottom: solid 2px #f5f5f5;\r\n    .header {\r\n      font-size: 20px;\r\n      font-weight: 500;\r\n      margin-top: 0px;\r\n    }\r\n    img {\r\n      cursor: pointer;\r\n    }\r\n  }\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  .accessTo {\r\n    height: 40px;\r\n    padding: 10px;\r\n    background-color: #f5f5f5;\r\n  }\r\n  .permissionList {\r\n    height: 44px;\r\n    padding: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    img {\r\n      margin-right: 12px;\r\n    }\r\n  }\r\n}\r\n.backDrop {\r\n  z-index: 4;\r\n  &.isShow {\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n  transition: all 0.3s ease-in-out;\r\n  opacity: 0;\r\n  visibility: hidden;\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n}\r\n</style>\r\n<style lang=\"scss\">\r\n.permission-type-modal {\r\n  padding: 22px;\r\n  .ant-table-thead > tr > th {\r\n    background: #e4e6ef;\r\n    border: 1px solid #b5b5c3;\r\n    padding: 10px;\r\n    text-align: left !important;\r\n  }\r\n  .ant-table .ant-table-tbody > tr > td {\r\n    background: #eff2f5;\r\n    border: 1px solid #e4e6ef;\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    padding: 5px 10px;\r\n    height: 52px;\r\n  }\r\n  .ant-table .ant-table-tbody > tr > td:first-child {\r\n    background: #e4e6ef;\r\n    border-bottom: 1px solid #eff2f5;\r\n  }\r\n  .ant-table-column-title {\r\n    font-size: 16px;\r\n    font-weight: 700;\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!./PermissionTypeModal.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!./PermissionTypeModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PermissionTypeModal.vue?vue&type=template&id=767a1642&scoped=true&\"\nimport script from \"./PermissionTypeModal.vue?vue&type=script&lang=js&\"\nexport * from \"./PermissionTypeModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PermissionTypeModal.vue?vue&type=style&index=0&id=767a1642&lang=scss&scoped=true&\"\nimport style1 from \"./PermissionTypeModal.vue?vue&type=style&index=1&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  \"767a1642\",\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',[_c('div',{class:['backDrop', _vm.isPermissionListModal ? 'isShow' : ''],on:{\"click\":function($event){return _vm.toggle(false)}}}),_c('div',{class:['permissionListModal', _vm.isPermissionListModal ? 'isShow' : '']},[_c('div',{staticClass:\"modalHeader\"},[_c('div',{staticClass:\"header\"},[_vm._v(_vm._s(_vm.title))]),_c('img',{attrs:{\"src\":require('@/assets/images/close.png'),\"alt\":\"close\"},on:{\"click\":function($event){return _vm.toggle(false)}}})]),_c('div',{staticClass:\"accessTo\"},[_vm._v(\"Access To\")]),_vm._l((Object.keys(_vm.permissionList)),function(item){return _c('div',{key:'acc' + item,staticClass:\"permissionList\"},[_c('img',{attrs:{\"src\":require((\"@/assets/images/\" + (!_vm.permissionList[item] ? 'check_circle' : 'cross_red') + \".png\")),\"alt\":\"image\"}}),_c('div',{staticClass:\"permissionText\"},[_vm._v(_vm._s(_vm.lbl['user-permissions-' + item]))])])})],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div\r\n      :class=\"['backDrop', isPermissionListModal ? 'isShow' : '']\"\r\n      @click=\"toggle(false)\"\r\n    ></div>\r\n    <div\r\n      :class=\"['permissionListModal', isPermissionListModal ? 'isShow' : '']\"\r\n    >\r\n      <div class=\"modalHeader\">\r\n        <div class=\"header\">{{ title }}</div>\r\n        <img\r\n          @click=\"toggle(false)\"\r\n          :src=\"require('@/assets/images/close.png')\"\r\n          alt=\"close\"\r\n        />\r\n      </div>\r\n      <div class=\"accessTo\">Access To</div>\r\n      <div\r\n        class=\"permissionList\"\r\n        v-for=\"item in Object.keys(permissionList)\"\r\n        :key=\"'acc' + item\"\r\n      >\r\n        <img\r\n          :src=\"\r\n            require(`@/assets/images/${\r\n              !permissionList[item] ? 'check_circle' : 'cross_red'\r\n            }.png`)\r\n          \"\r\n          alt=\"image\"\r\n        />\r\n        <div class=\"permissionText\">{{ lbl['user-permissions-' + item] }}</div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Mixin from '@/mixin/Mixin'\r\nexport default {\r\n  mixins: [Mixin],\r\n  props: {\r\n    permissionList: {\r\n      type: Object,\r\n    },\r\n    isPermissionListModal: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    toggle: {\r\n      type: Function,\r\n    },\r\n    title: {\r\n      type: String,\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.permissionListModal {\r\n  transition: all 0.3s ease-in-out;\r\n  opacity: 0;\r\n  visibility: hidden;\r\n  width: 500px;\r\n  max-width: 90vw;\r\n  min-height: 256px;\r\n  overflow-y: scroll;\r\n  max-height: 80vh;\r\n  position: fixed;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  background-color: #ffffff;\r\n  border: solid 1px #e0e0e0;\r\n  border-radius: 5px;\r\n  z-index: 728;\r\n  &.isShow {\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n  .modalHeader {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 17px 20px;\r\n    border-bottom: solid 2px #e0e0e0;\r\n    .header {\r\n      font-size: 20px;\r\n      font-weight: 500;\r\n    }\r\n    img {\r\n      cursor: pointer;\r\n    }\r\n  }\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  .accessTo {\r\n    height: 40px;\r\n    padding: 10px;\r\n    background-color: #f5f5f5;\r\n  }\r\n  .permissionList {\r\n    height: 44px;\r\n    padding: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    img {\r\n      margin-right: 12px;\r\n    }\r\n  }\r\n}\r\n.backDrop {\r\n  &.isShow {\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n  transition: all 0.3s ease-in-out;\r\n  opacity: 0;\r\n  visibility: hidden;\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-color: rgba(0, 0, 0, 0.5);\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!./PermissionListModal.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!./PermissionListModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PermissionListModal.vue?vue&type=template&id=1d7d7324&scoped=true&\"\nimport script from \"./PermissionListModal.vue?vue&type=script&lang=js&\"\nexport * from \"./PermissionListModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PermissionListModal.vue?vue&type=style&index=0&id=1d7d7324&lang=scss&scoped=true&\"\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  \"1d7d7324\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"container-fluid pb-permission\">\r\n    <Header />\r\n    <Breadcrumbs\r\n      v-if=\"false\"\r\n      :title=\"currenttitle\"\r\n      :parent=\"parent\"\r\n      :current=\"current\"\r\n    />\r\n    <div class=\"mx-auto content-outer-container\">\r\n      <div class=\"mx-auto mainContainer\">\r\n        <div class=\"titleContainer\">\r\n          <div class=\"title\">\r\n            <div class=\"textTitle\">\r\n              <img\r\n                class=\"mr-2\"\r\n                style=\"vertical-align: sub\"\r\n                src=\"@/assets/images/user_permission.svg\"\r\n                alt=\"image\"\r\n              />{{ lbl['user-permissions-title'] }}\r\n            </div>\r\n            <div class=\"text-label chip\">{{ allUser }}</div>\r\n          </div>\r\n          <div class=\"search d-flex\">\r\n            <div class=\"searchContainer\">\r\n              <form autocomplete=\"off\">\r\n                <a-input\r\n                  type=\"text\"\r\n                  class=\"searchInput\"\r\n                  :placeholder=\"lbl['user-permissions-search-placeholder']\"\r\n                  v-model=\"filterNameEmail\"\r\n                  @keyup.enter=\"onEnterInput($event)\"\r\n                  autocomplete=\"off\"\r\n                />\r\n              </form>\r\n              <img\r\n                @click=\"onEnterInput($event)\"\r\n                :src=\"require('@/assets/images/Search.png')\"\r\n                alt=\"image\"\r\n              />\r\n            </div>\r\n            <a-button\r\n              @click=\"toggleUserModal(true, 'create')\"\r\n              class=\"searchBtn d-flex\"\r\n            >\r\n              <img\r\n                :src=\"require('@/assets/images/Add-user.png')\"\r\n                alt=\"image\"\r\n              />{{ lbl['user-permissions-add-newuser'] }}\r\n            </a-button>\r\n          </div>\r\n        </div>\r\n        <div class=\"subTitle\">\r\n          {{ lbl['user-permissions-store-name'] }}:\r\n          {{ storeName ? storeName : '-' }} |\r\n          {{ lbl['user-permissions-brand-id'] }}: {{ brandId ? brandId : '-' }}\r\n        </div>\r\n        <hr />\r\n        <div class=\"filterContainer nopad\">\r\n          <div :class=\"['filterMain', showFilterMain ? 'active' : '']\">\r\n            <div class=\"filter\" @click=\"toggle('showFilterMain')\">\r\n              {{ lbl['user-permissions-filter'] }}\r\n              <img\r\n                :src=\"require('@/assets/images/filter_list.png')\"\r\n                alt=\"image\"\r\n              />\r\n            </div>\r\n            <div class=\"spaceHover\"></div>\r\n            <div class=\"filterDropdown\">\r\n              <div class=\"filterLeft\">\r\n                <div\r\n                  :class=\"['filterList', item === subFilter ? 'active' : '']\"\r\n                  v-for=\"item in Object.keys(filter)\"\r\n                  @click=\"changeSubFilter(item)\"\r\n                  :key=\"item\"\r\n                >\r\n                  {{ filter[item].label }}\r\n                  <img\r\n                    :src=\"require('@/assets/images/navigate_next.png')\"\r\n                    alt=\"image\"\r\n                  />\r\n                </div>\r\n              </div>\r\n              <div class=\"filterRight\">\r\n                <div v-for=\"item in filter[subFilter].input\" :key=\"item\">\r\n                  <div\r\n                    v-if=\"filter[subFilter].type === 'checkbox'\"\r\n                    class=\"filterList\"\r\n                    @click=\"selectFilter(item)\"\r\n                  >\r\n                    <CheckBox\r\n                      :label=\"item\"\r\n                      :valuee=\"item\"\r\n                      :check=\"filter[subFilter].value\"\r\n                      type=\"filter\"\r\n                    />\r\n                  </div>\r\n                  <div\r\n                    v-if=\"filter[subFilter].type === 'text'\"\r\n                    class=\"filterList input\"\r\n                  >\r\n                    <input\r\n                      type=\"text\"\r\n                      :placeholder=\"item\"\r\n                      v-model=\"filter[subFilter].value\"\r\n                    />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"btnFilter\">\r\n                <div @click=\"resetFilter()\">\r\n                  {{ lbl['user-permissions-reset'] }}\r\n                </div>\r\n                <button @click=\"getUserListByFilter()\">\r\n                  {{ lbl['user-permissions-ok'] }}\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div\r\n            class=\"filterItem\"\r\n            v-for=\"(item, index) in Object.keys(allFilter)\"\r\n            :key=\"'filter' + index\"\r\n          >\r\n            {{ allFilter[item]\r\n            }}<img\r\n              @click=\"removeFilter(item)\"\r\n              :src=\"require('@/assets/images/close.png')\"\r\n              alt=\"close\"\r\n            />\r\n          </div>\r\n          <div class=\"ml-auto\">\r\n            <a-button\r\n              class=\"btn-permission\"\r\n              @click=\"togglePermissionTypeModal()\"\r\n              ><span>\r\n                <img\r\n                  class=\"mr-2\"\r\n                  src=\"@/assets/images/setting_permission.svg\"\r\n                  alt=\"image\"\r\n                /> </span\r\n              >{{ lbl['permission-type-btn'] }}</a-button\r\n            >\r\n          </div>\r\n        </div>\r\n        <div class=\"roleContainer\">\r\n          <div\r\n            class=\"roleItem\"\r\n            v-for=\"item in Object.keys(roleData)\"\r\n            :key=\"roleData[item].header\"\r\n          >\r\n            <div class=\"roleHeader\">\r\n              <div class=\"headerTab\">\r\n                <div class=\"title\">\r\n                  <div class=\"textTitle\">{{ roleData[item].header }}</div>\r\n                  <div class=\"text-label chip\">{{ totalList(item) }}</div>\r\n                </div>\r\n                <!-- <button @click=\"togglePermissionModal(true, item)\">\r\n                  <img :src=\"require('@/assets/images/cod001.png')\" />\r\n                </button> -->\r\n              </div>\r\n              <!-- <p\r\n                v-if=\"item === 'admin'\"\r\n                :class=\"['roleSubHeader', isShowmore[item] ? 'showmore' : '']\"\r\n              >\r\n                {{ permissionadmin }}\r\n                <span v-if=\"!isShowmore[item]\" @click=\"showMore(item, true)\">{{\r\n                  lbl['user-permissions-see-more']\r\n                }}</span>\r\n                <span v-if=\"isShowmore[item]\" @click=\"showMore(item, false)\">{{\r\n                  lbl['user-permissions-see-less']\r\n                }}</span>\r\n              </p>\r\n              <p\r\n                v-if=\"item === 'operator'\"\r\n                :class=\"['roleSubHeader', isShowmore[item] ? 'showmore' : '']\"\r\n              >\r\n                {{ permissionoperator }}\r\n                <span v-if=\"!isShowmore[item]\" @click=\"showMore(item, true)\">{{\r\n                  lbl['user-permissions-see-more']\r\n                }}</span>\r\n                <span v-if=\"isShowmore[item]\" @click=\"showMore(item, false)\">{{\r\n                  lbl['user-permissions-see-less']\r\n                }}</span>\r\n              </p>\r\n              <p\r\n                v-if=\"item === 'staff'\"\r\n                :class=\"['roleSubHeader', isShowmore[item] ? 'showmore' : '']\"\r\n              >\r\n                {{ permissionstaff }}\r\n                <span v-if=\"!isShowmore[item]\" @click=\"showMore(item, true)\">{{\r\n                  lbl['user-permissions-see-more']\r\n                }}</span>\r\n                <span v-if=\"isShowmore[item]\" @click=\"showMore(item, false)\">{{\r\n                  lbl['user-permissions-see-less']\r\n                }}</span>\r\n              </p> -->\r\n            </div>\r\n            <div class=\"roleBody\">\r\n              <div class=\"sortByContainer\">\r\n                <div class=\"sortItem\">\r\n                  {{ totalList(item) }}\r\n                  {{ lbl['user-permissions-item-on-list'] }}\r\n                </div>\r\n                <div class=\"sortFilter\">\r\n                  <div class=\"btnSort\">\r\n                    {{ lbl['user-permissions-sortby'] }}\r\n                    <img\r\n                      :src=\"require('@/assets/images/arrow_drop_down.png')\"\r\n                      alt=\"image\"\r\n                    />\r\n                  </div>\r\n                  <div class=\"sortDropdown\">\r\n                    <div @click=\"sortUserList(item, 'name')\">\r\n                      A-Z {{ lbl['user-permissions-name'] }}\r\n                    </div>\r\n                    <div @click=\"sortUserList(item, 'email')\">\r\n                      A-Z {{ lbl['user-permissions-email'] }}\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"userListContainer\">\r\n                <div\r\n                  class=\"userList\"\r\n                  v-for=\"(user, index) in roleData[item].userList\"\r\n                  :key=\"index\"\r\n                >\r\n                  <div\r\n                    :class=\"['userStatus', user.Active ? 'active' : 'inactive']\"\r\n                  >\r\n                    {{ user.Active ? 'active' : 'inactive' }}\r\n                  </div>\r\n                  <div class=\"detail\">\r\n                    <div class=\"userEmail\">{{ user.Email }}</div>\r\n                    <div class=\"userName\">\r\n                      {{ user.PosRole === 'Owner' ? '(Owner) ' : null\r\n                      }}{{ user.FirstName }} {{ user.LastName }}\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"action\">\r\n                    <button\r\n                      class=\"copy\"\r\n                      @click=\"toggleUserDetailModal(true, user, 'User Copied!')\"\r\n                    >\r\n                      <img\r\n                        :src=\"require('@/assets/images/Duplicate.png')\"\r\n                        alt=\"image\"\r\n                      />\r\n                    </button>\r\n                    <button\r\n                      class=\"edit\"\r\n                      @click=\"toggleUserModal(true, 'edit', user)\"\r\n                    >\r\n                      {{ lbl['user-permissions-edit'] }}\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <PermissionTypeModal\r\n      :isPermissionTypeModal=\"isPermissionTypeModal\"\r\n      :title=\"permissionTypeTitle\"\r\n      :toggle=\"togglePermissionTypeModal\"\r\n    />\r\n    <PermissionListModal\r\n      :permissionList=\"permissionList\"\r\n      :isPermissionListModal=\"isPermissionListModal\"\r\n      :title=\"permissionListTitle\"\r\n      :toggle=\"togglePermissionModal\"\r\n    />\r\n    <UserDetailModal\r\n      :isUserDetailModal=\"isUserDetailModal\"\r\n      :toggle=\"toggleUserDetailModal\"\r\n      :UserDetail=\"UserDetail\"\r\n      :copyToClipBoard=\"copyToClipBoard\"\r\n      :brandId=\"brandId\"\r\n      :terminaId=\"terminaId\"\r\n      :title=\"userTitle\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Mixin from '@/mixin/Mixin'\r\nimport BzbsProfile from '@/core/Account/service/BzbsProfile'\r\nimport BzbsUserPermission from '@/core/UserPermission/service/BzbsUserPermission'\r\nimport Vue from 'vue'\r\nimport Header from '@/components/Layout/Header'\r\nimport CheckBox from './components/CheckBox.vue'\r\nimport PermissionTypeModal from '@/module/UserPermission/components/PermissionTypeModal.vue'\r\nimport PermissionListModal from './components/PermissionListModal'\r\nimport UserDetailModal from './components/UserDetailModal'\r\nimport Breadcrumbs from '@/module/Settings/3rdParty/components/Breadcrumbs.vue'\r\n\r\nexport default {\r\n  name: 'UserPermission',\r\n  mixins: [Mixin],\r\n  components: {\r\n    Header,\r\n    CheckBox,\r\n    PermissionTypeModal,\r\n    PermissionListModal,\r\n    UserDetailModal,\r\n    Breadcrumbs,\r\n  },\r\n  data() {\r\n    return {\r\n      currenttitle: 'Settings',\r\n      current: 'User permission',\r\n      parent: null,\r\n      allUser: 0,\r\n      storeName: '',\r\n      brandId: '',\r\n      terminaId: '',\r\n      isShowmore: {\r\n        admin: false,\r\n        operator: false,\r\n        staff: false,\r\n      },\r\n      filterNameEmail: '',\r\n      filter: {\r\n        status: {\r\n          value: null,\r\n          input: ['active', 'inactive'],\r\n          label: 'Status',\r\n          type: 'checkbox',\r\n        },\r\n        branchName: {\r\n          value: null,\r\n          input: ['Branch Name'],\r\n          label: 'Branch Name',\r\n          type: 'text',\r\n        },\r\n        branchId: {\r\n          value: null,\r\n          input: ['Branch ID'],\r\n          label: 'Branch ID',\r\n          type: 'text',\r\n        },\r\n      },\r\n      subFilter: 'status',\r\n      showFilterMain: false,\r\n      roleData: {\r\n        admin: {\r\n          header: 'Admin',\r\n          key: 'admin',\r\n          subHeader: this.permissionAdmin,\r\n          userList: [],\r\n        },\r\n        operator: {\r\n          header: 'Operator',\r\n          key: 'operator',\r\n          subHeader: this.permissionOperator,\r\n          userList: [],\r\n        },\r\n        staff: {\r\n          header: 'Staff',\r\n          key: 'staff',\r\n          subHeader: this.permissionStaff,\r\n          userList: [],\r\n        },\r\n        partner: {\r\n          header: 'Partner',\r\n          key: 'partner',\r\n          subHeader: this.permissionPartner,\r\n          userList: [],\r\n        },\r\n      },\r\n      isPermissionTypeModal: false,\r\n      isPermissionListModal: false,\r\n      permissionTypeTitle: 'Permission type',\r\n      permissionListTitle: 'Operator',\r\n      permissionList: {},\r\n      permissionListOperator: {},\r\n      permissionListStaff: {\r\n        dashboard: true,\r\n        accountsetup: true,\r\n        linesetup: true,\r\n        manageuser: true,\r\n        theme: true,\r\n        importbatch: true,\r\n        memberdetail: true,\r\n        memberlevel: true,\r\n        pointsetuptab: true,\r\n        privatecycondition: true,\r\n        download: true,\r\n        loginmerchant: false,\r\n        tagmerchant: false,\r\n      },\r\n      permissionListAdmin: {\r\n        dashboard: false,\r\n        accountsetup: false,\r\n        linesetup: false,\r\n        manageuser: false,\r\n        theme: false,\r\n        importbatch: false,\r\n        memberdetail: false,\r\n        memberlevel: false,\r\n        pointsetuptab: false,\r\n        privatecycondition: false,\r\n        download: false,\r\n      },\r\n      isUserDetailModal: false,\r\n      UserDetail: {},\r\n      userTitle: '',\r\n      mode: 'create',\r\n      editData: {\r\n        active: true,\r\n        role: 'admin',\r\n        firstName: '',\r\n        lastName: '',\r\n        userName: '',\r\n        password: '',\r\n        confirmPassword: '',\r\n        email: '',\r\n        contactNumber: '',\r\n        branchIds: [],\r\n      },\r\n      bus: new Vue(),\r\n      branchList: [],\r\n      isValueDesign: false,\r\n      allFilter: {},\r\n    }\r\n  },\r\n  watch: {\r\n    lbl(newVal, oldVal) {\r\n      if (newVal != oldVal) {\r\n        this.setLocale()\r\n      }\r\n    },\r\n  },\r\n  computed: {\r\n    permissionadmin() {\r\n      return Object.keys(this.permissionListAdmin)\r\n        .filter(i => !this.permissionListAdmin[i])\r\n        .map(i => this.lbl['user-permissions-' + i])\r\n        .join(', ')\r\n    },\r\n    permissionoperator() {\r\n      return Object.keys(this.permissionListOperator)\r\n        .filter(i => !this.permissionListOperator[i])\r\n        .map(i => this.lbl['user-permissions-' + i])\r\n        .join(', ')\r\n    },\r\n    permissionstaff() {\r\n      return Object.keys(this.permissionListStaff)\r\n        .filter(i => !this.permissionListStaff[i])\r\n        .map(i => this.lbl['user-permissions-' + i])\r\n        .join(', ')\r\n    },\r\n  },\r\n  created() {\r\n    this.handleLoading(true)\r\n    this.handleFooter(true)\r\n    Promise.all([\r\n      this.getUserListByFilter(),\r\n      this.getOperatorPermission(),\r\n      this.getBranchList(),\r\n    ]).then(() => {\r\n      this.handleLoading(false)\r\n    })\r\n  },\r\n  methods: {\r\n    setLocale() {\r\n      this.currenttitle = this.lbl['main-menu-setting']\r\n      this.current = this.lbl['user-permissions-title']\r\n      this.parent = null\r\n      this.permissionTypeTitle = this.lbl['permission-type-btn']\r\n    },\r\n    logdata() {\r\n      console.log(this.allFilter)\r\n    },\r\n    toggle(data) {\r\n      this[data] = !this[data]\r\n    },\r\n    togglePermissionTypeModal() {\r\n      this.$router.push({ name: 'PermissionType' })\r\n    },\r\n    togglePermissionModal(type, role) {\r\n      if (role)\r\n        this.permissionListTitle = role.charAt(0).toUpperCase() + role.slice(1)\r\n      if (role === 'operator') this.permissionList = this.permissionListOperator\r\n      if (role === 'staff') this.permissionList = this.permissionListStaff\r\n      if (role === 'admin') this.permissionList = this.permissionListAdmin\r\n      this.isPermissionListModal = type\r\n    },\r\n    toggleUserDetailModal(type, data, title) {\r\n      if (data) this.UserDetail = data\r\n      this.userTitle = title\r\n      if (title === 'User Created!') this.getUserListByFilter()\r\n      this.isUserDetailModal = type\r\n    },\r\n    toggleUserModal(type, mode, data) {\r\n      this.mode = mode\r\n      if (mode === 'create' && type) {\r\n        this.editData.branchIds = this.branchList.map(item => item.ID)\r\n      }\r\n      if (mode === 'edit' && type) {\r\n        this.editData = {\r\n          active: data.Active,\r\n          role: data.CrmPlusRole,\r\n          firstName: data.FirstName,\r\n          lastName: data.LastName,\r\n          userName: data.UserName,\r\n          userNameApi: data.UserName,\r\n          password: '',\r\n          confirmPassword: '',\r\n          email: data.Email,\r\n          contactNumber: data.ContactNumber || '',\r\n          branchIds: [...data.Branches],\r\n          oldRole: data.CrmPlusRole,\r\n          PartitionKey: data.PartitionKey || '',\r\n          PosRole: data.PosRole || '',\r\n        }\r\n      }\r\n      if (!type) {\r\n        this.editData = {\r\n          active: true,\r\n          role: 'admin',\r\n          firstName: '',\r\n          lastName: '',\r\n          userName: '',\r\n          password: '',\r\n          confirmPassword: '',\r\n          email: '',\r\n          contactNumber: '',\r\n          branchIds: [],\r\n        }\r\n        this.getUserListByFilter()\r\n      }\r\n      if (mode === 'create') {\r\n        this.$router.push({\r\n          name: 'UserPermissionCreate',\r\n          params: { mode: 'Create' },\r\n        })\r\n      } else {\r\n        this.$store.commit('setPermissionDetail', this.editData)\r\n        this.$router.push({\r\n          name: 'UserPermissionCreate',\r\n          params: { mode: 'Edit' },\r\n        })\r\n      }\r\n    },\r\n    onEnterInput() {\r\n      this.getUserListByFilter()\r\n    },\r\n    showMore(type, data) {\r\n      this.isShowmore[type] = data\r\n    },\r\n    changeSubFilter(type) {\r\n      this.subFilter = type\r\n    },\r\n    sortUserList(type, order) {\r\n      if (order === 'name')\r\n        this.roleData[type].userList.sort((a, b) =>\r\n          a.FirstName.localeCompare(b.FirstName),\r\n        )\r\n      if (order === 'email')\r\n        this.roleData[type].userList.sort((a, b) =>\r\n          a.Email.localeCompare(b.Email),\r\n        )\r\n    },\r\n    copyToClipBoard(obj, type) {\r\n      if (type) {\r\n        navigator.clipboard.writeText(\r\n          `UserName : ${obj.UserName}\\r\\n Password : ${obj.Password}\\r\\n Brand Id : ${this.brandId}\\r\\n Terminal Id : ${this.terminaId}\\r\\n Branches : ${obj.Branches}\\r\\n`,\r\n        )\r\n      } else {\r\n        navigator.clipboard.writeText(\r\n          `UserName : ${obj.UserName}\\r\\n Brand Id : ${this.brandId}\\r\\n Terminal Id : ${this.terminaId}\\r\\n Branches : ${obj.Branches}\\r\\n`,\r\n        )\r\n      }\r\n    },\r\n    totalList(type) {\r\n      return this.roleData[type].userList.length\r\n    },\r\n    selectFilter(item) {\r\n      if (\r\n        (this.filter[this.subFilter].value === 'active' && item === 'active') ||\r\n        (this.filter[this.subFilter].value === 'inactive' &&\r\n          item === 'inactive')\r\n      ) {\r\n        this.filter[this.subFilter].value = null\r\n      } else {\r\n        this.filter[this.subFilter].value = item\r\n      }\r\n    },\r\n    removeFilter(type) {\r\n      Object.keys(this.filter).forEach(item => {\r\n        if (type === item) this.filter[item].value = ''\r\n      })\r\n      this.getUserListByFilter()\r\n    },\r\n    resetFilter() {\r\n      this.filter.status.value = ''\r\n      this.filter.branchName.value = ''\r\n      this.filter.branchId.value = ''\r\n      this.getUserListByFilter()\r\n    },\r\n    clearUserList() {\r\n      Object.keys(this.roleData).forEach(item => {\r\n        this.roleData[item].userList = []\r\n      })\r\n    },\r\n    getBranchList() {\r\n      BzbsProfile.getCRMPlusProfile()\r\n        .then(res => {\r\n          this.branchList = res.data.Stores\r\n        })\r\n        .catch(err => console.log(err))\r\n    },\r\n    getUserListByFilter() {\r\n      this.showFilterMain = false\r\n      this.allUser = 0\r\n      this.clearUserList()\r\n      let active = ''\r\n      if (this.filter.status.value === 'active') active = true\r\n      if (this.filter.status.value === 'inactive') active = false\r\n      this.allFilter = Object.keys(this.filter).reduce((acc, cur) => {\r\n        if (!this.filter[cur].value) return acc\r\n        return (acc = { ...acc, [cur]: this.filter[cur].value })\r\n      }, {})\r\n\r\n      const Lfilter = {\r\n        active,\r\n        branchId: this.filter.branchId.value,\r\n        branchName: this.filter.branchName.value,\r\n      }\r\n      this.handleLoading(true)\r\n      return new Promise(resolve => {\r\n        BzbsUserPermission.getCRMPlusAllUser(Lfilter, this.filterNameEmail)\r\n          .then(res => {\r\n            let flatData = res.data.data\r\n              .map(item => item.Users)\r\n              .flat()\r\n              .filter(i => !i.Deleted)\r\n            this.allUser = flatData.length\r\n            flatData.forEach(item => {\r\n              if (item.PosRole === 'Owner') {\r\n                this.roleData[item.CrmPlusRole.toLowerCase()].userList.unshift(\r\n                  item,\r\n                )\r\n              } else {\r\n                this.roleData[item.CrmPlusRole.toLowerCase()].userList.push(\r\n                  item,\r\n                )\r\n              }\r\n              this.handleLoading(false)\r\n            })\r\n            resolve()\r\n          })\r\n          .catch(err => console.log(err))\r\n          .finally(() => {\r\n            this.handleLoading(false)\r\n          })\r\n      })\r\n    },\r\n    getOperatorPermission() {\r\n      BzbsUserPermission.getCRMPlusStoreInfo()\r\n        .then(res => {\r\n          this.storeName = res.data.BusinessName\r\n          this.brandId = res.data.EwalletBrandId\r\n          this.terminaId = Vue.bzbsConfig.businessRule.default.terminalId\r\n          this.permissionListOperator = {\r\n            dashboard: res.data.HideDashboard,\r\n            accountsetup: res.data.HideAccountSetup,\r\n            linesetup: res.data.HideLineSetup,\r\n            manageuser: res.data.HideManageUser,\r\n            theme: res.data.HideThemeSetting,\r\n            importbatch: res.data.IsAllowImportBatch,\r\n            memberdetail: res.data.HideMemberDetail,\r\n            memberlevel: res.data.HasUserlevel,\r\n            pointsetuptab: res.data.HidePointSetupTab,\r\n            privatecycondition: res.data.HideMemberPrivacyMenu,\r\n            download: res.data.HideDownloadMenu,\r\n          }\r\n          this.isValueDesign = res.data.ShowValueDesign\r\n          if (!this.isValueDesign) {\r\n            delete this.roleData.partner\r\n          }\r\n        })\r\n        .catch(err => console.log(err))\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.pb-permission {\r\n  padding-bottom: 100px !important;\r\n}\r\n.mainContainer {\r\n  border-radius: 5px;\r\n  padding: 30px;\r\n  @media only screen and (max-width: 460px) {\r\n    padding: 6px;\r\n  }\r\n  border: solid 1px #fafafa;\r\n  background-color: #fff;\r\n}\r\n.titleContainer {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  flex-wrap: wrap;\r\n  gap: 24px;\r\n}\r\n.title {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n.textTitle {\r\n  font-size: 34px;\r\n  color: #000;\r\n}\r\n.chip {\r\n  margin: 6px 0 0 16px;\r\n  width: 49px;\r\n  height: 32px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  border-radius: 24px;\r\n  border: solid 1px #ffb74d;\r\n  background-color: #fff3e0;\r\n}\r\n.text-label {\r\n  padding-right: 1px;\r\n  font-size: 20px;\r\n  font-weight: 500;\r\n  line-height: 1.2;\r\n  letter-spacing: 0.15px;\r\n  text-align: center;\r\n  color: #f57c00;\r\n}\r\n.search {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 24px;\r\n  align-items: center;\r\n}\r\n.searchContainer {\r\n  flex-grow: 1;\r\n  width: 444px;\r\n  position: relative;\r\n  @media only screen and (max-width: 570px) {\r\n    width: auto;\r\n  }\r\n  img {\r\n    cursor: pointer;\r\n    position: absolute;\r\n    right: 12px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n  }\r\n}\r\n.searchInput {\r\n  width: 100%;\r\n  height: 56px;\r\n  padding: 0 12px 0 16px;\r\n  border-radius: 4px;\r\n  border: solid 1px #e0e0e0;\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n  &::placeholder {\r\n    color: #e0e0e0;\r\n  }\r\n}\r\n.searchBtn {\r\n  flex-grow: 1;\r\n  width: 195px;\r\n  height: 56px;\r\n  align-items: center;\r\n  padding: 16px 24px;\r\n  border-radius: 4px;\r\n  background-color: #ff9800;\r\n  color: #fff;\r\n  font-size: 16px;\r\n  border: none;\r\n  img {\r\n    margin: 0 8px 4px 0;\r\n  }\r\n}\r\n.subTitle {\r\n  margin-top: 16px;\r\n  height: 20px;\r\n  font-size: 14px;\r\n  font-weight: 500;\r\n  line-height: 1.43;\r\n  letter-spacing: 0.1px;\r\n  color: #bdbdbd;\r\n}\r\nhr {\r\n  margin: 24px -30px;\r\n}\r\n.filterContainer {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 16px;\r\n  .btn-permission {\r\n    width: 157px;\r\n    height: 32px;\r\n    display: flex;\r\n    flex-direction: row;\r\n    justify-content: center;\r\n    align-items: center;\r\n    border-radius: 6px;\r\n    border: solid 1px #f9a601;\r\n    background-color: #fff;\r\n    color: #f9a601;\r\n    font-size: 16px;\r\n  }\r\n}\r\n.filter,\r\n.filterItem {\r\n  height: 40px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  padding: 8px 16px;\r\n  border-radius: 4px;\r\n  border: solid 1px #e0e0e0;\r\n  cursor: pointer;\r\n  color: #616161;\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  img {\r\n    margin-left: 8px;\r\n  }\r\n}\r\n.filterMain {\r\n  position: relative;\r\n  &.active {\r\n    .filterDropdown {\r\n      display: flex;\r\n    }\r\n  }\r\n}\r\n.filterDropdown {\r\n  z-index: 3;\r\n  border: 1px solid #e0e0e0;\r\n  border-radius: 5px;\r\n  top: 52px;\r\n  position: absolute;\r\n  background-color: #fff;\r\n  display: none;\r\n  padding: 0 0 64px 0;\r\n  font-size: 16px;\r\n  .filterLeft {\r\n    width: 250px;\r\n    border-right: 1px solid #e0e0e0;\r\n    @media only screen and (max-width: 460px) {\r\n      width: auto;\r\n    }\r\n  }\r\n  .filterRight {\r\n    width: 250px;\r\n    @media only screen and (max-width: 460px) {\r\n      width: auto;\r\n    }\r\n    &:hover {\r\n      display: block;\r\n    }\r\n    .filterList {\r\n      justify-content: flex-start;\r\n      input {\r\n        cursor: pointer;\r\n      }\r\n      &.input {\r\n        input {\r\n          border: 1px solid #e0e0e0;\r\n          border-radius: 5px;\r\n          padding: 5px;\r\n          cursor: auto;\r\n          &:focus {\r\n            outline: none;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .filterList {\r\n    height: 42px;\r\n    width: 100%;\r\n    padding: 0 24px;\r\n    border-bottom: 1px solid #e0e0e0;\r\n    font-weight: 500;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    cursor: pointer;\r\n    &.active {\r\n      background-color: #fff3e0;\r\n    }\r\n    &:hover {\r\n      background-color: #fff3e0;\r\n    }\r\n  }\r\n}\r\n.btnFilter {\r\n  width: 100%;\r\n  position: absolute;\r\n  bottom: 14px;\r\n  display: flex;\r\n  justify-content: space-around;\r\n  align-items: center;\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  color: blue;\r\n  div {\r\n    cursor: pointer;\r\n  }\r\n  button {\r\n    align-items: center;\r\n    padding: 6px 18px;\r\n    border-radius: 4px;\r\n    background-color: #ff9800;\r\n    color: #fff;\r\n    border: none;\r\n  }\r\n}\r\n.roleContainer {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  flex-wrap: wrap;\r\n  gap: 24px;\r\n  margin: 24px 0 0 0;\r\n  .roleItem {\r\n    width: 300px;\r\n    @media only screen and (max-width: 550px) {\r\n      width: 100%;\r\n    }\r\n    flex-grow: 1;\r\n    .roleHeader {\r\n      // min-height: 120px;\r\n      border: 1px solid #e0e0e0;\r\n      border-bottom: none;\r\n      border-radius: 5px 5px 0 0;\r\n      padding: 16px;\r\n      .headerTab {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        button {\r\n          width: 56px;\r\n          height: 35px;\r\n          border: 1px solid #e0e0e0;\r\n          background-color: #fff;\r\n          border-radius: 5px;\r\n        }\r\n      }\r\n      .textTitle {\r\n        font-size: 20px;\r\n      }\r\n      .chip {\r\n        margin: 0 0 0 8px;\r\n      }\r\n      .roleSubHeader {\r\n        margin-top: 16px;\r\n        display: -webkit-box;\r\n        -webkit-line-clamp: 2;\r\n        -webkit-box-orient: vertical;\r\n        overflow: hidden;\r\n        padding-right: 62px;\r\n        position: relative;\r\n        margin-bottom: 0;\r\n        min-height: 44px;\r\n        &.showmore {\r\n          -webkit-line-clamp: unset;\r\n        }\r\n        span {\r\n          position: absolute;\r\n          bottom: 0;\r\n          right: 0;\r\n          color: #2196f3;\r\n          text-decoration: underline;\r\n          cursor: pointer;\r\n        }\r\n      }\r\n    }\r\n    .roleBody {\r\n      height: 449px;\r\n      border: 1px solid #e0e0e0;\r\n      border-radius: 0 0 5px 5px;\r\n      background-color: #fafafa;\r\n      .sortByContainer {\r\n        height: 56px;\r\n        padding: 16px;\r\n        color: #bdbdbd;\r\n        font-weight: 500;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        border-bottom: 1px solid #e0e0e0;\r\n        .sortFilter {\r\n          &:hover {\r\n            .sortDropdown {\r\n              display: block;\r\n              color: black;\r\n            }\r\n          }\r\n          cursor: pointer;\r\n          position: relative;\r\n          .sortDropdown {\r\n            display: none;\r\n            border-radius: 5px;\r\n            border: 1px solid #e0e0e0;\r\n            width: 124px;\r\n            position: absolute;\r\n            right: 0;\r\n            background-color: white;\r\n            div:first-child {\r\n              border-bottom: 1px solid #e0e0e0;\r\n            }\r\n            div {\r\n              text-align: center;\r\n              padding: 6px;\r\n              cursor: pointer;\r\n              &:hover {\r\n                background-color: #fff3e0;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .userListContainer {\r\n        overflow-y: scroll;\r\n        height: calc(100% - 56px);\r\n        /* width */\r\n        &::-webkit-scrollbar {\r\n          width: 5px;\r\n          height: 5px;\r\n        }\r\n\r\n        /* Track */\r\n        &::-webkit-scrollbar-track {\r\n          background: #f1f1f1;\r\n        }\r\n\r\n        /* Handle */\r\n        &::-webkit-scrollbar-thumb {\r\n          background: #888;\r\n          border-radius: 10px;\r\n        }\r\n\r\n        /* Handle on hover */\r\n        &::-webkit-scrollbar-thumb:hover {\r\n          background: #555;\r\n        }\r\n\r\n        .userList {\r\n          display: flex;\r\n          // justify-content: space-between;\r\n          align-items: center;\r\n          background-color: white;\r\n          gap: 6px;\r\n          padding: 8px;\r\n          border-bottom: 1px solid #e0e0e0;\r\n          @media only screen and (max-width: 460px) {\r\n            padding: 16px 4px;\r\n            flex-wrap: wrap;\r\n            gap: 22px;\r\n            justify-content: center;\r\n          }\r\n          .userStatus {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            width: 64px;\r\n            height: 32px;\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            border-radius: 24px;\r\n            &.active {\r\n              color: #4caf50;\r\n              background-color: #4caf5033;\r\n            }\r\n            &.inactive {\r\n              color: #ff5252;\r\n              background-color: #ff525233;\r\n            }\r\n          }\r\n          .detail {\r\n            text-align: left;\r\n            margin-right: auto;\r\n            margin-left: auto;\r\n            @media only screen and (max-width: 460px) {\r\n              width: 100%;\r\n              text-align: center;\r\n            }\r\n            .userEmail {\r\n              color: #bdbdbd;\r\n              white-space: nowrap;\r\n              width: 145px;\r\n              margin: 0 auto;\r\n              overflow: hidden;\r\n              text-overflow: ellipsis;\r\n            }\r\n            .userName {\r\n              font-size: 16px;\r\n              font-weight: 600;\r\n              margin: 5px auto 0 auto;\r\n              color: #616161;\r\n              white-space: nowrap;\r\n              width: 145px;\r\n              overflow: hidden;\r\n              text-overflow: ellipsis;\r\n            }\r\n          }\r\n          .action {\r\n            margin-left: auto;\r\n            display: flex;\r\n            gap: 8px;\r\n            @media only screen and (max-width: 460px) {\r\n              margin-left: 0;\r\n            }\r\n            > * {\r\n              width: 56px;\r\n              height: 35px;\r\n              color: #2196f3;\r\n              font-size: 16px;\r\n              font-weight: 500;\r\n              text-decoration: underline;\r\n              border-radius: 5px;\r\n              border: 1px solid #e0e0e0;\r\n              background-color: white;\r\n            }\r\n            .copy {\r\n              border-color: #1e88e51a;\r\n            }\r\n            .edit {\r\n              border-color: #bdbdbd;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\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!./UserPermission.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!./UserPermission.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UserPermission.vue?vue&type=template&id=68ba6bda&scoped=true&\"\nimport script from \"./UserPermission.vue?vue&type=script&lang=js&\"\nexport * from \"./UserPermission.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UserPermission.vue?vue&type=style&index=0&id=68ba6bda&lang=scss&scoped=true&\"\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  \"68ba6bda\",\n  null\n  \n)\n\nexport default component.exports","import Vue from 'vue'\r\nimport BzbsApi from '@/core/Http/BzbsApi.js'\r\nimport Cache from '@/helper/Cache.js'\r\n/**\r\n * @method getCRMPlusStaff\r\n * @method getCRMPlusAdmin\r\n */\r\nexport default {\r\n  config: function () {\r\n    return Vue.bzbsConfig\r\n  },\r\n  token: function () {\r\n    return Cache.get('CRMUser').Token\r\n  },\r\n  agencyId: function () {\r\n    return Cache.get('CRMUser').AgencyId\r\n  },\r\n  getCRMPlusAllUser: function (data, filter) {\r\n    const params = {\r\n      device_app_id: this.config().client_id,\r\n      agencyId: this.agencyId(),\r\n      active: data.active,\r\n      branchId: data.branchId,\r\n      branchName: data.branchName,\r\n      name: filter,\r\n      email: filter,\r\n    }\r\n    var strUrl = this.config().bzbsModuleUrl + '/crmplususer/all'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), params)\r\n  },\r\n  getCRMPlusUserList: function (data, type, filter) {\r\n    const params = {\r\n      device_app_id: this.config().client_id,\r\n      agencyId: this.agencyId(),\r\n      active: data.active,\r\n      branchId: data.branchId,\r\n      branchName: data.branchName,\r\n      crmPlusRole: type,\r\n      name: filter,\r\n      email: filter,\r\n    }\r\n    var strUrl = this.config().bzbsModuleUrl + '/crmplusadmin'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), params)\r\n  },\r\n  getCRMPlusStaffUserList: function (data, filter) {\r\n    const params = {\r\n      device_app_id: this.config().client_id,\r\n      agencyId: this.agencyId(),\r\n      active: data.active,\r\n      branchId: data.branchId,\r\n      branchName: data.branchName,\r\n      name: filter,\r\n      email: filter,\r\n    }\r\n    var strUrl = this.config().bzbsModuleUrl + '/crmplusstaff'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), params)\r\n  },\r\n  getCRMPlusStoreInfo: function data() {\r\n    const params = {\r\n      device_app_id: this.config().client_id,\r\n      agencyId: this.agencyId(),\r\n    }\r\n\r\n    var strUrl = this.config().bzbsModuleUrl + '/crmplusoffice/profile'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), params)\r\n  },\r\n  CreatPermission: function data(data) {\r\n    const params = {\r\n      ...data,\r\n      device_app_id: this.config().client_id,\r\n      agencyId: this.agencyId(),\r\n    }\r\n\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl +\r\n      '/crmplususer/create?agencyId=' +\r\n      this.agencyId()\r\n    return BzbsApi.connectBzbsPost(strUrl, this.token(), params)\r\n  },\r\n  EditPermission: function data(data) {\r\n    const params = {\r\n      ...data,\r\n      device_app_id: this.config().client_id,\r\n      agencyId: this.agencyId(),\r\n    }\r\n\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl +\r\n      '/crmplususer/edit?agencyId=' +\r\n      this.agencyId()\r\n    return BzbsApi.connectBzbsPost(strUrl, this.token(), params)\r\n  },\r\n  DeletePermission: function data(pk) {\r\n    const params = {\r\n      pk: pk,\r\n    }\r\n\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl +\r\n      '/crmplususer/delete?agencyId=' +\r\n      this.agencyId()\r\n    return BzbsApi.connectBzbsDeleteFormData(strUrl, this.token(), params)\r\n  },\r\n  postCRMPlusCreateUser: function data(data) {\r\n    let isOperator = false\r\n    let newStaffRole = false\r\n    if (data.role === 'operator') {\r\n      isOperator = true\r\n      newStaffRole = false\r\n    } else if (data.role === 'admin') {\r\n      isOperator = false\r\n      newStaffRole = false\r\n    } else {\r\n      newStaffRole = true\r\n    }\r\n    const params = {\r\n      ...data,\r\n      device_app_id: this.config().client_id,\r\n      agencyId: this.agencyId(),\r\n      isOperator,\r\n      newStaffRole,\r\n    }\r\n\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl + '/crmplusadmin?agencyId=' + this.agencyId()\r\n    return BzbsApi.connectBzbsPost(strUrl, this.token(), params)\r\n  },\r\n  postCRMPlusUpdateUser: function data(data) {\r\n    console.log(data)\r\n    let params = {}\r\n    if (data.role) {\r\n      params = {\r\n        ...data,\r\n        device_app_id: this.config().client_id,\r\n        agencyId: this.agencyId(),\r\n        crmPlusRole: data.role,\r\n        isDeleted: false,\r\n      }\r\n    } else {\r\n      params = {\r\n        ...data,\r\n        device_app_id: this.config().client_id,\r\n        agencyId: this.agencyId(),\r\n        isDeleted: false,\r\n      }\r\n    }\r\n    let id = data.userNameApi\r\n    if (data.oldRole === 'staff') {\r\n      id = data.PartitionKey\r\n    }\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl +\r\n      '/crmplus' +\r\n      data.oldRole +\r\n      '/' +\r\n      id +\r\n      '?agencyId=' +\r\n      this.agencyId()\r\n\r\n    //if id is \"xxx.y\" then error url. by Achira\r\n    if (id.includes('.') && !data.PartitionKey.includes('.')) {\r\n      id = data.PartitionKey\r\n      strUrl =\r\n        this.config().bzbsModuleUrl +\r\n        '/crmplus' +\r\n        data.oldRole +\r\n        '/' +\r\n        id +\r\n        '?agencyId=' +\r\n        this.agencyId() +\r\n        '&check_by_pk=true'\r\n    }\r\n\r\n    return BzbsApi.connectBzbsPost(strUrl, this.token(), params)\r\n  },\r\n  postCRMPlusDeleteUser: function data(data) {\r\n    const params = {\r\n      ...data,\r\n      device_app_id: this.config().client_id,\r\n      agencyId: this.agencyId(),\r\n      crmPlusRole: data.role,\r\n      isDeleted: true,\r\n    }\r\n    let id = data.userNameApi\r\n    if (data.oldRole === 'staff') {\r\n      id = data.PartitionKey\r\n    }\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl +\r\n      '/crmplus' +\r\n      data.oldRole +\r\n      '/' +\r\n      id +\r\n      '?agencyId=' +\r\n      this.agencyId()\r\n\r\n    //if id is \"xxx.y\" then error url.\r\n    if (id.includes('.') && !data.PartitionKey.includes('.')) {\r\n      id = data.PartitionKey\r\n      strUrl =\r\n        this.config().bzbsModuleUrl +\r\n        '/crmplus' +\r\n        data.oldRole +\r\n        '/' +\r\n        id +\r\n        '?agencyId=' +\r\n        this.agencyId() +\r\n        '&check_by_pk=true'\r\n    }\r\n    return BzbsApi.connectBzbsPost(strUrl, this.token(), params)\r\n  },\r\n}\r\n","module.exports = require(\"core-js/library/fn/array/is-array\");","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/@vue/cli-service/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!./CheckBox.vue?vue&type=style&index=0&id=96532974&lang=scss&scoped=true&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/@vue/cli-service/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!./PermissionListModal.vue?vue&type=style&index=0&id=1d7d7324&lang=scss&scoped=true&\"","module.exports = require(\"core-js/library/fn/is-iterable\");","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',{staticClass:\"container\"},[_vm._v(_vm._s(_vm.label)+\" \"),_c('input',{attrs:{\"type\":\"checkbox\",\"disabled\":_vm.disabled},domProps:{\"checked\":_vm.isCheck,\"value\":_vm.valuee}}),_c('span',{staticClass:\"checkmark\"})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <label class=\"container\"\r\n    >{{ label }}\r\n    <input\r\n      type=\"checkbox\"\r\n      :checked=\"isCheck\"\r\n      :value=\"valuee\"\r\n      :disabled=\"disabled\"\r\n    />\r\n    <span class=\"checkmark\"></span>\r\n  </label>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    label: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n    valuee: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n    check: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n    type: {\r\n      type: String,\r\n      default: 'normal',\r\n    },\r\n    normalCheck: {\r\n      type: Boolean,\r\n    },\r\n    disabled: {\r\n      type: Boolean,\r\n      default:false\r\n    },\r\n  },\r\n  computed: {\r\n    isCheck() {\r\n      if (this.type === 'filter') {\r\n        return (\r\n          (this.check === 'active' && this.label === 'active') ||\r\n          (this.check === 'inactive' && this.label === 'inactive')\r\n        )\r\n      } else {\r\n        return this.normalCheck\r\n      }\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.container {\r\n  display: block;\r\n  position: relative;\r\n  margin-top: 6px;\r\n  padding-left: 32px;\r\n  cursor: pointer;\r\n  font-size: 16px;\r\n  -webkit-user-select: none;\r\n  -moz-user-select: none;\r\n  -ms-user-select: none;\r\n  user-select: none;\r\n  pointer-events: none;\r\n}\r\n\r\n.container input {\r\n  position: absolute;\r\n  opacity: 0;\r\n  cursor: pointer;\r\n  height: 0;\r\n  width: 0;\r\n}\r\n\r\n.checkmark {\r\n  position: absolute;\r\n  top: 2px;\r\n  left: 0;\r\n  height: 20px;\r\n  width: 20px;\r\n  background-color: #eee;\r\n}\r\n\r\n.container:hover input ~ .checkmark {\r\n  background-color: #ccc;\r\n}\r\n\r\n.container input:checked ~ .checkmark {\r\n  background-color: #ff9800;\r\n}\r\n\r\n.checkmark:after {\r\n  content: '';\r\n  position: absolute;\r\n  display: none;\r\n}\r\n\r\n.container input:checked ~ .checkmark:after {\r\n  display: block;\r\n}\r\n\r\n.container .checkmark:after {\r\n  left: 8px;\r\n  top: 5px;\r\n  width: 5px;\r\n  height: 8px;\r\n  border: solid white;\r\n  border-width: 0 2px 2px 0;\r\n  -webkit-transform: rotate(45deg);\r\n  -ms-transform: rotate(45deg);\r\n  transform: rotate(45deg);\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!./CheckBox.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!./CheckBox.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CheckBox.vue?vue&type=template&id=96532974&scoped=true&\"\nimport script from \"./CheckBox.vue?vue&type=script&lang=js&\"\nexport * from \"./CheckBox.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CheckBox.vue?vue&type=style&index=0&id=96532974&lang=scss&scoped=true&\"\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  \"96532974\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/@vue/cli-service/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!./UserDetailModal.vue?vue&type=style&index=0&id=0b0df998&lang=scss&scoped=true&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/@vue/cli-service/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!./UserPermission.vue?vue&type=style&index=0&id=68ba6bda&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mx-auto mt-1 content-outer-container bg-none\"},[_c('a-breadcrumb',{staticClass:\"breadcrumb-3rdParty\"},[_c('a-breadcrumb-item',{staticClass:\"title\"},[_vm._v(\" \"+_vm._s(_vm.title))]),(_vm.parent)?_c('a-breadcrumb-item',[(_vm.parent.name)?_c('router-link',{staticClass:\"parent\",attrs:{\"to\":{\n          name: _vm.parent.name,\n          params: _vm.parent.params,\n          query: _vm.parent.query,\n        }}},[_vm._v(_vm._s(_vm.parent.title))]):_c('span',{staticClass:\"parent\"},[_vm._v(\" \"+_vm._s(_vm.parent.title)+\" \")])],1):_vm._e(),_c('a-breadcrumb-item',[_vm._v(\" \"+_vm._s(_vm.current ? _vm.current : _vm.title))])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"mx-auto mt-1 content-outer-container bg-none\">\r\n    <a-breadcrumb class=\"breadcrumb-3rdParty\">\r\n      <a-breadcrumb-item class=\"title\"> {{ title }}</a-breadcrumb-item>\r\n      <a-breadcrumb-item v-if=\"parent\"\r\n        ><router-link\r\n          class=\"parent\"\r\n          v-if=\"parent.name\"\r\n          :to=\"{\r\n            name: parent.name,\r\n            params: parent.params,\r\n            query: parent.query,\r\n          }\"\r\n          >{{ parent.title }}</router-link\r\n        ><span v-else class=\"parent\"> {{ parent.title }} </span>\r\n      </a-breadcrumb-item>\r\n      <a-breadcrumb-item> {{ current ? current : title }}</a-breadcrumb-item>\r\n    </a-breadcrumb>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'Breadcrumbs',\r\n  props: {\r\n    title: String,\r\n    parent: Object,\r\n    current: String,\r\n    breadcrumbs: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import '../styles/thirdparty_main.scss';\r\n\r\n.bg-none {\r\n  background-color: initial;\r\n  box-shadow: initial;\r\n}\r\n\r\n.breadcrumb-3rdParty.ant-breadcrumb {\r\n  font-size: 14px;\r\n  font-weight: normal;\r\n  font-stretch: normal;\r\n  font-style: normal;\r\n  line-height: normal;\r\n  letter-spacing: normal;\r\n  text-align: left;\r\n  color: #fff;\r\n  padding: 18px 12px 18px 24px;\r\n  margin-bottom: 16px;\r\n  .ant-breadcrumb-separator {\r\n    margin: 0 8px;\r\n    color: #bdbdbd;\r\n  }\r\n  a {\r\n    color: #bdbdbd;\r\n  }\r\n  span:last-child a {\r\n    color: #bdbdbd;\r\n  }\r\n  span:last-child {\r\n    color: #bdbdbd;\r\n  }\r\n  .title {\r\n    color: #82b1ff;\r\n  }\r\n  .parent {\r\n    color: #bdbdbd;\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!./Breadcrumbs.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!./Breadcrumbs.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Breadcrumbs.vue?vue&type=template&id=ccdb4d30&\"\nimport script from \"./Breadcrumbs.vue?vue&type=script&lang=js&\"\nexport * from \"./Breadcrumbs.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Breadcrumbs.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","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/@vue/cli-service/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!./PermissionTypeModal.vue?vue&type=style&index=1&lang=scss&\"","require('../../modules/es6.array.is-array');\nmodule.exports = require('../../modules/_core').Array.isArray;\n","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/@vue/cli-service/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!./PermissionTypeModal.vue?vue&type=style&index=0&id=767a1642&lang=scss&scoped=true&\""],"sourceRoot":""}