@ozdao/prometheus-framework 0.2.199 → 0.2.200

package/dist/prometheus-framework/src/modules/events/components/pages/EditEvent.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditEvent.vue.js","sources":["../../../../../../../src/modules/events/components/pages/EditEvent.vue"],"sourcesContent":["<template>\n  <article v-if=\"event\" class=\"h-min-100 pd-thin\">\n  \t<div class=\"mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex\">\n     \t<UploadImage \n        v-model:photo=\"event.cover\"\n        :uploadPath=\"'specials'\"\n        class=\"h-4r w-4r aspect-1x1 o-hidden mn-b-thin radius-extra\" \n      />\n      <h4>Upload Event Cover</h4>\n    </div>\n\n  \t<Field \n      v-model:field=\"event.name\" \n      placeholder=\"Event name\" \n      class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n    />\n    <Field \n      v-model:field=\"event.description\" \n      type=\"textfield\"  \n      placeholder=\"Enter short description\" \n      class=\"mn-b-semi w-100 bg-light pd-medium radius-small\" \n    />\n\n    <h3\n      v-if=\"(auth.state.access.roles) && (auth.state.access.roles.includes('ROLE_MODERATOR') || auth.state.access.roles.includes('ROLE_ADMIN'))\"\n      class=\"mn-b-small\"\n    >\n      Tickets\n    </h3>\n\n     <div \n      v-if=\"(auth.state.access.roles) && (auth.state.access.roles.includes('ROLE_MODERATOR') || auth.state.access.roles.includes('ROLE_ADMIN'))\"\n      class=\"mn-b-semi w-100 bg-light pd-medium radius-small\"\n      @click=\"router.push({\n        name: 'Edit Event Tickets',\n        params: {\n          url: route.params.url\n        }\n      })\"\n    >\n      Edit tickets\n    </div>\n  \n    <h3\n      v-if=\"(auth.state.access.roles) && (auth.state.access.roles.includes('ROLE_MODERATOR') || auth.state.access.roles.includes('ROLE_ADMIN'))\"\n      class=\"mn-b-small\"\n    >\n        Special Details\n    </h3>\n\n\n    <Checkbox \n      v-if=\"(auth.state.access.roles) && (auth.state.access.roles.includes('ROLE_MODERATOR') || auth.state.access.roles.includes('ROLE_ADMIN'))\"\n      :label=\"'Special'\"\n      :radio=\"event.special\"\n      @update:radio=\"updateEvent => event.special = !event.special\"\n      class=\"mn-b-semi w-100 bg-black t-white pd-medium radius-small\"\n    />\n\n    <div \n      v-if=\"event.special\"\n      class=\"mn-b-semi\"\n    >\n      <h4\n        class=\"mn-b-thin\"\n      >\n          Hero Section\n      </h4>\n\n      <Field \n        v-model:field=\"event.specialData.subtitle\" \n        placeholder=\"Event subtitle\" \n        class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n      />\n\n      <EditImages \n        :images=\"event.specialData.logos\"\n        :uploadPath=\"'/specials'\" \n        :text=\"{\n          title: 'Drag & Drop Your Logos Here',\n          subtitle: 'Files supported: JPG, PNG, GIF'\n        }\"\n        :options=\"{\n          showTitle: true,\n          showText: false\n        }\"\n        @update:images=\"(newImages) => event.specialData.logos = newImages\"  \n        class=\"mn-b-thin bg-light radius-small\"\n      />\n       <h5\n        class=\"mn-b-thin\"\n      >\n          Video in Hero Section\n      </h5>\n      <p>Need to upload in webm format because of needs of optimization</p>\n      <Upload \n        v-model:field=\"event.specialData.video\"\n        :placeholder=\"'Upload video'\" \n        @file-change=\"(videoURL) => event.specialData.video = videoURL\"\n        uploadPath=\"specials\"\n        type=\"file\"   \n        class=\"\n          mn-b-thin w-100 bg-light pd-medium radius-small t-black\n        \"\n      />\n\n      <h5\n        class=\"mn-b-thin\"\n      >\n        Ticket\n      </h5>\n\n      <div \n        class=\"mn-b-small gap-small cols-2-fit-content\" \n      > \n        <UploadImage \n          v-model:photo=\"event.specialData.ticketImage\"\n          :uploadPath=\"'/specials'\"\n          class=\"aspect-1x1 w-4r o-hidden radius-extra\" \n        />\n\n        <div class=\"gap-thin flex-nowrap flex w-100\">\n          <Field \n            v-model:field=\"event.specialData.ticketPrice\" \n            type=\"number\"\n            placeholder=\"Ticket price in baht\" \n            class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n          />\n\n          <Field\n            v-model:field=\"event.specialData.ticketText\"\n            placeholder=\"Promotion text for ticket in hero  \"\n            class=\"w-100  bg-light radius-small pd-medium\"\n          />\n\n           <Field\n            v-model:field=\"event.specialData.ticketTextButton\"\n            placeholder=\"Text on 'Buy Ticket' button  \"\n            class=\"w-100  bg-light radius-small pd-medium\"\n          />\n\n          \n        </div>\n      </div>\n\n      <hr class=\"bg-black-transp-10 mn-b-semi mn-t-semi d-block\">\n\n      <h4\n        class=\"mn-b-thin\"\n      >\n          Guest Section\n      </h4>\n\n      <Field \n        v-model:field=\"event.specialData.guestTitle\" \n        placeholder=\"Title for Main Guest section\" \n        class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n      />\n\n      <Field \n        v-model:field=\"event.specialData.guestDescription\" \n        placeholder=\"Description for Main Guest section\" \n        class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n      />\n\n      <div class=\"gap-thin cols-3\">\n        \n        <Field \n          v-model:field=\"event.specialData.guestFacebook\" \n          placeholder=\"Facebook of Main Guest\" \n          class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n        />\n\n        <Field \n          v-model:field=\"event.specialData.guestInstagram\" \n          placeholder=\"Instagram of Main Guest\" \n          class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n        />\n\n        <Field \n          v-model:field=\"event.specialData.guestTwitter\" \n          placeholder=\"Twitter of Main Guest\" \n          class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n        />\n\n\n        <Field \n          v-model:field=\"event.specialData.guestTelegram\" \n          placeholder=\"Telegram of Main Guest\" \n          class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n        />\n\n        <Field \n          v-model:field=\"event.specialData.guestSoundcloud\" \n          placeholder=\"Link to Main Guest soundcloud track\" \n          class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n        />\n\n        <Field \n          v-model:field=\"event.specialData.guestSpotify\" \n          placeholder=\"Link to Main guest spotify track\" \n          class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n        />\n\n        <Field \n          v-model:field=\"event.specialData.guestYoutube\" \n          placeholder=\"Link to Main guest youtube video\" \n          class=\"mn-b-thin w-100 bg-light pd-medium radius-small\" \n        />\n      </div>\n\n      <h5\n        class=\"mn-b-thin\"\n      >\n          Video in Guests Section\n      </h5>\n\n      <Upload \n        v-model:field=\"event.specialData.guestVideo\"\n        :placeholder=\"'Upload video'\" \n        @file-change=\"(videoURL) => event.specialData.guestVideo = videoURL\"\n        uploadPath=\"/specials\"\n        type=\"file\"   \n        class=\"\n          mn-b-thin w-100 bg-light pd-medium radius-small t-black\n        \"\n      />\n\n      <Block\n        title=\"Guests\"\n        placeholder=\"No guests added yet\"\n        :actions=\"[{\n          label: '+',\n          function: () => event.specialData.guests.push({name: null, description: null, photo: null, main: false})\n        }]\"\n        class=\"cols-1 mn-b-thin  t-black gap-thin\"\n      >\n        <div \n          class=\"mn-b-small gap-small cols-2-fit-content\" \n          v-for=\"(item, index) in event.specialData.guests\" \n          :key=\"index\"\n        > \n          <UploadImage \n            v-model:photo=\"item.photo\"\n            :uploadPath=\"'/specials'\"\n            class=\"aspect-1x1 w-8r o-hidden radius-extra\" \n          />\n\n          <div class=\"gap-thin flex-nowrap flex w-100\">\n            <div class=\"w-100\">\n              <Field\n                v-model:field=\"item.name\"\n                placeholder=\"Name\"\n                class=\"w-100 mn-b-thin bg-white radius-small pd-medium\"\n              />  \n              <Field\n                v-model:field=\"item.description\"\n                placeholder=\"Description\"\n                class=\"w-100 mn-b-thin bg-white radius-small pd-medium\"\n              />\n            </div>\n            <div class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\">\n              <IconDelete \n                @click=\"() => event.specialData.guests.splice(index, 1)\" \n                class=\"i-medium\"\n              />\n            </div>\n          </div>\n        </div>\n      </Block>\n\n      <hr class=\"bg-black-transp-10 mn-b-semi mn-t-semi d-block\">\n\n      <h4\n        class=\"mn-b-thin\"\n      >\n        Lineup Section\n      </h4>\n\n      <Block\n        title=\"Line Up\"\n        placeholder=\"No line ups added yet\"\n        :actions=\"[{\n          label: '+',\n          function: () => event.specialData.lineup.push({name: null, description: null, photo: null, main: false})\n        }]\"\n        class=\"cols-1 t-black gap-thin\"\n      >\n        <div \n          class=\"mn-b-thin gap-small flex-nowrap flex\" \n          v-for=\"(item, index) in event.specialData.lineup\" \n          :key=\"index\"\n        > \n          <Field\n            v-model:field=\"item.name\"\n            placeholder=\"Name\"\n            class=\"w-100  bg-light radius-small pd-medium\"\n          />  \n          <Field\n            v-model:field=\"item.time\"\n            placeholder=\"Time\"\n            class=\"w-100  bg-light radius-small pd-medium\"\n          />\n          <div class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\">\n            <IconDelete \n              @click=\"() => event.specialData.lineup.splice(index, 1)\" \n              class=\"i-medium\"\n            />\n          </div>\n        </div>\n      </Block>\n\n      <h5\n        class=\"mn-b-thin\"\n      >\n        Background in Lineup Section\n      </h5>\n\n      <Upload \n        v-model:field=\"event.specialData.lineupBackground\"\n        :placeholder=\"'Upload image'\" \n        @file-change=\"(videoURL) => event.specialData.lineupBackground = videoURL\"\n        uploadPath=\"/specials\"\n        type=\"file\"   \n        class=\"\n          mn-b-thin w-100 bg-light pd-medium radius-small t-black\n        \"\n      />\n\n      <hr class=\"bg-black-transp-10 mn-b-semi mn-t-semi d-block\">\n\n      <h4\n        class=\"mn-b-thin\"\n      >\n        Previous Party Section\n      </h4>\n\n       <h5\n        class=\"mn-b-thin\"\n      >\n        Video in Previous Partys Section\n      </h5>\n\n      <Field\n        v-model:field=\"event.specialData.previousTitle\"\n        placeholder=\"Title\"\n        value=\"Explore our exclusive party archive\"\n        class=\"w-100  bg-light radius-small pd-medium\"\n      />  \n      <Field\n        v-model:field=\"event.specialData.previousDescription\"\n        label=\"Description\"\n        value=\"Experience the ultimate party vibe at The Commune! Elevate your evening with distinctive and exhilarating activities, ensuring an unforgettable time. Dive into the excitement and make every moment special.\"\n        class=\"w-100  bg-light radius-small pd-medium\"\n      />  \n      <Field\n        v-model:field=\"event.specialData.previousLinkText\"\n        label=\"Button\"\n        value=\"Check In Instagram\"\n        class=\"w-100  bg-light radius-small pd-medium\"\n      />  \n      <Field\n        v-model:field=\"event.specialData.previousLink\"\n        label=\"Link\"\n        value=\"https://www.instagram.com/thecommune.phuket/\"\n        class=\"w-100  bg-light radius-small pd-medium\"\n      />\n      \n      <Upload \n        v-model:field=\"event.specialData.previousVideo\"\n        :placeholder=\"'Upload image'\" \n        @file-change=\"(videoURL) => event.specialData.previousVideo = videoURL\"\n        uploadPath=\"/specials\"\n        type=\"file\"   \n        class=\"\n          mn-b-thin w-100 bg-light pd-medium radius-small t-black\n        \"\n      />\n    </div>\n\n\t\t<h3 class=\"mn-b-small\">Date</h3>\n    <VueDatePicker v-model=\"date\"  range class=\"z-index-3 mn-b-semi bg-light\" />\n\n <!--    <Calendar\n      v-model:date=\"date\"\n      :locale=\"$i18n.locale\"\n      :allowRange=\"false\"\n      class=\"radius-semi w-100 o-hidden bg-light\"\n    /> -->\n\n    <h3 class=\"mn-b-small\">Description</h3>\n\t\t<section v-if=\"event\" class=\"pd-b-extra w-100 bg-light pd-big radius-big\">\n      <Constructor \n        :content=\"event.content\"\n        @update=\"update => event.content = update\"\n      />\n    </section>\n\n    <section v-if=\"event\" class=\"pd-thin pos-sticky pos-l-0 pos-b-0 w-100 \">\n      <div class=\"pd-thin radius-big  bg-main w-100 flex-nowrap flex\">\n        <a v-if=\"route.params.url\" @click=\"onDelete()\" class=\"mn-r-auto bg-red t-white t-black button\">Delete</a>\n        <a @click=\"onDrafts()\" class=\"mn-l-auto bg-white t-black button\">To Drafts</a>\n        <a @click=\"openPublicationPopup()\" class=\"mn-l-thin bg-black t-white button\">Publish</a>\n      </div>\n    </section>\n\n    <Popup \n      title=\"Publish\" \n      @close-popup=\"closePublicationPopup\" \n      :isPopupOpen=\"isPublicationPopup\"\n      class=\"w-m-33r t-left pd-big bg-white radius-big\"\n    >\n      <h3 class=\"mn-b-small\">Final Touches</h3>\n      \n      <BlockTags\n        @tags-changed=\"newTags => event.tags = newTags\"\n        :tags=\"event.tags\"\n      />\n\n      <h5 class=\"mn-b-thin\">Add to public:</h5>\n      <SelectMulti\n        v-model=\"selectedOrganization\"\n        :options=\"publics\"\n        :multiple=\"false\"\n        :taggable=\"false\"\n        placeholder=\"Type to search or add tag\"\n        label=\"name\"\n        track-by=\"_id\"\n        class=\"mn-b-medium bg-light radius-medium pd-small\"\n      />\n      <h5 v-if=\"selectedOrganization\" class=\"mn-b-thin\">Options:</h5>\n      <div v-if=\"selectedOrganization\" class=\"mn-b-medium br-grey-transp-25 br-2px br-solid pd-small radius-big\">\n        <Checkbox \n          :label=\"'Hide Author'\"\n          :radio=\"event.creator.hidden\"\n          @update:radio=\"updateEvent => event.creator.hidden = updateEvent\"\n          name=\"prices\"\n          class=\"w-100\"\n        />\n      </div>\n      <Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"w-100 bg-black t-white\">Publish</Button>\n    </Popup>\n  </article>\n</template>\n\n<script setup>\nimport Textarea from '@pf/src/modules/constructor/components/elements/Textarea.vue';\nimport Constructor from '@pf/src/modules/constructor/components/sections/Constructor.vue';\n\nimport VueDatePicker from '@vuepic/vue-datepicker';\nimport '@vuepic/vue-datepicker/dist/main.css'\n\n\n\nimport Calendar from '@pf/src/components/DatePicker/Calendar.vue'\n\nimport Block from '@pf/src/components/Block/Block.vue';\nimport Popup from '@pf/src/components/Popup/Popup.vue';\nimport Field         from '@pf/src/components/Field/Field.vue'\nimport BlockTags from '@pf/src/components/FieldTags/BlockTags.vue';\nimport Checkbox from '@pf/src/components/Checkbox/Checkbox.vue';\nimport SelectMulti from '@pf/src/components/SelectMulti/SelectMulti.vue';\nimport Upload  from '@pf/src/components/Upload/Upload.vue';\nimport UploadImage   from '@pf/src/components/UploadImage/UploadImage.vue';\nimport EditImages           from '@pf/src/components/EditImages/EditImages.vue';\nimport Button from '@pf/src/components/Button/Button.vue';   \n\n\n  import IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue';\n\nimport { ref, onMounted } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport * as events from '@pf/src/modules/events/store/events.js';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\nimport * as organizations from '@pf/src/modules/organizations/store/organizations';\n\nconst route = useRoute();\nconst router = useRouter();\n\nlet event = ref(null);\nlet publics = ref(null);\n\nconst selectedTags = ref([]);\nconst selectedOrganization = ref(null);\n\n\nconst date = ref(new Date);\nconst customPosition = () => ({ top: 0, left: 0 });\n\n\nonMounted(async () =>{\n  \n  if (route.params.url) {\n    const data = await events.read({ user: auth.state.user._id, url: route.params.url });\n\n    event.value = data.pop();\n\n    console.log(event.value)\n\n    const startDate = event.value.date.start;\n    const endDate = event.value.date.end;\n\n    date.value = [startDate, endDate];\n\n  } else {\n    events.clean();\n    event.value = events.state.current;\n\n    const startDate = new Date();\n    const endDate = new Date();\n    date.value = [startDate, endDate];\n  }\n\n  if (!event.value.owner) event.value.owner = {\n    target: auth.state.user._id,\n    type: 'user'\n  }\n\n  if (!event.value.creator) event.value.creator = {\n    target: auth.state.user._id,\n    type: 'user',\n    hidden: false\n  }\n\n  if (event.value.owner.type === 'organization') selectedOrganization.value = {\n    _id: event.value.owner.target._id,\n    name: event.value.owner.target.profile.name,\n    photo: event.value.owner.target.profile.photo\n  }\n\n  const dataPublics = await organizations.actions.read({\n    user: auth.state.user._id,\n    postable: auth.state.user._id,\n    limit: 100\n  })\n\n  publics.value = dataPublics.map(publicItem => ({\n    name: publicItem.profile.name,\n    _id: publicItem._id,\n    photo: publicItem.profile.photo\n  }));\n})\n\nconst isPublicationPopup = ref(false)\n\nfunction openPublicationPopup() {\n  isPublicationPopup.value = true;\n}\nfunction closePublicationPopup() {\n  isPublicationPopup.value = false;\n}\n\nfunction onDrafts() {\n\n  if (selectedTags.value.length > 0) selectedTags.value.map(tag => (tag.text))\n\n  event.value.status = \"draft\"\n  \n  event.value.date = {\n    start: date.value[0],\n    end: date.value[1]\n  }\n\n  if (route.params.url) {\n    events.update(event.value)\n      .then(response => {\n        router.push({ name: 'Event', params: { url: response.url } });\n      })\n      .catch(error => {\n        console.error(error);\n      })\n  } else {\n    events.create(event.value)\n      .then(response => {\n        router.push({ name: 'Event', params: { url: response.url } });\n      })\n      .catch(error => {\n        console.error(error);\n      })\n  }\n}\n\nfunction onSubmit() {\n\n  if (selectedOrganization.value) event.value.owner = {\n    target: selectedOrganization.value._id,\n    type: 'organization'\n  }\n\n  if (!selectedOrganization.value) event.value.creator.hidden = false\n  if (!selectedOrganization.value) event.value.organization = event.value.creator\n\n  event.value.status = \"published\"\n\n  event.value.date = {\n    start: date.value[0],\n    end: date.value[1]\n  }\n\n  console.log(date.value)\n  if (route.params.url) {\n    console.log(event.value)\n    events.update(event.value)\n      .then(response => {\n        router.push({ name: 'Event', params: { url: response.url } });\n      })\n      .catch(error => {\n        console.log(error);\n      });\n  } else {\n    events.create(event.value)\n      .then(response => {\n        router.push({ name: 'Event', params: { url: response.url } });\n      })\n      .catch(error => {\n        console.log(error);\n      });\n  }\n}\n\nfunction onDelete() {\n  if (confirm('Are you sure you want to delete this event?')) {\n    events.remove(event.value._id)\n      .then(response => {\n        router.push({ name: 'User Events', params: { _id: event.value.creator.target._id } });\n      })\n      .catch(error => {\n        console.error(error);\n      })\n  }\n}\n</script>\n\n<style lang=\"scss\">\n  .dp__input {\n    border: 0;\n    padding: var(--medium);\n    padding-left: 3rem;\n    background: rgb(var(--grey))\n  }\n</style>"],"names":["events.read","auth.state","events.clean","events.state","organizations.actions","events.update","events.create","events.remove"],"mappings":"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"}

package/dist/prometheus-framework/src/modules/events/components/pages/EditEventTickets.vue.cjs

@@ -1 +1,241 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("../../../../components/Feed/Feed.vue.cjs"),N=require("../../../../components/Block/Block.vue.cjs"),x=require("../../../../components/Popup/Popup.vue2.cjs"),d=require("../../../../components/Field/Field.vue2.cjs"),u=require("../../../../components/Button/Button.vue2.cjs"),V=require("../elements/ButtonCheck.vue.cjs"),q=require("../../../icons/navigation/IconDelete.vue.cjs"),B=require("../../../icons/navigation/IconAdd.vue.cjs"),b=require("vue-router"),E=require("../../store/events.cjs"),C=require("../../../auth/views/store/auth.cjs");require("../../../organizations/store/organizations.cjs");const m=require("../../store/tickets.cjs");;/* empty css                        */const T={key:0,class:"h-100 pd-thin"},P={class:"mn-b-medium flex-v-center flex-nowrap flex"},S=e.createElementVNode("h2",{class:"mn-r-medium"},"Tickets",-1),D=["onClick"],U={class:"radius-big bg-light gap-small pd-medium flex-v-center flex-nowrap flex pos-relative mn-b-thin"},A=["href"],F=["src"],O={class:"mn-r-auto"},M={class:"h4"},R={class:"h5 t-transp mn-b-thin"},I={class:"pd-r-thin pd-l-thin pd-b-nano pd-t-nano bg-second radius-extra t-white t-medium d-block w-max uppercase"},L={__name:"EditEventTickets",setup(Q){var h;const g=b.useRoute();b.useRouter();let n=e.ref(null);const c=e.ref([{name:"",email:"",target:(h=n.value)==null?void 0:h._id,type:"event",quantity:1}]),i=e.ref(!1);function _(r){var l;i.value=!0,c.value=[{name:"",email:"",target:(l=n.value)==null?void 0:l._id,type:"event",quantity:1}]}function p(){i.value=!1}const s=e.ref(!1);e.onMounted(async()=>{const r=await E.read({user:C.state.user._id,url:g.params.url});n.value=r.pop()});async function w(){try{const r=await m.actions.create(c.value);s.value=!s.value}catch(r){console.log(r)}}async function f(r,l){if(confirm("Are you sure you want to deactivate this event?"))try{const t=await m.actions.update({...r,status:l});s.value=!s.value}catch(t){console.error(t)}}return(r,l)=>e.unref(n)?(e.openBlock(),e.createElementBlock("article",T,[e.createElementVNode("header",P,[S,e.createElementVNode("button",{onClick:l[0]||(l[0]=t=>_()),class:"radius-extra uppercase button-small flex-child flex-child-shrink-0 hover-scale-1 cursor-pointer t-white bg-second"}," Add Tickets "),e.createVNode(V.default,{onQrcodecheck:l[1]||(l[1]=t=>s.value=!s.value),class:"w-100 pd-medium mn-auto"})]),e.createVNode(x.default,{title:"Добавить участника",onClosePopup:p,isPopupOpen:i.value,class:"w-max-40r"},{default:e.withCtx(()=>[e.createVNode(N.default,{title:"Add tickets",placeholder:"No parameters added yet",class:"cols-1 mn-b-thin gap-thin"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:"gap-thin flex-nowrap flex",key:a},[e.createVNode(d.default,{field:t.name,"onUpdate:field":o=>t.name=o,placeholder:"Name",class:"w-50 bg-white radius-small pd-medium"},null,8,["field","onUpdate:field"]),e.createVNode(d.default,{field:t.email,"onUpdate:field":o=>t.email=o,placeholder:"Email",class:"w-100 bg-white radius-small pd-medium"},null,8,["field","onUpdate:field"]),e.createVNode(d.default,{field:t.quantity,"onUpdate:field":o=>t.quantity=o,placeholder:"Quantity",type:"number",class:"w-25 bg-white radius-small pd-medium"},null,8,["field","onUpdate:field"]),a<1?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:l[2]||(l[2]=()=>c.value.push({name:"",value:"",target:e.unref(n)._id,type:"event",quantity:1})),class:"radius-small h-100 i-big flex-center flex aspect-1x1 bg-green"},[e.createVNode(B.default,{class:"i-medium",fill:"rgb(var(--white)"})])):(e.openBlock(),e.createElementBlock("div",{key:1,onClick:()=>c.value.splice(a,1),class:"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red"},[e.createVNode(q.default,{class:"i-medium",fill:"rgb(var(--white)"})],8,D))]))),128)),e.createVNode(u.default,{submit:w,callback:p,class:"w-100 bg-black t-white"},{default:e.withCtx(()=>[e.createTextVNode(" Create Tickets ")]),_:1})]),_:1})]),_:1},8,["isPopupOpen"]),e.createVNode(y.default,{search:!0,states:{empty:{title:"No Tickets Found",description:"Currently, there are no tickets."}},store:{read:t=>m.actions.read(t),state:null},options:{target:e.unref(n)._id},external:s.value},{default:e.withCtx(({items:t})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t,(a,o)=>{var v,k;return e.openBlock(),e.createElementBlock("div",U,[e.createElementVNode("a",{href:a.image,target:"_blank"},[e.createElementVNode("img",{loading:"lazy",src:a.qrcode,class:"radius-small h-5r w-5r"},null,8,F)],8,A),e.createElementVNode("div",O,[e.createElementVNode("p",M,e.toDisplayString(((v=a.client_refactor)==null?void 0:v.name)||"No name")+", "+e.toDisplayString(a.role),1),e.createElementVNode("p",R,e.toDisplayString(((k=a.client_refactor)==null?void 0:k.email)||"No email"),1),e.createElementVNode("span",I,e.toDisplayString(a.status),1)]),a.status!=="deactivated"?(e.openBlock(),e.createBlock(u.default,{key:0,submit:()=>f(a,"deactivated"),callback:r.redirectTo,class:"w-min h-min pd-small bg-black t-white"},{default:e.withCtx(()=>[e.createTextVNode(" Deactivate ")]),_:2},1032,["submit","callback"])):e.createCommentVNode("",!0),a.status==="deactivated"||a.status==="used"?(e.openBlock(),e.createBlock(u.default,{key:1,submit:()=>f(a,"unused"),callback:r.redirectTo,class:"w-min h-min pd-small bg-green t-white"},{default:e.withCtx(()=>[e.createTextVNode(" Activate ")]),_:2},1032,["submit","callback"])):e.createCommentVNode("",!0)])}),256))]),_:1},8,["store","options","external"])])):e.createCommentVNode("",!0)}};exports.default=L;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Feed = require("../../../../components/Feed/Feed.vue.cjs");
+const Block = require("../../../../components/Block/Block.vue.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+const Field = require("../../../../components/Field/Field.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
+const ButtonCheck = require("../elements/ButtonCheck.vue.cjs");
+const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
+const IconAdd = require("../../../icons/navigation/IconAdd.vue.cjs");
+const vueRouter = require("vue-router");
+const events = require("../../store/events.cjs");
+const auth = require("../../../auth/views/store/auth.cjs");
+require("../../../organizations/store/organizations.cjs");
+const tickets = require("../../store/tickets.cjs");
+;/* empty css                        */
+const _hoisted_1 = {
+  key: 0,
+  class: "h-100 pd-thin"
+};
+const _hoisted_2 = { class: "mn-b-medium flex-v-center flex-nowrap flex" };
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("h2", { class: "mn-r-medium" }, "Tickets", -1);
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = { class: "radius-big bg-light gap-small pd-medium flex-v-center flex-nowrap flex pos-relative mn-b-thin" };
+const _hoisted_6 = ["href"];
+const _hoisted_7 = ["src"];
+const _hoisted_8 = { class: "mn-r-auto" };
+const _hoisted_9 = { class: "h4" };
+const _hoisted_10 = { class: "h5 t-transp mn-b-thin" };
+const _hoisted_11 = { class: "pd-r-thin pd-l-thin pd-b-nano pd-t-nano bg-second radius-extra t-white t-medium d-block w-max uppercase" };
+const _sfc_main = {
+  __name: "EditEventTickets",
+  setup(__props) {
+    var _a;
+    const route = vueRouter.useRoute();
+    vueRouter.useRouter();
+    let event = vue.ref(null);
+    const newTickets = vue.ref([{
+      name: "",
+      email: "",
+      target: (_a = event.value) == null ? void 0 : _a._id,
+      type: "event",
+      quantity: 1
+    }]);
+    const isOpenTicketsPopup = vue.ref(false);
+    function openTicketsPopup(department) {
+      var _a2;
+      isOpenTicketsPopup.value = true;
+      newTickets.value = [{
+        name: "",
+        email: "",
+        target: (_a2 = event.value) == null ? void 0 : _a2._id,
+        type: "event",
+        quantity: 1
+      }];
+    }
+    function closeTicketsPopup() {
+      isOpenTicketsPopup.value = false;
+    }
+    const fetchTickets = vue.ref(false);
+    vue.onMounted(async () => {
+      const data = await events.read({ user: auth.state.user._id, url: route.params.url });
+      event.value = data.pop();
+    });
+    async function onSubmit() {
+      try {
+        const response = await tickets.actions.create(newTickets.value);
+        fetchTickets.value = !fetchTickets.value;
+      } catch (error) {
+        console.log(error);
+      }
+    }
+    async function changeStatus(ticket, status) {
+      if (confirm("Are you sure you want to deactivate this event?")) {
+        try {
+          const response = await tickets.actions.update({ ...ticket, status });
+          fetchTickets.value = !fetchTickets.value;
+        } catch (error) {
+          console.error(error);
+        }
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.unref(event) ? (vue.openBlock(), vue.createElementBlock("article", _hoisted_1, [
+        vue.createElementVNode("header", _hoisted_2, [
+          _hoisted_3,
+          vue.createElementVNode("button", {
+            onClick: _cache[0] || (_cache[0] = ($event) => openTicketsPopup()),
+            class: "radius-extra uppercase button-small flex-child flex-child-shrink-0 hover-scale-1 cursor-pointer t-white bg-second"
+          }, " Add Tickets "),
+          vue.createVNode(ButtonCheck.default, {
+            onQrcodecheck: _cache[1] || (_cache[1] = ($event) => fetchTickets.value = !fetchTickets.value),
+            class: "w-100 pd-medium mn-auto"
+          })
+        ]),
+        vue.createVNode(Popup.default, {
+          title: "Добавить участника",
+          onClosePopup: closeTicketsPopup,
+          isPopupOpen: isOpenTicketsPopup.value,
+          class: "w-max-40r"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(Block.default, {
+              title: "Add tickets",
+              placeholder: "No parameters added yet",
+              class: "cols-1 mn-b-thin gap-thin"
+            }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(newTickets.value, (item, index) => {
+                  return vue.openBlock(), vue.createElementBlock("div", {
+                    class: "gap-thin flex-nowrap flex",
+                    key: index
+                  }, [
+                    vue.createVNode(Field.default, {
+                      field: item.name,
+                      "onUpdate:field": ($event) => item.name = $event,
+                      placeholder: "Name",
+                      class: "w-50 bg-white radius-small pd-medium"
+                    }, null, 8, ["field", "onUpdate:field"]),
+                    vue.createVNode(Field.default, {
+                      field: item.email,
+                      "onUpdate:field": ($event) => item.email = $event,
+                      placeholder: "Email",
+                      class: "w-100 bg-white radius-small pd-medium"
+                    }, null, 8, ["field", "onUpdate:field"]),
+                    vue.createVNode(Field.default, {
+                      field: item.quantity,
+                      "onUpdate:field": ($event) => item.quantity = $event,
+                      placeholder: "Quantity",
+                      type: "number",
+                      class: "w-25 bg-white radius-small pd-medium"
+                    }, null, 8, ["field", "onUpdate:field"]),
+                    index < 1 ? (vue.openBlock(), vue.createElementBlock("div", {
+                      key: 0,
+                      onClick: _cache[2] || (_cache[2] = () => newTickets.value.push({ name: "", value: "", target: vue.unref(event)._id, type: "event", quantity: 1 })),
+                      class: "radius-small h-100 i-big flex-center flex aspect-1x1 bg-green"
+                    }, [
+                      vue.createVNode(IconAdd.default, {
+                        class: "i-medium",
+                        fill: "rgb(var(--white)"
+                      })
+                    ])) : (vue.openBlock(), vue.createElementBlock("div", {
+                      key: 1,
+                      onClick: () => newTickets.value.splice(index, 1),
+                      class: "radius-small h-100 i-big flex-center flex aspect-1x1 bg-red"
+                    }, [
+                      vue.createVNode(IconDelete.default, {
+                        class: "i-medium",
+                        fill: "rgb(var(--white)"
+                      })
+                    ], 8, _hoisted_4))
+                  ]);
+                }), 128)),
+                vue.createVNode(Button.default, {
+                  submit: onSubmit,
+                  callback: closeTicketsPopup,
+                  class: "w-100 bg-black t-white"
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(" Create Tickets ")
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"]),
+        vue.createVNode(Feed.default, {
+          search: true,
+          states: {
+            empty: {
+              title: "No Tickets Found",
+              description: "Currently, there are no tickets."
+            }
+          },
+          store: {
+            read: (options) => tickets.actions.read(options),
+            state: null
+          },
+          options: {
+            target: vue.unref(event)._id
+          },
+          external: fetchTickets.value
+        }, {
+          default: vue.withCtx(({
+            items
+          }) => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (ticket, index) => {
+              var _a2, _b;
+              return vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+                vue.createElementVNode("a", {
+                  href: ticket.image,
+                  target: "_blank"
+                }, [
+                  vue.createElementVNode("img", {
+                    loading: "lazy",
+                    src: ticket.qrcode,
+                    class: "radius-small h-5r w-5r"
+                  }, null, 8, _hoisted_7)
+                ], 8, _hoisted_6),
+                vue.createElementVNode("div", _hoisted_8, [
+                  vue.createElementVNode("p", _hoisted_9, vue.toDisplayString(((_a2 = ticket.client_refactor) == null ? void 0 : _a2.name) || "No name") + ", " + vue.toDisplayString(ticket.role), 1),
+                  vue.createElementVNode("p", _hoisted_10, vue.toDisplayString(((_b = ticket.client_refactor) == null ? void 0 : _b.email) || "No email"), 1),
+                  vue.createElementVNode("span", _hoisted_11, vue.toDisplayString(ticket.status), 1)
+                ]),
+                ticket.status !== "deactivated" ? (vue.openBlock(), vue.createBlock(Button.default, {
+                  key: 0,
+                  submit: () => changeStatus(ticket, "deactivated"),
+                  callback: _ctx.redirectTo,
+                  class: "w-min h-min pd-small bg-black t-white"
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(" Deactivate ")
+                  ]),
+                  _: 2
+                }, 1032, ["submit", "callback"])) : vue.createCommentVNode("", true),
+                ticket.status === "deactivated" || ticket.status === "used" ? (vue.openBlock(), vue.createBlock(Button.default, {
+                  key: 1,
+                  submit: () => changeStatus(ticket, "unused"),
+                  callback: _ctx.redirectTo,
+                  class: "w-min h-min pd-small bg-green t-white"
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(" Activate ")
+                  ]),
+                  _: 2
+                }, 1032, ["submit", "callback"])) : vue.createCommentVNode("", true)
+              ]);
+            }), 256))
+          ]),
+          _: 1
+        }, 8, ["store", "options", "external"])
+      ])) : vue.createCommentVNode("", true);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=EditEventTickets.vue.cjs.map

package/dist/prometheus-framework/src/modules/events/components/pages/EditEventTickets.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditEventTickets.vue.cjs","sources":["../../../../../../../src/modules/events/components/pages/EditEventTickets.vue"],"sourcesContent":["<template>\n  <article v-if=\"event\" class=\"h-100 pd-thin\">\n    <header \n      class=\"mn-b-medium flex-v-center flex-nowrap flex\"\n    >\n      <h2 class=\"mn-r-medium\">Tickets</h2>\n      <button \n        @click=\"openTicketsPopup()\" \n        class=\"radius-extra uppercase button-small  flex-child flex-child-shrink-0 hover-scale-1 cursor-pointer t-white bg-second\">\n          Add Tickets\n      </button>\n      <ButtonCheck @qrcodecheck=\"fetchTickets = !fetchTickets \" class=\"w-100 pd-medium mn-auto\" />\n    </header>\n    \n    <Popup \n      title=\"Добавить участника\" \n      @close-popup=\"closeTicketsPopup\" \n      :isPopupOpen=\"isOpenTicketsPopup\"\n      class=\"w-max-40r\"\n    >\n      <Block\n        title=\"Add tickets\"\n        placeholder=\"No parameters added yet\"\n        class=\"cols-1 mn-b-thin gap-thin\"\n      >\n        <div \n          class=\"gap-thin flex-nowrap flex\" \n          v-for=\"(item, index) in newTickets\" \n          :key=\"index\"\n        > \n          <Field\n            v-model:field=\"item.name\"\n            placeholder=\"Name\"\n            class=\"w-50 bg-white radius-small pd-medium\"\n          />  \n          <Field\n            v-model:field=\"item.email\"\n            placeholder=\"Email\"\n            class=\"w-100 bg-white radius-small pd-medium\"\n          />\n          <Field\n            v-model:field=\"item.quantity\"\n            placeholder=\"Quantity\"\n            type=\"number\"\n            class=\"w-25 bg-white radius-small pd-medium\"\n          />\n         \n          <div v-if=\"index < 1\" @click=\"() => newTickets.push({name: '', value: '', target: event._id, type: 'event', quantity: 1})\"  class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-green\">\n            <IconAdd \n              class=\"i-medium\"\n              :fill=\"'rgb(var(--white)'\"\n            />\n          </div>\n          <div v-else @click=\"() => newTickets.splice(index, 1)\"  class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\">\n            <IconDelete \n              class=\"i-medium\"\n              :fill=\"'rgb(var(--white)'\"\n            />\n          </div>\n        </div>\n\n         <Button \n            :submit=\"onSubmit\" \n            :callback=\"closeTicketsPopup\" \n            class=\"w-100 bg-black t-white\"\n          >\n            Create Tickets\n          </Button>\n      </Block>\n    </Popup>\n\n    <Feed\n      :search=\"true\"\n      :states=\"{\n        empty: {\n          title: 'No Tickets Found',\n          description: 'Currently, there are no tickets.'\n        }\n      }\"\n      :store=\"{\n        read: (options) => tickets.actions.read(options),\n        state: null\n      }\"\n      :options=\"{\n        target: event._id\n      }\"\n      :external=\"fetchTickets\"\n      v-slot=\"{ \n        items \n      }\"\n    >\n      <div\n        v-for=\"(ticket, index) in items\" \n        class=\"radius-big bg-light gap-small pd-medium flex-v-center flex-nowrap flex pos-relative mn-b-thin\"\n      >\n        <a :href=\"ticket.image\" target=\"_blank\"><img loading=\"lazy\" :src=\"ticket.qrcode\" class=\"radius-small h-5r w-5r\"></a>\n\n        <div class=\"mn-r-auto \">\n           <p class=\"h4\">\n            {{ticket.client_refactor?.name || 'No name'}}, {{ticket.role}}\n           </p>\n          <p class=\"h5 t-transp mn-b-thin\">\n            {{ticket.client_refactor?.email || 'No email'}}\n          </p>\n\n           <span class=\"pd-r-thin pd-l-thin pd-b-nano pd-t-nano bg-second radius-extra t-white t-medium d-block w-max uppercase\">\n            {{ticket.status}}\n          </span>\n        </div>\n\n        <Button \n          v-if=\"ticket.status !== 'deactivated'\"\n          :submit=\"() => changeStatus(ticket, 'deactivated')\" \n          :callback=\"redirectTo\" \n          class=\"w-min h-min pd-small bg-black t-white\"\n        >\n          Deactivate\n        </Button>\n\n        <Button \n          v-if=\"ticket.status === 'deactivated' || ticket.status === 'used' \"\n          :submit=\"() => changeStatus(ticket, 'unused')\" \n          :callback=\"redirectTo\" \n          class=\"w-min h-min pd-small bg-green t-white\"\n        >\n          Activate\n        </Button>\n      \n      </div>\n    </Feed>\n    \n  </article>\n</template>\n\n<script setup>\nimport Feed from '@pf/src/components/Feed/Feed.vue';\nimport Block from '@pf/src/components/Block/Block.vue';\nimport Popup from \"@pf/src/components/Popup/Popup.vue\";\nimport Field         from '@pf/src/components/Field/Field.vue'\nimport Button from '@pf/src/components/Button/Button.vue';   \n\nimport ButtonCheck from '@pf/src/modules/events/components/elements/ButtonCheck.vue'\n\nimport IconDelete from '@pf/src/modules/icons/navigation/IconDelete.vue';\nimport IconAdd from '@pf/src/modules/icons/navigation/IconAdd.vue';\n\nimport { ref, onMounted } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport * as events from '@pf/src/modules/events/store/events.js';\nimport * as auth from '@pf/src/modules/auth/views/store/auth';\nimport * as organizations from '@pf/src/modules/organizations/store/organizations';\n\nimport * as tickets from '@pf/src/modules/events/store/tickets';\n\nconst route = useRoute();\nconst router = useRouter();\n\nlet event = ref(null);\n\nconst newTickets = ref([{\n  name: '',\n  email: '',\n  target: event.value?._id, \n  type: 'event',\n  quantity: 1,\n}])\n\nconst isOpenTicketsPopup = ref(false);\n\nfunction openTicketsPopup(department) {\n  isOpenTicketsPopup.value = true;\n  \n  newTickets.value = [{\n    name: '',\n    email: '',\n    target: event.value?._id, \n    type: 'event',\n    quantity: 1,\n  }]\n}\n\nfunction closeTicketsPopup() {\n  isOpenTicketsPopup.value = false;\n}\n\nconst fetchTickets = ref(false)\n\n\nonMounted(async () =>{\n  const data = await events.read({ user: auth.state.user._id, url: route.params.url });\n\n  event.value = data.pop();\n})\n\nasync function onSubmit() {\n  try {\n    const response = await tickets.actions.create(newTickets.value);\n    fetchTickets.value = !fetchTickets.value\n  } catch (error) {\n    console.log(error);\n  }\n}\n\nasync function changeStatus(ticket, status) {\n  if (confirm('Are you sure you want to deactivate this event?')) {\n    try {\n      const response = await tickets.actions.update({ ...ticket, status: status});\n      fetchTickets.value = !fetchTickets.value\n    } catch (error) {\n      console.error(error);\n    }\n  }\n}\n\n</script>\n\n<style lang=\"scss\">\n  .dp__input {\n    border: 0;\n    padding: var(--medium);\n    padding-left: 3rem;\n    background: rgb(var(--grey))\n  }\n</style>"],"names":["useRoute","useRouter","ref","_a","onMounted","events.read","auth.state","tickets.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2JA,UAAM,QAAQA,UAAQ,SAAA;AACPC,cAAAA,UAAY;AAE3B,QAAI,QAAQC,IAAAA,IAAI,IAAI;AAEpB,UAAM,aAAaA,IAAG,IAAC,CAAC;AAAA,MACtB,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAQ,WAAM,UAAN,mBAAa;AAAA,MACrB,MAAM;AAAA,MACN,UAAU;AAAA,IACZ,CAAC,CAAC;AAEF,UAAM,qBAAqBA,IAAAA,IAAI,KAAK;AAEpC,aAAS,iBAAiB,YAAY;;AACpC,yBAAmB,QAAQ;AAE3B,iBAAW,QAAQ,CAAC;AAAA,QAClB,MAAM;AAAA,QACN,OAAO;AAAA,QACP,SAAQC,MAAA,MAAM,UAAN,gBAAAA,IAAa;AAAA,QACrB,MAAM;AAAA,QACN,UAAU;AAAA,MACd,CAAG;AAAA,IACH;AAEA,aAAS,oBAAoB;AAC3B,yBAAmB,QAAQ;AAAA,IAC7B;AAEA,UAAM,eAAeD,IAAG,IAAC,KAAK;AAG9BE,QAAAA,UAAU,YAAW;AACnB,YAAM,OAAO,MAAMC,OAAAA,KAAY,EAAE,MAAMC,KAAAA,MAAW,KAAK,KAAK,KAAK,MAAM,OAAO,IAAK,CAAA;AAEnF,YAAM,QAAQ,KAAK;IACrB,CAAC;AAED,mBAAe,WAAW;AACxB,UAAI;AACF,cAAM,WAAW,MAAMC,QAAe,QAAC,OAAO,WAAW,KAAK;AAC9D,qBAAa,QAAQ,CAAC,aAAa;AAAA,MACpC,SAAQ,OAAO;AACd,gBAAQ,IAAI,KAAK;AAAA,MAClB;AAAA,IACH;AAEA,mBAAe,aAAa,QAAQ,QAAQ;AAC1C,UAAI,QAAQ,iDAAiD,GAAG;AAC9D,YAAI;AACF,gBAAM,WAAW,MAAMA,QAAAA,QAAgB,OAAO,EAAE,GAAG,QAAQ,OAAc,CAAC;AAC1E,uBAAa,QAAQ,CAAC,aAAa;AAAA,QACpC,SAAQ,OAAO;AACd,kBAAQ,MAAM,KAAK;AAAA,QACpB;AAAA,MACF;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}