{"version":3,"sources":["webpack:///./src/views/FeaturedListings.vue?45b9","webpack:///./src/views/FeaturedListings.vue","webpack:///src/views/FeaturedListings.vue","webpack:///./src/views/FeaturedListings.vue?2599","webpack:///./src/views/FeaturedListings.vue?8cb5"],"names":["render","_vm","this","_c","_self","attrs","slot","formOpen","staticClass","deleting","on","$event","deleteFeaturedListing","_v","_e","toggleForm","_s","model","value","activeTab","callback","$$v","expression","saving","save","ref","key","businesses","formData","business_id","$set","fullWidthBanner","id","imageUrl","croppaWidth","croppaHeight","changeImage","image","mobileImageUrl","croppaMobileWidth","croppaMobileHeight","changeMobileImage","mobileImage","title","text","frontPagePosition","headers","featuredListings","scopedSlots","_u","fn","_ref","header","staticStyle","domProps","_ref2","item","businessName","open","staticRenderFns","data","imageOrientation","impactStoryDialog","changeImpactStoryImage","impactStory","impactStoryImage","sortable","computed","_objectSpread","mapGetters","user","businessById","mounted","$store","dispatch","methods","featuredListing","_this","imageSet","generateBlob","blob","file","then","_this2","$confirm","res","business","find","b","name","component"],"mappings":"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","file":"js/chunk-2d815406.70cbe59a.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.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!./FeaturedListings.vue?vue&type=style&index=0&id=b84ed128&prod&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{attrs:{\"fill-height\":\"\",\"fluid\":\"\",\"grid-list-xl\":\"\"}},[_c('v-layout',{attrs:{\"justify-center\":\"\",\"wrap\":\"\"}},[_c('v-flex',{attrs:{\"md12\":\"\"}},[_c('material-card',{attrs:{\"color\":\"#58595b\",\"title\":\"Featured Listings\",\"offset\":\"0\"}},[_c('div',{attrs:{\"slot\":\"header-actions\"},slot:\"header-actions\"},[(_vm.formOpen)?_c('v-btn',{staticClass:\"mr-2\",attrs:{\"loading\":_vm.deleting,\"small\":\"\",\"raised\":\"\",\"color\":\"error\"},on:{\"click\":function($event){return _vm.deleteFeaturedListing()}}},[_vm._v(\"Delete\")]):_vm._e(),_c('v-btn',{attrs:{\"small\":\"\",\"raised\":\"\",\"color\":\"info\"},on:{\"click\":function($event){return _vm.toggleForm()}}},[_vm._v(\"\\n            \"+_vm._s(_vm.formOpen ? \"Close\" : \"Add\")+\"\\n          \")])],1),(_vm.formOpen)?_c('v-sheet',{staticClass:\"mt-2\"},[_c('v-tabs',{attrs:{\"color\":\"grey lighten-1\",\"dark\":\"\",\"slider-color\":\"black\"},model:{value:(_vm.activeTab),callback:function ($$v) {_vm.activeTab=$$v},expression:\"activeTab\"}},[_c('v-tab',{attrs:{\"ripple\":\"\"}},[_vm._v(\"Details\")]),_c('v-spacer'),_c('v-btn',{attrs:{\"loading\":_vm.saving,\"color\":\"success\"},on:{\"click\":_vm.save}},[_vm._v(\"Save\")]),_c('v-tab-item',[_c('v-card',{attrs:{\"flat\":\"\"}},[_c('v-card-text',[_c('v-form',{ref:\"featuredListingForm\"},[_c('v-layout',{key:\"form\",attrs:{\"wrap\":\"\",\"justify-center\":\"\"}},[_c('v-flex',{attrs:{\"xs12\":\"\"}},[_c('v-autocomplete',{attrs:{\"items\":_vm.businesses,\"item-text\":\"name\",\"item-value\":\"id\",\"label\":\"Business\",\"placeholder\":\"Please select\"},model:{value:(_vm.formData.business_id),callback:function ($$v) {_vm.$set(_vm.formData, \"business_id\", $$v)},expression:\"formData.business_id\"}})],1),_c('v-flex',{attrs:{\"xs12\":\"\"}},[_c('v-checkbox',{attrs:{\"label\":\"Full Width Banner\"},model:{value:(_vm.formData.fullWidthBanner),callback:function ($$v) {_vm.$set(_vm.formData, \"fullWidthBanner\", $$v)},expression:\"formData.fullWidthBanner\"}})],1),_c('v-flex',{staticClass:\"autoMargin\",attrs:{\"xs12\":\"\"}},[_c('span',{staticClass:\"subheading\"},[_vm._v(\"Listing Picture\")]),(_vm.formData.id)?[(_vm.formData.imageUrl)?_c('div',[_c('v-img',{staticClass:\"autoMargin\",attrs:{\"src\":_vm.formData.imageUrl,\"width\":_vm.croppaWidth,\"height\":_vm.croppaHeight}}),_c('v-btn',{attrs:{\"small\":\"\",\"block\":\"\",\"color\":\"info\"},on:{\"click\":function($event){_vm.changeImage = true}}},[_vm._v(\"Change Image\")])],1):_vm._e(),(!_vm.formData.imageUrl || _vm.changeImage)?_c('croppa',{attrs:{\"show-loading\":true,\"width\":_vm.croppaWidth,\"height\":_vm.croppaHeight,\"quality\":2,\"canvas-color\":\"#FFF\",\"placeholder-color\":\"#000000\",\"placeholder\":\"Choose listing image\",\"initial-size\":\"contain\"},model:{value:(_vm.image),callback:function ($$v) {_vm.image=$$v},expression:\"image\"}}):_vm._e(),(!_vm.formData.imageUrl || _vm.changeImage)?_c('div',{staticClass:\"caption text-xs-center\"},[_vm._v(\"\\n                            Use scroll wheel to zoom in / out and drag to\\n                            reposition.\\n                          \")]):_vm._e()]:[_c('br'),_vm._v(\"Please save listing before adding a photo\\n                        \")]],2),(_vm.formData.fullWidthBanner)?_c('v-flex',{staticClass:\"autoMargin\",attrs:{\"xs12\":\"\"}},[_c('span',{staticClass:\"subheading\"},[_vm._v(\"Mobile Listing Picture\")]),(_vm.formData.id)?[(_vm.formData.mobileImageUrl)?_c('div',[_c('v-img',{staticClass:\"autoMargin\",attrs:{\"src\":_vm.formData.mobileImageUrl,\"width\":_vm.croppaMobileWidth,\"height\":_vm.croppaMobileHeight}}),_c('v-btn',{attrs:{\"small\":\"\",\"block\":\"\",\"color\":\"info\"},on:{\"click\":function($event){_vm.changeMobileImage = true}}},[_vm._v(\"Change Image\")])],1):_vm._e(),(\n                              !_vm.formData.mobileImageUrl || _vm.changeMobileImage\n                            )?_c('croppa',{attrs:{\"show-loading\":true,\"width\":_vm.croppaMobileWidth,\"height\":_vm.croppaMobileHeight,\"quality\":2,\"canvas-color\":\"#FFF\",\"placeholder-color\":\"#000000\",\"placeholder\":\"Choose listing image\",\"initial-size\":\"contain\"},model:{value:(_vm.mobileImage),callback:function ($$v) {_vm.mobileImage=$$v},expression:\"mobileImage\"}}):_vm._e(),(\n                              !_vm.formData.mobileImageUrl || _vm.changeMobileImage\n                            )?_c('div',{staticClass:\"caption text-xs-center\"},[_vm._v(\"\\n                            Use scroll wheel to zoom in / out and drag to\\n                            reposition.\\n                          \")]):_vm._e()]:[_c('br'),_vm._v(\"Please save listing before adding a photo\\n                        \")]],2):_vm._e(),_c('v-flex',{attrs:{\"xs12\":\"\"}},[_c('v-text-field',{attrs:{\"label\":\"Title\",\"counter\":\"100\",\"maxlength\":\"100\"},model:{value:(_vm.formData.title),callback:function ($$v) {_vm.$set(_vm.formData, \"title\", $$v)},expression:\"formData.title\"}})],1),_c('v-flex',{attrs:{\"xs12\":\"\"}},[_c('v-textarea',{attrs:{\"label\":\"Listing Text\",\"counter\":\"125\",\"maxlength\":\"125\"},model:{value:(_vm.formData.text),callback:function ($$v) {_vm.$set(_vm.formData, \"text\", $$v)},expression:\"formData.text\"}})],1),_c('v-flex',[_c('v-select',{attrs:{\"items\":[\n                            'Not On Frontpage',\n                            '1',\n                            '2',\n                            '3',\n                            'Banner',\n                          ],\"label\":\"Front Page Position\",\"placeholder\":\"Please select\"},model:{value:(_vm.formData.frontPagePosition),callback:function ($$v) {_vm.$set(_vm.formData, \"frontPagePosition\", $$v)},expression:\"formData.frontPagePosition\"}})],1)],1)],1)],1)],1)],1)],1),_c('v-layout',{staticClass:\"pl-3 pr-3\",attrs:{\"row\":\"\"}},[(_vm.activeTab != 3)?_c('v-btn',{attrs:{\"loading\":_vm.saving,\"color\":\"success\"},on:{\"click\":_vm.save}},[_vm._v(\"Save\")]):_vm._e()],1)],1):_c('v-data-table',{key:\"list\",attrs:{\"headers\":_vm.headers,\"items\":_vm.featuredListings,\"hide-actions\":\"\"},scopedSlots:_vm._u([{key:\"headerCell\",fn:function({ header }){return [_c('span',{staticClass:\"subheading font-weight-light text--darken-3\",staticStyle:{\"color\":\"#4cc7e8\"},domProps:{\"textContent\":_vm._s(header.text)}})]}},{key:\"items\",fn:function({ item }){return [_c('td',[_vm._v(_vm._s(item.title))]),_c('td',[_vm._v(_vm._s(_vm.businessName(item.business_id)))]),_c('td',[_vm._v(_vm._s(item.frontPagePosition))]),_c('td',{staticClass:\"action-col\",attrs:{\"width\":\"20\"}},[_c('v-btn',{attrs:{\"flat\":\"\",\"icon\":\"\"},on:{\"click\":function($event){return _vm.open(item)}}},[_c('v-icon',{attrs:{\"color\":\"blue\"}},[_vm._v(\"mdi-folder-outline\")])],1)],1)]}}])})],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container fill-height fluid grid-list-xl>\n    <v-layout justify-center wrap>\n      <v-flex md12>\n        <material-card color=\"#58595b\" title=\"Featured Listings\" offset=\"0\">\n          <div slot=\"header-actions\">\n            <v-btn\n              v-if=\"formOpen\"\n              :loading=\"deleting\"\n              small\n              raised\n              color=\"error\"\n              class=\"mr-2\"\n              @click=\"deleteFeaturedListing()\"\n              >Delete</v-btn\n            >\n            <v-btn small raised color=\"info\" @click=\"toggleForm()\">\n              {{ formOpen ? \"Close\" : \"Add\" }}\n            </v-btn>\n          </div>\n          <v-sheet v-if=\"formOpen\" class=\"mt-2\">\n            <v-tabs\n              v-model=\"activeTab\"\n              color=\"grey lighten-1\"\n              dark\n              slider-color=\"black\"\n            >\n              <v-tab ripple>Details</v-tab>\n              <v-spacer />\n              <v-btn :loading=\"saving\" color=\"success\" @click=\"save\"\n                >Save</v-btn\n              >\n              <!-- TAB : DETAILS -->\n              <v-tab-item>\n                <v-card flat>\n                  <v-card-text>\n                    <v-form ref=\"featuredListingForm\">\n                      <v-layout key=\"form\" wrap justify-center>\n                        <v-flex xs12>\n                          <v-autocomplete\n                            v-model=\"formData.business_id\"\n                            :items=\"businesses\"\n                            item-text=\"name\"\n                            item-value=\"id\"\n                            label=\"Business\"\n                            placeholder=\"Please select\"\n                          />\n                        </v-flex>\n                        <v-flex xs12>\n                          <v-checkbox\n                            v-model=\"formData.fullWidthBanner\"\n                            label=\"Full Width Banner\"\n                          ></v-checkbox>\n                        </v-flex>\n                        <v-flex xs12 class=\"autoMargin\">\n                          <span class=\"subheading\">Listing Picture</span>\n                          <template v-if=\"formData.id\">\n                            <div v-if=\"formData.imageUrl\">\n                              <v-img\n                                :src=\"formData.imageUrl\"\n                                :width=\"croppaWidth\"\n                                :height=\"croppaHeight\"\n                                class=\"autoMargin\"\n                              />\n                              <v-btn\n                                small\n                                block\n                                color=\"info\"\n                                @click=\"changeImage = true\"\n                                >Change Image</v-btn\n                              >\n                            </div>\n                            <croppa\n                              v-if=\"!formData.imageUrl || changeImage\"\n                              v-model=\"image\"\n                              :show-loading=\"true\"\n                              :width=\"croppaWidth\"\n                              :height=\"croppaHeight\"\n                              :quality=\"2\"\n                              canvas-color=\"#FFF\"\n                              placeholder-color=\"#000000\"\n                              placeholder=\"Choose listing image\"\n                              initial-size=\"contain\"\n                            />\n                            <div\n                              v-if=\"!formData.imageUrl || changeImage\"\n                              class=\"caption text-xs-center\"\n                            >\n                              Use scroll wheel to zoom in / out and drag to\n                              reposition.\n                            </div>\n                          </template>\n                          <template v-else>\n                            <br />Please save listing before adding a photo\n                          </template>\n                        </v-flex>\n                        <v-flex\n                          v-if=\"formData.fullWidthBanner\"\n                          xs12\n                          class=\"autoMargin\"\n                        >\n                          <span class=\"subheading\">Mobile Listing Picture</span>\n                          <template v-if=\"formData.id\">\n                            <div v-if=\"formData.mobileImageUrl\">\n                              <v-img\n                                :src=\"formData.mobileImageUrl\"\n                                :width=\"croppaMobileWidth\"\n                                :height=\"croppaMobileHeight\"\n                                class=\"autoMargin\"\n                              />\n                              <v-btn\n                                small\n                                block\n                                color=\"info\"\n                                @click=\"changeMobileImage = true\"\n                                >Change Image</v-btn\n                              >\n                            </div>\n                            <croppa\n                              v-if=\"\n                                !formData.mobileImageUrl || changeMobileImage\n                              \"\n                              v-model=\"mobileImage\"\n                              :show-loading=\"true\"\n                              :width=\"croppaMobileWidth\"\n                              :height=\"croppaMobileHeight\"\n                              :quality=\"2\"\n                              canvas-color=\"#FFF\"\n                              placeholder-color=\"#000000\"\n                              placeholder=\"Choose listing image\"\n                              initial-size=\"contain\"\n                            />\n                            <div\n                              v-if=\"\n                                !formData.mobileImageUrl || changeMobileImage\n                              \"\n                              class=\"caption text-xs-center\"\n                            >\n                              Use scroll wheel to zoom in / out and drag to\n                              reposition.\n                            </div>\n                          </template>\n                          <template v-else>\n                            <br />Please save listing before adding a photo\n                          </template>\n                        </v-flex>\n                        <v-flex xs12>\n                          <v-text-field\n                            v-model=\"formData.title\"\n                            label=\"Title\"\n                            counter=\"100\"\n                            maxlength=\"100\"\n                          />\n                        </v-flex>\n                        <v-flex xs12>\n                          <v-textarea\n                            v-model=\"formData.text\"\n                            label=\"Listing Text\"\n                            counter=\"125\"\n                            maxlength=\"125\"\n                          />\n                        </v-flex>\n                        <v-flex>\n                          <v-select\n                            v-model=\"formData.frontPagePosition\"\n                            :items=\"[\n                              'Not On Frontpage',\n                              '1',\n                              '2',\n                              '3',\n                              'Banner',\n                            ]\"\n                            label=\"Front Page Position\"\n                            placeholder=\"Please select\"\n                          />\n                        </v-flex>\n                      </v-layout>\n                    </v-form>\n                  </v-card-text>\n                </v-card>\n              </v-tab-item>\n            </v-tabs>\n            <v-layout row class=\"pl-3 pr-3\">\n              <v-btn\n                v-if=\"activeTab != 3\"\n                :loading=\"saving\"\n                color=\"success\"\n                @click=\"save\"\n                >Save</v-btn\n              >\n            </v-layout>\n          </v-sheet>\n          <v-data-table\n            v-else\n            key=\"list\"\n            :headers=\"headers\"\n            :items=\"featuredListings\"\n            hide-actions\n          >\n            <template slot=\"headerCell\" slot-scope=\"{ header }\">\n              <span\n                class=\"subheading font-weight-light text--darken-3\"\n                style=\"color: #4cc7e8\"\n                v-text=\"header.text\"\n              />\n            </template>\n            <template slot=\"items\" slot-scope=\"{ item }\">\n              <td>{{ item.title }}</td>\n              <td>{{ businessName(item.business_id) }}</td>\n              <td>{{ item.frontPagePosition }}</td>\n              <td class=\"action-col\" width=\"20\">\n                <v-btn flat icon @click=\"open(item)\">\n                  <v-icon color=\"blue\">mdi-folder-outline</v-icon>\n                </v-btn>\n              </td>\n            </template>\n          </v-data-table>\n        </material-card>\n      </v-flex>\n    </v-layout>\n  </v-container>\n</template>\n\n<script>\n  import { mapGetters } from \"vuex\";\n\n  export default {\n    data: () => ({\n      imageOrientation: \"Landscape\",\n      impactStoryDialog: false,\n      changeImpactStoryImage: false,\n      impactStory: {},\n      image: null,\n      mobileImage: null,\n      impactStoryImage: null,\n      changeImage: false,\n      changeMobileImage: false,\n      activeTab: null,\n      saving: false,\n      deleting: false,\n      formOpen: false,\n      formData: {},\n      headers: [\n        {\n          sortable: true,\n          text: \"Title\",\n          value: \"title\",\n        },\n        {\n          sortable: true,\n          text: \"Business\",\n          value: \"business\",\n        },\n        {\n          sortable: true,\n          text: \"Frontpage Position\",\n          value: \"frontPagePosition\",\n        },\n        {\n          sortable: false,\n          text: \"\",\n          value: \"action\",\n        },\n      ],\n    }),\n    computed: {\n      ...mapGetters({\n        user: \"user\",\n        featuredListings: \"featuredListings/list\",\n        businesses: \"business/list\",\n        businessById: \"business/businessById\",\n      }),\n      croppaWidth: function () {\n        if (this.formData.fullWidthBanner === true) {\n          return 1150;\n        } else {\n          return 400;\n        }\n      },\n      croppaHeight: function () {\n        if (this.formData.fullWidthBanner === true) {\n          return 210;\n        } else {\n          return 200;\n        }\n      },\n      croppaMobileWidth: function () {\n        return 363;\n      },\n      croppaMobileHeight: function () {\n        return 210;\n      },\n    },\n    mounted() {\n      this.$store.dispatch(\"featuredListings/loadAll\");\n      this.$store.dispatch(\"business/loadAllAdmin\");\n    },\n    methods: {\n      toggleForm() {\n        if (!this.formOpen) {\n          this.formData = {};\n        }\n        this.formOpen = !this.formOpen;\n      },\n      open(featuredListing) {\n        this.saving = false;\n        this.formData = featuredListing;\n        this.formOpen = true;\n      },\n      save() {\n        this.saving = true;\n        if (this.image && this.image.imageSet) {\n          this.image.generateBlob(\n            (blob) => {\n              this.formData.image = { file: blob };\n              this.$store\n                .dispatch(\"featuredListings/save\", this.formData)\n                .then((featuredListing) => {\n                  this.formData.imageUrl = featuredListing.imageUrl;\n                  this.changeImage = false;\n                  this.saving = false;\n                });\n            },\n            \"image/jpeg\",\n            1\n          );\n        } else if (this.mobileImage && this.mobileImage.imageSet) {\n          this.mobileImage.generateBlob(\n            (blob) => {\n              this.formData.mobileImage = { file: blob };\n              this.$store\n                .dispatch(\"featuredListings/save\", this.formData)\n                .then((featuredListing) => {\n                  this.formData.mobileImageUrl = featuredListing.mobileImageUrl;\n                  this.changeImage = false;\n                  this.saving = false;\n                });\n            },\n            \"image/jpeg\",\n            1\n          );\n        } else {\n          this.$store\n            .dispatch(\"featuredListings/save\", this.formData)\n            .then((featuredListing) => {\n              this.formData.id = featuredListing.id;\n              this.saving = false;\n            });\n        }\n      },\n      deleteFeaturedListing() {\n        this.$confirm(\n          \"Are you sure you want to delete this featured listing?\"\n        ).then((res) => {\n          if (res) {\n            this.deleting = true;\n            this.$store\n              .dispatch(\"featuredListings/delete\", this.formData.id)\n              .then((res) => {\n                this.formOpen = false;\n                this.deleting = false;\n              });\n          }\n        });\n      },\n      businessName(id) {\n        let business = this.businesses.find((b) => b.id == id);\n        return business.name;\n      },\n    },\n  };\n</script>\n\n<style>\n  .croppa-container {\n    margin-left: auto;\n    margin-right: auto;\n    position: relative;\n  }\n\n  .icon-remove {\n    position: absolute;\n    top: 5px !important;\n    right: -35px !important;\n  }\n\n  .croppa-container canvas {\n    border: 1px solid;\n  }\n</style>\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!./FeaturedListings.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!./FeaturedListings.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./FeaturedListings.vue?vue&type=template&id=b84ed128\"\nimport script from \"./FeaturedListings.vue?vue&type=script&lang=js\"\nexport * from \"./FeaturedListings.vue?vue&type=script&lang=js\"\nimport style0 from \"./FeaturedListings.vue?vue&type=style&index=0&id=b84ed128&prod&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"],"sourceRoot":""}