{"version":3,"sources":["webpack:///src/pages/Create.vue","webpack:///./src/pages/Create.vue?d114","webpack:///./src/pages/Create.vue"],"names":["Create","name","computed","extends_default","Object","vuex_esm","clients","data","item","client_id","types","id","type","error","watch","$route","handler","this","setData","immediate","methods","$store","dispatch","selectClient","value","selectType","backToHome","$router","push","save","_this","then","res","replace","params","slug","pages_Create","render","_vm","_h","$createElement","_c","_self","staticClass","attrs","footer","heading","slot","_v","labelClasses","options","searchable","placeholder","modelLabel","on","selected","noRadius","model","callback","$$v","$set","expression","_e","classes","text","buttonClick","staticRenderFns","Component","__webpack_require__","normalizeComponent","__webpack_exports__"],"mappings":"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","file":"static/js/2.28ccda73c3ed6061f7ca.js","sourcesContent":["<script>\nimport {mapGetters} from 'vuex'\n\nexport default {\n    name: 'create-item',\n    computed:\n    {\n        ...mapGetters({\n            clients: 'clients'\n        }),\n    },\n    data(){\n        return {\n            item: {\n                client_id: null,\n                name: '',\n            },\n            types: [\n                {id:'offerCreate',name:'New Offer'},\n                {id:'landingPageCreate',name:'New Landing Page'},\n                {id:'stackedOfferCreate',name:'New Stacked Offer'},\n            ],\n            type: null,\n            error: null,\n        }\n    },\n    watch:\n    {\n        '$route': \n        {\n            handler()\n            {\n                this.setData()\n            },\n            immediate: true\n        }\n    },\n    methods:\n    {\n        setData()\n        {\n            this.$store.dispatch('clientsFetch')\n        },\n\n        selectClient(value)\n        {\n            this.item.client_id = value.id\n        },\n        selectType(value)\n        {\n            this.type = value\n        },\n        backToHome()\n        {\n            this.$router.push({ name: 'welcome'})\n        },\n        save()\n        {\n            if (this.type && this.item.client_id && this.item.name != '') {\n                this.error = false\n                this.$store.dispatch(this.type.id, this.item).then((res) => {\n                    let name = ''\n                    switch (this.type.id) {\n                        case 'offerCreate':\n                            name = 'offer-edit'\n                            break;\n                        case 'landingPageCreate':\n                            name = 'landing-page-edit'\n                            break;\n                        case 'stackedOfferCreate':\n                            name = 'stacked-offer-edit'\n                            break;\n                    }\n                    this.$router.replace({\n                        name: name,\n                        params: {item: res.id, slug: 'creative'}\n                    })\n                })\n            } else {\n                this.error = true\n            }\n        },\n    },\n}\n</script>\n\n<template lang=\"html\">\n    <div class=\"create-offer secondary-container container\">\n        <simple-panel footer heading>\n            <div slot=\"heading\" class=\"font-weight-bold\">\n                Create\n            </div>\n            <div>\n                <div class=\"row mb-3\">\n                    <div class=\"col-2 text-right pt-2 font-weight-bold\">\n                        Channel\n                    </div>\n                    <div class=\"col-6\">\n                        <custom-multiselect\n                        labelClasses=\"font-weight-bold text-right pr-3\"\n                        :options=\"clients.data\"\n                        searchable\n                        placeholder=\"Select channel\"\n                        modelLabel=\"name\"\n                        @selected=\"selectClient\">\n                        </custom-multiselect>\n                    </div>\n                </div>\n                <div class=\"row\">\n                    <div class=\"col-2 text-right pt-1 font-weight-bold\">\n                        Create\n                    </div>\n                    <div class=\"col-10\">\n                        <div class=\"row\">\n                            <div class=\"col-4\">\n                                <custom-multiselect\n                                labelClasses=\"font-weight-bold text-right pr-3\"\n                                class=\"mb-3\"\n                                :options=\"types\"\n                                modelLabel=\"name\"\n                                @selected=\"selectType\"\n                                ></custom-multiselect>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"row\">\n                    <div class=\"col-2 pt-1 font-weight-bold text-right\">\n                        Listing name\n                    </div>\n                    <div class=\"col-6\">\n                        <simple-input\n                        class=\"mb-3\"\n                        type=\"text\"\n                        v-model=\"item.name\"\n                        placeholder=\"Type a name\"\n                        noRadius\n                        ></simple-input>\n                    </div>\n                </div>\n                <div v-if=\"error\" class=\"row\">\n                    <div class=\"col-2\"></div>\n                    <div class=\"col-6 text-orange text-sm\">\n                        All fields are required\n                    </div>\n                </div>\n            </div>\n            <div slot=\"footer\" class=\"text-right\">\n                <custom-button classes=\"white text-uppercase w-120 \" text=\"Discard\" @buttonClick=\"backToHome\"></custom-button>\n                <custom-button classes=\"blue text-white text-uppercase w-120 \" text=\"Next\" @buttonClick=\"save\"></custom-button>\n            </div>\n        </simple-panel>\n    </div>\n</template>\n\n\n\n// WEBPACK FOOTER //\n// src/pages/Create.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"create-offer secondary-container container\"},[_c('simple-panel',{attrs:{\"footer\":\"\",\"heading\":\"\"}},[_c('div',{staticClass:\"font-weight-bold\",attrs:{\"slot\":\"heading\"},slot:\"heading\"},[_vm._v(\"\\n            Create\\n        \")]),_vm._v(\" \"),_c('div',[_c('div',{staticClass:\"row mb-3\"},[_c('div',{staticClass:\"col-2 text-right pt-2 font-weight-bold\"},[_vm._v(\"\\n                    Channel\\n                \")]),_vm._v(\" \"),_c('div',{staticClass:\"col-6\"},[_c('custom-multiselect',{attrs:{\"labelClasses\":\"font-weight-bold text-right pr-3\",\"options\":_vm.clients.data,\"searchable\":\"\",\"placeholder\":\"Select channel\",\"modelLabel\":\"name\"},on:{\"selected\":_vm.selectClient}})],1)]),_vm._v(\" \"),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-2 text-right pt-1 font-weight-bold\"},[_vm._v(\"\\n                    Create\\n                \")]),_vm._v(\" \"),_c('div',{staticClass:\"col-10\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-4\"},[_c('custom-multiselect',{staticClass:\"mb-3\",attrs:{\"labelClasses\":\"font-weight-bold text-right pr-3\",\"options\":_vm.types,\"modelLabel\":\"name\"},on:{\"selected\":_vm.selectType}})],1)])])]),_vm._v(\" \"),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-2 pt-1 font-weight-bold text-right\"},[_vm._v(\"\\n                    Listing name\\n                \")]),_vm._v(\" \"),_c('div',{staticClass:\"col-6\"},[_c('simple-input',{staticClass:\"mb-3\",attrs:{\"type\":\"text\",\"placeholder\":\"Type a name\",\"noRadius\":\"\"},model:{value:(_vm.item.name),callback:function ($$v) {_vm.$set(_vm.item, \"name\", $$v)},expression:\"item.name\"}})],1)]),_vm._v(\" \"),(_vm.error)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-2\"}),_vm._v(\" \"),_c('div',{staticClass:\"col-6 text-orange text-sm\"},[_vm._v(\"\\n                    All fields are required\\n                \")])]):_vm._e()]),_vm._v(\" \"),_c('div',{staticClass:\"text-right\",attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('custom-button',{attrs:{\"classes\":\"white text-uppercase w-120 \",\"text\":\"Discard\"},on:{\"buttonClick\":_vm.backToHome}}),_vm._v(\" \"),_c('custom-button',{attrs:{\"classes\":\"blue text-white text-uppercase w-120 \",\"text\":\"Next\"},on:{\"buttonClick\":_vm.save}})],1)])],1)}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-9595eda2\",\"hasScoped\":false,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/pages/Create.vue\n// module id = null\n// module chunks = ","var normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./Create.vue\"\nimport __vue_script__ from \"!!babel-loader!../../node_modules/vue-loader/lib/selector?type=script&index=0!./Create.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-9595eda2\\\",\\\"hasScoped\\\":false,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./Create.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/pages/Create.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}