{"version":3,"sources":["webpack:///./src/components/FeedBackForm.vue?5159","webpack:///./src/components/FeedBackForm.vue?e29a","webpack:///src/components/FeedBackForm.vue","webpack:///./src/components/FeedBackForm.vue?f940","webpack:///./src/components/FeedBackForm.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticStyle","staticClass","_m","attrs","_v","on","$event","preventDefault","onSubmit","apply","arguments","directives","name","rawName","value","contact","expression","domProps","target","composing","$set","submitted","errors","has","_s","first","_e","loading","staticRenderFns","data","email","textareavalue","number","successful","message","methods","userService","sendFeedBack","then","setTimeout","path","config","catch","makeToast","variant","body_content","tittleMessage","title","autoHideDelay","toaster","appendToast","component"],"mappings":"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","file":"js/chunk-8863b018.ca9579d2.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FeedBackForm.vue?vue&type=style&index=0&id=c922c92a&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticStyle:{\"background-color\":\"white\"}},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row\"},[_vm._m(0),_c('div',{staticClass:\"col-md-6\"},[_c('div',[_c('div',{staticClass:\"contact-form\",staticStyle:{\"padding\":\"130px 0px 65px 0px\"},attrs:{\"id\":\"contact-form\"}},[_c('h1',{staticClass:\"contact-form_title\"},[_vm._v(\"Contact Form\")]),_c('div',{staticClass:\"separator\"}),_c('form',{staticClass:\"form\",on:{\"submit\":function($event){$event.preventDefault();return _vm.onSubmit.apply(null, arguments)}}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.contact.name),expression:\"contact.name\"},{name:\"validate\",rawName:\"v-validate\",value:('required|min:3|max:20'),expression:\"'required|min:3|max:20'\"}],attrs:{\"required\":\"\",\"name\":\"name\",\"placeholder\":\"Name\",\"type\":\"text\",\"autocomplete\":\"off\"},domProps:{\"value\":(_vm.contact.name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.contact, \"name\", $event.target.value)}}}),(_vm.submitted && _vm.errors.has('name'))?_c('div',{staticClass:\"alert-danger\"},[_vm._v(\" \"+_vm._s(_vm.errors.first(\"name\"))+\" \")]):_vm._e(),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.contact.email),expression:\"contact.email\"},{name:\"validate\",rawName:\"v-validate\",value:('required|email|max:50'),expression:\"'required|email|max:50'\"}],attrs:{\"required\":\"\",\"name\":\"email\",\"placeholder\":\"E-mail\",\"type\":\"email\",\"autocomplete\":\"off\"},domProps:{\"value\":(_vm.contact.email)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.contact, \"email\", $event.target.value)}}}),(_vm.submitted && _vm.errors.has('email'))?_c('div',{staticClass:\"alert-danger\"},[_vm._v(\" \"+_vm._s(_vm.errors.first(\"email\"))+\" \")]):_vm._e(),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.contact.number),expression:\"contact.number\"},{name:\"validate\",rawName:\"v-validate\",value:('required|min:10|max:10'),expression:\"'required|min:10|max:10'\"}],attrs:{\"required\":\"\",\"name\":\"phone\",\"placeholder\":\"Phone\",\"type\":\"number\",\"autocomplete\":\"off\"},domProps:{\"value\":(_vm.contact.number)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.contact, \"number\", $event.target.value)}}}),(_vm.submitted && _vm.errors.has('phone'))?_c('div',{staticClass:\"alert-danger\"},[_vm._v(\" \"+_vm._s(_vm.errors.first(\"phone\"))+\" \")]):_vm._e(),_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.contact.textareavalue),expression:\"contact.textareavalue\"},{name:\"validate\",rawName:\"v-validate\",value:('required|min:3|max:100'),expression:\"'required|min:3|max:100'\"}],attrs:{\"required\":\"\",\"name\":\"message\",\"rows\":\"4\",\"type\":\"text\",\"autocomplete\":\"off\",\"placeholder\":\"Message\"},domProps:{\"value\":(_vm.contact.textareavalue)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.contact, \"textareavalue\", $event.target.value)}}}),(_vm.submitted && _vm.errors.has('message'))?_c('div',{staticClass:\"alert-danger\"},[_vm._v(\" \"+_vm._s(_vm.errors.first(\"message\"))+\" \")]):_vm._e(),_c('button',{staticClass:\"button\",attrs:{\"disabled\":_vm.loading}},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading),expression:\"loading\"}],staticClass:\"spinner-border spinner-border-sm\"}),_c('span',[_vm._v(\"Send\")])])])])])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-6\"},[_c('div',[_c('img',{staticClass:\"img-fluid feed-form-img\",attrs:{\"src\":\"/assets/images/feed-form.png\"}})])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <section style=\"background-color: white\">\r\n    <div class=\"container\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-6\">\r\n          <div>\r\n            <img\r\n              src=\"/assets/images/feed-form.png\"\r\n              class=\"img-fluid feed-form-img\"\r\n            />\r\n          </div>\r\n        </div>\r\n        <div class=\"col-md-6\">\r\n          <div>\r\n            <div\r\n              id=\"contact-form\"\r\n              class=\"contact-form\"\r\n              style=\"padding: 130px 0px 65px 0px\"\r\n            >\r\n              <h1 class=\"contact-form_title\">Contact Form</h1>\r\n              <div class=\"separator\"></div>\r\n\r\n              <!-- <div v-if=\"isSending\" class=\"loading\">Sendig...</div> -->\r\n\r\n              <form class=\"form\" @submit.prevent=\"onSubmit\">\r\n                <input\r\n                  required\r\n                  name=\"name\"\r\n                  v-model=\"contact.name\"\r\n                  placeholder=\"Name\"\r\n                  type=\"text\"\r\n                  autocomplete=\"off\"\r\n                  v-validate=\"'required|min:3|max:20'\"\r\n                />\r\n                <div\r\n                  v-if=\"submitted && errors.has('name')\"\r\n                  class=\"alert-danger\"\r\n                >\r\n                  {{ errors.first(\"name\") }}\r\n                </div>\r\n                <input\r\n                  required\r\n                  name=\"email\"\r\n                  v-model=\"contact.email\"\r\n                  placeholder=\"E-mail\"\r\n                  type=\"email\"\r\n                  autocomplete=\"off\"\r\n                  v-validate=\"'required|email|max:50'\"\r\n                />\r\n                <div\r\n                  v-if=\"submitted && errors.has('email')\"\r\n                  class=\"alert-danger\"\r\n                >\r\n                  {{ errors.first(\"email\") }}\r\n                </div>\r\n                <input\r\n                  required\r\n                  name=\"phone\"\r\n                  v-model=\"contact.number\"\r\n                  placeholder=\"Phone\"\r\n                  type=\"number\"\r\n                  autocomplete=\"off\"\r\n                  v-validate=\"'required|min:10|max:10'\"\r\n                />\r\n                <div\r\n                  v-if=\"submitted && errors.has('phone')\"\r\n                  class=\"alert-danger\"\r\n                >\r\n                  {{ errors.first(\"phone\") }}\r\n                </div>\r\n                <textarea\r\n                  required\r\n                  name=\"message\"\r\n                  v-model=\"contact.textareavalue\"\r\n                  rows=\"4\"\r\n                  type=\"text\"\r\n                  autocomplete=\"off\"\r\n                  v-validate=\"'required|min:3|max:100'\"\r\n                  placeholder=\"Message\"\r\n                ></textarea>\r\n                <div\r\n                  v-if=\"submitted && errors.has('message')\"\r\n                  class=\"alert-danger\"\r\n                >\r\n                  {{ errors.first(\"message\") }}\r\n                </div>\r\n                <button class=\"button\" :disabled=\"loading\">\r\n                  <span\r\n                    v-show=\"loading\"\r\n                    class=\"spinner-border spinner-border-sm\"\r\n                  ></span\r\n                  ><span>Send</span>\r\n                </button>\r\n              </form>\r\n              <!-- <div v-if=\"message == 'Success' \">\r\n                      <Alert :alertType=\"info\" :length=\"2\" :message=\"message\" ></Alert>\r\n                  </div> -->\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </section>\r\n</template>\r\n<script>\r\n// import Alert from '../components/Alert.vue'\r\nimport userService from \"../services/user.service\";\r\nimport config from \"../config\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      contact: {\r\n        name: \"\",\r\n        email: \"\",\r\n        textareavalue: \"\",\r\n        number: \"\",\r\n      },\r\n      submitted: false,\r\n      successful: false,\r\n      loading: false,\r\n      message: \"\",\r\n    };\r\n  },\r\n  // components:{\r\n  //     Alert\r\n  // },\r\n\r\n  methods: {\r\n    onSubmit() {\r\n      this.message = \"\";\r\n      this.submitted = true;\r\n      this.$validator.validate().then((isValid) => {\r\n        if (isValid) {\r\n          this.loading = true;\r\n          userService\r\n            .sendFeedBack(this.contact)\r\n            .then((response) => {\r\n              if (response.data.Message == \"Success\")\r\n                this.makeToast(\"success\", \"Feedback submitted successfully\");\r\n              this.loading = false;\r\n              setTimeout(\r\n                () => this.$router.push({ path: \"/\" }),\r\n                config.pageRedirectDelay * 1000\r\n              );\r\n            })\r\n            .catch((e) => {\r\n              let resMessage = e.response.data.Message;\r\n              this.makeToast(\"danger\", resMessage);\r\n              this.loading = false;\r\n            });\r\n        }\r\n      });\r\n    },\r\n    makeToast(variant, body_content) {\r\n      let tittleMessage = variant;\r\n      if (variant == \"danger\") {\r\n        tittleMessage = \"Error\";\r\n      }\r\n      if (variant == \"success\") {\r\n        tittleMessage = \"Success\";\r\n      }\r\n      if (variant == \"warning\") {\r\n        tittleMessage = \"Warning\";\r\n      }\r\n      this.$bvToast.toast(body_content, {\r\n        title: `${tittleMessage || \"default\"}`,\r\n        variant: variant,\r\n        autoHideDelay: config.toastDelay,\r\n        //solid: true,\r\n        toaster: \"b-toaster-bottom-right\",\r\n        appendToast: true,\r\n      });\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\nbody {\r\n  background: #f1f1f1;\r\n  font-family: \"Roboto\", sans-serif;\r\n}\r\n\r\n.contact-form {\r\n  font-family: 16px;\r\n  margin: 0 auto;\r\n  max-width: 600px;\r\n  width: 100%;\r\n}\r\n\r\n.contact-form .separator {\r\n  border-bottom: solid 1px #ccc;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.contact-form .form {\r\n  display: flex;\r\n  flex-direction: column;\r\n  font-size: 16px;\r\n}\r\n\r\n.contact-form_title {\r\n  color: #333;\r\n  text-align: left;\r\n  font-size: 28px;\r\n}\r\n\r\n.contact-form input[type=\"email\"],\r\n.contact-form input[type=\"text\"],\r\n.contact-form input[type=\"number\"],\r\n.contact-form textarea {\r\n  border: solid 1px #e8e8e8;\r\n  font-family: \"Roboto\", sans-serif;\r\n  padding: 10px 7px;\r\n  margin-bottom: 15px;\r\n  outline: none;\r\n}\r\n\r\n.contact-form textarea {\r\n  resize: none;\r\n}\r\n\r\n.contact-form .button {\r\n  background: #0094da;\r\n  border: solid 1px #0094da;\r\n  color: white;\r\n  cursor: pointer;\r\n  padding: 10px 50px;\r\n  text-align: center;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.contact-form .button:hover {\r\n  background: #050029;\r\n  border: solid 1px #050029;\r\n}\r\n\r\n.contact-form input[type=\"email\"],\r\n.contact-form input[type=\"text\"],\r\n.contact-form textarea,\r\n.contact-form .button {\r\n  font-size: 14px;\r\n  border-radius: 3px;\r\n}\r\ntextarea {\r\n  color: grey;\r\n}\r\ninput[type=\"number\"] {\r\n  font-size: 14px;\r\n}\r\n.alert-danger {\r\n  color: #cb0013;\r\n  background-color: #ffffff00;\r\n  border-color: #f5c6cb00;\r\n  margin: -12px 0px 10px 0px;\r\n  font-size: 14px;\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FeedBackForm.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FeedBackForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FeedBackForm.vue?vue&type=template&id=c922c92a&scoped=true&\"\nimport script from \"./FeedBackForm.vue?vue&type=script&lang=js&\"\nexport * from \"./FeedBackForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FeedBackForm.vue?vue&type=style&index=0&id=c922c92a&scoped=true&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  \"c922c92a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}