{"version":3,"sources":["webpack:///./src/views/programs/pw/events/EditCalendarItem.vue?8e8f","webpack:///./src/views/programs/pw/events/EditCalendarItem.vue?591c","webpack:///src/views/programs/pw/events/EditCalendarItem.vue","webpack:///./src/views/programs/pw/events/EditCalendarItem.vue?e0fa","webpack:///./src/views/programs/pw/events/EditCalendarItem.vue","webpack:///./src/views/programs/pw/events/EditCalendarItem.vue?e8b6"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","translations","tcAddEditCalendarItem","tcNew","tcDetails","attrs","Section1","on","$event","tcTitle","model","value","calendarItem","callback","$$v","$set","expression","tcDay","tcDayOfMonth","optionDays","calItem","category","level","_e","tcRequest","editorOptions","placeholder","tcEditorPlaceHolder","ref","handleSaveClick","tcSave","selectedPrayerRequest","type","handleDeleteClick","tcDelete","handleCancelClick","tcCancel","applyFoundPerson","staticRenderFns","name","mixins","translationMixin","data","presetDate","errors","showCalendars","noOfDays","isSaving","imgUrl","file","methods","showModal","findButton","e","target","$root","$emit","validate","Title","push","tcTitleIsEmpty","Day","tcPleaseSelectValidMonthDay","Detail","tcDetailIsEmpty","length","$swal","icon","showCancelButton","cancelButtonColor","title","tcOkayToDelete","html","confirmButtonText","tcOk","cancelButtonText","result","submitRequest","text","join","$router","loadTranslations","clearCalendarItem","Key","ImagePath","IndKey","User","Delete","computed","edit","details","arrays","components","iTooltip","pageBody","pageHeader","PersonSearch","quillEditor","ToggleArrow","component"],"mappings":"kHAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,gCAAgC,CAACF,EAAG,cAAc,CAACA,EAAG,KAAK,CAACE,YAAY,UAAU,CAACN,EAAIO,GAAG,oBAAoBH,EAAG,YAAY,GAAG,CAACA,EAAG,KAAK,CAACJ,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIS,aAAaC,uBAAuB,KAAKN,EAAG,MAAM,CAACE,YAAY,eAAe,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,aAAaE,YAAYP,EAAG,UAAU,CAACE,YAAY,2BAA2B,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,SAAS,CAACE,YAAY,sBAAsB,CAACF,EAAG,KAAK,CAACE,YAAY,gBAAgB,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,aAAaG,cAAcR,EAAG,cAAc,CAACS,MAAM,CAAC,QAAU,WAAW,OAASb,EAAIc,UAAUC,GAAG,CAAC,MAAQ,SAASC,GAAQhB,EAAIc,UAAYd,EAAIc,cAAc,GAAId,EAAY,SAAEI,EAAG,MAAM,CAACA,EAAG,SAAS,CAACA,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,eAAe,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,QAAQ,CAACE,YAAY,gBAAgB,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,aAAaQ,SAAS,UAAUb,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,eAAe,CAACE,YAAY,SAASO,MAAM,CAAC,GAAK,QAAQ,KAAO,QAAQK,MAAM,CAACC,MAAOnB,EAAIoB,aAAkB,MAAEC,SAAS,SAAUC,GAAMtB,EAAIuB,KAAKvB,EAAIoB,aAAc,QAASE,IAAME,WAAW,yBAAyB,MAAM,GAAGpB,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,eAAe,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,QAAQ,CAACE,YAAY,gBAAgB,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,aAAagB,OAAO,UAAUrB,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,gBAAgB,CAACE,YAAY,4BAA4BO,MAAM,CAAC,MAAQb,EAAIS,aAAaiB,aAAa,QAAU1B,EAAI2B,WAAW,SAAW,IAAIT,MAAM,CAACC,MAAOnB,EAAIoB,aAAgB,IAAEC,SAAS,SAAUC,GAAMtB,EAAIuB,KAAKvB,EAAIoB,aAAc,MAAOE,IAAME,WAAW,uBAAuB,MAAM,KAA+B,aAAzBxB,EAAI4B,QAAQC,UAAiD,UAAtB7B,EAAI4B,QAAQE,MAAmB1B,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACN,EAAIO,GAAG,oFAAoFP,EAAI+B,QAAQ,GAAG/B,EAAI+B,SAAS3B,EAAG,UAAU,CAACE,YAAY,2CAA2C,CAACF,EAAG,SAAS,CAACE,YAAY,QAAQ,CAACF,EAAG,KAAK,CAACE,YAAY,gBAAgB,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,aAAauB,WAAW,UAAWhC,EAAIiC,cAAcC,cAAgBlC,EAAIS,aAAa0B,oBAAqB/B,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,eAAe,CAACgC,IAAI,gBAAgB9B,YAAY,iBAAiBO,MAAM,CAAC,QAAUb,EAAIiC,eAAef,MAAM,CAACC,MAAOnB,EAAIoB,aAAmB,OAAEC,SAAS,SAAUC,GAAMtB,EAAIuB,KAAKvB,EAAIoB,aAAc,SAAUE,IAAME,WAAW,0BAA0B,GAAGxB,EAAI+B,OAAO3B,EAAG,UAAU,CAACE,YAAY,+BAA+B,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,WAAW,CAACE,YAAY,oCAAoCO,MAAM,CAAC,QAAU,WAAWE,GAAG,CAAC,MAAQf,EAAIqC,kBAAkB,CAACrC,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIS,aAAa6B,QAAQ,OAA2C,SAAnCtC,EAAIuC,sBAAsBC,KAAiBpC,EAAG,WAAW,CAACE,YAAY,+BAA+BO,MAAM,CAAC,QAAU,aAAaE,GAAG,CAAC,MAAQf,EAAIyC,oBAAoB,CAACzC,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIS,aAAaiC,UAAU,OAAO1C,EAAI+B,KAAK3B,EAAG,WAAW,CAACE,YAAY,0BAA0BO,MAAM,CAAC,QAAU,YAAYE,GAAG,CAAC,MAAQf,EAAI2C,oBAAoB,CAAC3C,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIS,aAAamC,UAAU,QAAQ,SAASxC,EAAG,eAAe,CAACW,GAAG,CAAC,cAAgB,SAASC,GAAQ,OAAOhB,EAAI6C,iBAAiB7B,QAAa,IACl3G8B,EAAkB,G,8yBC6FtB,OACEC,KAAM,4BACNC,OAAQ,CAACC,EAAX,MACEC,KAHF,WAII,MAAO,CACLzC,aAAc,GACdK,UAAU,EACVqC,WAAY,KACZC,OAAQ,GACRC,eAAe,EACfC,SAAU,EACVC,UAAU,EACVC,OAAQ,GACRC,KAAM,GACNrC,aAAc,GACda,cAAe,CAArB,kBAGEyB,QAAS,EAAX,KACA,gBACI,iBAAJ,gCACI,eAAJ,8BACI,iBAAJ,wBACI,yBAAJ,wCACI,oBAAJ,mCACI,mBAAJ,kCACI,wBAAJ,0CARA,IAUIC,UAVJ,SAUA,KACM1D,KAAK2D,WAAcC,EAAEC,OAAaD,EAAEC,OAAOf,KAAbc,EAC9B5D,KAAK8D,MAAMC,MAAM,kBAAmB,GAA1C,YAEI,iBAdJ,wKAeA,0BACA,mCACA,eACA,2BACA,GACA,yCACA,QArBA,SAuBA,gCAvBA,cAuBA,EAvBA,OAwBA,sCAxBA,UAyBA,iDAzBA,QAyBA,YAzBA,OA0BA,0BA1BA,yGA4BIC,SA5BJ,WAuCM,OAVAhE,KAAKmD,OAAS,GACiB,IAA3BnD,KAAKmB,aAAa8C,OACpBjE,KAAKmD,OAAOe,KAAKlE,KAAKQ,aAAa2D,gBAEjCnE,KAAKmB,aAAaiD,KAAO,GAC3BpE,KAAKmD,OAAOe,KAAKlE,KAAKQ,aAAa6D,6BAEL,IAA5BrE,KAAKmB,aAAamD,QACpBtE,KAAKmD,OAAOe,KAAKlE,KAAKQ,aAAa+D,iBAE9BvE,KAAKmD,OAAOqB,QAAU,GAE/BhC,kBAzCJ,WAyCA,WACMxC,KAAKyE,MAAM,CACTC,KAAM,WACNC,kBAAkB,EAClBC,kBAAmB,OACnBC,MAAO7E,KAAKQ,aAAasE,eACzBC,KAAM,MAAd,8CACQC,kBAAmBhF,KAAKQ,aAAayE,KACrCC,iBAAkBlF,KAAKQ,aAAamC,WAC5C,kBACcwC,EAAOjE,OACX,EAAV,qCAIIkB,gBAxDJ,WAyDWpC,KAAKgE,WAQVhE,KAAKoF,cAAcpF,KAAKmB,cAAc,GAPpCnB,KAAKyE,MAAM,CACTC,KAAM,QACNW,KAAMrF,KAAKmD,OAAOmC,KAAK,MACvBN,kBAAmBhF,KAAKQ,aAAayE,MAAQ,QAMnD,cAnEJ,oEAmEA,KAnEA,4FAoEA,WACA,GACA,yCACA,QAvEA,SA0EA,0BACA,MACA,UA5EA,iCA6EA,2BA7EA,OA6EA,EA7EA,gDA+EA,yBA/EA,QA+EA,EA/EA,kBAiFA,0BACA,KAlFA,oBAmFA,YACA,eACA,OACA,+CACA,6CACA,kDAEA,EA1FA,wBA2FA,yBA3FA,UA4FA,+BACA,YACA,YACA,8BA/FA,eAkGA,mBACA,gCAnGA,gCAuGA,cAvGA,6DA0GA,0BACA,YACA,aACA,uFACA,iDA9GA,qHAkHIvC,kBAlHJ,WAmHM1C,KAAKuF,QAAQrB,KAAK,CAChBpB,KAAM,4BAGV,SAvHJ,2JAwHA,mCAxHA,wBAyHA,iEACA,iEACA,mEACA,6DACA,wEACA,mCACA,8EA/HA,SAgIA,0EAhIA,OAgIA,YAhIA,+BAkIA,wDACA,mCAnIA,yGAsII0C,iBAtIJ,WAuIMxF,KAAKgC,cAAcC,YAAcjC,KAAKQ,aAAa0B,qBAErDuD,kBAzIJ,WA0IMzF,KAAKmB,aAAe,CAClB8C,MAAO,GACPyB,IAAK,GACLpB,OAAQ,GACRqB,UAAW,GACXC,OAAQ,GACRC,KAAM,GACNzB,IAAK,EACL0B,QAAQ,MAId,QAxKF,kLA0KA,0BACA,yBA3KA,SA4KA,2EACA,wBA7KA,0DAgLA,oBAhLA,yBAkLA,0BAlLA,oIAqLEC,SAAU,EAAZ,KACA,gBACI,QAAJ,+BACI,YAAJ,4BACI,sBAAJ,qCACI,OAAJ,cACI,WAAJ,kBACI,gBAAJ,uBACI,wBAAJ,kCARA,IAUIC,KAVJ,WAWM,QAAShG,KAAKsC,sBAAsB2D,SAEtCvE,WAbJ,WAcM,IAAN,WACA,6CACA,+DACM,OAAOwE,KAGXC,WAAY,CACVC,SAAU,EAAd,WACIC,SAAU,EAAd,KACIC,WAAY,EAAhB,KACIC,aAAcA,EAAlB,KACIC,YAAJ,iBACIC,YAAaA,EAAjB,OC7SuY,I,mCCSnYC,EAAY,eACd,EACA5G,EACA+C,GACA,EACA,KACA,WACA,MAIa,aAAA6D,E,uECpBf,W","file":"js/chunk-e5cf4586.4ec3f714.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!./EditCalendarItem.vue?vue&type=style&index=0&id=ebba7f58&prod&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"church-presentation-template\"},[_c('page-header',[_c('h1',{staticClass:\"d-none\"},[_vm._v(\"Add Facility\")])]),_c('page-body',{},[_c('h1',[_vm._v(\" \"+_vm._s(_vm.translations.tcAddEditCalendarItem)+\" \"),_c('div',{staticClass:\"change-link\"},[_vm._v(_vm._s(_vm.translations.tcNew))])]),_c('section',{staticClass:\"section-1 bg-block mb-4\"},[_c('div',{staticClass:\"body\"},[_c('header',{staticClass:\"toggle-header mb-3\"},[_c('h2',{staticClass:\"font-style-1\"},[_vm._v(_vm._s(_vm.translations.tcDetails))]),_c('ToggleArrow',{attrs:{\"section\":\"Section1\",\"status\":_vm.Section1},on:{\"click\":function($event){_vm.Section1 = !_vm.Section1}}})],1),(_vm.Section1)?_c('div',[_c('b-form',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-6\"},[_c('b-form-group',{staticClass:\"form-element\"},[_c('div',{staticClass:\"date-select-1 mb-1\"},[_c('label',{staticClass:\"font-style-1\"},[_vm._v(_vm._s(_vm.translations.tcTitle)+\" *\")])]),_c('div',{staticClass:\"mb-3\"},[_c('b-form-input',{staticClass:\"flex-0\",attrs:{\"id\":\"title\",\"type\":\"text\"},model:{value:(_vm.calendarItem.Title),callback:function ($$v) {_vm.$set(_vm.calendarItem, \"Title\", $$v)},expression:\"calendarItem.Title\"}})],1)])],1),_c('div',{staticClass:\"col-6\"},[_c('b-form-group',{staticClass:\"form-element\"},[_c('div',{staticClass:\"date-select-1 mb-1\"},[_c('label',{staticClass:\"font-style-1\"},[_vm._v(_vm._s(_vm.translations.tcDay)+\" *\")])]),_c('div',{staticClass:\"mb-3\"},[_c('b-form-select',{staticClass:\"g-select flex-0 mr-3 mb-3\",attrs:{\"title\":_vm.translations.tcDayOfMonth,\"options\":_vm.optionDays,\"required\":\"\"},model:{value:(_vm.calendarItem.Day),callback:function ($$v) {_vm.$set(_vm.calendarItem, \"Day\", $$v)},expression:\"calendarItem.Day\"}})],1)])],1)]),(_vm.calItem.category === 'Officers' && _vm.calItem.level === 'state')?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_vm._v(\"To add a photograph, click the picture button in the request section below. \")])]):_vm._e()])],1):_vm._e()])]),_c('section',{staticClass:\"section-4 bg-block mb-4 request-section\"},[_c('header',{staticClass:\"mb-3\"},[_c('h2',{staticClass:\"font-style-1\"},[_vm._v(_vm._s(_vm.translations.tcRequest)+\" *\")])]),(_vm.editorOptions.placeholder === _vm.translations.tcEditorPlaceHolder)?_c('div',{staticClass:\"body\"},[_c('quill-editor',{ref:\"myQuillEditor\",staticClass:\"request-editor\",attrs:{\"options\":_vm.editorOptions},model:{value:(_vm.calendarItem.Detail),callback:function ($$v) {_vm.$set(_vm.calendarItem, \"Detail\", $$v)},expression:\"calendarItem.Detail\"}})],1):_vm._e()]),_c('section',{staticClass:\"section-5 pt-3 pl-0 pl-sm-4\"},[_c('div',{staticClass:\"body\"},[_c('div',{staticClass:\"d-flex\"},[_c('b-button',{staticClass:\"flex-0 mr-3 w-100-sd mb-3 mb-sm-0\",attrs:{\"variant\":\"primary\"},on:{\"click\":_vm.handleSaveClick}},[_vm._v(\" \"+_vm._s(_vm.translations.tcSave)+\" \")]),(_vm.selectedPrayerRequest.type === 'edit')?_c('b-button',{staticClass:\"flex-0 mr-3 w-100-sd mb-sm-0\",attrs:{\"variant\":\"secondary\"},on:{\"click\":_vm.handleDeleteClick}},[_vm._v(\" \"+_vm._s(_vm.translations.tcDelete)+\" \")]):_vm._e(),_c('b-button',{staticClass:\"flex-0 w-100-sd mb-sm-0\",attrs:{\"variant\":\"tertiary\"},on:{\"click\":_vm.handleCancelClick}},[_vm._v(\" \"+_vm._s(_vm.translations.tcCancel)+\" \")])],1)])])]),_c('PersonSearch',{on:{\"selectionMade\":function($event){return _vm.applyFoundPerson($event)}}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"church-presentation-template\">\n    <page-header>\n      <h1 class=\"d-none\">Add Facility</h1>\n    </page-header>\n    <page-body class>\n      <h1>\n        {{ translations.tcAddEditCalendarItem }}\n        <div class=\"change-link\">{{ translations.tcNew }}</div>\n      </h1>\n      <section class=\"section-1 bg-block mb-4\">\n        <div class=\"body\">\n          <header class=\"toggle-header mb-3\">\n            <h2 class=\"font-style-1\">{{ translations.tcDetails }}</h2>\n            <ToggleArrow @click=\"Section1 = !Section1\" section=\"Section1\" :status=\"Section1\"></ToggleArrow>\n          </header>\n          <div v-if=\"Section1\">\n            <b-form>\n              <div class=\"row\">\n                <div class=\"col-6\">\n                  <b-form-group class=\"form-element\">\n                    <div class=\"date-select-1 mb-1\">\n                      <label class=\"font-style-1\">{{ translations.tcTitle }} *</label>\n                    </div>\n                    <div class=\"mb-3\">\n                      <b-form-input id=\"title\" v-model=\"calendarItem.Title\" class=\"flex-0\" type=\"text\"></b-form-input>\n                    </div>\n                  </b-form-group>\n                </div>\n                <div class=\"col-6\">\n                  <b-form-group class=\"form-element\">\n                    <div class=\"date-select-1 mb-1\">\n                      <label class=\"font-style-1\">{{ translations.tcDay }} *</label>\n                    </div>\n                    <div class=\"mb-3\">\n                      <b-form-select :title=\"translations.tcDayOfMonth\" v-model=\"calendarItem.Day\" :options=\"optionDays\"\n                        class=\"g-select flex-0 mr-3 mb-3\" required></b-form-select>\n                    </div>\n                  </b-form-group>\n                </div>\n              </div>\n              <div class=\"row\" v-if=\"calItem.category === 'Officers' && calItem.level === 'state'\">\n                <div class=\"col-12\">To add a photograph, click the picture button in the request section below.\n                </div>\n              </div>\n            </b-form>\n          </div>\n        </div>\n      </section>\n      <section class=\"section-4 bg-block mb-4 request-section\">\n        <header class=\"mb-3\">\n          <h2 class=\"font-style-1\">{{ translations.tcRequest }} *</h2>\n        </header>\n        <div class=\"body\" v-if=\"editorOptions.placeholder === translations.tcEditorPlaceHolder\">\n          <quill-editor class=\"request-editor\" v-model=\"calendarItem.Detail\" ref=\"myQuillEditor\"\n            :options=\"editorOptions\">\n          </quill-editor>\n        </div>\n      </section>\n      <section class=\"section-5 pt-3 pl-0 pl-sm-4\">\n        <div class=\"body\">\n          <div class=\"d-flex\">\n            <b-button variant=\"primary\" @click=\"handleSaveClick\" class=\"flex-0 mr-3 w-100-sd mb-3 mb-sm-0\">\n              {{ translations.tcSave }}\n            </b-button>\n            <b-button v-if=\"selectedPrayerRequest.type === 'edit'\" variant=\"secondary\" @click=\"handleDeleteClick\"\n              class=\"flex-0 mr-3 w-100-sd mb-sm-0\">\n              {{ translations.tcDelete }}\n            </b-button>\n            <b-button variant=\"tertiary\" @click=\"handleCancelClick\" class=\"flex-0 w-100-sd mb-sm-0\">\n              {{ translations.tcCancel }}\n            </b-button>\n          </div>\n        </div>\n      </section>\n    </page-body>\n    <PersonSearch @selectionMade=\"applyFoundPerson($event)\"></PersonSearch>\n  </div>\n</template>\n\n<script>\n/* eslint-disable */\nimport { mapActions, mapGetters } from 'vuex'\nimport iTooltip from '@/assets/svgs/i-tooltip.vue'\nimport pageBody from '@/components/page-components/PageBody.vue'\nimport pageHeader from '@/components/page-components/PageHeader.vue'\nimport PersonSearch from '@/components/PersonSearch.vue'\nimport { quillEditor } from 'vue-quill-editor'\nimport 'quill/dist/quill.core.css'\nimport 'quill/dist/quill.snow.css'\nimport 'quill/dist/quill.bubble.css'\nimport ToggleArrow from '@/components/toggle-arrow/ToggleArrow.vue'\nimport { translationMixin } from '@/mixins/translationMixin'\n\nexport default {\n  name: 'prayer-edit-calendar-item',\n  mixins: [translationMixin],\n  data() {\n    return {\n      translations: {},\n      Section1: true,\n      presetDate: null,\n      errors: [],\n      showCalendars: false,\n      noOfDays: 1,\n      isSaving: false,\n      imgUrl: '',\n      file: '',\n      calendarItem: {},\n      editorOptions: { placeholder: '' },\n    }\n  },\n  methods: {\n    ...mapActions({\n      addPrayerRequest: 'prayerCenter/addPrayerRequest',\n      getImageSrcUrl: 'prayerCenter/getImageSrcUrl',\n      setLoadingStatus: 'menu/setLoadingStatus',\n      setSelectedPrayerRequest: 'prayerCenter/setSelectedPrayerRequest',\n      updatePrayerRequest: 'prayerCenter/updatePrayerRequest',\n      updateCalendarItem: 'prayerCenter/updateCalendarItem',\n      uploadCalendarItemImage: 'prayerCenter/uploadCalendarItemImage',\n    }),\n    showModal(e, modalName) {\n      this.findButton = !e.target ? e : e.target.name\n      this.$root.$emit('bv::show::modal', `${modalName}`)\n    },\n    async handleFileUpload() {\n      this.setLoadingStatus(true)\n      this.file = this.$refs.file.files[0]\n      let formData = new FormData()\n      formData.append('file', this.file)\n      let params = {\n        orgKey: this.selectedPrayerRequest.orgKey,\n        data: formData,\n      }\n      let response = await this.uploadCalendarItemImage(params)\n      this.calendarItem.imagepath = response.Message\n      this.imgUrl = await this.getImageSrcUrl(this.calendarItem.imagepath)\n      this.setLoadingStatus(false)\n    },\n    validate() {\n      this.errors = []\n      if (this.calendarItem.Title == '') {\n        this.errors.push(this.translations.tcTitleIsEmpty)\n      }\n      if (this.calendarItem.Day <= 0) {\n        this.errors.push(this.translations.tcPleaseSelectValidMonthDay)\n      }\n      if (this.calendarItem.Detail == '') {\n        this.errors.push(this.translations.tcDetailIsEmpty)\n      }\n      return this.errors.length <= 0\n    },\n    handleDeleteClick() {\n      this.$swal({\n        icon: 'question',\n        showCancelButton: true,\n        cancelButtonColor: '#d33',\n        title: this.translations.tcOkayToDelete,\n        html: `<i>${this.translations.tcIsThatOkay}</i>`,\n        confirmButtonText: this.translations.tcOk,\n        cancelButtonText: this.translations.tcCancel,\n      }).then((result) => {\n        if (!!result.value) {\n          this.submitRequest(this.calendarItem, true)\n        }\n      })\n    },\n    handleSaveClick() {\n      if (!this.validate()) {\n        this.$swal({\n          icon: 'error',\n          text: this.errors.join(', '),\n          confirmButtonText: this.translations.tcOk || 'Ok',\n        })\n        return\n      }\n      this.submitRequest(this.calendarItem, false)\n    },\n    async submitRequest(data, del_switch) {\n      data.Delete = del_switch\n      let params = {\n        orgKey: this.selectedPrayerRequest.orgKey,\n        data: data,\n      }\n      try {\n        this.setLoadingStatus(true)\n        let response = false\n        if (this.edit) {\n          response = await this.updateCalendarItem(params)\n        } else {\n          response = await this.addPrayerRequest(params)\n        }\n        this.setLoadingStatus(false)\n        if (response == true) {\n          this.$swal({\n            icon: 'success',\n            text: del_switch\n              ? this.translations.tcRequestDeletedSuccessfully\n              : this.translations.tcRequestAddedSuccessfully,\n            confirmButtonText: this.translations.tcOk || 'Ok',\n          })\n          if (del_switch) {\n            this.clearCalendarItem()\n            await this.setSelectedPrayerRequest({\n              orgKey: null,\n              cprKey: null,\n              type: this.edit ? 'edit' : 'add',\n            })\n          }\n          this.$router.push({\n            name: 'prayer-manage-calendar',\n          })\n          return\n        } else {\n          throw 'edit falied'\n        }\n      } catch (error) {\n        this.setLoadingStatus(false)\n        this.$swal({\n          icon: 'error',\n          text: del_switch ? this.translations.tcErrorDeletingRequest : this.translations.tcErrorAddingRequest,\n          confirmButtonText: this.translations.tcOk || 'Ok',\n        })\n      }\n    },\n    handleCancelClick() {\n      this.$router.push({\n        name: 'prayer-manage-calendar',\n      })\n    },\n    async pageLoad() {\n      if (!!this.selectedPrayerRequest.details) {\n        this.calendarItem.Key = this.selectedPrayerRequest.details.prr_key\n        this.calendarItem.Title = this.selectedPrayerRequest.details.title\n        this.calendarItem.Detail = this.selectedPrayerRequest.details.detail\n        this.calendarItem.Day = this.selectedPrayerRequest.details.day\n        this.calendarItem.IndKey = this.selectedPrayerRequest.details.prr_ind_key\n          ; (this.calendarItem.User = this.userId),\n            (this.calendarItem.ImagePath = this.selectedPrayerRequest.details.img_image_path)\n        this.imgUrl = await this.getImageSrcUrl(this.selectedPrayerRequest.details.img_image242_path)\n      } else {\n        this.calendarItem.Key = this.selectedPrayerRequest.cprKey\n        this.calendarItem.User = this.userId\n      }\n    },\n    loadTranslations() {\n      this.editorOptions.placeholder = this.translations.tcEditorPlaceHolder\n    },\n    clearCalendarItem() {\n      this.calendarItem = {\n        Title: '',\n        Key: '',\n        Detail: '',\n        ImagePath: '',\n        IndKey: '',\n        User: '',\n        Day: 0,\n        Delete: false,\n      }\n    },\n  },\n  async created() {\n    try {\n      this.setLoadingStatus(true)\n      this.clearCalendarItem()\n      await Promise.all([this.getViewTranslations(), this.pageLoad()]).then(() => {\n        this.loadTranslations()\n      })\n    } catch (e) {\n      console.error(e)\n    } finally {\n      this.setLoadingStatus(false)\n    }\n  },\n  computed: {\n    ...mapGetters({\n      calItem: 'prayerCenter/getCalendarItem',\n      prefCulture: 'user/userPreferredCulture',\n      selectedPrayerRequest: 'prayerCenter/selectedPrayerRequest',\n      userId: 'user/userId',\n      userOrgKey: 'user/userOrgKey',\n      userLanguageKey: 'user/userLanguageKey',\n      userSelectedFacilityKey: 'user/userSelectedFacilityKey',\n    }),\n    edit() {\n      return !!this.selectedPrayerRequest.details\n    },\n    optionDays() {\n      let currentDay = new Date()\n      let lastDay = new Date(currentDay.getFullYear(), currentDay.getMonth() + 1, 0)\n      let arrays = Array.from({ length: lastDay.getDate() }, (_, i) => i + 1)\n      return arrays\n    },\n  },\n  components: {\n    iTooltip: iTooltip,\n    pageBody: pageBody,\n    pageHeader: pageHeader,\n    PersonSearch: PersonSearch,\n    quillEditor,\n    ToggleArrow: ToggleArrow,\n  },\n}\n</script>\n\n<style scoped>\n.ql-editor {\n  font-size: 18px;\n}\n</style>\n\n<style lang=\"scss\">\n@import '@/styles/settings.scss';\n@import '@/styles/bootstrap/b-button.scss';\n@import '@/styles/bootstrap/b-button-group.scss';\n\nh3 {\n  line-height: 1;\n}\n\n.request-section {\n  height: 400px;\n}\n\nhr {\n  max-width: 671px;\n  margin: 25px 0;\n  background-color: #979797;\n}\n\n.request-editor {\n  height: 150px;\n}\n\ninput[type='number'] {\n  height: auto;\n  max-width: 55px;\n  padding: 10px 0;\n  line-height: 25px;\n  text-align: center;\n}\n\n.vdp-datepicker div input,\n.vue__time-picker input {\n  border: 1px solid #636363;\n  padding: 10px 20px !important;\n  width: 18em;\n  font-weight: 600;\n  text-transform: uppercase;\n}\n\n.vdp-datepicker__calendar {\n  font-weight: 600;\n  text-transform: uppercase;\n}\n\n.vue__time-picker input.display-time {\n  padding: 10px 20px !important;\n  border: 1px solid #636363;\n  width: 17em;\n  font-weight: 600;\n  height: 3.2em;\n}\n\n.bg-block {\n  padding: 34px 32px;\n\n  @include breakpoint(sm) {\n    padding: 25px 20px;\n  }\n}\n\n.change-link {\n  display: inline-flex;\n  color: #118a0d;\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n}\n\n.section-2,\n.section-3,\n.section-4 {\n  padding-top: 22px;\n}\n\n.custom-checkbox {\n  display: flex;\n  height: 1.5rem;\n  width: 55px;\n  padding: 0;\n\n  @include breakpoint(sm) {\n    width: 24px;\n  }\n\n  input {\n    order: 2;\n  }\n\n  label {\n    position: relative;\n    order: 1;\n    height: 1.5rem;\n    width: 1.5rem;\n\n    &:before,\n    &:after {\n      height: 1.5rem;\n      width: 1.5rem;\n      left: 0;\n      top: 0;\n    }\n  }\n}\n\ninput[type='checkbox'] {\n  height: auto;\n  max-width: 55px;\n  padding: 10px 0;\n  line-height: 25px;\n  text-align: center;\n}\n\ntextarea {\n  height: 125px;\n  padding: 10px 20px !important;\n  border-color: #636363 !important;\n  color: #003946 !important;\n  font-weight: 700 !important;\n  line-height: 25px !important;\n}\n\n.page-body {\n  padding: 80px 15px;\n}\n\n.g-row {\n  display: flex;\n  align-items: center;\n\n  @include breakpoint(sm) {\n    flex-wrap: wrap;\n  }\n\n  .g-col-1 {\n    max-width: 424px;\n    width: 100%;\n    padding-right: 43px;\n\n    @include breakpoint(sm) {\n      max-width: 100%;\n      padding-right: 0;\n    }\n  }\n\n  .g-col-2 {\n    max-width: 247px;\n    width: 100%;\n\n    @include breakpoint(sm) {\n      max-width: 100%;\n    }\n  }\n}\n\nform {\n  select.form-control.flex-1 {\n    flex: 1 1 auto;\n  }\n}\n\n.date-select-1 {\n  .start-input {\n    width: 287px;\n\n    @include breakpoint(sm) {\n      &:before {\n        content: '';\n        z-index: 1;\n      }\n    }\n  }\n}\n\n.time-select-1 {\n  .start-time {\n    width: 291px;\n\n    @include breakpoint(sm) {\n      &:before {\n        content: '';\n        z-index: 1;\n      }\n    }\n  }\n}\n\n.col-left-input {\n  width: 291px !important;\n}\n\n.i-tooltip {\n  position: relative;\n  top: 0px;\n  margin-left: 5px;\n  line-height: 0;\n  vertical-align: text-top;\n\n  svg path {\n    fill: #000;\n  }\n}\n\n.section-5 {\n  .d-flex {\n    @include breakpoint(sm) {\n      flex-wrap: wrap;\n    }\n  }\n}\n\n// MOVE GLOBAL\n.toggle-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n</style>\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!./EditCalendarItem.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!./EditCalendarItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EditCalendarItem.vue?vue&type=template&id=ebba7f58&scoped=true&\"\nimport script from \"./EditCalendarItem.vue?vue&type=script&lang=js&\"\nexport * from \"./EditCalendarItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EditCalendarItem.vue?vue&type=style&index=0&id=ebba7f58&prod&scoped=true&lang=css&\"\nimport style1 from \"./EditCalendarItem.vue?vue&type=style&index=1&id=ebba7f58&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"ebba7f58\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.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!./EditCalendarItem.vue?vue&type=style&index=1&id=ebba7f58&prod&lang=scss&\""],"sourceRoot":""}