{"version":3,"sources":["webpack:///./src/components/Events/Reoccuring/BrochureEditor.vue?9b87","webpack:///src/components/Events/Reoccuring/BrochureEditor.vue","webpack:///./src/components/Events/Reoccuring/BrochureEditor.vue?b168","webpack:///./src/components/Events/Reoccuring/BrochureEditor.vue","webpack:///./src/components/Events/Reoccuring/BrochureEditor.vue?75f7"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","loading","staticClass","disabled","_v","model","value","vblEvent","callback","$$v","$set","expression","_s","coverPhotos","length","coverPhotoI","_l","photo","key","order","class","coverPhoto","position","url","contain","$vuetify","breakpoint","xs","on","$event","stopPropagation","deletePhoto","_e","staticStyle","backPositions","user","pages","selectedPage","selectedUsername","onPreviewClick","_t","id","staticRenderFns","props","data","publishing","computed","organizations","map","p","name","username","oneDay","_dtEnd","_dtStart","published","get","isPublic","set","val","togglePublish","methods","selectedImage","image","push","i","splice","selectOrg","toggleOneDay","dtEnd","dtStart","add","format","$VBL","post","series","dto","watch","mounted","components","HtmlEditor","ImageLibrary","DeleteCancelDialog","component","VAutocomplete","VBtn","VCard","VCardText","VCheckbox","VCol","VCombobox","VContainer","VIcon","VImg","VRow","VTab","VTabs","VToolbar","VToolbarTitle"],"mappings":"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","file":"js/chunk-3e14be33.36577d19.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('loading-bar',{attrs:{\"value\":_vm.loading}}),(_vm.vblEvent)?_c('v-container',{staticClass:\"pa-0\",attrs:{\"fluid\":\"\"}},[_c('v-row',{attrs:{\"dense\":\"\"}},[_c('v-col',{staticClass:\"py-0\",attrs:{\"cols\":\"12\",\"md\":\"6\",\"order\":\"1\"}},[_c('v-card',{attrs:{\"flat\":\"\",\"tile\":\"\"}},[_c('v-toolbar',{attrs:{\"dense\":\"\",\"flat\":\"\",\"color\":_vm.disabled ? 'grey lighten-3 grey--text' : 'color1 color1Text--text'}},[_c('v-toolbar-title',[_vm._v(\" Event Description \")])],1),_c('v-card-text',[_c('html-editor',{attrs:{\"disabled\":_vm.disabled},model:{value:(_vm.vblEvent.brochureHTML),callback:function ($$v) {_vm.$set(_vm.vblEvent, \"brochureHTML\", $$v)},expression:\"vblEvent.brochureHTML\"}})],1)],1)],1),_c('v-col',{staticClass:\"py-0\",attrs:{\"cols\":\"12\",\"md\":\"6\",\"order\":\"2\"}},[_c('v-card',{attrs:{\"flat\":\"\",\"tile\":\"\"}},[_c('v-toolbar',{attrs:{\"dense\":\"\",\"flat\":\"\",\"color\":_vm.disabled ? 'grey lighten-3 grey--text' : 'color1 color1Text--text'}},[_c('v-toolbar-title',[_vm._v(\" Cover Photo\"+_vm._s(_vm.vblEvent.coverPhotos.length > 1 ? 's': '')+\" \")])],1),_c('v-tabs',{attrs:{\"background-color\":_vm.disabled ? '#f5f5f5' : 'color2',\"slider-color\":_vm.disabled ? 'black' : 'color3'},model:{value:(_vm.coverPhotoI),callback:function ($$v) {_vm.coverPhotoI=$$v},expression:\"coverPhotoI\"}},_vm._l((_vm.vblEvent.coverPhotos),function(photo){return _c('v-tab',{key:photo.order,class:{'color2Text--text': !_vm.disabled}},[_vm._v(\" Photo \"+_vm._s(photo.order)+\" \")])}),1),_c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-row',{attrs:{\"dense\":\"\"}},[(_vm.coverPhoto)?_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-img',{attrs:{\"position\":_vm.coverPhoto.position,\"src\":_vm.coverPhoto.url,\"cover\":!_vm.coverPhoto.contain,\"contain\":_vm.coverPhoto.contain,\"height\":_vm.coverPhoto.contain ? null : _vm.$vuetify.breakpoint.xs ? 250 : 360,\"max-height\":_vm.coverPhoto.contain ? _vm.$vuetify.breakpoint.xs ? 250 : 360 : null}},[_c('div',{class:{'block': _vm.disabled}}),_c('v-row',{staticClass:\"fill-height\",attrs:{\"align\":\"end\"}},[_c('v-col',{staticClass:\"text-right\",attrs:{\"cols\":\"12\"}},[(_vm.coverPhotoI > 0)?_c('v-btn',{attrs:{\"color\":\"white red--text\",\"fab\":\"\",\"small\":\"\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.deletePhoto(_vm.coverPhotoI)}}},[_c('v-icon',[_vm._v(\"fas fa-trash\")])],1):_vm._e()],1)],1)],1)],1):_vm._e()],1),(_vm.coverPhoto)?_c('v-row',{attrs:{\"dense\":\"\"}},[_c('v-col',{staticClass:\"text-right\",attrs:{\"cols\":\"4\"}},[_c('v-checkbox',{staticClass:\"shrink\",attrs:{\"label\":\"contain\",\"hide-details\":\"\",\"disabled\":_vm.disabled,\"color\":\"color3\"},model:{value:(_vm.coverPhoto.contain),callback:function ($$v) {_vm.$set(_vm.coverPhoto, \"contain\", $$v)},expression:\"coverPhoto.contain\"}})],1),(!_vm.coverPhoto.contain)?_c('v-col',{staticClass:\"text-right\",attrs:{\"cols\":\"8\"}},[_c('v-combobox',{staticClass:\"shrink\",staticStyle:{\"z-index\":\"3\"},attrs:{\"items\":_vm.backPositions,\"label\":\"Focal point\",\"disabled\":_vm.disabled,\"color\":\"color3\",\"item-color\":\"color3\",\"hint\":\"CSS background-position for the image\",\"persistent-hint\":\"\"},model:{value:(_vm.coverPhoto.position),callback:function ($$v) {_vm.$set(_vm.coverPhoto, \"position\", $$v)},expression:\"coverPhoto.position\"}})],1):_vm._e()],1):_vm._e(),_c('v-row',{attrs:{\"dense\":\"\"}},[(!_vm.disabled)?_c('v-col',{attrs:{\"cols\":\"12\"}},[(_vm.user.pages.length > 1)?_c('v-autocomplete',{attrs:{\"items\":_vm.user.pages,\"item-text\":\"name\",\"return-object\":\"\",\"label\":\"Organization\",\"hint\":\"Choose and organization to select and image from\",\"persistent-hint\":\"\",\"color\":\"color3\",\"item-color\":\"color3\"},model:{value:(_vm.selectedPage),callback:function ($$v) {_vm.selectedPage=$$v},expression:\"selectedPage\"}}):_vm._e(),(_vm.selectedUsername)?[_c('label',{staticClass:\"v-label v-label--active theme--light mt-4\"},[_vm._v(\"Choose a photo\")]),(_vm.selectedUsername)?_c('image-library',{attrs:{\"username\":_vm.selectedUsername,\"single-row\":\"\",\"no-preview\":\"\",\"img-height\":36 * 4,\"img-width\":64 * 4},on:{\"preview-click\":_vm.onPreviewClick}}):_vm._e()]:_vm._e()],2):_vm._e()],1)],1)],1)],1),_vm._t(\"cols\")],2),(_vm.vblEvent.id > 0)?_c('delete-cancel-dialog',{attrs:{\"tournament\":_vm.vblEvent,\"mode\":\"Delete\",\"isEvent\":true}}):_vm._e()],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <loading-bar :value=\"loading\"/>\r\n    <v-container class=\"pa-0\" fluid v-if=\"vblEvent\">\r\n      <v-row dense>\r\n        <v-col cols=\"12\" md=\"6\" class=\"py-0\" order=\"1\">\r\n          <!-- ADDITIONAL INFO -->\r\n          <v-card flat tile>\r\n            <v-toolbar dense flat :color=\"disabled ? 'grey lighten-3 grey--text' : 'color1 color1Text--text'\">\r\n              <v-toolbar-title>\r\n                Event Description\r\n              </v-toolbar-title>\r\n            </v-toolbar>\r\n            <v-card-text>\r\n              <html-editor v-model=\"vblEvent.brochureHTML\" :disabled=\"disabled\"></html-editor>\r\n            </v-card-text>\r\n          </v-card>\r\n        </v-col>\r\n        <v-col cols=\"12\" md=\"6\" class=\"py-0\" order=\"2\">\r\n          <!-- COVERPHOTO -->\r\n          <v-card flat tile>\r\n            <v-toolbar dense flat :color=\"disabled ? 'grey lighten-3 grey--text' : 'color1 color1Text--text'\">\r\n              <v-toolbar-title>\r\n                Cover Photo{{vblEvent.coverPhotos.length > 1 ? 's': ''}}\r\n              </v-toolbar-title>\r\n            </v-toolbar>\r\n            <v-tabs\r\n              :background-color=\"disabled ? '#f5f5f5' : 'color2'\"\r\n              :slider-color=\"disabled ? 'black' : 'color3'\"\r\n              v-model=\"coverPhotoI\"\r\n            >\r\n              <v-tab\r\n                v-for=\"photo in vblEvent.coverPhotos\"\r\n                :key=\"photo.order\"\r\n                :class=\"{'color2Text--text': !disabled}\"\r\n              >\r\n                Photo {{photo.order}}\r\n              </v-tab>\r\n            </v-tabs>\r\n            <v-container fluid>\r\n              <v-row dense>\r\n                <v-col cols=\"12\" v-if=\"coverPhoto\">\r\n                  <v-img\r\n                    :position=\"coverPhoto.position\"\r\n                    :src=\"coverPhoto.url\"\r\n                    :cover=\"!coverPhoto.contain\"\r\n                    :contain=\"coverPhoto.contain\"\r\n                    :height=\"coverPhoto.contain ? null : $vuetify.breakpoint.xs ? 250 : 360\"\r\n                    :max-height=\"coverPhoto.contain ? $vuetify.breakpoint.xs ? 250 : 360 : null\"\r\n                  >\r\n                    <div :class=\"{'block': disabled}\"></div>\r\n                    <v-row class=\"fill-height\"   align=\"end\">\r\n                      <v-col class=\"text-right\" cols=\"12\" >\r\n                        <v-btn\r\n                          v-if=\"coverPhotoI > 0\"\r\n                          color=\"white red--text\"\r\n                          fab\r\n                          small\r\n                          @click.stop=\"deletePhoto(coverPhotoI)\"\r\n                        >\r\n                          <v-icon>fas fa-trash</v-icon>\r\n                        </v-btn>\r\n                      </v-col>\r\n                    </v-row>\r\n                  </v-img>\r\n                </v-col>\r\n              </v-row>\r\n              <v-row dense v-if=\"coverPhoto\">\r\n                <v-col class=\"text-right\" cols=\"4\" >\r\n                  <v-checkbox\r\n                    label=\"contain\"\r\n                    v-model=\"coverPhoto.contain\"\r\n                    class=\"shrink\"\r\n                    hide-details\r\n                    :disabled=\"disabled\"\r\n                    color=\"color3\"\r\n                  ></v-checkbox>\r\n                </v-col>\r\n                <v-col class=\"text-right\" cols=\"8\" v-if=\"!coverPhoto.contain\">\r\n                  <v-combobox\r\n                    class=\"shrink\"\r\n                    :items=\"backPositions\"\r\n                    v-model=\"coverPhoto.position\"\r\n                    label=\"Focal point\"\r\n                    style=\"z-index: 3\"\r\n                    :disabled=\"disabled\"\r\n                    color=\"color3\"\r\n                    item-color=\"color3\"\r\n                    hint=\"CSS background-position for the image\"\r\n                    persistent-hint\r\n                  ></v-combobox>\r\n                </v-col>\r\n              </v-row>\r\n              <v-row dense>\r\n                <v-col cols=\"12\" v-if=\"!disabled\">\r\n                  <v-autocomplete\r\n                    v-if=\"user.pages.length > 1\"\r\n                    :items=\"user.pages\"\r\n                    item-text=\"name\"\r\n                    return-object\r\n                    v-model=\"selectedPage\"\r\n                    label=\"Organization\"\r\n                    hint=\"Choose and organization to select and image from\"\r\n                    persistent-hint\r\n                    color=\"color3\"\r\n                    item-color=\"color3\"\r\n                  ></v-autocomplete>\r\n\r\n                  <template v-if=\"selectedUsername\">\r\n                    <label class=\"v-label v-label--active theme--light mt-4\">Choose a photo</label>\r\n                    <image-library\r\n                      v-if=\"selectedUsername\"\r\n                      :username=\"selectedUsername\"\r\n                      single-row\r\n                      no-preview\r\n                      :img-height=\"36 * 4\"\r\n                      :img-width=\"64 * 4\"\r\n                      @preview-click=\"onPreviewClick\"\r\n                    ></image-library>\r\n                  </template>\r\n                </v-col>\r\n              </v-row>\r\n            </v-container>\r\n          </v-card>\r\n        </v-col>\r\n        <slot name=\"cols\"></slot>\r\n      </v-row>\r\n      <!-- DELETE -->\r\n      <delete-cancel-dialog\r\n        :tournament=\"vblEvent\"\r\n        mode=\"Delete\"\r\n        :isEvent=\"true\"\r\n        v-if=\"vblEvent.id > 0\"\r\n      ></delete-cancel-dialog>\r\n    </v-container>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from 'vuex'\r\nimport ImageLibrary from '@/components/Organization/OrganizationImageLibrary.vue'\r\nimport HtmlEditor from '@/components/Utils/HtmlEditor.vue'\r\nconst DeleteCancelDialog = () => import('@/components/Tournament/Edit/DeleteCancelDialog.vue')\r\n\r\nexport default {\r\n  props: ['vblEvent', 'btnOffset', 'disabled', 'loading'],\r\n  data () {\r\n    return {\r\n      coverPhotoI: 0,\r\n      selectedPage: this.user && this.user.pages ? this.user.pages[0] : null,\r\n      backPositions: [\r\n        'left top',\r\n        'left center',\r\n        'left bottom',\r\n        'right top',\r\n        'right center',\r\n        'right bottom',\r\n        'center top',\r\n        'center center',\r\n        'center bottom'\r\n      ],\r\n      publishing: false\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters([\r\n      'user'\r\n    ]),\r\n    coverPhoto () {\r\n      return this.vblEvent.coverPhotos[this.coverPhotoI]\r\n    },\r\n    organizations () {\r\n      return this.user.pages.map((p) => {\r\n        return {\r\n          id: p.id,\r\n          name: p.name,\r\n          username: p.username\r\n        }\r\n      })\r\n    },\r\n    selectedUsername () {\r\n      return this.selectedPage && this.selectedPage.username\r\n    },\r\n    oneDay () {\r\n      return this.vblEvent._dtEnd === this.vblEvent._dtStart\r\n    },\r\n    published: {\r\n      get () {\r\n        return this.vblEvent.isPublic\r\n      },\r\n      set (val) {\r\n        this.vblEvent.isPublic = val\r\n        this.togglePublish(val)\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    onPreviewClick (image) {\r\n      this.selectedImage = image\r\n      if (!this.coverPhoto) {\r\n        this.vblEvent.coverPhotos.push({\r\n          id: image.id,\r\n          url: image.url\r\n        })\r\n        return\r\n      }\r\n      this.coverPhoto.id = image.id\r\n      this.coverPhoto.url = image.url\r\n    },\r\n    deletePhoto (i) {\r\n      if (i === 0) return\r\n      this.vblEvent.coverPhotos.splice(i, 1)\r\n      this.coverPhotoI = i - 1\r\n    },\r\n    selectOrg () {\r\n      if (this.user && this.user.pages.length) this.selectedPage = this.user.pages[0]\r\n    },\r\n    toggleOneDay () {\r\n      if (this.oneDay) {\r\n        this.vblEvent.dtEnd = this.vblEvent.dtStart.add(1, 'days').format('YYYY-MM-DD')\r\n      } else {\r\n        this.vblEvent.dtEnd = this.vblEvent.dtStart\r\n      }\r\n    },\r\n    togglePublish (val) {\r\n      const dto = {\r\n        id: this.vblEvent.id,\r\n        isPublic: val\r\n      }\r\n      this.publishing = true\r\n      this.$VBL.post.series(dto)\r\n        .then(r => {\r\n          this.vblEvent.isPublic = dto.isPublic\r\n          this.$emit('changed', r.data)\r\n        })\r\n        .catch(e => {\r\n          console.log(e.response)\r\n          this.vblEvent.isPublic = !dto.isPublic\r\n        })\r\n        .finally(() => {\r\n          this.publishing = false\r\n        })\r\n    }\r\n  },\r\n  watch: {\r\n    user: function (n, o) {\r\n      this.selectOrg()\r\n    }\r\n  },\r\n  mounted () {\r\n    this.selectOrg()\r\n  },\r\n  components: {\r\n    HtmlEditor,\r\n    ImageLibrary,\r\n    DeleteCancelDialog\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n  .styledArea textarea {\r\n    border-bottom: 2px solid #ccc;\r\n  }\r\n  .styledArea textarea:focus {\r\n    border-bottom: 2px solid rgb(21, 42, 105);\r\n  }\r\n  .ql-editor p {\r\n    margin-bottom: 16px;\r\n  }\r\n  .ql-align-center {\r\n    text-align: center;\r\n  }\r\n  .ql-align-right {\r\n    text-align: right;\r\n  }\r\n  .quill-editor {\r\n    z-index: 0;\r\n  }\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BrochureEditor.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BrochureEditor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BrochureEditor.vue?vue&type=template&id=652d72e5&\"\nimport script from \"./BrochureEditor.vue?vue&type=script&lang=js&\"\nexport * from \"./BrochureEditor.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BrochureEditor.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VAutocomplete } from 'vuetify/lib/components/VAutocomplete';\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCheckbox } from 'vuetify/lib/components/VCheckbox';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VCombobox } from 'vuetify/lib/components/VCombobox';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VTab } from 'vuetify/lib/components/VTabs';\nimport { VTabs } from 'vuetify/lib/components/VTabs';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\nimport { VToolbarTitle } from 'vuetify/lib/components/VToolbar';\ninstallComponents(component, {VAutocomplete,VBtn,VCard,VCardText,VCheckbox,VCol,VCombobox,VContainer,VIcon,VImg,VRow,VTab,VTabs,VToolbar,VToolbarTitle})\n","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BrochureEditor.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BrochureEditor.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}