{"version":3,"sources":["webpack:///src/components/Spaces/ModalAddSpaceOption.vue","webpack:///./src/components/Spaces/ModalAddSpaceOption.vue","webpack:///./src/components/Spaces/ModalAddSpaceOption.vue?3c71","webpack:///./src/components/Spaces/ModalAddSpaceOption.vue?e470","webpack:///./src/components/Spaces/ModalAddSpaceOption.vue?2995","webpack:///./src/components/Spaces/ModalAddSpaceOption.vue?d8de","webpack:///./src/components/Spaces/ModalAddSpaceOption.vue?a77f","webpack:///./src/components/Spaces/ModalAddSpaceOption.vue?a28a"],"names":["Message","SearchBar","components","props","showModal","type","Boolean","default","onClickCancel","Function","required","data","locationId","Number","$route","params","searchTerm","infoTab","isLoading","isSaving","isSavingSuccess","isSavingError","locationOptions","mSpace","computed","_objectSpread","mapState","filteredItems","_this","result","filter","item","Location","CategoryId","displayItems","_this2","length","_loop","i","optionIndex","IncludedOptions","findIndex","o","OptionId","Id","push","created","self","getLocationOptions","JSON","parse","stringify","space","methods","mapMutations","changeInfo","tab","_this3","optionProvider","then","response","Results","catch","e","finally","search","addOption","option","OptionName","Name","OptionImage","Image","SpaceId","Quantity","deleteOption","index","splice","saveSpace","spaceProvider","updateSpace","status","setSpace","EventBus","$emit","message","render","_vm","_c","_self","attrs","modalTitle","$t","modalSize","hideFooterButtons","onClickSave","on","closeModal","scopedSlots","_u","key","fn","staticClass","isSearching","placeHolderText","startSearch","class","click","$event","domProps","innerHTML","_s","_e","_l","_v","icon","staticStyle","color","proxy","staticRenderFns","_withStripped"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqFA;AACA;AACA;AACA;AAEA,IAAAA,OAAA,YAAAA,QAAA;EAAA,OACA;AAAA;AACA,IAAAC,SAAA,YAAAA,UAAA;EAAA,OACA;AAAA;AAEe;EACfC,UAAA;IACAF,OAAA,EAAAA,OAAA;IACAC,SAAA,EAAAA;EACA;EAEAE,KAAA;IACAC,SAAA;MACAC,IAAA,EAAAC,OAAA;MACAC,OAAA;IACA;IAEAC,aAAA;MACAH,IAAA,EAAAI,QAAA;MACAC,QAAA;IACA;EACA;EAEAC,IAAA,WAAAA,KAAA;IACA;MACAC,UAAA,EAAAC,MAAA,MAAAC,MAAA,CAAAC,MAAA,CAAAH,UAAA;MACAI,UAAA;MACAC,OAAA;MACAC,SAAA;MACAC,QAAA;MACAC,eAAA;MACAC,aAAA;MACAC,eAAA;MACAC,MAAA;IACA;EACA;EAEAC,QAAA,EAAAC,iIAAA,CAAAA,iIAAA,CAAAA,iIAAA,KACAC,8DAAA,uCACAA,8DAAA;IAEAC,aAAA,WAAAA,cAAA;MAAA,IAAAC,KAAA;MACA,IAAAC,MAAA;MACAA,MAAA,QAAAP,eAAA,CAAAQ,MAAA,CACA,UAAAC,IAAA;QAAA,OAAAA,IAAA,CAAAC,QAAA,CAAAC,UAAA,KAAAL,KAAA,CAAAX,OAAA;MAAA,CACA;MACA,OAAAY,MAAA;IACA;IAEAK,YAAA,WAAAA,aAAA;MAAA,IAAAC,MAAA;MACA,IAAAN,MAAA;MACA,SAAAF,aAAA,CAAAS,MAAA;QAAA,IAAAC,KAAA,YAAAA,MAAAC,CAAA,EACA;UACA,IAAAC,WAAA,GAAAJ,MAAA,CAAAZ,MAAA,CAAAiB,eAAA,CAAAC,SAAA,CACA,UAAAC,CAAA;YAAA,OAAAA,CAAA,CAAAC,QAAA,KAAAR,MAAA,CAAAR,aAAA,CAAAW,CAAA,EAAAM,EAAA;UAAA,CACA;UACA,IAAAL,WAAA;YACAV,MAAA,CAAAgB,IAAA,CAAAV,MAAA,CAAAR,aAAA,CAAAW,CAAA;UACA;QACA;QAPA,SAAAA,CAAA,MAAAA,CAAA,QAAAX,aAAA,CAAAS,MAAA,EAAAE,CAAA;UAAAD,KAAA,CAAAC,CAAA;QAAA;MAQA;MACA,OAAAT,MAAA;IACA;EAAA,EACA;EAEAiB,OAAA,WAAAA,QAAA;IACA,IAAAC,IAAA;IACAA,IAAA,CAAAC,kBAAA;IAEAD,IAAA,CAAAxB,MAAA,GAAA0B,IAAA,CAAAC,KAAA,CAAAD,IAAA,CAAAE,SAAA,CAAAJ,IAAA,CAAAK,KAAA;EACA;EAEAC,OAAA,EAAA5B,iIAAA,CAAAA,iIAAA,KACA6B,kEAAA;IAEAC,UAAA,WAAAA,WAAAC,GAAA;MACA,KAAAvC,OAAA,GAAAuC,GAAA;IACA;IAEAR,kBAAA,WAAAA,mBAAA;MAAA,IAAAS,MAAA;MACA,KAAAvC,SAAA;MACAwC,kEAAA,CAAAL,OAAA,CACAL,kBAAA,MAAApC,UAAA,UAAAI,UAAA,EACA2C,IAAA,WAAAC,QAAA;QACAH,MAAA,CAAAnC,eAAA,GAAAsC,QAAA,CAAAjD,IAAA,CAAAkD,OAAA;MACA,GACAC,KAAA,WAAAC,CAAA,MACAC,OAAA;QACAP,MAAA,CAAAvC,SAAA;MACA;IACA;IAEA+C,MAAA,WAAAA,OAAAjD,UAAA;MACA,KAAAE,SAAA;MACA,KAAAI,eAAA;MACA,KAAAN,UAAA,GAAAA,UAAA;MACA,KAAAgC,kBAAA;IACA;IAEAkB,SAAA,WAAAA,UAAAC,MAAA;MACA,KAAA5C,MAAA,CAAAiB,eAAA,CAAAK,IAAA;QACAF,QAAA,EAAAwB,MAAA,CAAAvB,EAAA;QACAwB,UAAA,EAAAD,MAAA,CAAAE,IAAA;QACAC,WAAA,EAAAH,MAAA,CAAAI,KAAA;QACAC,OAAA,OAAApB,KAAA,CAAAR,EAAA;QACA6B,QAAA;MACA;IACA;IAEAC,YAAA,WAAAA,aAAAC,KAAA;MACA,KAAApD,MAAA,CAAAiB,eAAA,CAAAoC,MAAA,CAAAD,KAAA;IACA;IAEAE,SAAA,WAAAA,UAAA;MACA,IAAA9B,IAAA;MAEA,KAAAA,IAAA,CAAA5B,QAAA;QACA4B,IAAA,CAAA5B,QAAA;QACA4B,IAAA,CAAA3B,eAAA;QACA2B,IAAA,CAAA1B,aAAA;QAEAyD,iEAAA,CAAAzB,OAAA,CACA0B,WAAA,CAAAhC,IAAA,CAAAxB,MAAA,EACAoC,IAAA,WAAAC,QAAA;UACA,IAAAA,QAAA,CAAAoB,MAAA;YACAjC,IAAA,CAAAxB,MAAA,GAAAqC,QAAA,CAAAjD,IAAA;YACAoC,IAAA,CAAAkC,QAAA,CAAAlC,IAAA,CAAAxB,MAAA;;YAEA;YACA2D,qEAAA,CAAAC,KAAA;cACA9E,IAAA;cACA+E,OAAA;YACA;YAEArC,IAAA,CAAAvC,aAAA;UACA;QACA,GACAsD,KAAA,WAAAC,CAAA;UACAhB,IAAA,CAAA1B,aAAA;QACA,GACA2C,OAAA;UACAjB,IAAA,CAAA5B,QAAA;QACA;MACA;IACA;EAAA;AAEA,CAAC,E;;;;;;;;;;;;;;;;;;;;;AC5OD,IAAIkE,MAAM,GAAG,SAASA,MAAMA,CAAA,EAAG;EAC7B,IAAIC,GAAG,GAAG,IAAI;IACZC,EAAE,GAAGD,GAAG,CAACE,KAAK,CAACD,EAAE;EACnB,OAAOA,EAAE,CAAC,oBAAoB,EAAE;IAC9BE,KAAK,EAAE;MACLC,UAAU,EAAEJ,GAAG,CAACK,EAAE,CAChB,2DACF,CAAC;MACDC,SAAS,EAAE,OAAO;MAClBzE,QAAQ,EAAEmE,GAAG,CAACnE,QAAQ;MACtBC,eAAe,EAAEkE,GAAG,CAAClE,eAAe;MACpCC,aAAa,EAAEiE,GAAG,CAACjE,aAAa;MAChCwE,iBAAiB,EAAEP,GAAG,CAACjE,aAAa,IAAIiE,GAAG,CAAClE,eAAe;MAC3DZ,aAAa,EAAE8E,GAAG,CAAC9E,aAAa;MAChCsF,WAAW,EAAER,GAAG,CAACT,SAAS;MAC1BzE,SAAS,EAAEkF,GAAG,CAAClF;IACjB,CAAC;IACD2F,EAAE,EAAE;MAAEC,UAAU,EAAEV,GAAG,CAAC9E;IAAc,CAAC;IACrCyF,WAAW,EAAEX,GAAG,CAACY,EAAE,CAAC,CAClB;MACEC,GAAG,EAAE,SAAS;MACdC,EAAE,EAAE,SAAJA,EAAEA,CAAA,EAAc;QACd,OAAO,CACLd,GAAG,CAAC/D,MAAM,GACNgE,EAAE,CAAC,KAAK,EAAE;UAAEc,WAAW,EAAE;QAAuB,CAAC,EAAE,CACjDd,EAAE,CACA,KAAK,EACL;UAAEc,WAAW,EAAE;QAAkC,CAAC,EAClD,CACEd,EAAE,CACA,KAAK,EACL;UAAEc,WAAW,EAAE;QAAmC,CAAC,EACnD,CACEd,EAAE,CAAC,YAAY,EAAE;UACfE,KAAK,EAAE;YACLa,WAAW,EAAEhB,GAAG,CAACpE,SAAS;YAC1BF,UAAU,EAAEsE,GAAG,CAACtE,UAAU;YAC1BuF,eAAe,EAAEjB,GAAG,CAACK,EAAE,CACrB,0EACF;UACF,CAAC;UACDI,EAAE,EAAE;YAAES,WAAW,EAAElB,GAAG,CAACrB;UAAO;QAChC,CAAC,CAAC,CACH,EACD,CACF,CAAC,EACDsB,EAAE,CAAC,KAAK,EAAE;UAAEc,WAAW,EAAE;QAAgB,CAAC,EAAE,CAC1Cd,EAAE,CAAC,IAAI,EAAE,CACPA,EAAE,CACA,IAAI,EACJ;UACEkB,KAAK,EAAE;YAAE,WAAW,EAAEnB,GAAG,CAACrE,OAAO,KAAK;UAAK,CAAC;UAC5C8E,EAAE,EAAE;YACFW,KAAK,EAAE,SAAPA,KAAKA,CAAYC,MAAM,EAAE;cACvB,OAAOrB,GAAG,CAAC/B,UAAU,CAAC,IAAI,CAAC;YAC7B;UACF;QACF,CAAC,EACD,CACEgC,EAAE,CAAC,GAAG,EAAE;UACNqB,QAAQ,EAAE;YACRC,SAAS,EAAEvB,GAAG,CAACwB,EAAE,CACfxB,GAAG,CAACK,EAAE,CAAC,0BAA0B,CACnC;UACF;QACF,CAAC,CAAC,CAEN,CAAC,EACDJ,EAAE,CACA,IAAI,EACJ;UACEkB,KAAK,EAAE;YAAE,WAAW,EAAEnB,GAAG,CAACrE,OAAO,KAAK;UAAK,CAAC;UAC5C8E,EAAE,EAAE;YACFW,KAAK,EAAE,SAAPA,KAAKA,CAAYC,MAAM,EAAE;cACvB,OAAOrB,GAAG,CAAC/B,UAAU,CAAC,IAAI,CAAC;YAC7B;UACF;QACF,CAAC,EACD,CACEgC,EAAE,CAAC,GAAG,EAAE;UACNqB,QAAQ,EAAE;YACRC,SAAS,EAAEvB,GAAG,CAACwB,EAAE,CACfxB,GAAG,CAACK,EAAE,CAAC,0BAA0B,CACnC;UACF;QACF,CAAC,CAAC,CAEN,CAAC,EACDJ,EAAE,CACA,IAAI,EACJ;UACEkB,KAAK,EAAE;YAAE,WAAW,EAAEnB,GAAG,CAACrE,OAAO,KAAK;UAAU,CAAC;UACjD8E,EAAE,EAAE;YACFW,KAAK,EAAE,SAAPA,KAAKA,CAAYC,MAAM,EAAE;cACvB,OAAOrB,GAAG,CAAC/B,UAAU,CAAC,SAAS,CAAC;YAClC;UACF;QACF,CAAC,EACD,CACEgC,EAAE,CAAC,GAAG,EAAE;UACNqB,QAAQ,EAAE;YACRC,SAAS,EAAEvB,GAAG,CAACwB,EAAE,CACfxB,GAAG,CAACK,EAAE,CAAC,uBAAuB,CAChC;UACF;QACF,CAAC,CAAC,CAEN,CAAC,EACDJ,EAAE,CACA,IAAI,EACJ;UACEkB,KAAK,EAAE;YAAE,WAAW,EAAEnB,GAAG,CAACrE,OAAO,KAAK;UAAQ,CAAC;UAC/C8E,EAAE,EAAE;YACFW,KAAK,EAAE,SAAPA,KAAKA,CAAYC,MAAM,EAAE;cACvB,OAAOrB,GAAG,CAAC/B,UAAU,CAAC,OAAO,CAAC;YAChC;UACF;QACF,CAAC,EACD,CACEgC,EAAE,CAAC,GAAG,EAAE;UACNqB,QAAQ,EAAE;YACRC,SAAS,EAAEvB,GAAG,CAACwB,EAAE,CACfxB,GAAG,CAACK,EAAE,CAAC,qBAAqB,CAC9B;UACF;QACF,CAAC,CAAC,CAEN,CAAC,CACF,CAAC,CACH,CAAC,EACFJ,EAAE,CACA,KAAK,EACL;UAAEc,WAAW,EAAE;QAAY,CAAC,EAC5B,CACEf,GAAG,CAACpE,SAAS,KAAK,IAAI,GAAGqE,EAAE,CAAC,WAAW,CAAC,GAAGD,GAAG,CAACyB,EAAE,CAAC,CAAC,EACnD,CAACzB,GAAG,CAACpE,SAAS,GACVqE,EAAE,CACA,OAAO,EACP;UACEc,WAAW,EAAE;QACf,CAAC,EACD,CACEd,EAAE,CACA,OAAO,EACPD,GAAG,CAAC0B,EAAE,CACJ1B,GAAG,CAACpD,YAAY,EAChB,UAAUH,IAAI,EAAE4C,KAAK,EAAE;UACrB,OAAOY,EAAE,CAAC,IAAI,EAAE;YAAEY,GAAG,EAAExB;UAAM,CAAC,EAAE,CAC9BY,EAAE,CAAC,IAAI,EAAE,CAACD,GAAG,CAAC2B,EAAE,CAAC3B,GAAG,CAACwB,EAAE,CAAC/E,IAAI,CAACsC,IAAI,CAAC,CAAC,CAAC,CAAC,EACrCkB,EAAE,CAAC,IAAI,EAAE,CACPA,EAAE,CACA,GAAG,EACH;YACEc,WAAW,EACT,4BAA4B;YAC9BN,EAAE,EAAE;cACFW,KAAK,EAAE,SAAPA,KAAKA,CAAYC,MAAM,EAAE;gBACvB,OAAOrB,GAAG,CAACpB,SAAS,CAACnC,IAAI,CAAC;cAC5B;YACF;UACF,CAAC,EACD,CACEwD,EAAE,CACA,MAAM,EACN;YACEc,WAAW,EACT;UACJ,CAAC,EACD,CACEd,EAAE,CAAC,mBAAmB,EAAE;YACtBE,KAAK,EAAE;cACLyB,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM;YACtB;UACF,CAAC,CAAC,CACH,EACD,CACF,CAAC,CAEL,CAAC,CACF,CAAC,CACH,CAAC;QACJ,CACF,CAAC,EACD,CACF,CAAC,CAEL,CAAC,GACD5B,GAAG,CAACyB,EAAE,CAAC,CAAC,CACb,EACD,CACF,CAAC,CAEL,CAAC,EACDxB,EAAE,CAAC,KAAK,EAAE;UAAEc,WAAW,EAAE;QAAsB,CAAC,EAAE,CAChDd,EAAE,CACA,KAAK,EACL;UAAEc,WAAW,EAAE;QAA2B,CAAC,EAC3C,CACEd,EAAE,CAAC,KAAK,EAAE;UACRc,WAAW,EAAE,YAAY;UACzBO,QAAQ,EAAE;YACRC,SAAS,EAAEvB,GAAG,CAACwB,EAAE,CACfxB,GAAG,CAACK,EAAE,CACJ,sEACF,CACF;UACF;QACF,CAAC,CAAC,EACFL,GAAG,CAAC/D,MAAM,CAACiB,eAAe,CAACJ,MAAM,KAAK,CAAC,GACnCmD,EAAE,CAAC,SAAS,EAAE;UACZE,KAAK,EAAE;YACLL,OAAO,EAAEE,GAAG,CAACK,EAAE,CACb,yEACF;UACF;QACF,CAAC,CAAC,GACFL,GAAG,CAACyB,EAAE,CAAC,CAAC,EACZxB,EAAE,CAAC,KAAK,EAAE;UAAEc,WAAW,EAAE;QAA0B,CAAC,EAAE,CACpDd,EAAE,CAAC,OAAO,EAAE;UAAEc,WAAW,EAAE;QAAmB,CAAC,EAAE,CAC/Cd,EAAE,CACA,OAAO,EACPD,GAAG,CAAC0B,EAAE,CACJ1B,GAAG,CAAC/D,MAAM,CAACiB,eAAe,EAC1B,UAAU2B,MAAM,EAAEQ,KAAK,EAAE;UACvB,OAAOY,EAAE,CAAC,IAAI,EAAE;YAAEY,GAAG,EAAExB;UAAM,CAAC,EAAE,CAC9BY,EAAE,CAAC,IAAI,EAAE;YACPqB,QAAQ,EAAE;cACRC,SAAS,EAAEvB,GAAG,CAACwB,EAAE,CAAC3C,MAAM,CAACC,UAAU;YACrC;UACF,CAAC,CAAC,EACFmB,EAAE,CAAC,IAAI,EAAE,CACPA,EAAE,CACA,GAAG,EACH;YACEQ,EAAE,EAAE;cACFW,KAAK,EAAE,SAAPA,KAAKA,CAAYC,MAAM,EAAE;gBACvB,OAAOrB,GAAG,CAACZ,YAAY,CAACC,KAAK,CAAC;cAChC;YACF;UACF,CAAC,EACD,CACEY,EAAE,CACA,MAAM,EACN;YAAEc,WAAW,EAAE;UAAO,CAAC,EACvB,CACEd,EAAE,CAAC,mBAAmB,EAAE;YACtB4B,WAAW,EAAE;cAAEC,KAAK,EAAE;YAAM,CAAC;YAC7B3B,KAAK,EAAE;cACLyB,IAAI,EAAE,CAAC,KAAK,EAAE,WAAW;YAC3B;UACF,CAAC,CAAC,CACH,EACD,CACF,CAAC,CAEL,CAAC,CACF,CAAC,CACH,CAAC;QACJ,CACF,CAAC,EACD,CACF,CAAC,CACF,CAAC,CACH,CAAC,CACH,EACD,CACF,CAAC,CACF,CAAC,CACH,CAAC,GACF5B,GAAG,CAACyB,EAAE,CAAC,CAAC,CACb;MACH,CAAC;MACDM,KAAK,EAAE;IACT,CAAC,CACF;EACH,CAAC,CAAC;AACJ,CAAC;AACD,IAAIC,eAAe,GAAG,EAAE;AACxBjC,MAAM,CAACkC,aAAa,GAAG,IAAI;;;;;;;;;;;;;ACtR3B;AACA,kCAAkC,mBAAO,CAAC,2GAAsD;AAChG;AACA;AACA,cAAc,QAAS,6HAA6H,qBAAqB,GAAG,+BAA+B,yBAAyB,yBAAyB,kBAAkB,iCAAiC,kCAAkC,mCAAmC,mCAAmC,uBAAuB,uBAAuB,sCAAsC,qBAAqB,kBAAkB,GAAG,0CAA0C,gBAAgB,GAAG;AACnlB;AACA;;;;;;;;;;;;ACNA;;AAEA;AACA,cAAc,mBAAO,CAAC,szBAAod;AAC1e;AACA,4CAA4C,QAAS;AACrD;AACA;AACA,UAAU,mBAAO,CAAC,6HAAgE;AAClF,8CAA8C,qCAAqC;AACnF;AACA,GAAG,KAAU,EAAE,E;;;;;;;;;;;;;ACXf;AAAA;AAAA;AAAA;AAAA;AAA6G;AACvC;AACL;AACsC;;;AAGvG;AAC6F;AAC7F,gBAAgB,mHAAU;AAC1B,EAAE,gGAAM;AACR,EAAE,iHAAM;AACR,EAAE,0HAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;;ACvCf;AAA2S,CAAgB,qVAAG,EAAC,C;;;;;;;;;;;;ACA/T;AAAA;AAAA;;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA","file":"js/269.js?id=ba3adf55b4c49b221d1a","sourcesContent":["<template>\n  <ui-component-modal :modalTitle=\"$t('Components.Settings.Space.ModalAddSpaceOptions.Main_Title')\n    \" modalSize=\"large\" :isSaving=\"isSaving\" :isSavingSuccess=\"isSavingSuccess\" :isSavingError=\"isSavingError\"\n    :hideFooterButtons=\"isSavingError || isSavingSuccess\" :onClickCancel=\"onClickCancel\" :onClickSave=\"saveSpace\"\n    :showModal=\"showModal\" @closeModal=\"onClickCancel\">\n    <template v-slot:content>\n      <div v-if=\"mSpace\" class=\"form-options columns\">\n        <div class=\"search-add column column-search\">\n          <div class=\"search-wrapper has-margin-bottom\">\n            <search-bar :isSearching=\"isLoading\" :searchTerm=\"searchTerm\" :placeHolderText=\"$t(\n              'Components.Settings.Space.ModalAddSpaceOptions.Placeholder_SearchOptions'\n            )\n              \" @startSearch=\"search\"></search-bar>\n          </div>\n          <div class=\"tabs is-boxed\">\n            <ul>\n              <li @click=\"changeInfo('FB')\" :class=\"{ 'is-active': infoTab === 'FB' }\">\n                <a v-html=\"$t('General.Label_FBShortner')\"></a>\n              </li>\n              <li @click=\"changeInfo('AV')\" :class=\"{ 'is-active': infoTab === 'AV' }\">\n                <a v-html=\"$t('General.Label_AVShortner')\"></a>\n              </li>\n              <li @click=\"changeInfo('Parking')\" :class=\"{ 'is-active': infoTab === 'Parking' }\">\n                <a v-html=\"$t('General.Label_Parking')\"></a>\n              </li>\n              <li @click=\"changeInfo('Other')\" :class=\"{ 'is-active': infoTab === 'Other' }\">\n                <a v-html=\"$t('General.Label_Other')\"></a>\n              </li>\n            </ul>\n          </div>\n          <div class=\"tabs-info\">\n            <ui-loader v-if=\"isLoading === true\" />\n\n            <table v-if=\"!isLoading\" class=\"table is-fullwidth is-striped\">\n              <tbody>\n                <tr v-for=\"(item, index) in displayItems\" :key=\"index\">\n                  <td>{{ item.Name }}</td>\n                  <td>\n                    <a @click=\"addOption(item)\" class=\"button is-small is-primary\">\n                      <span class=\"icon is-small\">\n                        <font-awesome-icon :icon=\"['fas', 'plus']\" />\n                      </span>\n                    </a>\n                  </td>\n                </tr>\n              </tbody>\n            </table>\n          </div>\n        </div>\n        <div class=\"menu-options column\">\n          <div class=\"selected-options-wrapper\">\n            <div class=\"title is-3\" v-html=\"$t(\n              'Components.Settings.Space.ModalAddSpaceOptions.Label_SelectedOptions'\n            )\n              \"></div>\n\n            <Message v-if=\"mSpace.IncludedOptions.length === 0\" :message=\"$t(\n              'Components.Settings.Space.ModalAddSpaceOptions.Message_NoOptionSelected'\n            )\n              \" />\n\n            <div class=\"wrapper-selectedOptions\">\n              <table class=\"table is-striped\">\n                <tbody>\n                  <tr v-for=\"(option, index) in mSpace.IncludedOptions\" :key=\"index\">\n                    <td v-html=\"option.OptionName\"></td>\n                    <td>\n                      <a @click=\"deleteOption(index)\">\n                        <span class=\"icon\">\n                          <font-awesome-icon :icon=\"['fas', 'trash-alt']\" style=\"color: red\" />\n                        </span>\n                      </a>\n                    </td>\n                  </tr>\n                </tbody>\n              </table>\n            </div>\n          </div>\n        </div>\n      </div>\n    </template>\n  </ui-component-modal>\n</template>\n\n<script>\nimport { mapState, mapMutations } from 'vuex'\nimport { EventBus } from '@/eventbus/event-bus'\nimport optionProvider from '@/providers/option'\nimport spaceProvider from '@/providers/space'\n\nconst Message = () =>\n  import(/* webpackChunkName: \"spaces-detail\" */ '@/components/UI/Message')\nconst SearchBar = () =>\n  import(/* webpackChunkName: \"spaces-detail\" */ '@/components/SearchBar')\n\nexport default {\n  components: {\n    Message,\n    SearchBar,\n  },\n\n  props: {\n    showModal: {\n      type: Boolean,\n      default: false,\n    },\n\n    onClickCancel: {\n      type: Function,\n      required: true,\n    },\n  },\n\n  data() {\n    return {\n      locationId: Number(this.$route.params.locationId),\n      searchTerm: '',\n      infoTab: 'FB',\n      isLoading: false,\n      isSaving: false,\n      isSavingSuccess: false,\n      isSavingError: false,\n      locationOptions: [],\n      mSpace: null,\n    }\n  },\n\n  computed: {\n    ...mapState('locationStore', ['locationState']),\n    ...mapState('spaceStore', ['space']),\n\n    filteredItems() {\n      let result = []\n      result = this.locationOptions.filter(\n        (item) => item.Location.CategoryId === this.infoTab\n      )\n      return result\n    },\n\n    displayItems() {\n      let result = []\n      if (this.filteredItems.length > 0) {\n        for (let i = 0; i < this.filteredItems.length; i++) {\n          let optionIndex = this.mSpace.IncludedOptions.findIndex(\n            (o) => o.OptionId === this.filteredItems[i].Id\n          )\n          if (optionIndex === -1) {\n            result.push(this.filteredItems[i])\n          }\n        }\n      }\n      return result\n    },\n  },\n\n  created() {\n    let self = this\n    self.getLocationOptions()\n\n    self.mSpace = JSON.parse(JSON.stringify(self.space))\n  },\n\n  methods: {\n    ...mapMutations('spaceStore', ['setSpace']),\n\n    changeInfo(tab) {\n      this.infoTab = tab\n    },\n\n    getLocationOptions() {\n      this.isLoading = true\n      optionProvider.methods\n        .getLocationOptions(this.locationId, 0, this.searchTerm)\n        .then((response) => {\n          this.locationOptions = response.data.Results\n        })\n        .catch((e) => { })\n        .finally(() => {\n          this.isLoading = false\n        })\n    },\n\n    search(searchTerm) {\n      this.isLoading = true\n      this.locationOptions = []\n      this.searchTerm = searchTerm\n      this.getLocationOptions()\n    },\n\n    addOption(option) {\n      this.mSpace.IncludedOptions.push({\n        OptionId: option.Id,\n        OptionName: option.Name,\n        OptionImage: option.Image,\n        SpaceId: this.space.Id,\n        Quantity: 1,\n      })\n    },\n\n    deleteOption(index) {\n      this.mSpace.IncludedOptions.splice(index, 1)\n    },\n\n    saveSpace() {\n      let self = this\n\n      if (!self.isSaving) {\n        self.isSaving = true\n        self.isSavingSuccess = false\n        self.isSavingError = false\n\n        spaceProvider.methods\n          .updateSpace(self.mSpace)\n          .then((response) => {\n            if (response.status === 200) {\n              self.mSpace = response.data\n              self.setSpace(self.mSpace)\n\n              // Send message to display toast on screen\n              EventBus.$emit('showToast', {\n                type: 'info',\n                message: 'Option added',\n              })\n\n              self.onClickCancel()\n            }\n          })\n          .catch((e) => {\n            self.isSavingError = true\n          })\n          .finally(() => {\n            self.isSaving = false\n          })\n      }\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.tabs {\n  margin-bottom: 0;\n}\n\n.tabs-info {\n  display: flex;\n  flex-direction: column;\n  overflow-y: scroll;\n  border-radius: 6px;\n  border: 1px solid $grey-lighter;\n  border-top: none;\n  height: 300px;\n}\n\n.table {\n  td {\n    &:first-child {\n      width: 100%;\n    }\n  }\n}\n</style>\n","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"ui-component-modal\", {\n    attrs: {\n      modalTitle: _vm.$t(\n        \"Components.Settings.Space.ModalAddSpaceOptions.Main_Title\"\n      ),\n      modalSize: \"large\",\n      isSaving: _vm.isSaving,\n      isSavingSuccess: _vm.isSavingSuccess,\n      isSavingError: _vm.isSavingError,\n      hideFooterButtons: _vm.isSavingError || _vm.isSavingSuccess,\n      onClickCancel: _vm.onClickCancel,\n      onClickSave: _vm.saveSpace,\n      showModal: _vm.showModal,\n    },\n    on: { closeModal: _vm.onClickCancel },\n    scopedSlots: _vm._u([\n      {\n        key: \"content\",\n        fn: function () {\n          return [\n            _vm.mSpace\n              ? _c(\"div\", { staticClass: \"form-options columns\" }, [\n                  _c(\n                    \"div\",\n                    { staticClass: \"search-add column column-search\" },\n                    [\n                      _c(\n                        \"div\",\n                        { staticClass: \"search-wrapper has-margin-bottom\" },\n                        [\n                          _c(\"search-bar\", {\n                            attrs: {\n                              isSearching: _vm.isLoading,\n                              searchTerm: _vm.searchTerm,\n                              placeHolderText: _vm.$t(\n                                \"Components.Settings.Space.ModalAddSpaceOptions.Placeholder_SearchOptions\"\n                              ),\n                            },\n                            on: { startSearch: _vm.search },\n                          }),\n                        ],\n                        1\n                      ),\n                      _c(\"div\", { staticClass: \"tabs is-boxed\" }, [\n                        _c(\"ul\", [\n                          _c(\n                            \"li\",\n                            {\n                              class: { \"is-active\": _vm.infoTab === \"FB\" },\n                              on: {\n                                click: function ($event) {\n                                  return _vm.changeInfo(\"FB\")\n                                },\n                              },\n                            },\n                            [\n                              _c(\"a\", {\n                                domProps: {\n                                  innerHTML: _vm._s(\n                                    _vm.$t(\"General.Label_FBShortner\")\n                                  ),\n                                },\n                              }),\n                            ]\n                          ),\n                          _c(\n                            \"li\",\n                            {\n                              class: { \"is-active\": _vm.infoTab === \"AV\" },\n                              on: {\n                                click: function ($event) {\n                                  return _vm.changeInfo(\"AV\")\n                                },\n                              },\n                            },\n                            [\n                              _c(\"a\", {\n                                domProps: {\n                                  innerHTML: _vm._s(\n                                    _vm.$t(\"General.Label_AVShortner\")\n                                  ),\n                                },\n                              }),\n                            ]\n                          ),\n                          _c(\n                            \"li\",\n                            {\n                              class: { \"is-active\": _vm.infoTab === \"Parking\" },\n                              on: {\n                                click: function ($event) {\n                                  return _vm.changeInfo(\"Parking\")\n                                },\n                              },\n                            },\n                            [\n                              _c(\"a\", {\n                                domProps: {\n                                  innerHTML: _vm._s(\n                                    _vm.$t(\"General.Label_Parking\")\n                                  ),\n                                },\n                              }),\n                            ]\n                          ),\n                          _c(\n                            \"li\",\n                            {\n                              class: { \"is-active\": _vm.infoTab === \"Other\" },\n                              on: {\n                                click: function ($event) {\n                                  return _vm.changeInfo(\"Other\")\n                                },\n                              },\n                            },\n                            [\n                              _c(\"a\", {\n                                domProps: {\n                                  innerHTML: _vm._s(\n                                    _vm.$t(\"General.Label_Other\")\n                                  ),\n                                },\n                              }),\n                            ]\n                          ),\n                        ]),\n                      ]),\n                      _c(\n                        \"div\",\n                        { staticClass: \"tabs-info\" },\n                        [\n                          _vm.isLoading === true ? _c(\"ui-loader\") : _vm._e(),\n                          !_vm.isLoading\n                            ? _c(\n                                \"table\",\n                                {\n                                  staticClass: \"table is-fullwidth is-striped\",\n                                },\n                                [\n                                  _c(\n                                    \"tbody\",\n                                    _vm._l(\n                                      _vm.displayItems,\n                                      function (item, index) {\n                                        return _c(\"tr\", { key: index }, [\n                                          _c(\"td\", [_vm._v(_vm._s(item.Name))]),\n                                          _c(\"td\", [\n                                            _c(\n                                              \"a\",\n                                              {\n                                                staticClass:\n                                                  \"button is-small is-primary\",\n                                                on: {\n                                                  click: function ($event) {\n                                                    return _vm.addOption(item)\n                                                  },\n                                                },\n                                              },\n                                              [\n                                                _c(\n                                                  \"span\",\n                                                  {\n                                                    staticClass:\n                                                      \"icon is-small\",\n                                                  },\n                                                  [\n                                                    _c(\"font-awesome-icon\", {\n                                                      attrs: {\n                                                        icon: [\"fas\", \"plus\"],\n                                                      },\n                                                    }),\n                                                  ],\n                                                  1\n                                                ),\n                                              ]\n                                            ),\n                                          ]),\n                                        ])\n                                      }\n                                    ),\n                                    0\n                                  ),\n                                ]\n                              )\n                            : _vm._e(),\n                        ],\n                        1\n                      ),\n                    ]\n                  ),\n                  _c(\"div\", { staticClass: \"menu-options column\" }, [\n                    _c(\n                      \"div\",\n                      { staticClass: \"selected-options-wrapper\" },\n                      [\n                        _c(\"div\", {\n                          staticClass: \"title is-3\",\n                          domProps: {\n                            innerHTML: _vm._s(\n                              _vm.$t(\n                                \"Components.Settings.Space.ModalAddSpaceOptions.Label_SelectedOptions\"\n                              )\n                            ),\n                          },\n                        }),\n                        _vm.mSpace.IncludedOptions.length === 0\n                          ? _c(\"Message\", {\n                              attrs: {\n                                message: _vm.$t(\n                                  \"Components.Settings.Space.ModalAddSpaceOptions.Message_NoOptionSelected\"\n                                ),\n                              },\n                            })\n                          : _vm._e(),\n                        _c(\"div\", { staticClass: \"wrapper-selectedOptions\" }, [\n                          _c(\"table\", { staticClass: \"table is-striped\" }, [\n                            _c(\n                              \"tbody\",\n                              _vm._l(\n                                _vm.mSpace.IncludedOptions,\n                                function (option, index) {\n                                  return _c(\"tr\", { key: index }, [\n                                    _c(\"td\", {\n                                      domProps: {\n                                        innerHTML: _vm._s(option.OptionName),\n                                      },\n                                    }),\n                                    _c(\"td\", [\n                                      _c(\n                                        \"a\",\n                                        {\n                                          on: {\n                                            click: function ($event) {\n                                              return _vm.deleteOption(index)\n                                            },\n                                          },\n                                        },\n                                        [\n                                          _c(\n                                            \"span\",\n                                            { staticClass: \"icon\" },\n                                            [\n                                              _c(\"font-awesome-icon\", {\n                                                staticStyle: { color: \"red\" },\n                                                attrs: {\n                                                  icon: [\"fas\", \"trash-alt\"],\n                                                },\n                                              }),\n                                            ],\n                                            1\n                                          ),\n                                        ]\n                                      ),\n                                    ]),\n                                  ])\n                                }\n                              ),\n                              0\n                            ),\n                          ]),\n                        ]),\n                      ],\n                      1\n                    ),\n                  ]),\n                ])\n              : _vm._e(),\n          ]\n        },\n        proxy: true,\n      },\n    ]),\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \"/**\\n* Colors\\n*/\\n/**\\n* Text sizes\\n*/\\n/**\\n* Column settings\\n*/\\n/**\\n* Font properties\\n*/\\n.tabs[data-v-cc626f16] {\\n  margin-bottom: 0;\\n}\\n.tabs-info[data-v-cc626f16] {\\n  display: -webkit-box;\\n  display: -ms-flexbox;\\n  display: flex;\\n  -webkit-box-orient: vertical;\\n  -webkit-box-direction: normal;\\n      -ms-flex-direction: column;\\n          flex-direction: column;\\n  overflow-y: scroll;\\n  border-radius: 6px;\\n  border: 1px solid hsl(0, 0%, 86%);\\n  border-top: none;\\n  height: 300px;\\n}\\n.table td[data-v-cc626f16]:first-child {\\n  width: 100%;\\n}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalAddSpaceOption.vue?vue&type=style&index=0&id=cc626f16&lang=scss&scoped=true\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"991686d4\", content, false, {\"sourceMap\":false,\"shadowMode\":false});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalAddSpaceOption.vue?vue&type=style&index=0&id=cc626f16&lang=scss&scoped=true\", function() {\n     var newContent = require(\"!!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalAddSpaceOption.vue?vue&type=style&index=0&id=cc626f16&lang=scss&scoped=true\");\n     if(newContent.__esModule) newContent = newContent.default;\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}","import { render, staticRenderFns } from \"./ModalAddSpaceOption.vue?vue&type=template&id=cc626f16&scoped=true\"\nimport script from \"./ModalAddSpaceOption.vue?vue&type=script&lang=js\"\nexport * from \"./ModalAddSpaceOption.vue?vue&type=script&lang=js\"\nimport style0 from \"./ModalAddSpaceOption.vue?vue&type=style&index=0&id=cc626f16&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  \"cc626f16\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/github/workspace/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('cc626f16')) {\n      api.createRecord('cc626f16', component.options)\n    } else {\n      api.reload('cc626f16', component.options)\n    }\n    module.hot.accept(\"./ModalAddSpaceOption.vue?vue&type=template&id=cc626f16&scoped=true\", function () {\n      api.rerender('cc626f16', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/Spaces/ModalAddSpaceOption.vue\"\nexport default component.exports","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../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!./ModalAddSpaceOption.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../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!./ModalAddSpaceOption.vue?vue&type=script&lang=js\"","export * from \"-!../../../node_modules/vue-style-loader/index.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalAddSpaceOption.vue?vue&type=style&index=0&id=cc626f16&lang=scss&scoped=true\"","export * from \"-!../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"d2a26fb4-vue-loader-template\\\"}!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalAddSpaceOption.vue?vue&type=template&id=cc626f16&scoped=true\""],"sourceRoot":""}