{"version":3,"sources":["webpack:///./src/views/v-tenant-room/index.vue","webpack:///./src/views/v-tenant-room/EventsList.vue","webpack:///./src/views/v-tenant-room/EventsList.vue?9543","webpack:///./src/views/v-tenant-room/index.vue?0f7b","webpack:///./src/views/v-tenant-room/index.vue?0695","webpack:///./src/views/v-tenant-room/index.vue?fa1c"],"names":["class","SDates","getData","selectionMode","optionLabel","options","rooms","selectedRoom","selectRoom","__","toLocaleDateString","$store","state","local","code","isPopup","edit","events","SDate","style","value","eventsToShow","responsiveLayout","onEdit","field","header","body","data","formatDateNoYear","FromTime","ToTime","Number","length","name","props","emits","created","methods","ev","this","$emit","computed","filter","theEvent","Date","getDate","date","render","components","EventsList","today","inOneMonthDate","setDate","allEvents","newModal","eventSelected","dateStr","newEventDate","bID","api","vaadMenuItems","isVaadMember","contactID","getDateToShow","mounted","updateEventDate","newDate","procParams","Int","then","result","JSON","parse","Table1","Table","map","element","RoomId","RoomName","catch","f","sort","a","b","event","unitContactId","closeModal","watch","deep","immediate","handler","find","routerName","$route","$router","push","__scopeId"],"mappings":"0IACOA,MAAM,W,GAaNA,MAAM,Q,GACLA,MAAM,iB,gMAdZ,eAYM,MAZN,EAYM,CAXJ,eAIE,G,WAHS,EAAAC,O,sDAAA,EAAAA,OAAM,IACK,EAAAC,SACpBC,cAAc,S,6CAEhB,eAKE,GAJAC,YAAY,WACXC,QAAS,EAAAC,M,WACD,EAAAC,a,sDAAA,EAAAA,aAAY,IACD,EAAAC,a,yDAGxB,eAmBM,MAnBN,EAmBM,CAlBJ,eAUK,KAVL,EAUK,C,8BATA,EAAAC,GAAE,qBAAuB,IAAC,eAAG,EAAAA,GAAE,aAAe,KACjD,kBAOM,0BAND,EAAAR,OAAM,GAAIS,mBAAmB,EAAAC,OAAOC,MAAMC,MAAMC,OAAI,eAErD,EAAAb,OAAM,G,IAAyB,SAAM,GAAI,mBAAmB,SAAO,MAAM,MAAM,M,SAOrF,eAKE,GAJCc,SAAS,EACT,SAAQ,EAAAC,KACRC,OAAQ,EAAAA,OACRC,MAAO,EAAAjB,OAAM,I,oKCrBPkB,MAAA,6C,SAcTA,MAAA,qE,iJAvBF,eAqBc,GApBXC,MAAO,EAAAC,aACRC,iBAAiB,SAChB,WAAW,EAAAC,Q,yBAGZ,iBAOe,CAPf,eAOe,GAPDC,MAAM,OAAQC,OAAQ,EAAAhB,GAAE,kB,CACzBiB,KAAI,gBACb,gBADiBC,EACjB,EADiBA,KACjB,MADqB,CACX,EAAAZ,Q,wCAAV,eAA0D,qBAAnC,EAAAa,iBAAiBD,EAAKT,QAAK,IAClD,eAEM,MAFN,EAEM,eADDS,EAAKE,UAAW,MAAG,eAAGF,EAAKG,QAAM,O,mBAI1C,eAAwE,GAA1DN,MAAM,eAAgBC,OAAQ,EAAAhB,GAAE,U,mBAC9C,eAIe,GAJDe,MAAM,YAAaC,OAAQ,EAAAhB,GAAE,c,CAC9BiB,KAAI,gBACb,gBADiBC,EACjB,EADiBA,KACjB,MADqB,C,wCACf,EAAAlB,GAAE,a,YAAiBkB,EAAKI,SAAM,O,mBAGxC,eAAuE,GAAzDP,MAAM,WAAYC,OAAQ,EAAAhB,GAAE,a,sDAInC,EAAAY,aAAaW,O,wCAFtB,eAIC,OAJD,EAIC,eADK,EAAAvB,GAAE,0C,IAMK,OACbwB,KAAM,SACNC,MAAO,CAAC,SAAU,QAAS,WAC3BC,MAAO,CAAC,UACRC,QAJa,aAObC,QAAS,CACPd,OADO,SACAe,GACLC,KAAKC,MAAM,SAAUF,KAGzBG,SAAU,CACRpB,aADQ,WACO,WACb,OAAQkB,KAAKxB,QAETwB,KAAKtB,OAAOyB,QAAO,SAACC,GAClB,OAAO,IAAIC,KAAKD,EAASzB,OAAO2B,YAAc,EAAK3B,MAAM2B,aAF3DN,KAAKtB,QAKXW,iBARQ,WAQW,WACjB,OAAO,SAACkB,GACN,OAAO,IAAIF,KAAKE,GAAMpC,mBAAmB,EAAKC,OAAOC,MAAMC,MAAMC,UCnDzE,EAAOiC,OAAS,EAED,QFuDA,GACbC,WAAY,CAEVC,cAEFb,QALa,WAMX,IAAMc,EAAQ,IAAIN,KACZO,EAAiB,IAAIP,KAAKM,EAAME,QAAQF,EAAML,UAAY,KAChEN,KAAKtC,OAAS,CAAC,IAAI2C,KAAQO,IAE7BxB,KAVa,WAWX,MAAO,CACL1B,OAAQ,GACRoD,UAAW,GACXpC,OAAQ,GACRX,MAAO,GACPC,aAAc,KACd+C,UAAU,EACVC,cAAe,KACfC,QAAA,OACAC,aAAc,OAGlBhB,SAAU,iCACL,eAAS,CACViB,IAAK,SAAC9C,GAAD,OAAWA,EAAM+C,IAAID,KAC1BE,cAAe,SAAChD,GAAD,OAAWA,EAAMgD,eAChCC,aAAc,SAACjD,GAAD,OAAWA,EAAM+C,IAAIE,cACnCC,UAAW,SAAClD,GAAD,OAAWA,EAAM+C,IAAIG,cAL5B,IAONlC,iBAPQ,WAOW,WACjB,OAAO,SAACkB,GACN,OAAO,IAAIF,KAAKE,GAAMpC,mBAAmB,EAAKC,OAAOC,MAAMC,MAAMC,QAIrEiD,cAbQ,WAcN,OAAOxB,KAAKgB,cACR,IAAIX,KAAKL,KAAKgB,cAAcrC,OAC5BqB,KAAKtC,OAAO,MAGpB+D,QA1Ca,WA2CXzB,KAAKrC,WAEPmC,QAAS,CACP4B,gBADO,SACSC,GACd3B,KAAKtC,OAAO,GAAKiE,GAEnBhE,QAJO,WAIG,WACRqC,KAAKjC,MAAQ,GACb,IAAI6D,EAAa,CACf,eAAS,MAAO5B,KAAKmB,IAAK,OAASU,KAEnC,eAAS,WAAY7B,KAAKtC,OAAO,GAAI,OAAS2C,MAC9C,eACE,SACAL,KAAKtC,OAAO,GAAKsC,KAAKtC,OAAO,GAAKsC,KAAKtC,OAAO,GAC9C,OAAS2C,OAGb,eAAS,kBAAmBuB,GACzBE,MAAK,SAACC,GACLA,EAASC,KAAKC,MAAMF,GACpB,EAAKjB,UAAYiB,EAAOG,OACxB,EAAKnE,MAAQgE,EAAOI,MAAMC,KAAI,SAACC,GAC7B,MAAO,CACLC,OAAQD,EAAQC,OAChBC,SAAUF,EAAQE,aAGjB,EAAKvE,eAAc,EAAKA,aAAe,EAAKD,MAAM,IACvD,EAAKE,gBAENuE,OAAM,WACL,eAAc,uBAGpBvE,WAjCO,WAiCM,WACX+B,KAAKtB,OAASsB,KAAKc,UAChBX,QAAO,SAACsC,GAAD,OAAOA,EAAEH,QAAU,EAAKtE,aAAasE,UAC5CI,MAAK,SAACC,EAAGC,GAAJ,OAAU,IAAIvC,KAAKsC,EAAEhE,OAAS,IAAI0B,KAAKuC,EAAEjE,WAEnDF,KAtCO,SAsCFoE,GACCA,EAAMzD,KAAK0D,gBAAkB9C,KAAKuB,YACtCvB,KAAKgB,cAAgB6B,EAAMzD,KAC3BY,KAAKe,UAAW,IAElBgC,WA3CO,WA4CL/C,KAAKe,UAAW,EAChBf,KAAKgB,cAAgB,KACrBhB,KAAKrC,YAGTqF,MAAO,CACLtF,OAAQ,CACNuF,MAAM,EACNC,WAAW,EACXC,QAHM,WAIJnD,KAAKkB,aAAelB,KAAKtC,OAAO,KAGpCyD,IARK,WAQC,WAEFnB,KAAKqB,cAAc+B,MAAK,SAACX,GAAD,OAAOA,EAAEY,YAAc,EAAKC,OAAO5D,UAC1DM,KAAKsB,cAENtB,KAAKuD,QAAQC,KAAK,CAChB9D,KAAM,cAEVM,KAAKrC,WAEPoD,SAlBK,WAmBEf,KAAKe,UAAUf,KAAK+C,gB,oBGvK/B,EAAOvC,OAASA,EAChB,EAAOiD,UAAY,kBAEJ,gB,kCCTf,W,yDCAA,W","file":"js/chunk-5c4c723a.61c923ad.js","sourcesContent":["<template>\r\n  <div class=\"filters\">\r\n    <i-override-calendar\r\n      v-model=\"SDates\"\r\n      @update:modelValue=\"getData\"\r\n      selectionMode=\"range\"\r\n    />\r\n    <i-override-dropdown\r\n      optionLabel=\"RoomName\"\r\n      :options=\"rooms\"\r\n      v-model=\"selectedRoom\"\r\n      @update:modelValue=\"selectRoom\"\r\n    />\r\n  </div>\r\n  <div class=\"data\">\r\n    <h4 class=\"data__heading\">\r\n      {{ __(\"Scheduled events\") }} {{ __(\"To Dates\") }}:\r\n      <div>\r\n        {{ SDates[0].toLocaleDateString($store.state.local.code)\r\n        }}{{\r\n          SDates[1]\r\n            ? \"-\" + SDates[1].toLocaleDateString($store.state.local.code)\r\n            : \"\"\r\n        }}\r\n      </div>\r\n    </h4>\r\n\r\n    <events-list\r\n      :isPopup=\"false\"\r\n      @onEdit=\"edit\"\r\n      :events=\"events\"\r\n      :SDate=\"SDates[0]\"\r\n    />\r\n  </div>\r\n  <!-- <i-override-dialog\r\n    :modal=\"true\"\r\n    :dismissableMask=\"true\"\r\n    :close=\"closeModal\"\r\n    :title=\"eventSelected ? __('Editing an event') : __('Adding a new event')\"\r\n    v-model:visible=\"newModal\"\r\n  >\r\n    <local-new\r\n      :roomId=\"selectedRoom.RoomId\"\r\n      :SDate=\"getDateToShow\"\r\n      :eventSelected=\"eventSelected\"\r\n      :close=\"closeModal\"\r\n      @updateEventDate=\"updateEventDate\"\r\n      :events=\"events\"\r\n    />\r\n  </i-override-dialog>\r\n  <i-plus-button @click=\"newModal = true\" /> -->\r\n</template>\r\n\r\n<script>\r\n// import LocalNew from \"./new\";\r\nimport { mapState } from \"vuex\";\r\nimport { callProc, apiParam, apiPType } from \"@/services/APointAPI\";\r\nimport { dateStr, errorReceived } from \"@/services/apointUtil\";\r\nimport EventsList from \"./EventsList.vue\";\r\n\r\nexport default {\r\n  components: {\r\n    // LocalNew,\r\n    EventsList,\r\n  },\r\n  created() {\r\n    const today = new Date(); // Today Date\r\n    const inOneMonthDate = new Date(today.setDate(today.getDate() + 30)); // more 30 days date.\r\n    this.SDates = [new Date(), inOneMonthDate];\r\n  },\r\n  data() {\r\n    return {\r\n      SDates: [],\r\n      allEvents: [],\r\n      events: [],\r\n      rooms: [],\r\n      selectedRoom: null,\r\n      newModal: false,\r\n      eventSelected: null,\r\n      dateStr,\r\n      newEventDate: null,\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapState({\r\n      bID: (state) => state.api.bID,\r\n      vaadMenuItems: (state) => state.vaadMenuItems,\r\n      isVaadMember: (state) => state.api.isVaadMember,\r\n      contactID: (state) => state.api.contactID,\r\n    }),\r\n    formatDateNoYear() {\r\n      return (date) => {\r\n        return new Date(date).toLocaleDateString(this.$store.state.local.code);\r\n        // .split(\".20\")[0];\r\n      };\r\n    },\r\n    getDateToShow() {\r\n      return this.eventSelected\r\n        ? new Date(this.eventSelected.SDate)\r\n        : this.SDates[0];\r\n    },\r\n  },\r\n  mounted() {\r\n    this.getData();\r\n  },\r\n  methods: {\r\n    updateEventDate(newDate) {\r\n      this.SDates[0] = newDate;\r\n    },\r\n    getData() {\r\n      this.rooms = [];\r\n      let procParams = [\r\n        apiParam(\"BID\", this.bID, apiPType.Int),\r\n        // apiParam(\"SDate\", this.SDate, apiPType.Date),\r\n        apiParam(\"FromDate\", this.SDates[0], apiPType.Date),\r\n        apiParam(\r\n          \"ToDate\",\r\n          this.SDates[1] ? this.SDates[1] : this.SDates[0],\r\n          apiPType.Date\r\n        ), // If not selected 2 dates (only one), it'll send range between SDATE[0] to SDATE[0]\r\n      ];\r\n      callProc(\"TennatApp_Rooms\", procParams)\r\n        .then((result) => {\r\n          result = JSON.parse(result);\r\n          this.allEvents = result.Table1;\r\n          this.rooms = result.Table.map((element) => {\r\n            return {\r\n              RoomId: element.RoomId,\r\n              RoomName: element.RoomName,\r\n            };\r\n          });\r\n          if (!this.selectedRoom) this.selectedRoom = this.rooms[0];\r\n          this.selectRoom();\r\n        })\r\n        .catch(() => {\r\n          errorReceived(\"TennatApp_Rooms\");\r\n        });\r\n    },\r\n    selectRoom() {\r\n      this.events = this.allEvents\r\n        .filter((f) => f.RoomId == this.selectedRoom.RoomId)\r\n        .sort((a, b) => new Date(a.SDate) - new Date(b.SDate));\r\n    },\r\n    edit(event) {\r\n      if (event.data.unitContactId !== this.contactID) return;\r\n      this.eventSelected = event.data;\r\n      this.newModal = true;\r\n    },\r\n    closeModal() {\r\n      this.newModal = false;\r\n      this.eventSelected = null;\r\n      this.getData();\r\n    },\r\n  },\r\n  watch: {\r\n    SDates: {\r\n      deep: true,\r\n      immediate: true,\r\n      handler() {\r\n        this.newEventDate = this.SDates[0];\r\n      },\r\n    },\r\n    bID() {\r\n      if (\r\n        this.vaadMenuItems.find((f) => f.routerName == this.$route.name) &&\r\n        !this.isVaadMember\r\n      )\r\n        this.$router.push({\r\n          name: \"Dashboard\",\r\n        });\r\n      this.getData();\r\n    },\r\n    newModal() {\r\n      if (!this.newModal) this.closeModal();\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.filters {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n\r\n  padding: 25px 15px;\r\n}\r\n\r\n:deep(.p-calendar .p-inputtext),\r\n:deep(.p-override-dropdown-value .value) {\r\n  color: #424242 !important;\r\n}\r\n\r\n.filters > * {\r\n  flex: 1;\r\n\r\n  border-radius: 0 !important;\r\n}\r\n\r\n.filters > *:not(:last-child) {\r\n  margin-left: -1px;\r\n}\r\n\r\n.filters > *:first-child,\r\n.filters:deep(*:first-child .p-inputtext) {\r\n  border-top-right-radius: 30px !important;\r\n  border-bottom-right-radius: 30px !important;\r\n}\r\n\r\n.filters > *:last-child,\r\n.filters:deep(*:last-child .p-inputtext) {\r\n  border-top-left-radius: 30px !important;\r\n  border-bottom-left-radius: 30px !important;\r\n}\r\n\r\n.data__heading {\r\n  margin: 0;\r\n  padding: 2px 15px 15px;\r\n\r\n  font-size: 18px;\r\n  font-weight: normal;\r\n  letter-spacing: 0.58px;\r\n  color: var(--color-primary);\r\n}\r\n\r\n.data:deep(.p-datatable .p-datatable-tbody > tr > td) {\r\n  color: #515151;\r\n  font-size: 15.5px;\r\n}\r\n</style>\r\n\r\n<style>\r\nhtml.en .filters .p-dropdown {\r\n  border-top-right-radius: 30px !important;\r\n  border-bottom-right-radius: 30px !important;\r\n  border-top-left-radius: 0 !important;\r\n  border-bottom-left-radius: 0 !important;\r\n}\r\n\r\nhtml.en .filters .p-override-calendar span .p-inputtext {\r\n  border-top-left-radius: 30px !important;\r\n  border-bottom-left-radius: 30px !important;\r\n  border-top-right-radius: 0 !important;\r\n  border-bottom-right-radius: 0 !important;\r\n}\r\nhtml.en .filters .p-override-calendar svg {\r\n  right: 10px !important;\r\n  left: initial;\r\n}\r\n</style>\r\n","<template>\r\n  <p-vue-table\r\n    :value=\"eventsToShow\"\r\n    responsiveLayout=\"scroll\"\r\n    @row-click=\"onEdit\"\r\n  >\r\n    <!-- <h4 style=\"margin:0; margin-top:5px; text-align:center\">{{__(\"Events list\")}}</h4> -->\r\n    <p-vue-column field=\"Date\" :header=\"__('Date and time')\">\r\n      <template #body=\"{ data }\">\r\n        <b v-if=\"!isPopup\"> {{ formatDateNoYear(data.SDate) }}</b>\r\n        <div style=\"font-size:13px; white-space:nowrap\">\r\n          {{ data.FromTime }} - {{ data.ToTime }}\r\n        </div>\r\n      </template>\r\n    </p-vue-column>\r\n    <p-vue-column field=\"EventSubject\" :header=\"__('Topic')\"></p-vue-column>\r\n    <p-vue-column field=\"apartment\" :header=\"__('Apartment')\">\r\n      <template #body=\"{ data }\">\r\n        {{ `${__(\"Apartment\")} ${data.Number}` }}\r\n      </template>\r\n    </p-vue-column>\r\n    <p-vue-column field=\"Entrance\" :header=\"__('Entrance')\"></p-vue-column>\r\n  </p-vue-table>\r\n  <span\r\n    style=\"display:flex; justify-content:center;alignt-items:center;\"\r\n    v-if=\"!eventsToShow.length\"\r\n    >{{ __(\"There are no events on this date\") }}</span\r\n  >\r\n</template>\r\n\r\n<script>\r\n// import edit from \"../v-regulations/edit.vue\";\r\nexport default {\r\n  name: \"Events\",\r\n  props: [\"events\", \"SDate\", \"isPopup\"],\r\n  emits: [\"onEdit\"],\r\n  created() {\r\n    // console.log(this.SDate);\r\n  },\r\n  methods: {\r\n    onEdit(ev) {\r\n      this.$emit(\"onEdit\", ev);\r\n    },\r\n  },\r\n  computed: {\r\n    eventsToShow() {\r\n      return !this.isPopup\r\n        ? this.events\r\n        : this.events.filter((theEvent) => {\r\n            return new Date(theEvent.SDate).getDate() === this.SDate.getDate();\r\n          });\r\n    },\r\n    formatDateNoYear() {\r\n      return (date) => {\r\n        return new Date(date).toLocaleDateString(this.$store.state.local.code);\r\n      };\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped></style>\r\n","import { render } from \"./EventsList.vue?vue&type=template&id=f14f33e0\"\nimport script from \"./EventsList.vue?vue&type=script&lang=js\"\nexport * from \"./EventsList.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script","import { render } from \"./index.vue?vue&type=template&id=4e708f3e&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\n\nimport \"./index.vue?vue&type=style&index=0&id=4e708f3e&scoped=true&lang=css\"\nimport \"./index.vue?vue&type=style&index=1&id=4e708f3e&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-4e708f3e\"\n\nexport default script","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-v16/dist/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-v16/dist/index.js??ref--0-1!./index.vue?vue&type=style&index=1&id=4e708f3e&lang=css\"","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-v16/dist/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-v16/dist/index.js??ref--0-1!./index.vue?vue&type=style&index=0&id=4e708f3e&scoped=true&lang=css\""],"sourceRoot":""}