From cc1a7ca78dd21d2e768504c3c9b80d374ae1f2c3 Mon Sep 17 00:00:00 2001 From: Michel Moraes Date: Thu, 20 Sep 2018 12:49:40 +0200 Subject: [PATCH] Adding cart button and top menu icons --- app/config/timber.php | 1 + app/config/wp/menus.php | 1 + resources/assets/js/components/Purchase.vue | 11 ++++++----- resources/views/components/navbar/index.twig | 8 ++++---- ...9ff.css => admin.8d4eb6c5c80423d5b099.css} | 0 ...089ff.css => app.8d4eb6c5c80423d5b099.css} | 0 ...9ff.css => login.8d4eb6c5c80423d5b099.css} | 0 ...089ff.js => admin.8d4eb6c5c80423d5b099.js} | 0 ...7d089ff.js => app.8d4eb6c5c80423d5b099.js} | 4 ++-- ...089ff.js => login.8d4eb6c5c80423d5b099.js} | 0 ...89ff.js => vendor.8d4eb6c5c80423d5b099.js} | 0 static/manifest.json | 19 ++++++++----------- 12 files changed, 22 insertions(+), 22 deletions(-) rename static/css/{admin.b35303f0c0b727d089ff.css => admin.8d4eb6c5c80423d5b099.css} (100%) rename static/css/{app.b35303f0c0b727d089ff.css => app.8d4eb6c5c80423d5b099.css} (100%) rename static/css/{login.b35303f0c0b727d089ff.css => login.8d4eb6c5c80423d5b099.css} (100%) rename static/js/{admin.b35303f0c0b727d089ff.js => admin.8d4eb6c5c80423d5b099.js} (100%) rename static/js/{app.b35303f0c0b727d089ff.js => app.8d4eb6c5c80423d5b099.js} (94%) rename static/js/{login.b35303f0c0b727d089ff.js => login.8d4eb6c5c80423d5b099.js} (100%) rename static/js/{vendor.b35303f0c0b727d089ff.js => vendor.8d4eb6c5c80423d5b099.js} (100%) diff --git a/app/config/timber.php b/app/config/timber.php index 7f2b920..530d2d9 100644 --- a/app/config/timber.php +++ b/app/config/timber.php @@ -68,6 +68,7 @@ function add_to_context($data) $data['menu'] = new TimberMenu($menu_locations['main_menu']); $data['lang_menu'] = new TimberMenu($menu_locations['lang_menu']); + $data['icons_menu'] = new TimberMenu($menu_locations['shop_icons_menu']); // Add main-sidebar to Timber context object $data['main_sidebar'] = Timber::get_widgets('main-sidebar'); diff --git a/app/config/wp/menus.php b/app/config/wp/menus.php index 4545385..74ca193 100644 --- a/app/config/wp/menus.php +++ b/app/config/wp/menus.php @@ -7,6 +7,7 @@ function base_camp_register_menus() { register_nav_menu('main_menu', __('Main menu', 'base-camp')); register_nav_menu('lang_menu', __('Lang menu', 'base-camp')); + register_nav_menu('shop_icons_menu', __('Shop icons menu', 'base-camp')); } add_action('after_setup_theme', 'base_camp_register_menus'); diff --git a/resources/assets/js/components/Purchase.vue b/resources/assets/js/components/Purchase.vue index 4fca907..5eaf5df 100644 --- a/resources/assets/js/components/Purchase.vue +++ b/resources/assets/js/components/Purchase.vue @@ -55,7 +55,7 @@
@@ -88,11 +88,12 @@ 6 Add to cart
- {{ quantity }}x $18.40 + {{ quantity }}x ${{ selected.product.price }} - +
@@ -109,10 +110,10 @@ currentStep: 1, quantity: 1, selected: { + product: Object, parade: String, date: Object, seat: Object, - sector: String, quantity: Number }, productsList: Array, diff --git a/resources/views/components/navbar/index.twig b/resources/views/components/navbar/index.twig index c4a6488..45d44e5 100644 --- a/resources/views/components/navbar/index.twig +++ b/resources/views/components/navbar/index.twig @@ -9,11 +9,11 @@
- - User icon + + My Account - - Cart icon + + Cart
diff --git a/static/css/admin.b35303f0c0b727d089ff.css b/static/css/admin.8d4eb6c5c80423d5b099.css similarity index 100% rename from static/css/admin.b35303f0c0b727d089ff.css rename to static/css/admin.8d4eb6c5c80423d5b099.css diff --git a/static/css/app.b35303f0c0b727d089ff.css b/static/css/app.8d4eb6c5c80423d5b099.css similarity index 100% rename from static/css/app.b35303f0c0b727d089ff.css rename to static/css/app.8d4eb6c5c80423d5b099.css diff --git a/static/css/login.b35303f0c0b727d089ff.css b/static/css/login.8d4eb6c5c80423d5b099.css similarity index 100% rename from static/css/login.b35303f0c0b727d089ff.css rename to static/css/login.8d4eb6c5c80423d5b099.css diff --git a/static/js/admin.b35303f0c0b727d089ff.js b/static/js/admin.8d4eb6c5c80423d5b099.js similarity index 100% rename from static/js/admin.b35303f0c0b727d089ff.js rename to static/js/admin.8d4eb6c5c80423d5b099.js diff --git a/static/js/app.b35303f0c0b727d089ff.js b/static/js/app.8d4eb6c5c80423d5b099.js similarity index 94% rename from static/js/app.b35303f0c0b727d089ff.js rename to static/js/app.8d4eb6c5c80423d5b099.js index 493b2f4..cf0db6b 100644 --- a/static/js/app.b35303f0c0b727d089ff.js +++ b/static/js/app.8d4eb6c5c80423d5b099.js @@ -186,7 +186,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n /***/ (function(module, exports, __webpack_require__) { "use strict"; -eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nexports.default = {\n props: ['products'],\n data: function data() {\n return {\n currentStep: 1,\n quantity: 1,\n selected: {\n parade: String,\n date: Object,\n seat: Object,\n sector: String,\n quantity: Number\n },\n productsList: Array,\n parades: [{\n name: 'Preliminary Parades',\n dates: [{ name: 'Friday (March 01)', slug: 'friday-march-01' }, { name: 'Saturday (March 02)', slug: 'saturday-march-02' }],\n seats: [{ name: 'Grandstand tickets', slug: 'grandstand-tickets' }, { name: 'Open Front Box seats', slug: 'open-front-box-seats' }]\n }, {\n name: 'Main Parades',\n dates: [{ name: 'Sunday (March 03)', slug: 'sunday-march-03' }, { name: 'Monday (March 04)', slug: 'monday-march-04' }],\n seats: [{ name: 'Grandstand tickets', slug: 'grandstand-tickets' }, { name: 'Open Front Box seats', slug: 'open-front-box-seats' }, { name: 'Private Chairs', slug: 'private-chairs' }]\n }, {\n name: 'Champions’ Parade',\n dates: [{ name: 'Saturdar (March 09)', slug: 'saturday-march-09' }],\n seats: [{ name: 'Grandstand tickets', slug: 'grandstand-tickets' }, { name: 'Open Front Box seats', slug: 'open-front-box-seats' }, { name: 'Private Chairs', slug: 'private-chairs' }]\n }]\n };\n },\n\n\n computed: {\n productsFilter: function productsFilter() {\n var _this = this;\n\n var filteredProducts = this.productsList.filter(function (el) {\n return el.acf.date.slug == _this.selected.date.slug && el.acf.seat_type.slug == _this.selected.seat.slug;\n });\n\n return filteredProducts;\n },\n setQuantity: function setQuantity() {\n return this.selected.quantity = this.quantity;\n }\n },\n\n methods: {\n setData: function setData(data) {\n var _this2 = this;\n\n var filteredParade = this.parades.filter(function (parade) {\n return parade.name == _this2.selected.parade;\n });\n var filtered = filteredParade.map(function (a) {\n return a[data];\n });\n return filtered[0];\n },\n nextStep: function nextStep(step, idx) {\n this.currentStep = step;\n var selected = event.target.parentElement;\n var prevStep = this.currentStep - 1;\n var divParent = document.querySelector(\".step-\" + prevStep);\n var purchaseItem = divParent.querySelectorAll(\".purchase__item\");\n\n purchaseItem.forEach(function (item) {\n item.classList.remove('selected');\n });\n\n selected.classList.add('selected');\n this.clearNextStep(step);\n },\n clearNextStep: function clearNextStep(step) {\n // clear next step when call the methods\n var divParentNextStep = document.querySelector(\".step-\" + step);\n var purchaseItemNextSep = divParentNextStep.querySelectorAll(\".purchase__item\");\n\n purchaseItemNextSep.forEach(function (item) {\n item.classList.remove('selected');\n });\n },\n isStep: function isStep(val) {\n return this.currentStep >= val;\n },\n increase: function increase() {\n return this.quantity += 1;\n },\n decrease: function decrease() {\n if (this.quantity > 1) {\n return this.quantity -= 1;\n }\n }\n },\n\n created: function created() {\n this.productsList = JSON.parse(this.products);\n }\n};\n\n//# sourceURL=webpack:///./resources/assets/js/components/Purchase.vue?./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options"); +eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nexports.default = {\n props: ['products'],\n data: function data() {\n return {\n currentStep: 1,\n quantity: 1,\n selected: {\n product: Object,\n parade: String,\n date: Object,\n seat: Object,\n quantity: Number\n },\n productsList: Array,\n parades: [{\n name: 'Preliminary Parades',\n dates: [{ name: 'Friday (March 01)', slug: 'friday-march-01' }, { name: 'Saturday (March 02)', slug: 'saturday-march-02' }],\n seats: [{ name: 'Grandstand tickets', slug: 'grandstand-tickets' }, { name: 'Open Front Box seats', slug: 'open-front-box-seats' }]\n }, {\n name: 'Main Parades',\n dates: [{ name: 'Sunday (March 03)', slug: 'sunday-march-03' }, { name: 'Monday (March 04)', slug: 'monday-march-04' }],\n seats: [{ name: 'Grandstand tickets', slug: 'grandstand-tickets' }, { name: 'Open Front Box seats', slug: 'open-front-box-seats' }, { name: 'Private Chairs', slug: 'private-chairs' }]\n }, {\n name: 'Champions’ Parade',\n dates: [{ name: 'Saturdar (March 09)', slug: 'saturday-march-09' }],\n seats: [{ name: 'Grandstand tickets', slug: 'grandstand-tickets' }, { name: 'Open Front Box seats', slug: 'open-front-box-seats' }, { name: 'Private Chairs', slug: 'private-chairs' }]\n }]\n };\n },\n\n\n computed: {\n productsFilter: function productsFilter() {\n var _this = this;\n\n var filteredProducts = this.productsList.filter(function (el) {\n return el.acf.date.slug == _this.selected.date.slug && el.acf.seat_type.slug == _this.selected.seat.slug;\n });\n\n return filteredProducts;\n },\n setQuantity: function setQuantity() {\n return this.selected.quantity = this.quantity;\n }\n },\n\n methods: {\n setData: function setData(data) {\n var _this2 = this;\n\n var filteredParade = this.parades.filter(function (parade) {\n return parade.name == _this2.selected.parade;\n });\n var filtered = filteredParade.map(function (a) {\n return a[data];\n });\n return filtered[0];\n },\n nextStep: function nextStep(step, idx) {\n this.currentStep = step;\n var selected = event.target.parentElement;\n var prevStep = this.currentStep - 1;\n var divParent = document.querySelector(\".step-\" + prevStep);\n var purchaseItem = divParent.querySelectorAll(\".purchase__item\");\n\n purchaseItem.forEach(function (item) {\n item.classList.remove('selected');\n });\n\n selected.classList.add('selected');\n this.clearNextStep(step);\n },\n clearNextStep: function clearNextStep(step) {\n // clear next step when call the methods\n var divParentNextStep = document.querySelector(\".step-\" + step);\n var purchaseItemNextSep = divParentNextStep.querySelectorAll(\".purchase__item\");\n\n purchaseItemNextSep.forEach(function (item) {\n item.classList.remove('selected');\n });\n },\n isStep: function isStep(val) {\n return this.currentStep >= val;\n },\n increase: function increase() {\n return this.quantity += 1;\n },\n decrease: function decrease() {\n if (this.quantity > 1) {\n return this.quantity -= 1;\n }\n }\n },\n\n created: function created() {\n this.productsList = JSON.parse(this.products);\n }\n};\n\n//# sourceURL=webpack:///./resources/assets/js/components/Purchase.vue?./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), @@ -267,7 +267,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) * /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"section\", { staticClass: \"purchase section\" }, [\n _c(\n \"div\",\n { staticClass: \"container\" },\n [\n _c(\n \"div\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.isStep(1),\n expression: \"isStep(1)\"\n }\n ],\n staticClass: \"purchase__step step-1\"\n },\n [\n _vm._m(0),\n _vm._v(\" \"),\n _c(\n \"div\",\n { staticClass: \"purchase__items\" },\n _vm._l(_vm.parades, function(parade, index) {\n return _c(\n \"label\",\n {\n key: index,\n staticClass: \"purchase__item button\",\n attrs: { for: \"parade-\" + index },\n on: {\n click: function($event) {\n _vm.nextStep(2, index)\n }\n }\n },\n [\n _c(\"input\", {\n directives: [\n {\n name: \"model\",\n rawName: \"v-model\",\n value: _vm.selected.parade,\n expression: \"selected.parade\"\n }\n ],\n staticClass: \"is-hidden\",\n attrs: { id: \"parade-\" + index, type: \"radio\" },\n domProps: {\n value: parade.name,\n checked: _vm._q(_vm.selected.parade, parade.name)\n },\n on: {\n change: function($event) {\n _vm.$set(_vm.selected, \"parade\", parade.name)\n }\n }\n }),\n _vm._v(\n \"\\n \" +\n _vm._s(parade.name) +\n \"\\n \"\n )\n ]\n )\n })\n ),\n _vm._v(\" \"),\n _vm._l(_vm.products, function(product, index) {\n return _c(\"div\", { key: index }, [\n _vm._v(_vm._s(product.categories))\n ])\n })\n ],\n 2\n ),\n _vm._v(\" \"),\n _c(\"transition\", { attrs: { name: \"fade\" } }, [\n _c(\n \"div\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.isStep(2),\n expression: \"isStep(2)\"\n }\n ],\n staticClass: \"purchase__step step-2\"\n },\n [\n _c(\"div\", { staticClass: \"purchase__step-label\" }, [\n _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"2\")]),\n _vm._v(\" Select the date\\n \")\n ]),\n _vm._v(\" \"),\n _c(\n \"div\",\n { staticClass: \"purchase__items\" },\n _vm._l(_vm.setData(\"dates\"), function(date, index) {\n return _c(\n \"label\",\n {\n key: index,\n staticClass: \"purchase__item button\",\n attrs: { for: \"date-\" + index },\n on: {\n click: function($event) {\n _vm.nextStep(3, index)\n }\n }\n },\n [\n _c(\"input\", {\n directives: [\n {\n name: \"model\",\n rawName: \"v-model\",\n value: _vm.selected.date,\n expression: \"selected.date\"\n }\n ],\n staticClass: \"is-hidden\",\n attrs: { id: \"date-\" + index, type: \"radio\" },\n domProps: {\n value: date,\n checked: _vm._q(_vm.selected.date, date)\n },\n on: {\n change: function($event) {\n _vm.$set(_vm.selected, \"date\", date)\n }\n }\n }),\n _vm._v(\n \"\\n \" +\n _vm._s(date.name) +\n \"\\n \"\n )\n ]\n )\n })\n )\n ]\n )\n ]),\n _vm._v(\" \"),\n _c(\"transition\", { attrs: { name: \"fade\" } }, [\n _c(\n \"div\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.isStep(3),\n expression: \"isStep(3)\"\n }\n ],\n staticClass: \"purchase__step step-3\"\n },\n [\n _c(\"div\", { staticClass: \"purchase__step-label\" }, [\n _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"3\")]),\n _vm._v(\" Select the seat type\\n \")\n ]),\n _vm._v(\" \"),\n _c(\n \"div\",\n { staticClass: \"purchase__items\" },\n _vm._l(_vm.setData(\"seats\"), function(seat, index) {\n return _c(\n \"label\",\n {\n key: index,\n staticClass: \"purchase__item button\",\n attrs: { for: \"seat-\" + index },\n on: {\n click: function($event) {\n _vm.nextStep(4, index)\n }\n }\n },\n [\n _c(\"input\", {\n directives: [\n {\n name: \"model\",\n rawName: \"v-model\",\n value: _vm.selected.seat,\n expression: \"selected.seat\"\n }\n ],\n staticClass: \"is-hidden\",\n attrs: { id: \"seat-\" + index, type: \"radio\" },\n domProps: {\n value: seat,\n checked: _vm._q(_vm.selected.seat, seat)\n },\n on: {\n change: function($event) {\n _vm.$set(_vm.selected, \"seat\", seat)\n }\n }\n }),\n _vm._v(\n \"\\n \" +\n _vm._s(seat.name) +\n \"\\n \"\n )\n ]\n )\n })\n )\n ]\n )\n ]),\n _vm._v(\" \"),\n _c(\"transition\", { attrs: { name: \"fade\" } }, [\n _c(\n \"div\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.isStep(4),\n expression: \"isStep(4)\"\n }\n ],\n staticClass: \"purchase__step step-4\"\n },\n [\n _c(\"div\", { staticClass: \"purchase__step-label\" }, [\n _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"4\")]),\n _vm._v(\" Select the sector\\n \")\n ]),\n _vm._v(\" \"),\n _c(\n \"div\",\n { staticClass: \"purchase__items\" },\n _vm._l(_vm.productsFilter, function(ticket, index) {\n return _c(\n \"label\",\n {\n key: index,\n staticClass: \"purchase__item button sector\",\n attrs: { for: \"sector-\" + index },\n on: {\n click: function($event) {\n _vm.nextStep(5, index)\n }\n }\n },\n [\n _c(\"input\", {\n directives: [\n {\n name: \"model\",\n rawName: \"v-model\",\n value: _vm.selected.sector,\n expression: \"selected.sector\"\n }\n ],\n staticClass: \"is-hidden\",\n attrs: { id: \"sector-\" + index, type: \"radio\" },\n domProps: {\n value: ticket.name,\n checked: _vm._q(_vm.selected.sector, ticket.name)\n },\n on: {\n change: function($event) {\n _vm.$set(_vm.selected, \"sector\", ticket.name)\n }\n }\n }),\n _vm._v(\n \"\\n \" + _vm._s(ticket.name) + \" \"\n ),\n _c(\"br\"),\n _vm._v(\" \"),\n _c(\"span\", { staticClass: \"purchase__item-price\" }, [\n _vm._v(\"$ \" + _vm._s(ticket.price))\n ])\n ]\n )\n })\n )\n ]\n )\n ]),\n _vm._v(\" \"),\n _c(\"transition\", { attrs: { name: \"fade\" } }, [\n _c(\n \"div\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.isStep(5),\n expression: \"isStep(5)\"\n }\n ],\n staticClass: \"purchase__step step-5\"\n },\n [\n _c(\"div\", { staticClass: \"purchase__step-label\" }, [\n _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"5\")]),\n _vm._v(\" Enter the quantity\\n \")\n ]),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"purchase__items\" }, [\n _c(\"div\", { staticClass: \"purchase__item-quantity\" }, [\n _c(\n \"button\",\n {\n staticClass: \"button\",\n on: {\n click: function($event) {\n _vm.decrease()\n }\n }\n },\n [_vm._v(\"-\")]\n ),\n _vm._v(\" \"),\n _c(\"span\", [_vm._v(_vm._s(_vm.quantity))]),\n _vm._v(\" \"),\n _c(\n \"button\",\n {\n staticClass: \"button\",\n on: {\n click: function($event) {\n _vm.increase()\n }\n }\n },\n [_vm._v(\"+\")]\n )\n ])\n ])\n ]\n )\n ]),\n _vm._v(\" \"),\n _c(\"transition\", { attrs: { name: \"fade\" } }, [\n _c(\n \"div\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.isStep(5),\n expression: \"isStep(5)\"\n }\n ],\n staticClass: \"purchase__step step-6\"\n },\n [\n _c(\"div\", { staticClass: \"purchase__step-label\" }, [\n _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"6\")]),\n _vm._v(\" Add to cart\\n \")\n ]),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"purchase__item-total\" }, [\n _c(\"span\", [_vm._v(_vm._s(_vm.quantity) + \"x $18.40\")]),\n _vm._v(\" \"),\n _c(\n \"button\",\n { staticClass: \"purchase__add-to-cart-btn button\" },\n [\n _vm._v(\n \"\\n Add to cart\\n \"\n )\n ]\n )\n ])\n ]\n )\n ])\n ],\n 1\n )\n ])\n}\nvar staticRenderFns = [\n function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { staticClass: \"purchase__step-label\" }, [\n _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"1\")]),\n _vm._v(\" Select the parade type\\n \")\n ])\n }\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./resources/assets/js/components/Purchase.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"section\", { staticClass: \"purchase section\" }, [\n _c(\n \"div\",\n { staticClass: \"container\" },\n [\n _c(\n \"div\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.isStep(1),\n expression: \"isStep(1)\"\n }\n ],\n staticClass: \"purchase__step step-1\"\n },\n [\n _vm._m(0),\n _vm._v(\" \"),\n _c(\n \"div\",\n { staticClass: \"purchase__items\" },\n _vm._l(_vm.parades, function(parade, index) {\n return _c(\n \"label\",\n {\n key: index,\n staticClass: \"purchase__item button\",\n attrs: { for: \"parade-\" + index },\n on: {\n click: function($event) {\n _vm.nextStep(2, index)\n }\n }\n },\n [\n _c(\"input\", {\n directives: [\n {\n name: \"model\",\n rawName: \"v-model\",\n value: _vm.selected.parade,\n expression: \"selected.parade\"\n }\n ],\n staticClass: \"is-hidden\",\n attrs: { id: \"parade-\" + index, type: \"radio\" },\n domProps: {\n value: parade.name,\n checked: _vm._q(_vm.selected.parade, parade.name)\n },\n on: {\n change: function($event) {\n _vm.$set(_vm.selected, \"parade\", parade.name)\n }\n }\n }),\n _vm._v(\n \"\\n \" +\n _vm._s(parade.name) +\n \"\\n \"\n )\n ]\n )\n })\n ),\n _vm._v(\" \"),\n _vm._l(_vm.products, function(product, index) {\n return _c(\"div\", { key: index }, [\n _vm._v(_vm._s(product.categories))\n ])\n })\n ],\n 2\n ),\n _vm._v(\" \"),\n _c(\"transition\", { attrs: { name: \"fade\" } }, [\n _c(\n \"div\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.isStep(2),\n expression: \"isStep(2)\"\n }\n ],\n staticClass: \"purchase__step step-2\"\n },\n [\n _c(\"div\", { staticClass: \"purchase__step-label\" }, [\n _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"2\")]),\n _vm._v(\" Select the date\\n \")\n ]),\n _vm._v(\" \"),\n _c(\n \"div\",\n { staticClass: \"purchase__items\" },\n _vm._l(_vm.setData(\"dates\"), function(date, index) {\n return _c(\n \"label\",\n {\n key: index,\n staticClass: \"purchase__item button\",\n attrs: { for: \"date-\" + index },\n on: {\n click: function($event) {\n _vm.nextStep(3, index)\n }\n }\n },\n [\n _c(\"input\", {\n directives: [\n {\n name: \"model\",\n rawName: \"v-model\",\n value: _vm.selected.date,\n expression: \"selected.date\"\n }\n ],\n staticClass: \"is-hidden\",\n attrs: { id: \"date-\" + index, type: \"radio\" },\n domProps: {\n value: date,\n checked: _vm._q(_vm.selected.date, date)\n },\n on: {\n change: function($event) {\n _vm.$set(_vm.selected, \"date\", date)\n }\n }\n }),\n _vm._v(\n \"\\n \" +\n _vm._s(date.name) +\n \"\\n \"\n )\n ]\n )\n })\n )\n ]\n )\n ]),\n _vm._v(\" \"),\n _c(\"transition\", { attrs: { name: \"fade\" } }, [\n _c(\n \"div\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.isStep(3),\n expression: \"isStep(3)\"\n }\n ],\n staticClass: \"purchase__step step-3\"\n },\n [\n _c(\"div\", { staticClass: \"purchase__step-label\" }, [\n _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"3\")]),\n _vm._v(\" Select the seat type\\n \")\n ]),\n _vm._v(\" \"),\n _c(\n \"div\",\n { staticClass: \"purchase__items\" },\n _vm._l(_vm.setData(\"seats\"), function(seat, index) {\n return _c(\n \"label\",\n {\n key: index,\n staticClass: \"purchase__item button\",\n attrs: { for: \"seat-\" + index },\n on: {\n click: function($event) {\n _vm.nextStep(4, index)\n }\n }\n },\n [\n _c(\"input\", {\n directives: [\n {\n name: \"model\",\n rawName: \"v-model\",\n value: _vm.selected.seat,\n expression: \"selected.seat\"\n }\n ],\n staticClass: \"is-hidden\",\n attrs: { id: \"seat-\" + index, type: \"radio\" },\n domProps: {\n value: seat,\n checked: _vm._q(_vm.selected.seat, seat)\n },\n on: {\n change: function($event) {\n _vm.$set(_vm.selected, \"seat\", seat)\n }\n }\n }),\n _vm._v(\n \"\\n \" +\n _vm._s(seat.name) +\n \"\\n \"\n )\n ]\n )\n })\n )\n ]\n )\n ]),\n _vm._v(\" \"),\n _c(\"transition\", { attrs: { name: \"fade\" } }, [\n _c(\n \"div\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.isStep(4),\n expression: \"isStep(4)\"\n }\n ],\n staticClass: \"purchase__step step-4\"\n },\n [\n _c(\"div\", { staticClass: \"purchase__step-label\" }, [\n _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"4\")]),\n _vm._v(\" Select the sector\\n \")\n ]),\n _vm._v(\" \"),\n _c(\n \"div\",\n { staticClass: \"purchase__items\" },\n _vm._l(_vm.productsFilter, function(ticket, index) {\n return _c(\n \"label\",\n {\n key: index,\n staticClass: \"purchase__item button sector\",\n attrs: { for: \"sector-\" + index },\n on: {\n click: function($event) {\n _vm.nextStep(5, index)\n }\n }\n },\n [\n _c(\"input\", {\n directives: [\n {\n name: \"model\",\n rawName: \"v-model\",\n value: _vm.selected.product,\n expression: \"selected.product\"\n }\n ],\n staticClass: \"is-hidden\",\n attrs: { id: \"sector-\" + index, type: \"radio\" },\n domProps: {\n value: ticket,\n checked: _vm._q(_vm.selected.product, ticket)\n },\n on: {\n change: function($event) {\n _vm.$set(_vm.selected, \"product\", ticket)\n }\n }\n }),\n _vm._v(\n \"\\n \" + _vm._s(ticket.name) + \" \"\n ),\n _c(\"br\"),\n _vm._v(\" \"),\n _c(\"span\", { staticClass: \"purchase__item-price\" }, [\n _vm._v(\"$ \" + _vm._s(ticket.price))\n ])\n ]\n )\n })\n )\n ]\n )\n ]),\n _vm._v(\" \"),\n _c(\"transition\", { attrs: { name: \"fade\" } }, [\n _c(\n \"div\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.isStep(5),\n expression: \"isStep(5)\"\n }\n ],\n staticClass: \"purchase__step step-5\"\n },\n [\n _c(\"div\", { staticClass: \"purchase__step-label\" }, [\n _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"5\")]),\n _vm._v(\" Enter the quantity\\n \")\n ]),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"purchase__items\" }, [\n _c(\"div\", { staticClass: \"purchase__item-quantity\" }, [\n _c(\n \"button\",\n {\n staticClass: \"button\",\n on: {\n click: function($event) {\n _vm.decrease()\n }\n }\n },\n [_vm._v(\"-\")]\n ),\n _vm._v(\" \"),\n _c(\"span\", [_vm._v(_vm._s(_vm.quantity))]),\n _vm._v(\" \"),\n _c(\n \"button\",\n {\n staticClass: \"button\",\n on: {\n click: function($event) {\n _vm.increase()\n }\n }\n },\n [_vm._v(\"+\")]\n )\n ])\n ])\n ]\n )\n ]),\n _vm._v(\" \"),\n _c(\"transition\", { attrs: { name: \"fade\" } }, [\n _c(\n \"div\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.isStep(5),\n expression: \"isStep(5)\"\n }\n ],\n staticClass: \"purchase__step step-6\"\n },\n [\n _c(\"div\", { staticClass: \"purchase__step-label\" }, [\n _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"6\")]),\n _vm._v(\" Add to cart\\n \")\n ]),\n _vm._v(\" \"),\n _c(\"div\", { staticClass: \"purchase__item-total\" }, [\n _c(\"span\", [\n _vm._v(\n _vm._s(_vm.quantity) +\n \"x $\" +\n _vm._s(_vm.selected.product.price)\n )\n ]),\n _vm._v(\" \"),\n _c(\n \"a\",\n {\n staticClass: \"purchase__add-to-cart-btn button\",\n attrs: {\n href:\n \"?add-to-cart=\" +\n _vm.selected.product.id +\n \"&quantity=\" +\n _vm.quantity\n }\n },\n [\n _vm._v(\n \"\\n Add to cart\\n \"\n )\n ]\n )\n ])\n ]\n )\n ])\n ],\n 1\n )\n ])\n}\nvar staticRenderFns = [\n function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { staticClass: \"purchase__step-label\" }, [\n _c(\"span\", { staticClass: \"number\" }, [_vm._v(\"1\")]),\n _vm._v(\" Select the parade type\\n \")\n ])\n }\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./resources/assets/js/components/Purchase.vue?./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), diff --git a/static/js/login.b35303f0c0b727d089ff.js b/static/js/login.8d4eb6c5c80423d5b099.js similarity index 100% rename from static/js/login.b35303f0c0b727d089ff.js rename to static/js/login.8d4eb6c5c80423d5b099.js diff --git a/static/js/vendor.b35303f0c0b727d089ff.js b/static/js/vendor.8d4eb6c5c80423d5b099.js similarity index 100% rename from static/js/vendor.b35303f0c0b727d089ff.js rename to static/js/vendor.8d4eb6c5c80423d5b099.js diff --git a/static/manifest.json b/static/manifest.json index 2bd63de..0eaa5d6 100644 --- a/static/manifest.json +++ b/static/manifest.json @@ -1,13 +1,10 @@ { - "admin.css": "css/admin.b35303f0c0b727d089ff.css", - "admin.js": "js/admin.b35303f0c0b727d089ff.js", - "app.css": "css/app.b35303f0c0b727d089ff.css", - "app.js": "js/app.b35303f0c0b727d089ff.js", - "login.css": "css/login.b35303f0c0b727d089ff.css", - "login.js": "js/login.b35303f0c0b727d089ff.js", - "vendor.js": "js/vendor.b35303f0c0b727d089ff.js", - "images/logo.png": "images/logo.png", - "images/texture-blue-carnival.jpg": "images/texture-blue-carnival.jpg", - "images/base-camp-logo.png": "images/base-camp-logo.png", - "images/icon-cart-white.png": "images/icon-cart-white.png" + "admin.css": "css/admin.8d4eb6c5c80423d5b099.css", + "admin.js": "js/admin.8d4eb6c5c80423d5b099.js", + "app.css": "css/app.8d4eb6c5c80423d5b099.css", + "app.js": "js/app.8d4eb6c5c80423d5b099.js", + "login.css": "css/login.8d4eb6c5c80423d5b099.css", + "login.js": "js/login.8d4eb6c5c80423d5b099.js", + "vendor.js": "js/vendor.8d4eb6c5c80423d5b099.js", + "images/base-camp-logo.png": "images/base-camp-logo.png" } \ No newline at end of file