{"version":3,"sources":["webpack:///./src/SuperAdmin/users.vue?dcb5","webpack:///./src/SuperAdmin/users.vue","webpack:///src/SuperAdmin/users.vue","webpack:///./src/SuperAdmin/users.vue?929e","webpack:///./src/SuperAdmin/users.vue?1a80","webpack:///./node_modules/core-js/modules/es.object.keys.js"],"names":["render","_vm","this","_c","_self","staticClass","attrs","on","$event","stopPropagation","preventDefault","onSubmit","apply","arguments","form","id","_v","class","multiSelectError","clients","name","changeClient","model","value","client_id","callback","$$v","$set","expression","_e","$v","$dirty","$error","$model","email","required","password","minLength","_s","$params","min","valid","roles","role_name","isDisabled","_m","title","mobile_phone","user_clients_count","loginAs","totalRecords","isLoading","enabled","searchFn","dropdownAllowAll","perPageDropdown","rows","columns","onPageChange","onSortChange","onColumnFilter","onPerPageChange","scopedSlots","_u","key","fn","props","column","field","editUser","row","deleteUser","ref","loginClient","client_form","login_client_id","clientArr","$t","staticRenderFns","toast","position","Vue","ascIcon","descIcon","mixins","data","clientFullArr","serverParams","columnFilters","sort","type","page","perPage","label","filterable","sortable","formatFn","validations","methods","getUserRoles","API","getAllUsers","getAllClients","clients_data","e","text","showCancelButton","confirmButtonColor","cancelButtonColor","confirmButtonText","then","window","top","behavior","localStorage","console","timeout","showProgressBar","closeOnClick","pauseOnHover","resetForm","Object","self","userForm","updateParams","newProps","params","searchTerm","loadItems","formatRole","event","router","computed","mounted","component","$","toObject","nativeKeys","fails","FAILS_ON_PRIMITIVES","target","stat","forced","keys","it"],"mappings":"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YACA,UAEA,QACA,qBACA,SACA,EACA,mBACA,uBAIA,iBAKAC,YApBA,WAoBA,WACAD,mBACA,YACA,aAEA,iBAIAE,cA7BA,WA6BA,WACAF,2BACA,YACA,QACA,IACA,aACA,oBACAG,yBACA,OACAxF,QACAK,aAEA,SACA,EACA,0BAEA,qBAYA,sBAEA,iBAIAmD,WA/DA,SA+DAiC,GAAA,WACA,YACA1D,sBACA2D,yCACAf,eACAgB,oBACAC,6BACAC,yBACAC,sCACAC,MAAA,YACA,YACA,OACA/F,MAEAqF,kBACAf,GACA,YACA,cACA,QACA,WACA,2BACA,cAGA,qBAKAhB,SA5FA,SA4FAmC,GAAA,WACAO,iBAAAC,MAAAC,oBACA,sBACA,qBACA,kBACAb,qBACAI,GAAA,YACA,0CACA,mBACA,eACA,qBACA,mCACA,qBACA,kBACA,iCAEA,oBAEA,0BACA,oBACAnB,sCACA,OACAtE,6BACAK,kCAGA,GACAG,gCACAkF,kCAEA,oBACA,wBACA,4BAGAS,kEACAA,qFAIA,iBAIAvG,SAxIA,WA2IA,GAFA,sBACAwG,oCACA,wBACA,uHAIA,OAHA,mBACA,qBAKAA,oFACA,gGAEA,mBACA,kBAEA,mBACA,qDACAC,YACAC,mBACAC,gBACAC,oBAKAC,UAnKA,WAoKA,WAGAC,mDACAC,sBAEAC,SA1KA,WA0KA,WACAvB,sBACA,WACA,YACA,gBACA,sBACAgB,YACAC,mBACAC,gBACAC,kBAGA,eACA,gBACA,mBACA,aACA,uBACA,gBACA,kBACA,cACA,mBACA,oBAEA,YACA,gBACAJ,6CACA,kDACAC,YACAC,mBACAC,gBACAC,sBAOAK,aA/MA,SA+MAC,GACA,yDAGAnE,aAnNA,SAmNAoE,GACA,mBAAAnC,qBACA,kBAGA9B,gBAxNA,SAwNAiE,GACA,mBAAAlC,2BACA,kBAGAjC,aA7NA,SA6NAmE,GACAX,wBACA,mBACA1B,OACAC,eACAtB,qBAGA,kBAGAR,eAxOA,SAwOAkE,GACA,qBACA,kBAEAzE,SA5OA,SA4OAyE,GACA,mBAAAC,eACA,kBAEAC,UAhPA,WAgPA,WACA5B,qCACA,YACA,8BACA,sBAGA,iBAIAJ,qBACA,SASA,OARA,YACAzE,yBACA,WACA8D,0BAKA,cAGA4C,uBACA,6CACA,kBAGA5G,aA7QA,SA6QA6G,GACAf,eACA,aACA,yBAEA,0BAGAlE,QArRA,WAqRA,WACA,gCACA,OACAf,sBACAV,qCAEA,2CACA4E,kBACA,YACA,+BACAc,2CACAA,0EACAA,oDACAA,qEACAA,kDACAA,yDACAiB,0BACAA,4BAGA,qBAIA,mDAGA1D,YAhTA,WAgTA,WAEA,GADA,8BACA,+BAIA,uCACA,OACAvC,sBACAV,4CAEA,2CACA4E,kBACA,YACA,+BACAe,eACAD,2CACAA,0EACAA,oDACAA,qEACAA,kDACAA,gEACAiB,0BACAA,4BAGA,mBAMAC,YACAC,QAvbA,WAwbA,iBACA,oBACA,uBCzrB+U,I,wBCQ3UC,EAAY,eACd,EACAtI,EACA8E,GACA,EACA,KACA,KACA,MAIa,aAAAwD,E,uDCnBf,IAAIC,EAAI,EAAQ,QACZC,EAAW,EAAQ,QACnBC,EAAa,EAAQ,QACrBC,EAAQ,EAAQ,QAEhBC,EAAsBD,GAAM,WAAcD,EAAW,MAIzDF,EAAE,CAAEK,OAAQ,SAAUC,MAAM,EAAMC,OAAQH,GAAuB,CAC/DI,KAAM,SAAcC,GAClB,OAAOP,EAAWD,EAASQ","file":"js/chunk-3c7a7a06.b937703a.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./users.vue?vue&type=style&index=0&id=3aabe316&prod&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"tables\"},[_c('vue-snotify'),_c('form',{staticClass:\"forms-sample\",attrs:{\"autocomplete\":\"off\"},on:{\"submit\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.onSubmit.apply(null, arguments)}}},[_c('div',{staticClass:\"row new-updated-design\"},[_c('div',{staticClass:\"col-md-6 d-flex align-items-stretch grid-margin\"},[_c('div',{staticClass:\"row flex-grow\"},[_c('div',{staticClass:\"col-12 grid-margin\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-header\"},[(_vm.form.id == '')?_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Add New User\")]):_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Update Role\")])]),_c('div',{staticClass:\"card-body new-card-body\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-6 col-md-6\"},[_c('b-form-group',{attrs:{\"label\":\"Client*\",\"label-for\":\"Client\"}},[_c('v-select',{class:{ 'is-invalid-multi' : _vm.multiSelectError === true , 'is-valid':_vm.multiSelectError === false },attrs:{\"multiple\":\"\",\"aria-describedby\":\"input-2-live-feedback\",\"options\":_vm.clients,\"reduce\":name => name.id,\"label\":\"name\",\"autofocus\":\"\"},on:{\"input\":_vm.changeClient},model:{value:(_vm.form.client_id),callback:function ($$v) {_vm.$set(_vm.form, \"client_id\", $$v)},expression:\"form.client_id\"}}),(_vm.multiSelectError)?_c('div',{staticClass:\"custom-invalid-feedback\",attrs:{\"id\":\"input-2-live-feedback\"}},[_vm._v(\" This is a required field \")]):_vm._e()],1),_c('b-form-group',{attrs:{\"label\":\"Name*\",\"label-for\":\"name\"}},[_c('b-form-input',{attrs:{\"type\":\"text\",\"id\":\"name\",\"name\":\"name\",\"autocomplete\":\"new-password\",\"placeholder\":\"Name\",\"state\":_vm.$v.form.name.$dirty ? !_vm.$v.form.name.$error : null,\"aria-describedby\":\"input-1-live-feedback\"},model:{value:(_vm.$v.form.name.$model),callback:function ($$v) {_vm.$set(_vm.$v.form.name, \"$model\", $$v)},expression:\"$v.form.name.$model\"}}),_c('b-form-invalid-feedback',{attrs:{\"id\":\"input-1-live-feedback\"}},[_vm._v(\"This is a required field. \")])],1)],1),_c('div',{staticClass:\"col-lg-6 col-md-6\"},[_c('b-form-group',{attrs:{\"label\":\"Email*\",\"label-for\":\"email\"}},[_c('b-form-input',{attrs:{\"type\":\"email\",\"id\":\"email\",\"name\":\"email\",\"autocomplete\":\"new-password\",\"placeholder\":\"Email\",\"state\":_vm.$v.form.email.$dirty ? !_vm.$v.form.email.$error : null,\"aria-describedby\":\"input-3-live-feedback\"},model:{value:(_vm.$v.form.email.$model),callback:function ($$v) {_vm.$set(_vm.$v.form.email, \"$model\", $$v)},expression:\"$v.form.email.$model\"}}),(!_vm.$v.form.email.required)?_c('b-form-invalid-feedback',{attrs:{\"id\":\"input-3-live-feedback\"}},[_vm._v(\"This is a required field. \")]):_vm._e(),(_vm.form.email && !_vm.$v.form.email.email)?_c('b-form-invalid-feedback',{attrs:{\"id\":\"input-3-live-feedback\"}},[_vm._v(\"Invalid Email. \")]):_vm._e()],1),_c('b-form-group',{attrs:{\"label\":\"Password\",\"label-for\":\"password\"}},[_c('b-form-input',{attrs:{\"type\":\"password\",\"id\":\"password\",\"name\":\"password\",\"autocomplete\":\"new-password\",\"placeholder\":\"Password\",\"state\":_vm.$v.form.password.$dirty ? !_vm.$v.form.password.$error : null,\"aria-describedby\":\"input-4-live-feedback\"},model:{value:(_vm.$v.form.password.$model),callback:function ($$v) {_vm.$set(_vm.$v.form.password, \"$model\", $$v)},expression:\"$v.form.password.$model\"}}),(!_vm.$v.form.password.required)?_c('b-form-invalid-feedback',{attrs:{\"id\":\"input-4-live-feedback\"}},[_vm._v(\"This is a required field. \")]):_vm._e(),(!_vm.$v.form.password.minLength)?_c('b-form-invalid-feedback',{attrs:{\"id\":\"input-4-live-feedback\"}},[_vm._v(\"Password must have at least \"+_vm._s(_vm.$v.form.password.$params.minLength.min)+\" letters. \")]):_vm._e(),(_vm.form.password && !_vm.$v.form.password.valid && _vm.$v.form.password.minLength)?_c('b-form-invalid-feedback',{attrs:{\"id\":\"input-4-live-feedback\"}},[_vm._v(\"Password contains atleast One Uppercase, One Lowercase, One Number and One Special Character. \")]):_vm._e()],1)],1),_c('div',{staticClass:\"col-lg-12\"},[_c('b-form-group',{attrs:{\"label\":\"Role*\",\"label-for\":\"Role\"}},[_c('b-form-select',{staticClass:\"cst-new-select\",attrs:{\"options\":_vm.roles,\"state\":_vm.$v.form.role_name.$dirty ? !_vm.$v.form.role_name.$error : null,\"aria-describedby\":\"input-4-live-feedback\"},model:{value:(_vm.$v.form.role_name.$model),callback:function ($$v) {_vm.$set(_vm.$v.form.role_name, \"$model\", $$v)},expression:\"$v.form.role_name.$model\"}}),_c('b-form-invalid-feedback',{attrs:{\"id\":\"input-4-live-feedback\"}},[_vm._v(\"This is a required field. \")])],1)],1)]),_c('b-button',{staticClass:\"mr-2\",attrs:{\"type\":\"submit\",\"variant\":\"success\",\"disabled\":_vm.isDisabled}},[(_vm.form.id == '')?_c('span',[_vm._v(\"Submit\")]):_c('span',[_vm._v(\"Update\")])])],1)])])])]),_c('div',{staticClass:\"col-md-6 d-flex align-items-stretch grid-margin\"},[_c('div',{staticClass:\"row flex-grow\"},[_c('div',{staticClass:\"col-12 grid-margin\"},[_c('div',{staticClass:\"card\"},[_vm._m(0),_c('div',{staticClass:\"card-body new-card-body\"},[_c('b-form-group',{attrs:{\"label\":\"Title\",\"label-for\":\"title\"}},[_c('b-form-input',{attrs:{\"type\":\"text\",\"id\":\"title\",\"name\":\"title\",\"autocomplete\":\"new-password\",\"placeholder\":\"Title\"},model:{value:(_vm.form.title),callback:function ($$v) {_vm.$set(_vm.form, \"title\", $$v)},expression:\"form.title\"}})],1),_c('b-form-group',{attrs:{\"label\":\"Mobile Phone\",\"label-for\":\"mobile_phone\"}},[_c('b-form-input',{attrs:{\"type\":\"text\",\"id\":\"mobile_phone\",\"name\":\"mobile_phone\",\"autocomplete\":\"new-password\",\"placeholder\":\"Mobile Phone\"},model:{value:(_vm.form.mobile_phone),callback:function ($$v) {_vm.$set(_vm.form, \"mobile_phone\", $$v)},expression:\"form.mobile_phone\"}})],1),(_vm.form.id && _vm.user_clients_count > 0)?_c('b-button',{staticClass:\"mr-2\",attrs:{\"type\":\"button\",\"variant\":\"success\"},on:{\"click\":_vm.loginAs}},[_vm._v(\" Login As \")]):_vm._e()],1)])])])])])]),_c('div',{staticClass:\"row new-updated-design\"},[_c('div',{staticClass:\"col-lg-12 grid-margin stretch-card\"},[_c('div',{staticClass:\"card\"},[_vm._m(1),_c('div',{staticClass:\"card-body new-card-body\"},[_c('vue-good-table',{attrs:{\"mode\":\"remote\",\"totalRows\":_vm.totalRecords,\"isLoading\":_vm.isLoading,\"search-options\":{enabled: true,searchFn: _vm.searchFn},\"pagination-options\":{\n  enabled: true,\n    dropdownAllowAll: false,\n  perPageDropdown: [10, 20, 50, 100, 200],\n},\"rows\":_vm.rows,\"columns\":_vm.columns},on:{\"on-page-change\":_vm.onPageChange,\"on-sort-change\":_vm.onSortChange,\"on-column-filter\":_vm.onColumnFilter,\"on-per-page-change\":_vm.onPerPageChange,\"update:isLoading\":function($event){_vm.isLoading=$event},\"update:is-loading\":function($event){_vm.isLoading=$event},\"on-search\":_vm.searchFn},scopedSlots:_vm._u([{key:\"table-row\",fn:function(props){return [(props.column.field === 'action')?_c('span',{staticClass:\"text-nowrap\"},[_c('b-button',{staticClass:\"mr-1 btn-info text-white\",attrs:{\"size\":\"sm\"},on:{\"click\":function($event){return _vm.editUser(props.row.id)}}},[_vm._v(\" Edit \")]),_c('b-button',{staticClass:\"mr-1 btn-danger text-white\",attrs:{\"size\":\"sm\"},on:{\"click\":function($event){return _vm.deleteUser(props.row.id)}}},[_vm._v(\" Delete \")])],1):_vm._e()]}}])})],1)])])]),_c('b-modal',{ref:\"vuemodal\",attrs:{\"id\":\"modalClient\",\"title\":\"Please Select a Project\",\"size\":\"md\",\"hide-footer\":\"\"}},[_c('form',{staticClass:\"forms-sample\",attrs:{\"autocomplete\":\"off\"},on:{\"submit\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.loginClient.apply(null, arguments)}}},[_c('b-form-group',{attrs:{\"label\":\"Project*\",\"label-for\":\"client\"}},[_c('b-form-select',{attrs:{\"state\":_vm.$v.client_form.login_client_id.$dirty ? !_vm.$v.client_form.login_client_id.$error : null,\"aria-describedby\":\"input-1-live-feedback\",\"options\":_vm.clientArr},model:{value:(_vm.$v.client_form.login_client_id.$model),callback:function ($$v) {_vm.$set(_vm.$v.client_form.login_client_id, \"$model\", $$v)},expression:\"$v.client_form.login_client_id.$model\"}}),_c('b-form-invalid-feedback',{attrs:{\"id\":\"input-1-live-feedback\"}},[_vm._v(_vm._s(_vm.$t(\"field-required\"))+\" \")])],1),_c('b-button',{staticClass:\"mr-2\",attrs:{\"type\":\"submit\",\"variant\":\"success\"}},[_vm._v(\" Submit \")])],1)])],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"card-header\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(\"User Login\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"card-header\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Users\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n    <section class=\"tables\">\r\n        <vue-snotify></vue-snotify>\r\n        <form class=\"forms-sample\" @submit.stop.prevent=\"onSubmit\" autocomplete=\"off\">\r\n            <div class=\"row new-updated-design\">\r\n                <div class=\"col-md-6 d-flex align-items-stretch grid-margin\">\r\n                    <div class=\"row flex-grow\">\r\n                        <div class=\"col-12 grid-margin\">\r\n                            <div class=\"card\">\r\n                                <div class=\"card-header\">\r\n                                    <h4 class=\"card-title\" v-if=\"form.id == ''\">Add New User</h4>\r\n                                    <h4 class=\"card-title\" v-else>Update Role</h4>\r\n                                </div>\r\n                                <div class=\"card-body new-card-body\">\r\n                                    <!--                                <form class=\"forms-sample\" @submit.stop.prevent=\"onSubmit\" autocomplete=\"off\">-->\r\n                                    <div class=\"row\">\r\n                                        <div class=\"col-lg-6 col-md-6\">\r\n                                            <b-form-group label=\"Client*\" label-for=\"Client\">\r\n                                                <!--                                                <b-form-select :options=\"clients\"-->\r\n                                                <!--                                                               multiple-->\r\n                                                <!--                                                               class=\"cst-new-select\"-->\r\n                                                <!--                                                               v-model=\"$v.form.client_id.$model\"-->\r\n                                                <!--                                                               :state=\"$v.form.client_id.$dirty ? !$v.form.client_id.$error : null\"-->\r\n                                                <!--                                                               aria-describedby=\"input-2-live-feedback\"-->\r\n                                                <!--                                                ></b-form-select>-->\r\n                                                <v-select multiple v-model=\"form.client_id\"\r\n                                                          aria-describedby=\"input-2-live-feedback\" :options=\"clients\"\r\n                                                          :reduce=\"name => name.id\"\r\n                                                          label=\"name\"\r\n                                                          autofocus\r\n                                                          :class=\"{ 'is-invalid-multi' : multiSelectError === true , 'is-valid':multiSelectError === false }\"\r\n                                                          @input=\"changeClient\">\r\n                                                </v-select>\r\n                                                <div v-if=\"multiSelectError\"\r\n                                                     class=\"custom-invalid-feedback\"\r\n                                                     id=\"input-2-live-feedback\">\r\n                                                    This is a\r\n                                                    required field\r\n                                                </div>\r\n                                                <!--                                                <b-form-invalid-feedback v-if=\"form.client_id.required\" id=\"input-4-live-feedback\">{{ $t(\"field-required\") }}</b-form-invalid-feedback>-->\r\n                                            </b-form-group>\r\n                                            <b-form-group label=\"Name*\" label-for=\"name\">\r\n                                                <b-form-input\r\n                                                        type=\"text\"\r\n                                                        id=\"name\"\r\n                                                        name=\"name\"\r\n                                                        autocomplete=\"new-password\"\r\n                                                        placeholder=\"Name\"\r\n                                                        v-model=\"$v.form.name.$model\"\r\n                                                        :state=\"$v.form.name.$dirty ? !$v.form.name.$error : null\"\r\n                                                        aria-describedby=\"input-1-live-feedback\"\r\n                                                >\r\n                                                </b-form-input>\r\n                                                <b-form-invalid-feedback id=\"input-1-live-feedback\">This is a required\r\n                                                    field.\r\n                                                </b-form-invalid-feedback>\r\n                                            </b-form-group>\r\n                                        </div>\r\n                                        <div class=\"col-lg-6 col-md-6\">\r\n                                            <b-form-group label=\"Email*\" label-for=\"email\">\r\n                                                <b-form-input\r\n                                                        type=\"email\"\r\n                                                        id=\"email\"\r\n                                                        name=\"email\"\r\n                                                        autocomplete=\"new-password\"\r\n                                                        placeholder=\"Email\"\r\n                                                        v-model=\"$v.form.email.$model\"\r\n                                                        :state=\"$v.form.email.$dirty ? !$v.form.email.$error : null\"\r\n                                                        aria-describedby=\"input-3-live-feedback\"\r\n                                                >\r\n                                                </b-form-input>\r\n                                                <b-form-invalid-feedback v-if=\"!$v.form.email.required\"\r\n                                                                         id=\"input-3-live-feedback\">This is a required\r\n                                                    field.\r\n                                                </b-form-invalid-feedback>\r\n                                                <b-form-invalid-feedback v-if=\"form.email && !$v.form.email.email\"\r\n                                                                         id=\"input-3-live-feedback\">Invalid Email.\r\n                                                </b-form-invalid-feedback>\r\n                                            </b-form-group>\r\n                                            <b-form-group label=\"Password\" label-for=\"password\">\r\n                                                <b-form-input\r\n                                                        type=\"password\"\r\n                                                        id=\"password\"\r\n                                                        name=\"password\"\r\n                                                        autocomplete=\"new-password\"\r\n                                                        placeholder=\"Password\"\r\n                                                        v-model=\"$v.form.password.$model\"\r\n                                                        :state=\"$v.form.password.$dirty ? !$v.form.password.$error : null\"\r\n                                                        aria-describedby=\"input-4-live-feedback\"\r\n                                                >\r\n                                                </b-form-input>\r\n                                                <b-form-invalid-feedback v-if=\"!$v.form.password.required\"\r\n                                                                         id=\"input-4-live-feedback\">This is a required\r\n                                                    field.\r\n                                                </b-form-invalid-feedback>\r\n                                                <b-form-invalid-feedback v-if=\"!$v.form.password.minLength\"\r\n                                                                         id=\"input-4-live-feedback\">Password must have\r\n                                                    at least\r\n                                                    {{ $v.form.password.$params.minLength.min }} letters.\r\n                                                </b-form-invalid-feedback>\r\n                                                <b-form-invalid-feedback v-if=\"form.password && !$v.form.password.valid && $v.form.password.minLength\"\r\n                                                                         id=\"input-4-live-feedback\">Password contains\r\n                                                    atleast\r\n                                                    One Uppercase, One Lowercase, One Number and One Special Character.\r\n                                                </b-form-invalid-feedback>\r\n                                            </b-form-group>\r\n                                        </div>\r\n                                        <div class=\"col-lg-12\">\r\n                                            <b-form-group label=\"Role*\" label-for=\"Role\">\r\n                                                <b-form-select :options=\"roles\"\r\n                                                               class=\"cst-new-select\"\r\n                                                               v-model=\"$v.form.role_name.$model\"\r\n                                                               :state=\"$v.form.role_name.$dirty ? !$v.form.role_name.$error : null\"\r\n                                                               aria-describedby=\"input-4-live-feedback\"\r\n                                                ></b-form-select>\r\n                                                <b-form-invalid-feedback id=\"input-4-live-feedback\">This is a required\r\n                                                    field.\r\n                                                </b-form-invalid-feedback>\r\n                                            </b-form-group>\r\n                                        </div>\r\n                                    </div>\r\n                                    <b-button type=\"submit\" variant=\"success\" :disabled=\"isDisabled\" class=\"mr-2\">\r\n                                        <span v-if=\"form.id == ''\">Submit</span>\r\n                                        <span v-else>Update</span>\r\n                                    </b-button>\r\n                                    <!--                                </form>-->\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-md-6 d-flex align-items-stretch grid-margin\">\r\n                    <div class=\"row flex-grow\">\r\n                        <div class=\"col-12 grid-margin\">\r\n                            <div class=\"card\">\r\n                                <div class=\"card-header\">\r\n                                    <h4 class=\"card-title\">User Login</h4>\r\n                                </div>\r\n                                <div class=\"card-body new-card-body\">\r\n                                    <b-form-group label=\"Title\" label-for=\"title\">\r\n                                        <b-form-input\r\n                                                type=\"text\"\r\n                                                id=\"title\"\r\n                                                name=\"title\"\r\n                                                autocomplete=\"new-password\"\r\n                                                placeholder=\"Title\"\r\n                                                v-model=\"form.title\"\r\n                                        >\r\n                                        </b-form-input>\r\n                                    </b-form-group>\r\n                                    <b-form-group label=\"Mobile Phone\" label-for=\"mobile_phone\">\r\n                                        <b-form-input\r\n                                                type=\"text\"\r\n                                                id=\"mobile_phone\"\r\n                                                name=\"mobile_phone\"\r\n                                                autocomplete=\"new-password\"\r\n                                                placeholder=\"Mobile Phone\"\r\n                                                v-model=\"form.mobile_phone\"\r\n                                        >\r\n                                        </b-form-input>\r\n                                    </b-form-group>\r\n                                    <b-button type=\"button\" @click=\"loginAs\" v-if=\"form.id && user_clients_count > 0\"\r\n                                              variant=\"success\"\r\n                                              class=\"mr-2\">\r\n                                        Login As\r\n                                    </b-button>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </form>\r\n\r\n        <div class=\"row new-updated-design\">\r\n\r\n            <div class=\"col-lg-12 grid-margin stretch-card\">\r\n                <div class=\"card\">\r\n                    <div class=\"card-header\">\r\n                        <h4 class=\"card-title\">Users</h4>\r\n                    </div>\r\n                    <div class=\"card-body new-card-body\">\r\n                        <vue-good-table\r\n                                mode=\"remote\"\r\n                                @on-page-change=\"onPageChange\"\r\n                                @on-sort-change=\"onSortChange\"\r\n                                @on-column-filter=\"onColumnFilter\"\r\n                                @on-per-page-change=\"onPerPageChange\"\r\n                                :totalRows=\"totalRecords\"\r\n                                :isLoading.sync=\"isLoading\"\r\n                                @on-search=\"searchFn\"\r\n                                :search-options=\"{enabled: true,searchFn: searchFn}\"\r\n                                :pagination-options=\"{\r\n    enabled: true,\r\n      dropdownAllowAll: false,\r\n    perPageDropdown: [10, 20, 50, 100, 200],\r\n  }\"\r\n                                :rows=\"rows\"\r\n                                :columns=\"columns\">\r\n                            <template slot=\"table-row\" slot-scope=\"props\">\r\n                                                             <span\r\n                                                                     v-if=\"props.column.field === 'action'\"\r\n                                                                     class=\"text-nowrap\"\r\n                                                             >\r\n                                                                 <b-button size=\"sm\" @click=\"editUser(props.row.id)\"\r\n                                                                           class=\"mr-1 btn-info text-white\">\r\n                                                                Edit\r\n                                                            </b-button>\r\n                                                            <b-button size=\"sm\" @click=\"deleteUser(props.row.id)\"\r\n                                                                      class=\"mr-1 btn-danger text-white\">\r\n                                                                Delete\r\n                                                            </b-button>\r\n                                                             </span>\r\n                            </template>\r\n                        </vue-good-table>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <b-modal id=\"modalClient\" ref=\"vuemodal\" title=\"Please Select a Project\" size=\"md\" hide-footer>\r\n            <form class=\"forms-sample\" @submit.stop.prevent=\"loginClient\" autocomplete=\"off\">\r\n                <b-form-group label=\"Project*\" label-for=\"client\">\r\n                    <b-form-select v-model=\"$v.client_form.login_client_id.$model\"\r\n                                   :state=\"$v.client_form.login_client_id.$dirty ? !$v.client_form.login_client_id.$error : null\"\r\n                                   aria-describedby=\"input-1-live-feedback\" :options=\"clientArr\"></b-form-select>\r\n                    <b-form-invalid-feedback id=\"input-1-live-feedback\">{{ $t(\"field-required\") }}\r\n                    </b-form-invalid-feedback>\r\n                </b-form-group>\r\n                <b-button type=\"submit\" variant=\"success\" class=\"mr-2\">\r\n                    Submit\r\n                </b-button>\r\n            </form>\r\n        </b-modal>\r\n    </section>\r\n</template>\r\n\r\n<script>\r\n    import Vue from \"vue\";\r\n    import SortedTablePlugin from \"vue-sorted-table\";\r\n    import API from '@/api'\r\n    import Snotify, {SnotifyPosition} from 'vue-snotify'\r\n    import {validationMixin} from \"vuelidate\";\r\n    import {required, minLength, email, requiredIf, sameAs} from \"vuelidate/lib/validators\";\r\n    import router from \"../router\";\r\n\r\n    const options = {\r\n        toast: {\r\n            position: SnotifyPosition.rightTop,\r\n        }\r\n    }\r\n    Vue.use(Snotify, options)\r\n    Vue.use(SortedTablePlugin, {\r\n        ascIcon: '<i class=\"ti-arrow-down\"></i>',\r\n        descIcon: '<i class=\"ti-arrow-up\"></i>'\r\n    });\r\n    export default {\r\n        name: 'Users',\r\n        mixins: [validationMixin],\r\n        data() {\r\n            return {\r\n                form: {\r\n                    name: \"\",\r\n                    email: \"\",\r\n                    password: \"\",\r\n                    id: \"\",\r\n                    client_id: [],\r\n                    title: \"\",\r\n                    mobile_phone: \"\",\r\n                    role_name: \"\"\r\n                },\r\n                clientArr: [],\r\n                clientFullArr: [],\r\n                client_form: {\r\n                    login_client_id: '',\r\n                },\r\n                user_clients_count: 0,\r\n                serverParams: {\r\n                    // a map of column filters example: {name: 'john', age: '20'}\r\n                    columnFilters: {},\r\n                    sort: [\r\n                        {\r\n                            field: 'id', // example: 'name'\r\n                            type: 'desc' // 'asc' or 'desc'\r\n                        }\r\n                    ],\r\n\r\n                    page: 1, // what page I want to show\r\n                    perPage: 10 // how many items I'm showing per page\r\n                },\r\n                columns: [\r\n                    {\r\n                        label: 'Name',\r\n                        field: 'name',\r\n                        filterable: true\r\n                    },\r\n                    {\r\n                        label: 'Role',\r\n                        field: 'roles',\r\n                        filterable: true,\r\n                        sortable: false,\r\n                        formatFn: this.formatRole\r\n                    },\r\n                    {\r\n                        label: 'Email',\r\n                        field: 'email',\r\n                        filterable: true\r\n                    },\r\n                    {\r\n                        label: 'Client',\r\n                        field: 'user_clients',\r\n                        sortable: false,\r\n                        formatFn: this.formatFn\r\n                    },\r\n                    {\r\n                        label: 'Action',\r\n                        field: \"action\",\r\n                        sortable: false,\r\n                    },\r\n                ],\r\n                isLoading: false,\r\n                multiSelectError: false,\r\n                rows: [],\r\n                totalRecords: 0,\r\n                roles: [],\r\n                clients: [],\r\n                isDisabled: false,\r\n            };\r\n        },\r\n        validations: {\r\n            client_form: {\r\n                login_client_id: {\r\n                    required,\r\n                },\r\n            },\r\n            form: {\r\n                id: {},\r\n                name: {\r\n                    required,\r\n                }, email: {\r\n                    email,\r\n                    required,\r\n                }, role_name: {\r\n                    required,\r\n                }, password: {\r\n                    required: requiredIf((value) => value.id === ''),\r\n                    minLength: minLength(6),\r\n                    valid: function (value) {\r\n                        const containsUppercase = /[A-Z]/.test(value)\r\n                        const containsLowercase = /[a-z]/.test(value)\r\n                        const containsNumber = /[0-9]/.test(value)\r\n                        const containsSpecial = /[#?!@$%^&*-]/.test(value)\r\n                        return containsUppercase && containsLowercase && containsNumber && containsSpecial\r\n                    },\r\n                }\r\n\r\n            }\r\n        },\r\n        methods: {\r\n            getUserRoles() {\r\n                API.getUserRoles(\r\n                    data => {\r\n                        this.roles = data;\r\n                        // this.form.role_name = 'Admin';\r\n                        let one = 1;\r\n                        for (var i in this.roles) {\r\n                            if (one == 1) {\r\n                                ++one;\r\n                                this.form.role_name = i;\r\n                                this.$v.form.$reset();\r\n                            }\r\n                        }\r\n                    },\r\n                    err => {\r\n                    }\r\n                )\r\n            },\r\n\r\n            getAllUsers() {\r\n                API.getAllUser(\r\n                    data => {\r\n                        this.users = data\r\n                    },\r\n                    err => {\r\n                    }\r\n                )\r\n            },\r\n            getAllClients() {\r\n                API.get_all_cleints('',\r\n                    data => {\r\n                        var clients_data = data;\r\n                        let one = 1;\r\n                        this.clients = [];\r\n                        this.form.client_id = [];\r\n                        clients_data.forEach((value, index) => {\r\n                            const data = {\r\n                                id: value.id,\r\n                                name: value.name,\r\n                            }\r\n                            if (one == 1) {\r\n                                ++one;\r\n                                this.form.client_id.push(data);\r\n                            }\r\n                            this.clients.push(data)\r\n                        });\r\n                        // console.log(this.clients, data)\r\n                        // let one = 1;\r\n                        // for (var i in this.clients) {\r\n                        //     console.log(this.clients)\r\n                        //     if (one == 1) {\r\n                        //         ++one;\r\n                        //         console.log(i);\r\n                        //         this.form.client_id = i;\r\n                        //     }\r\n                        // }\r\n                        this.$v.form.$reset();\r\n                    },\r\n                    err => {\r\n                    }\r\n                )\r\n            },\r\n            deleteUser(e) {\r\n                this.$swal({\r\n                    title: 'Are you sure?',\r\n                    text: \"You won't be able to revert this!\",\r\n                    type: 'warning',\r\n                    showCancelButton: true,\r\n                    confirmButtonColor: '#3085d6',\r\n                    cancelButtonColor: '#d33',\r\n                    confirmButtonText: 'Yes, delete it!'\r\n                }).then((result) => {\r\n                    if (result.value) {\r\n                        let data = {\r\n                            id: e\r\n                        }\r\n                        API.deleteUser(\r\n                            data,\r\n                            data => {\r\n                                this.loadItems();\r\n                                this.$swal(\r\n                                    'Deleted!',\r\n                                    'Record has been deleted.',\r\n                                    'success'\r\n                                )\r\n                            },\r\n                            err => {\r\n                            })\r\n                    }\r\n                })\r\n            },\r\n            editUser(e) {\r\n                window.scrollTo({top: 0, behavior: 'smooth'});\r\n                this.$v.form.$reset();\r\n                this.getAllClients();\r\n                this.clientArr=[];\r\n                API.get_edit_user(\r\n                    e, data => {\r\n                        this.user_clients_count = data.user_clients_count;\r\n                        this.form.name = data.name;\r\n                        this.form.id = data.id;\r\n                        this.form.email = data.email;\r\n                        this.form.mobile_phone = data.mobile_phone;\r\n                        this.form.title = data.title;\r\n                        if (data.roles.length != 0) {\r\n                            this.form.role_name = data.roles[0].name;\r\n                        } else {\r\n                            this.form.role_name = '';\r\n                        }\r\n                        if (data.user_clients.length > 0) {\r\n                            this.form.client_id = [];\r\n                            data.user_clients.forEach((value, index) => {\r\n                                const data = {\r\n                                    id: (value.clients) ? value.clients.id : '',\r\n                                    name: (value.clients) ? value.clients.name : '',\r\n                                }\r\n\r\n                                const data1 = {\r\n                                    value: (value.clients) ? value.clients.id : '',\r\n                                    text: (value.clients) ? value.clients.name : '',\r\n                                }\r\n                                this.clientArr.push(data1)\r\n                                this.clientFullArr.push(value)\r\n                                this.form.client_id.push(data)\r\n                            });\r\n\r\n                            localStorage.setItem('clientArr', JSON.stringify(this.clientFullArr))\r\n                            localStorage.setItem('user_clients_count', JSON.stringify(data.user_clients.length))\r\n                        }\r\n\r\n                    },\r\n                    err => {\r\n                    }\r\n                )\r\n            },\r\n            onSubmit() {\r\n                this.$v.form.$touch();\r\n                console.log(this.$v.form.$anyError)\r\n                if (this.$v.form.$anyError) {\r\n                    if (!this.$v.form.password.valid && this.$v.form.password != '' && this.$v.form.password !== '' && this.form.client_id.length > 0) {\r\n                        this.isDisabled = true;\r\n                        this.userForm();\r\n                    } else {\r\n                        return;\r\n                    }\r\n                } else {\r\n                    console.log(this.form.name, this.form.email, this.form.role_name, this.form.client_id)\r\n                    if (this.form.name != '' && this.form.email != '' && this.form.role_name != '' && this.form.client_id.length > 0) {\r\n\r\n                        this.isDisabled = true;\r\n                        this.userForm();\r\n                    } else {\r\n                        this.isDisabled = false;\r\n                        this.$snotify.warning('Please fill required fields', {\r\n                            timeout: 2000,\r\n                            showProgressBar: false,\r\n                            closeOnClick: true,\r\n                            pauseOnHover: true,\r\n                        });\r\n\r\n                    }\r\n                }\r\n            }, resetForm() {\r\n                var self = this; //you need this because *this* will refer to Object.keys below`\r\n\r\n                //Iterate through each object field, key is name of the object field`\r\n                Object.keys(this.data.form).forEach(function (key, index) {\r\n                    self.data.form[key] = '';\r\n                });\r\n            }, userForm() {\r\n                API.add_edit_users(\r\n                    this.form,\r\n                    data => {\r\n                        this.isDisabled = false;\r\n                        this.$snotify.success(data, {\r\n                            timeout: 2000,\r\n                            showProgressBar: false,\r\n                            closeOnClick: true,\r\n                            pauseOnHover: true,\r\n                        });\r\n\r\n                        this.form.name = '';\r\n                        this.form.email = '';\r\n                        this.form.password = '';\r\n                        this.form.id = '';\r\n                        this.form.mobile_phone = '';\r\n                        this.form.title = '';\r\n                        this.getAllClients();\r\n                        this.loadItems();\r\n                        this.$v.form.$reset();\r\n                        this.getUserRoles();\r\n                    },\r\n                    err => {\r\n                        this.isDisabled = false;\r\n                        console.log(err['data']['errors']['email'][0]);\r\n                        this.$snotify.error(err['data']['errors']['email'][0], {\r\n                            timeout: 2000,\r\n                            showProgressBar: false,\r\n                            closeOnClick: true,\r\n                            pauseOnHover: true,\r\n                        });\r\n                    }\r\n                )\r\n            },\r\n\r\n\r\n            updateParams(newProps) {\r\n                this.serverParams = Object.assign({}, this.serverParams, newProps);\r\n            },\r\n\r\n            onPageChange(params) {\r\n                this.updateParams({page: params.currentPage});\r\n                this.loadItems();\r\n            },\r\n\r\n            onPerPageChange(params) {\r\n                this.updateParams({perPage: params.currentPerPage});\r\n                this.loadItems();\r\n            },\r\n\r\n            onSortChange(params) {\r\n                console.log(params.sortType);\r\n                this.updateParams({\r\n                    sort: [{\r\n                        type: params[0].type,\r\n                        field: params[0].field,\r\n                    }],\r\n                });\r\n                this.loadItems();\r\n            },\r\n\r\n            onColumnFilter(params) {\r\n                this.updateParams(params);\r\n                this.loadItems();\r\n            },\r\n            searchFn(params) {\r\n                this.updateParams({searchTerm: params});\r\n                this.loadItems();\r\n            },\r\n            loadItems() {\r\n                API.getAllUser(this.serverParams,\r\n                    data => {\r\n                        this.totalRecords = data.totalRecords;\r\n                        this.rows = data.data.data;\r\n                        // this.users = data\r\n                    },\r\n                    err => {\r\n                    }\r\n                )\r\n            },\r\n            formatFn: function (value) {\r\n                var data = [];\r\n                if (value.length > 0) {\r\n                    value.forEach((value, index) => {\r\n                        if(value.clients) {\r\n                            data.push(value.clients.name)\r\n                        }\r\n                    })\r\n                }\r\n\r\n                return data.toString();\r\n\r\n            },\r\n            formatRole: function (value) {\r\n                if (value[0] != null && typeof value[0].name != 'undefined') {\r\n                    return value[0].name;\r\n                }\r\n            },\r\n            changeClient(event) {\r\n                console.log(event)\r\n                if (event.length === 0) {\r\n                    this.multiSelectError = true;\r\n                } else {\r\n                    this.multiSelectError = false;\r\n                }\r\n            },\r\n            loginAs() {\r\n                if (this.user_clients_count === 1) {\r\n                    let data = {\r\n                        email: this.form.email,\r\n                        client_id: this.form.client_id[0].id,\r\n                    }\r\n                    var admin_email = JSON.parse(localStorage.getItem('user'));\r\n                    API.loginAs(data,\r\n                        data => {\r\n                            if (typeof data.token !== \"undefined\") {\r\n                                localStorage.setItem('isLoggedin', data.token)\r\n                                localStorage.setItem('client_settings', JSON.stringify(data.client_settings))\r\n                                localStorage.setItem('user', JSON.stringify(data.user))\r\n                                localStorage.setItem('userPermissions', JSON.stringify(data.permission))\r\n                                localStorage.setItem('super_admin_email', admin_email.email)\r\n                                localStorage.setItem('client_id', this.form.client_id[0].id)\r\n                                router.push(\"/dashboard\")\r\n                                router.go(\"/dashboard\")\r\n                            }\r\n                        },\r\n                        err => {\r\n                        }\r\n                    )\r\n                } else {\r\n                    this.$root.$emit(\"bv::show::modal\", \"modalClient\");\r\n                }\r\n            },\r\n            loginClient() {\r\n                this.$v.client_form.$touch();\r\n                if (this.$v.client_form.$anyError) {\r\n                    return\r\n                }\r\n\r\n                if (this.client_form.login_client_id !== '') {\r\n                    let data = {\r\n                        email: this.form.email,\r\n                        client_id: this.client_form.login_client_id,\r\n                    }\r\n                    var admin_email = JSON.parse(localStorage.getItem('user'));\r\n                    API.loginAs(data,\r\n                        data => {\r\n                            if (typeof data.token !== \"undefined\") {\r\n                                console.log(data)\r\n                                localStorage.setItem('isLoggedin', data.token)\r\n                                localStorage.setItem('client_settings', JSON.stringify(data.client_settings))\r\n                                localStorage.setItem('user', JSON.stringify(data.user))\r\n                                localStorage.setItem('userPermissions', JSON.stringify(data.permission))\r\n                                localStorage.setItem('super_admin_email', admin_email.email)\r\n                                localStorage.setItem('client_id', this.client_form.login_client_id)\r\n                                router.push(\"/dashboard\")\r\n                                router.go(\"/dashboard\")\r\n                            }\r\n                        },\r\n                        err => {\r\n                        }\r\n                    )\r\n                }\r\n            }\r\n\r\n        }, computed: {},\r\n        mounted() {\r\n            this.loadItems();\r\n            this.getUserRoles();\r\n            this.getAllClients();\r\n        }\r\n    }\r\n</script>\r\n\r\n<style>\r\n    .row .card .new-card-body {\r\n        padding: 1.25rem 1.437rem !important;\r\n    }\r\n    @media (max-width: 450px) {\r\n        .vgt-wrap__footer .footer__navigation__page-btn:nth-child(3) {\r\n            float: right;\r\n            margin-left: 8px;\r\n        }\r\n        .vgt-wrap__footer .footer__navigation__page-btn:nth-child(2) {\r\n            margin-left: 0px;\r\n            float: left;\r\n        }\r\n        .vgt-wrap__footer .footer__navigation__page-info {\r\n            width: 100%;\r\n            text-align: center;\r\n            margin: 0;\r\n        }\r\n        .vgt-pull-right {\r\n            float: inherit !important;\r\n        }\r\n    }\r\n    @media (max-width: 375px) {\r\n        .row .card .new-card-body {\r\n            padding: 1.25rem 1.437rem !important;\r\n        }\r\n    }\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./users.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./users.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./users.vue?vue&type=template&id=3aabe316&\"\nimport script from \"./users.vue?vue&type=script&lang=js&\"\nexport * from \"./users.vue?vue&type=script&lang=js&\"\nimport style0 from \"./users.vue?vue&type=style&index=0&id=3aabe316&prod&lang=css&\"\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","var $ = require('../internals/export');\nvar toObject = require('../internals/to-object');\nvar nativeKeys = require('../internals/object-keys');\nvar fails = require('../internals/fails');\n\nvar FAILS_ON_PRIMITIVES = fails(function () { nativeKeys(1); });\n\n// `Object.keys` method\n// https://tc39.es/ecma262/#sec-object.keys\n$({ target: 'Object', stat: true, forced: FAILS_ON_PRIMITIVES }, {\n  keys: function keys(it) {\n    return nativeKeys(toObject(it));\n  }\n});\n"],"sourceRoot":""}