{"version":3,"sources":["webpack:///./src/views/admin/manage/customer/SaveCustomer.vue?2e99","webpack:///./src/views/admin/manage/customer/SaveCustomer.vue?fad3","webpack:///./src/components/customer/Permissions.vue?1a42","webpack:///src/components/customer/Permissions.vue","webpack:///./src/components/customer/Permissions.vue?34bd","webpack:///./src/components/customer/Permissions.vue","webpack:///src/views/admin/manage/customer/SaveCustomer.vue","webpack:///./src/views/admin/manage/customer/SaveCustomer.vue?774b","webpack:///./src/views/admin/manage/customer/SaveCustomer.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","id","_e","_v","_s","form","attrs","model","value","callback","$$v","activeTab","expression","on","$event","preventDefault","onSubmit","apply","arguments","isSubmitting","$set","staticClass","_l","validationByKey","message","key","customerTypes","length","successMessage","directives","name","rawName","modifiers","class","staticRenderFns","addUserToCustomer","isShowingAvailableUsersToAdd","userWithoutPermissions","selectedUser","add","alreadySelectedUsers","fields","scopedSlots","_u","fn","row","toggleWriteAccess","item","userId","userFullName","confirm","proxy","component","components","Permissions","props","String","data","validationErrors","customerNo","customerType","computed","isEditMode","methods","onCreated","hasSavedSuccessfullly","code","resetForm"],"mappings":"qJAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAAGJ,EAAIM,GAAuEN,EAAIO,KAAvEH,EAAG,KAAK,CAACJ,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIU,KAAKJ,GAAK,QAAU,SAAS,WAAoBF,EAAG,MAAMA,EAAG,MAAM,CAACA,EAAG,SAAS,CAACO,MAAM,CAAC,gBAAgB,QAAQC,MAAM,CAACC,MAAOb,EAAa,UAAEc,SAAS,SAAUC,GAAMf,EAAIgB,UAAUD,GAAKE,WAAW,cAAc,CAACb,EAAG,QAAQ,CAACO,MAAM,CAAC,MAAQ,cAAc,CAACP,EAAG,SAAS,CAACc,GAAG,CAAC,OAAS,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBpB,EAAIqB,SAASC,MAAM,KAAMC,cAAc,CAACnB,EAAG,eAAe,CAACO,MAAM,CAAC,GAAK,yBAAyB,MAAQ,SAAS,YAAY,qBAAqB,CAACP,EAAG,eAAe,CAACO,MAAM,CAAC,GAAK,mBAAmB,KAAO,OAAO,YAAc,cAAc,SAAWX,EAAIwB,aAAa,aAAe,MAAM,mBAAmB,8BAA8B,SAAW,IAAIZ,MAAM,CAACC,MAAOb,EAAIU,KAAe,WAAEI,SAAS,SAAUC,GAAMf,EAAIyB,KAAKzB,EAAIU,KAAM,aAAcK,IAAME,WAAW,qBAAqBb,EAAG,cAAc,CAACO,MAAM,CAAC,GAAK,gCAAgC,CAACP,EAAG,KAAK,CAACsB,YAAY,oBAAoB1B,EAAI2B,GAAI3B,EAAI4B,gBAAgB,eAAe,SAASC,GAAS,OAAOzB,EAAG,KAAK,CAAC0B,IAAID,GAAS,CAAC7B,EAAIQ,GAAG,IAAIR,EAAIS,GAAGoB,GAAS,UAAS,MAAM,GAAGzB,EAAG,eAAe,CAACO,MAAM,CAAC,GAAK,mBAAmB,MAAQ,OAAO,YAAY,eAAe,CAACP,EAAG,eAAe,CAACO,MAAM,CAAC,GAAK,aAAa,KAAO,OAAO,YAAc,YAAY,SAAWX,EAAIwB,aAAa,aAAe,MAAM,mBAAmB,wBAAwB,SAAW,IAAIZ,MAAM,CAACC,MAAOb,EAAIU,KAAS,KAAEI,SAAS,SAAUC,GAAMf,EAAIyB,KAAKzB,EAAIU,KAAM,OAAQK,IAAME,WAAW,eAAeb,EAAG,cAAc,CAACO,MAAM,CAAC,GAAK,0BAA0B,CAACP,EAAG,KAAK,CAACsB,YAAY,oBAAoB1B,EAAI2B,GAAI3B,EAAI4B,gBAAgB,SAAS,SAASC,GAAS,OAAOzB,EAAG,KAAK,CAAC0B,IAAID,GAAS,CAAC7B,EAAIQ,GAAG,IAAIR,EAAIS,GAAGoB,GAAS,UAAS,MAAM,GAAGzB,EAAG,eAAe,CAACO,MAAM,CAAC,GAAK,2BAA2B,MAAQ,MAAM,YAAY,uBAAuB,CAACP,EAAG,gBAAgB,CAACO,MAAM,CAAC,GAAK,qBAAqB,QAAUX,EAAI+B,cAAc,SAAW/B,EAAIwB,aAAa,mBAAmB,gCAAgC,SAAW,IAAIZ,MAAM,CAACC,MAAOb,EAAIU,KAAiB,aAAEI,SAAS,SAAUC,GAAMf,EAAIyB,KAAKzB,EAAIU,KAAM,eAAgBK,IAAME,WAAW,uBAAuBb,EAAG,cAAc,CAACO,MAAM,CAAC,GAAK,kCAAkC,CAACP,EAAG,KAAK,CAACsB,YAAY,oBAAoB1B,EAAI2B,GAAI3B,EAAI4B,gBAAgB,iBAAiB,SAASC,GAAS,OAAOzB,EAAG,KAAK,CAAC0B,IAAID,GAAS,CAAC7B,EAAIQ,GAAG,IAAIR,EAAIS,GAAGoB,GAAS,UAAS,MAAM,GAAGzB,EAAG,UAAU,CAACO,MAAM,CAAC,KAAOX,EAAI4B,gBAAgB,SAASI,OAAS,EAAE,QAAU,WAAW,CAAC5B,EAAG,KAAK,CAACsB,YAAY,oBAAoB1B,EAAI2B,GAAI3B,EAAI4B,gBAAgB,UAAU,SAASC,GAAS,OAAOzB,EAAG,KAAK,CAAC0B,IAAID,GAAS,CAAC7B,EAAIQ,GAAG,IAAIR,EAAIS,GAAGoB,GAAS,UAAS,KAAKzB,EAAG,UAAU,CAACsB,YAAY,YAAYf,MAAM,CAAC,KAAOX,EAAIiC,eAAeD,OAAS,EAAE,QAAU,YAAY,CAAC5B,EAAG,KAAK,CAACsB,YAAY,oBAAoB,CAACtB,EAAG,oBAAoB,CAACO,MAAM,CAAC,KAAO,iBAAiBX,EAAIQ,GAAG,IAAIR,EAAIS,GAAGT,EAAIiC,gBAAgB,MAAM,KAAK7B,EAAG,WAAW,CAAC8B,WAAW,CAAC,CAACC,KAAK,YAAYC,QAAQ,oBAAoBC,UAAU,CAAC,OAAQ,KAAQX,YAAY,mBAAmBY,MAAM,CAAE,YAAatC,EAAIM,IAAKK,MAAM,CAAC,QAAU,UAAU,KAAO,SAAS,SAAWX,EAAIwB,aAAa,MAAQxB,EAAIwB,aAAe,YAAc,KAAK,CAAExB,EAAgB,aAAEI,EAAG,oBAAoB,CAACO,MAAM,CAAC,KAAO,UAAU,KAAO,MAAMX,EAAIO,KAAKP,EAAIQ,GAAG,YAAY,IAAI,IAAI,GAAIR,EAAc,WAAEI,EAAG,QAAQ,CAACO,MAAM,CAAC,MAAQ,aAAa,KAAO,KAAK,CAACP,EAAG,cAAc,CAACO,MAAM,CAAC,cAAcX,EAAIU,KAAKJ,OAAO,GAAGN,EAAIO,MAAM,IAAI,MACv8GgC,EAAkB,G,wDCDlB,EAAS,WAAa,IAAIvC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACsB,YAAY,4CAA4C,CAACtB,EAAG,KAAK,CAACJ,EAAIQ,GAAG,eAAgBR,EAAgC,6BAAEI,EAAG,WAAW,CAACsB,YAAY,cAAcf,MAAM,CAAC,QAAU,WAAWO,GAAG,CAAC,MAAQlB,EAAIwC,oBAAoB,CAACxC,EAAIQ,GAAG,iBAAiBR,EAAIO,MAAM,GAAKP,EAAIyC,6BAA88BzC,EAAIO,KAAp7B,CAACH,EAAG,eAAe,CAACO,MAAM,CAAC,GAAK,oBAAoB,MAAQ,mBAAmB,CAACP,EAAG,gBAAgB,CAACO,MAAM,CAAC,QAAUX,EAAI0C,uBAAuB,cAAc,SAAS,aAAa,gBAAgB9B,MAAM,CAACC,MAAOb,EAAgB,aAAEc,SAAS,SAAUC,GAAMf,EAAI2C,aAAa5B,GAAKE,WAAW,mBAAmB,GAAGb,EAAG,UAAU,CAACO,MAAM,CAAC,KAAOX,EAAI4B,gBAAgB,SAASI,OAAS,EAAE,QAAU,WAAW,CAAC5B,EAAG,KAAK,CAACsB,YAAY,oBAAoB1B,EAAI2B,GAAI3B,EAAI4B,gBAAgB,UAAU,SAASC,GAAS,OAAOzB,EAAG,KAAK,CAAC0B,IAAID,GAAS,CAAC7B,EAAIQ,GAAG,IAAIR,EAAIS,GAAGoB,GAAS,UAAS,KAAKzB,EAAG,MAAM,CAACsB,YAAY,uCAAuC,CAACtB,EAAG,WAAW,CAACO,MAAM,CAAC,QAAU,UAAU,SAAWX,EAAIwB,cAAcN,GAAG,CAAC,MAAQ,SAASC,GAAQnB,EAAIyC,8BAA+B,KAAQ,CAACzC,EAAIQ,GAAG,cAAcJ,EAAG,WAAW,CAACO,MAAM,CAAC,QAAU,UAAU,SAAWX,EAAIwB,cAAcN,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOnB,EAAI4C,IAAI,MAAM,CAAC5C,EAAIQ,GAAG,kBAAkB,IAAcR,EAAgC,6BAAEI,EAAG,UAAU,CAACO,MAAM,CAAC,MAAQX,EAAI6C,qBAAqB,OAAS7C,EAAI8C,OAAO,QAAU,KAAK,aAAa,GAAG,MAAQ,IAAIC,YAAY/C,EAAIgD,GAAG,CAAC,CAAClB,IAAI,oBAAoBmB,GAAG,SAASC,GAAK,MAAO,CAAC9C,EAAG,kBAAkB,CAACc,GAAG,CAAC,OAAS,SAASC,GAAQ,OAAOnB,EAAImD,kBAAkBhC,EAAQ+B,EAAIE,KAAKC,UAAUzC,MAAM,CAACC,MAAOqC,EAAIE,KAAmB,eAAEtC,SAAS,SAAUC,GAAMf,EAAIyB,KAAKyB,EAAIE,KAAM,iBAAkBrC,IAAME,WAAW,gCAAgC,CAACa,IAAI,qBAAqBmB,GAAG,SAASC,GAAK,MAAO,CAAC9C,EAAG,MAAM,CAACsB,YAAY,mBAAmB,CAAC1B,EAAIQ,GAAG,IAAIR,EAAIS,GAAGyC,EAAIE,KAAKE,cAAc,UAAU,CAACxB,IAAI,gBAAgBmB,GAAG,SAASC,GAAK,MAAO,CAAC9C,EAAG,oBAAoB,CAACsB,YAAY,6BAA6Bf,MAAM,CAAC,KAAO,YAAY,KAAO,SAAS,KAAO,KAAK,SAAWX,EAAIwB,cAAcN,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOnB,EAAIuD,QAAQ,SAAUL,EAAIE,KAAKC,YAAYjD,EAAG,WAAW,CAACsB,YAAY,gCAAgCf,MAAM,CAAC,MAAQ,GAAG,QAAU,SAAS,SAAWX,EAAIwB,cAAcN,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOnB,EAAIuD,QAAQ,SAAUL,EAAIE,KAAKC,WAAW,CAACrD,EAAIQ,GAAG,kBAAkB,CAACsB,IAAI,QAAQmB,GAAG,WAAW,MAAO,CAAC7C,EAAG,KAAK,CAACsB,YAAY,kBAAkB8B,OAAM,IAAO,MAAK,EAAM,cAAcxD,EAAIO,MAAM,IACvjF,EAAkB,GCoFtB,GACE,MAAF,CACI,WAAJ,CACM,KAAN,OACM,UAAN,IAGE,KAPF,WAQI,MAAJ,CACM,iBAAN,KACM,cAAN,EACM,aAAN,KACM,8BAAN,EACM,uBAAN,GACM,qBAAN,KACM,OAAN,CACA,CACQ,IAAR,cACQ,MAAR,QACQ,UAAR,EACQ,cAAR,QAEA,CACQ,IAAR,eACQ,MAAR,OACQ,UAAR,EACQ,cAAR,QAEA,CAAQ,IAAR,UAAQ,MAAR,GAAQ,QAAR,mCAIE,QAhCF,WAgCI,IAAJ,OAAI,OAAJ,qDAAM,OAAN,qCAAQ,MAAR,+CACA,4BADA,8CAGE,QAAF,CACI,gBADJ,SACA,GACM,OAAN,qDAEI,kBAJJ,SAIA,KACM,KAAN,eACM,KAAN,YAEI,OARJ,SAQA,GAAM,IAAN,OAAM,OAAN,qDAAQ,OAAR,qCAAU,MAAV,EAAY,OAAZ,sCAGA,eACA,yBADA,+BAEA,aAFA,mBAEA,IAEA,kBACkB,EAAlB,0BACkB,EAAlB,kCAEA,mBACkB,EAAlB,gBACkB,EAAlB,2CAbA,8CAgBI,kBAxBJ,WAwBM,IAAN,OAAM,OAAN,qDAAQ,OAAR,qCAAU,MAAV,EAAY,OAAZ,6BACgB,EAAhB,gCADA,SAEA,6CAFA,8CAII,IA5BJ,SA4BA,GAAM,IAAN,OAAM,OAAN,qDAAQ,OAAR,qCAAU,MAAV,EAAY,OAAZ,6BACgB,EAAhB,gBADA,SAGA,eACA,yBADA,MAEA,CAAkB,WAAlB,aAAkB,OAAlB,eAAkB,WAAlB,IAEA,kBACkB,EAAlB,0BACkB,EAAlB,gCACkB,EAAlB,kBACkB,EAAlB,gBACkB,EAAlB,kCAEA,mBACkB,EAAlB,gBACkB,EAAlB,2CAhBA,8CAmBI,wBA/CJ,WA+CM,IAAN,OAAM,OAAN,qDAAQ,OAAR,qCAAU,MAAV,EAAY,OAAZ,sCAEA,yFACA,kBACkB,EAAlB,4BACkB,EAAlB,kCAEA,mBACkB,EAAlB,gBACkB,EAAlB,2CATA,8CAYI,yCA3DJ,WA2DM,IAAN,OAAM,OAAN,qDAAQ,OAAR,qCAAU,MAAV,EAAY,OAAZ,sCACA,0GACA,kBACkB,EAAlB,8BACkB,EAAlB,kCAEA,mBACkB,EAAlB,gBACkB,EAAlB,2CARA,8CAWI,QAtEJ,SAsEA,KAAM,IAAN,OACM,KAAN,SACA,yDACQ,MAAR,eACQ,KAAR,KACQ,cAAR,UACQ,YAAR,MACQ,QAAR,KACQ,UAAR,SACQ,YAAR,8BACQ,iBAAR,EACQ,UAAR,IAEA,kBACA,cAEA,0BC9MoW,I,YCOhWkD,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,EAAAA,E,QC2Ff,GACEtB,KAAM,eACNuB,WAAY,CACVC,YAAJ,GAEEC,MAAO,CACLtD,GAAIuD,QAENC,KARF,WASI,MAAO,CACL9C,UAAW,EACXQ,cAAc,EACdS,eAAgB,GAChB8B,iBAAkB,KAClBrD,KAAM,CACJJ,GAAI,KACJ0D,WAAY,GACZ7B,KAAM,GACN8B,aAAc,GAEhB,cAAN,CACA,CAAQ,MAAR,EAAQ,KAAR,QACA,CAAQ,MAAR,EAAQ,KAAR,QACA,CAAQ,MAAR,EAAQ,KAAR,WAKEC,SAAU,CACRC,WADJ,WAEM,OAAOlE,KAAKS,KAAKJ,GAAK,IAG1B,QAjCF,WAiCA,2JAEA,4CAEA,aAJA,gCAKA,oDACA,kBACA,iBAEA,mBACA,6CAVA,8CAcE8D,QAAS,CACP,SADJ,WACA,+JAEA,oBACA,wBACA,kBAJA,SAMA,4DACA,kBACA,0BACA,8EACA,oCAEA,mBACA,6CAbA,OAeA,mBAGA,6CAlBA,8CAoBIC,UArBJ,WAsBMpE,KAAKqE,uBAAwB,GAE/B1C,gBAxBJ,SAwBA,GACM,OAAO3B,KAAK8D,kBAAmB9D,KAAK8D,iBAAiBQ,IAAc,IAErEC,UA3BJ,WA4BMvE,KAAKS,KAAO,CACVJ,GAAI,KACJ0D,WAAY,GACZ7B,KAAM,GACN8B,aAAc,GAEhBhE,KAAK8D,iBAAmB,QC9LqW,ICQ/X,G,UAAY,eACd,EACAhE,EACAwC,GACA,EACA,KACA,WACA,OAIa,e","file":"js/admin-manage-customer-save.4dbf3cc0.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SaveCustomer.vue?vue&type=style&index=0&id=12b64e65&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(!_vm.id)?_c('h1',[_vm._v(_vm._s(_vm.form.id ? 'Ändra' : 'Skapa')+\" kund\")]):_vm._e(),_c('hr'),_c('div',[_c('b-tabs',{attrs:{\"content-class\":\"mt-3\"},model:{value:(_vm.activeTab),callback:function ($$v) {_vm.activeTab=$$v},expression:\"activeTab\"}},[_c('b-tab',{attrs:{\"title\":\"Grunddata\"}},[_c('b-form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.onSubmit.apply(null, arguments)}}},[_c('b-form-group',{attrs:{\"id\":\"input-group-customerNo\",\"label\":\"Kundnr\",\"label-for\":\"input-customerNo\"}},[_c('b-form-input',{attrs:{\"id\":\"input-customerNo\",\"type\":\"text\",\"placeholder\":\"Ange kundnr\",\"disabled\":_vm.isSubmitting,\"autocomplete\":\"off\",\"aria-describedby\":\"input-customerNo-help-block\",\"required\":\"\"},model:{value:(_vm.form.customerNo),callback:function ($$v) {_vm.$set(_vm.form, \"customerNo\", $$v)},expression:\"form.customerNo\"}}),_c('b-form-text',{attrs:{\"id\":\"input-customerNo-help-block\"}},[_c('ul',{staticClass:\"text-danger mb-0\"},_vm._l((_vm.validationByKey('CustomerNo')),function(message){return _c('li',{key:message},[_vm._v(\" \"+_vm._s(message)+\" \")])}),0)])],1),_c('b-form-group',{attrs:{\"id\":\"input-group-name\",\"label\":\"Namn\",\"label-for\":\"input-name\"}},[_c('b-form-input',{attrs:{\"id\":\"input-name\",\"type\":\"text\",\"placeholder\":\"Ange namn\",\"disabled\":_vm.isSubmitting,\"autocomplete\":\"off\",\"aria-describedby\":\"input-name-help-block\",\"required\":\"\"},model:{value:(_vm.form.name),callback:function ($$v) {_vm.$set(_vm.form, \"name\", $$v)},expression:\"form.name\"}}),_c('b-form-text',{attrs:{\"id\":\"input-name-help-block\"}},[_c('ul',{staticClass:\"text-danger mb-0\"},_vm._l((_vm.validationByKey('Name')),function(message){return _c('li',{key:message},[_vm._v(\" \"+_vm._s(message)+\" \")])}),0)])],1),_c('b-form-group',{attrs:{\"id\":\"input-group-customerType\",\"label\":\"Typ\",\"label-for\":\"input-customerType\"}},[_c('b-form-select',{attrs:{\"id\":\"input-customerType\",\"options\":_vm.customerTypes,\"disabled\":_vm.isSubmitting,\"aria-describedby\":\"input-customerType-help-block\",\"required\":\"\"},model:{value:(_vm.form.customerType),callback:function ($$v) {_vm.$set(_vm.form, \"customerType\", $$v)},expression:\"form.customerType\"}}),_c('b-form-text',{attrs:{\"id\":\"input-customerType-help-block\"}},[_c('ul',{staticClass:\"text-danger mb-0\"},_vm._l((_vm.validationByKey('CustomerType')),function(message){return _c('li',{key:message},[_vm._v(\" \"+_vm._s(message)+\" \")])}),0)])],1),_c('b-alert',{attrs:{\"show\":_vm.validationByKey('Other').length > 0,\"variant\":\"danger\"}},[_c('ul',{staticClass:\"text-danger mb-0\"},_vm._l((_vm.validationByKey('Other')),function(message){return _c('li',{key:message},[_vm._v(\" \"+_vm._s(message)+\" \")])}),0)]),_c('b-alert',{staticClass:\"mb-0 mt-4\",attrs:{\"show\":_vm.successMessage.length > 0,\"variant\":\"success\"}},[_c('h6',{staticClass:\"mb-0 text-center\"},[_c('font-awesome-icon',{attrs:{\"icon\":\"info-circle\"}}),_vm._v(\" \"+_vm._s(_vm.successMessage)+\" \")],1)]),_c('b-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],staticClass:\"float-right mt-4\",class:{ 'btn-block': _vm.id },attrs:{\"variant\":\"primary\",\"type\":\"submit\",\"disabled\":_vm.isSubmitting,\"title\":_vm.isSubmitting ? 'Sparar...' : ''}},[(_vm.isSubmitting)?_c('font-awesome-icon',{attrs:{\"icon\":\"spinner\",\"spin\":\"\"}}):_vm._e(),_vm._v(\" Spara \")],1)],1)],1),(_vm.isEditMode)?_c('b-tab',{attrs:{\"title\":\"Behörighet\",\"lazy\":\"\"}},[_c('Permissions',{attrs:{\"customer-id\":_vm.form.id}})],1):_vm._e()],1)],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',{staticClass:\"d-flex justify-content-between mt-4 mb-2\"},[_c('h3',[_vm._v(\"Användare\")]),(_vm.isShowingAvailableUsersToAdd)?_c('b-button',{staticClass:\"float-right\",attrs:{\"variant\":\"primary\"},on:{\"click\":_vm.addUserToCustomer}},[_vm._v(\" Lägg till \")]):_vm._e()],1),(!_vm.isShowingAvailableUsersToAdd)?[_c('b-form-group',{attrs:{\"id\":\"form-group-select\",\"label\":\"Välj användare\"}},[_c('b-form-select',{attrs:{\"options\":_vm.userWithoutPermissions,\"value-field\":\"userId\",\"text-field\":\"userFullName\"},model:{value:(_vm.selectedUser),callback:function ($$v) {_vm.selectedUser=$$v},expression:\"selectedUser\"}})],1),_c('b-alert',{attrs:{\"show\":_vm.validationByKey('Other').length > 0,\"variant\":\"danger\"}},[_c('ul',{staticClass:\"text-danger mb-0\"},_vm._l((_vm.validationByKey('Other')),function(message){return _c('li',{key:message},[_vm._v(\" \"+_vm._s(message)+\" \")])}),0)]),_c('div',{staticClass:\"d-flex justify-content-between mt-4\"},[_c('b-button',{attrs:{\"variant\":\"warning\",\"disabled\":_vm.isSubmitting},on:{\"click\":function($event){_vm.isShowingAvailableUsersToAdd = true}}},[_vm._v(\" Avbryt \")]),_c('b-button',{attrs:{\"variant\":\"primary\",\"disabled\":_vm.isSubmitting},on:{\"click\":function($event){return _vm.add(1)}}},[_vm._v(\" Lägg till \")])],1)]:_vm._e(),(_vm.isShowingAvailableUsersToAdd)?_c('b-table',{attrs:{\"items\":_vm.alreadySelectedUsers,\"fields\":_vm.fields,\"stacked\":\"sm\",\"show-empty\":\"\",\"small\":\"\"},scopedSlots:_vm._u([{key:\"cell(writeAccess)\",fn:function(row){return [_c('b-form-checkbox',{on:{\"change\":function($event){return _vm.toggleWriteAccess($event, row.item.userId)}},model:{value:(row.item.hasWriteAccess),callback:function ($$v) {_vm.$set(row.item, \"hasWriteAccess\", $$v)},expression:\"row.item.hasWriteAccess\"}})]}},{key:\"cell(userFullName)\",fn:function(row){return [_c('div',{staticClass:\"overflow-hidden\"},[_vm._v(\" \"+_vm._s(row.item.userFullName)+\" \")])]}},{key:\"cell(actions)\",fn:function(row){return [_c('font-awesome-icon',{staticClass:\"d-none d-sm-block text-red\",attrs:{\"icon\":\"trash-alt\",\"role\":\"button\",\"size\":\"lg\",\"disabled\":_vm.isSubmitting},on:{\"click\":function($event){return _vm.confirm('remove', row.item.userId)}}}),_c('b-button',{staticClass:\"text-center d-block d-sm-none\",attrs:{\"block\":\"\",\"variant\":\"danger\",\"disabled\":_vm.isSubmitting},on:{\"click\":function($event){return _vm.confirm('remove', row.item.userId)}}},[_vm._v(\" Ta bort \")])]}},{key:\"empty\",fn:function(){return [_c('h4',{staticClass:\"text-center\"})]},proxy:true}],null,false,1694603123)}):_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <div class=\"d-flex justify-content-between mt-4 mb-2\">\n            <h3>Användare</h3>\n            <b-button v-if=\"isShowingAvailableUsersToAdd\"\n                      variant=\"primary\"\n                      class=\"float-right\"\n                      @click=\"addUserToCustomer\">\n                Lägg till\n            </b-button>\n        </div>\n\n        <template v-if=\"!isShowingAvailableUsersToAdd\">\n            <b-form-group id=\"form-group-select\" label=\"Välj användare\">\n                <b-form-select v-model=\"selectedUser\"\n                               :options=\"userWithoutPermissions\"\n                               value-field=\"userId\"\n                               text-field=\"userFullName\" />\n            </b-form-group>\n\n            <b-alert :show=\"validationByKey('Other').length > 0\"\n                     variant=\"danger\">\n                <ul class=\"text-danger mb-0\">\n                    <li v-for=\"message in validationByKey('Other')\" :key=\"message\">\n                        {{ message }}\n                    </li>\n                </ul>\n            </b-alert>\n\n            <div class=\"d-flex justify-content-between mt-4\">\n                <b-button variant=\"warning\"\n                          @click=\"isShowingAvailableUsersToAdd = true\"\n                          :disabled=\"isSubmitting\">\n                    Avbryt\n                </b-button>\n                <b-button variant=\"primary\"\n                          @click=\"add(1)\"\n                          :disabled=\"isSubmitting\">\n                    Lägg till\n                </b-button>\n            </div>\n        </template>\n\n        <!--Add-->\n        <b-table v-if=\"isShowingAvailableUsersToAdd\"\n                 :items=\"alreadySelectedUsers\"\n                 :fields=\"fields\"\n                 stacked=\"sm\"\n                 show-empty\n                 small>\n            <template #cell(writeAccess)=\"row\">\n                <b-form-checkbox @change=\"toggleWriteAccess($event, row.item.userId)\"\n                                 v-model=\"row.item.hasWriteAccess\" />\n            </template>\n            <template #cell(userFullName)=\"row\">\n                <div class=\"overflow-hidden\">\n                    {{ row.item.userFullName }}\n                </div>\n            </template>\n            <template #cell(actions)=\"row\">\n                <font-awesome-icon icon=\"trash-alt\"\n                                   role=\"button\"\n                                   class=\"d-none d-sm-block text-red\"\n                                   size=\"lg\"\n                                   :disabled=\"isSubmitting\"\n                                   @click=\"confirm('remove', row.item.userId)\" />\n\n                <b-button class=\"text-center d-block d-sm-none\"\n                          block\n                          variant=\"danger\"\n                          :disabled=\"isSubmitting\"\n                          @click=\"confirm('remove', row.item.userId)\">\n                    Ta bort\n                </b-button>\n            </template>\n            <template #empty=\"\">\n                <h4 class=\"text-center\"></h4>\n            </template>\n        </b-table>\n    </div>\n</template>\n\n<script>\n    import { get, post, remove } from '@/helpers/api';\n\n    export default {\n        props: {\n            customerId: {\n                type: String,\n                required: true\n            }\n        },\n        data() {\n            return {\n                validationErrors: null,\n                isSubmitting: false,\n                selectedUser: null,\n                isShowingAvailableUsersToAdd: true,\n                userWithoutPermissions: [],\n                alreadySelectedUsers: null,\n                fields: [\n                    {\n                        key: 'writeAccess',\n                        label: 'Skriv',\n                        sortable: false,\n                        sortDirection: 'desc'\n                    },\n                    {\n                        key: 'userFullName',\n                        label: 'Namn',\n                        sortable: false,\n                        sortDirection: 'desc'\n                    },\n                    { key: 'actions', label: '', tdClass: 'table-list--actions--wrapper' }\n                ]\n            };\n        },\n        async mounted() {\n            await this.getAllUsersByCustomerId();\n        },\n        methods: {\n            validationByKey(code) {\n                return this.validationErrors ? this.validationErrors[code] || [] : [];\n            },\n            toggleWriteAccess(shouldHaveWrite, selectedUserId) {\n                this.selectedUser = selectedUserId;\n                this.add(shouldHaveWrite ? 4 : 1);\r\n            },\n            async remove(userId) {\n                // Remove users permissions relating to customer\n                // Could not use \"delete\" in helpers/api.js, probably bcz it's a reserved keyword\n                await remove(\n                    'UserCustomerPermission',\n                    `DeleteAll?customerId=${this.customerId}&userId=${userId}`\n                )\n                    .then((x) => {\n                        this.getAllUsersByCustomerId();\n                        this.validationErrors = x.data.errors;\n                    })\n                    .catch(x => {\n                        this.isSubmitting = false;\n                        this.validationErrors = x.response.data.errors\n                    });\n            },\n            async addUserToCustomer() {\n                this.isShowingAvailableUsersToAdd = false;\n                await this.getAllUsersWithoutAnyCustomerPermissions();\n            },\n            async add(accessMask) {\n                this.isSubmitting = true;\n                // Add user to customer.\n                await post(\n                    'UserCustomerPermission',\n                    `Add`, { customerId: this.customerId, userId: this.selectedUser, accessMask: accessMask}\n                )\n                    .then((x) => {\n                        this.getAllUsersByCustomerId();\n                        this.isShowingAvailableUsersToAdd = true;\n                        this.selectedUser = null;\n                        this.isSubmitting = false;\n                        this.validationErrors = x.data.errors;\n                    })\n                    .catch(x => {\n                        this.isSubmitting = false;\n                        this.validationErrors = x.response.data.errors\n                    });\n            },\n            async getAllUsersByCustomerId() {\n                // Get all users by customer.\n                await get('UserCustomerPermission', `GetAllUsersByCustomerId/${this.customerId}`)\n                    .then((x) => {\n                        this.alreadySelectedUsers = x.data;\n                        this.validationErrors = x.data.errors;\n                    })\n                    .catch(x => {\n                        this.isSubmitting = false;\n                        this.validationErrors = x.response.data.errors\n                    });\n            },\n            async getAllUsersWithoutAnyCustomerPermissions() {\n                await get('UserCustomerPermission', `GetAllUsersWithoutAnyCustomerPermissions/${this.customerId}`)\n                    .then((x) => {\n                        this.userWithoutPermissions = x.data;\n                        this.validationErrors = x.data.errors;\n                    })\n                    .catch(x => {\n                        this.isSubmitting = false;\n                        this.validationErrors = x.response.data.errors\n                    });\n            },\n            confirm(action, data) {\n                this.$bvModal\n                    .msgBoxConfirm('Vill du ta bort användaren från kunden?', {\n                        title: 'Är du säker?',\n                        size: 'sm',\n                        cancelVariant: 'primary',\n                        cancelTitle: 'Nej',\n                        okTitle: 'Ja',\n                        okVariant: 'danger',\n                        footerClass: 'p-2 justify-content-between',\n                        hideHeaderClose: false,\n                        centered: true\n                    })\n                    .then((confirmed) => {\n                        if (confirmed) this[action](data);\n                    })\n                    .catch((err) => {\n                        // An error occurred\n                    });\n            }\n        }\n    };\n</script>\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!./Permissions.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!./Permissions.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Permissions.vue?vue&type=template&id=4ee910ae&\"\nimport script from \"./Permissions.vue?vue&type=script&lang=js&\"\nexport * from \"./Permissions.vue?vue&type=script&lang=js&\"\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","<template>\r\n  <div>\r\n    <h1 v-if=\"!id\">{{ form.id ? 'Ändra' : 'Skapa' }} kund</h1>\r\n    <hr />\r\n    <div>\r\n      <b-tabs v-model=\"activeTab\" content-class=\"mt-3\">\r\n        <b-tab title=\"Grunddata\">\r\n            <b-form @submit.prevent=\"onSubmit\">\r\n                <b-form-group id=\"input-group-customerNo\"\r\n                              label=\"Kundnr\"\r\n                              label-for=\"input-customerNo\">\r\n                    <b-form-input id=\"input-customerNo\"\r\n                                  v-model=\"form.customerNo\"\r\n                                  type=\"text\"\r\n                                  placeholder=\"Ange kundnr\"\r\n                                  :disabled=\"isSubmitting\"\r\n                                  autocomplete=\"off\"\r\n                                  aria-describedby=\"input-customerNo-help-block\"\r\n                                  required />\r\n                    <b-form-text id=\"input-customerNo-help-block\">\r\n                        <ul class=\"text-danger mb-0\">\r\n                            <li v-for=\"message in validationByKey('CustomerNo')\"\r\n                                :key=\"message\">\r\n                                {{ message }}\r\n                            </li>\r\n                        </ul>\r\n                    </b-form-text>\r\n                </b-form-group>\r\n\r\n                <b-form-group id=\"input-group-name\"\r\n                              label=\"Namn\"\r\n                              label-for=\"input-name\">\r\n                    <b-form-input id=\"input-name\"\r\n                                  v-model=\"form.name\"\r\n                                  type=\"text\"\r\n                                  placeholder=\"Ange namn\"\r\n                                  :disabled=\"isSubmitting\"\r\n                                  autocomplete=\"off\"\r\n                                  aria-describedby=\"input-name-help-block\"\r\n                                  required />\r\n                    <b-form-text id=\"input-name-help-block\">\r\n                        <ul class=\"text-danger mb-0\">\r\n                            <li v-for=\"message in validationByKey('Name')\" :key=\"message\">\r\n                                {{ message }}\r\n                            </li>\r\n                        </ul>\r\n                    </b-form-text>\r\n                </b-form-group>\r\n\r\n            \r\n\r\n                <b-form-group id=\"input-group-customerType\" label=\"Typ\" label-for=\"input-customerType\">\r\n                    <b-form-select id=\"input-customerType\"\r\n                                   v-model=\"form.customerType\"\r\n                                   :options=\"customerTypes\"\r\n                                   :disabled=\"isSubmitting\"\r\n                                   aria-describedby=\"input-customerType-help-block\"\r\n                                   required />\r\n                    <b-form-text id=\"input-customerType-help-block\">\r\n                        <ul class=\"text-danger mb-0\">\r\n                            <li v-for=\"message in validationByKey('CustomerType')\" :key=\"message\">\r\n                                {{ message }}\r\n                            </li>\r\n                        </ul>\r\n                    </b-form-text>\r\n                </b-form-group>\r\n\r\n\r\n                <b-alert :show=\"validationByKey('Other').length > 0\"\r\n                         variant=\"danger\">\r\n                    <ul class=\"text-danger mb-0\">\r\n                        <li v-for=\"message in validationByKey('Other')\" :key=\"message\">\r\n                            {{ message }}\r\n                        </li>\r\n                    </ul>\r\n                </b-alert>\r\n\r\n                <b-alert :show=\"successMessage.length > 0\"\r\n                         variant=\"success\"\r\n                         class=\"mb-0 mt-4\">\r\n                    <h6 class=\"mb-0 text-center\">\r\n                        <font-awesome-icon icon=\"info-circle\" /> {{ successMessage }}\r\n                    </h6>\r\n                </b-alert>\r\n\r\n                <b-button v-b-tooltip.hover\r\n                          variant=\"primary\"\r\n                          type=\"submit\"\r\n                          class=\"float-right mt-4\"\r\n                          :class=\"{ 'btn-block': id }\"\r\n                          :disabled=\"isSubmitting\"\r\n                          :title=\"isSubmitting ? 'Sparar...' : ''\">\r\n                    <font-awesome-icon v-if=\"isSubmitting\" icon=\"spinner\" spin />\r\n                    Spara\r\n                </b-button>\r\n            </b-form>\r\n        </b-tab>\r\n        <b-tab v-if=\"isEditMode\" title=\"Behörighet\" lazy>\r\n          <Permissions :customer-id=\"form.id\" />\r\n        </b-tab>\r\n      </b-tabs>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { get, post } from '@/helpers/api';\r\nimport Permissions from '@/components/customer/Permissions';\r\n\r\nexport default {\r\n  name: 'SaveCustomer',\r\n  components: {\r\n    Permissions\r\n  },\r\n  props: {\r\n    id: String\r\n  },\r\n  data() {\r\n    return {\r\n      activeTab: 0,\r\n      isSubmitting: false,\r\n      successMessage: '',\r\n      validationErrors: null,\r\n      form: {\r\n        id: null,\r\n        customerNo: '',\r\n        name: '',\r\n        customerType: 0\r\n        },\r\n        customerTypes: [\r\n            { value: 0, text: 'Kund' },\r\n            { value: 1, text: 'Demo' },\r\n            { value: 2, text: 'Mall' },\r\n            \r\n        ]\r\n    };\r\n  },\r\n  computed: {\r\n    isEditMode() {\r\n      return this.form.id > 0;\r\n    }\r\n  },\r\n  async mounted() {\r\n    // Get customer if necessary.\r\n    this.form.id = typeof this.id !== 'undefined' ? this.id : 0;\r\n\r\n    if (this.isEditMode) {\r\n      await get('Customer', `Get/${this.form.id}`)\r\n        .then((x) => {\r\n          this.form = x.data;\r\n        })\r\n        .catch((x) => {\r\n          this.validationErrors = x.response.data.errors;\r\n        });\r\n    }\r\n  },\r\n  methods: {\r\n    async onSubmit() {\r\n      // Resets.\r\n      this.successMessage = '';\r\n      this.validationErrors = null;\r\n      this.isSubmitting = true;\r\n      // Post.\r\n      await post('Customer', `Save/${this.form.id}`, this.form)\r\n        .then((x) => {\r\n          this.form.id = x.data.entityId;\r\n          this.successMessage = `Sparade ${this.form.customerNo} ${this.form.name}`;\r\n          this.validationErrors = x.data.errors;\r\n        })\r\n        .catch((x) => {\r\n          this.validationErrors = x.response.data.errors;\r\n        });\r\n      this.isSubmitting = false;\r\n\r\n      // On created.\r\n      if (!this.validationErrors && this.form.id) this.onCreated();\r\n    },\r\n    onCreated() {\r\n      this.hasSavedSuccessfullly = true;\r\n    },\r\n    validationByKey(code) {\r\n      return this.validationErrors ? this.validationErrors[code] || [] : [];\r\n    },\r\n    resetForm() {\r\n      this.form = {\r\n        id: null,\r\n        customerNo: '',\r\n        name: '',\r\n        customerType: 0\r\n      };\r\n      this.validationErrors = null;\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.form-group {\r\n  margin-bottom: 0.5rem;\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!./SaveCustomer.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!./SaveCustomer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SaveCustomer.vue?vue&type=template&id=12b64e65&scoped=true&\"\nimport script from \"./SaveCustomer.vue?vue&type=script&lang=js&\"\nexport * from \"./SaveCustomer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SaveCustomer.vue?vue&type=style&index=0&id=12b64e65&scoped=true&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  \"12b64e65\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}