{"version":3,"sources":["webpack:///./src/components/FeedBackForm.vue?721a","webpack:///./src/components/FeedBackForm.vue","webpack:///src/components/FeedBackForm.vue","webpack:///./src/components/FeedBackForm.vue?8e8d","webpack:///./src/components/FeedBackForm.vue?4eee"],"names":["render","_vm","this","_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","email","number","textareavalue","loading","staticRenderFns","data","successful","message","methods","$validator","validate","then","isValid","userService","sendFeedBack","response","Message","makeToast","setTimeout","$router","push","path","config","pageRedirectDelay","catch","e","resMessage","variant","body_content","tittleMessage","$bvToast","toast","title","autoHideDelay","toastDelay","toaster","appendToast","component"],"mappings":"gHAAA,W,kECAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAACE,YAAY,CAAC,mBAAmB,UAAU,CAACF,EAAG,MAAM,CAACG,YAAY,aAAa,CAACH,EAAG,MAAM,CAACG,YAAY,OAAO,CAACL,EAAIM,GAAG,GAAGJ,EAAG,MAAM,CAACG,YAAY,YAAY,CAACH,EAAG,MAAM,CAACA,EAAG,MAAM,CAACG,YAAY,eAAeD,YAAY,CAAC,QAAU,sBAAsBG,MAAM,CAAC,GAAK,iBAAiB,CAACL,EAAG,KAAK,CAACG,YAAY,sBAAsB,CAACL,EAAIQ,GAAG,kBAAkBN,EAAG,MAAM,CAACG,YAAY,cAAcH,EAAG,OAAO,CAACG,YAAY,OAAOI,GAAG,CAAC,OAAS,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBX,EAAIY,SAASC,MAAM,KAAMC,cAAc,CAACZ,EAAG,QAAQ,CAACa,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOlB,EAAImB,QAAQH,KAAMI,WAAW,gBAAgB,CAACJ,KAAK,WAAWC,QAAQ,aAAaC,MAAO,wBAAyBE,WAAW,4BAA4Bb,MAAM,CAAC,SAAW,GAAG,KAAO,OAAO,YAAc,OAAO,KAAO,OAAO,aAAe,OAAOc,SAAS,CAAC,MAASrB,EAAImB,QAAQH,MAAOP,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOY,OAAOC,WAAiBvB,EAAIwB,KAAKxB,EAAImB,QAAS,OAAQT,EAAOY,OAAOJ,WAAYlB,EAAIyB,WAAazB,EAAI0B,OAAOC,IAAI,QAASzB,EAAG,MAAM,CAACG,YAAY,gBAAgB,CAACL,EAAIQ,GAAG,IAAIR,EAAI4B,GAAG5B,EAAI0B,OAAOG,MAAM,SAAS,OAAO7B,EAAI8B,KAAK5B,EAAG,QAAQ,CAACa,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOlB,EAAImB,QAAQY,MAAOX,WAAW,iBAAiB,CAACJ,KAAK,WAAWC,QAAQ,aAAaC,MAAO,wBAAyBE,WAAW,4BAA4Bb,MAAM,CAAC,SAAW,GAAG,KAAO,QAAQ,YAAc,SAAS,KAAO,QAAQ,aAAe,OAAOc,SAAS,CAAC,MAASrB,EAAImB,QAAQY,OAAQtB,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOY,OAAOC,WAAiBvB,EAAIwB,KAAKxB,EAAImB,QAAS,QAAST,EAAOY,OAAOJ,WAAYlB,EAAIyB,WAAazB,EAAI0B,OAAOC,IAAI,SAAUzB,EAAG,MAAM,CAACG,YAAY,gBAAgB,CAACL,EAAIQ,GAAG,IAAIR,EAAI4B,GAAG5B,EAAI0B,OAAOG,MAAM,UAAU,OAAO7B,EAAI8B,KAAK5B,EAAG,QAAQ,CAACa,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOlB,EAAImB,QAAQa,OAAQZ,WAAW,kBAAkB,CAACJ,KAAK,WAAWC,QAAQ,aAAaC,MAAO,yBAA0BE,WAAW,6BAA6Bb,MAAM,CAAC,SAAW,GAAG,KAAO,QAAQ,YAAc,QAAQ,KAAO,SAAS,aAAe,OAAOc,SAAS,CAAC,MAASrB,EAAImB,QAAQa,QAASvB,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOY,OAAOC,WAAiBvB,EAAIwB,KAAKxB,EAAImB,QAAS,SAAUT,EAAOY,OAAOJ,WAAYlB,EAAIyB,WAAazB,EAAI0B,OAAOC,IAAI,SAAUzB,EAAG,MAAM,CAACG,YAAY,gBAAgB,CAACL,EAAIQ,GAAG,IAAIR,EAAI4B,GAAG5B,EAAI0B,OAAOG,MAAM,UAAU,OAAO7B,EAAI8B,KAAK5B,EAAG,WAAW,CAACa,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOlB,EAAImB,QAAQc,cAAeb,WAAW,yBAAyB,CAACJ,KAAK,WAAWC,QAAQ,aAAaC,MAAO,yBAA0BE,WAAW,6BAA6Bb,MAAM,CAAC,SAAW,GAAG,KAAO,UAAU,KAAO,IAAI,KAAO,OAAO,aAAe,MAAM,YAAc,WAAWc,SAAS,CAAC,MAASrB,EAAImB,QAAQc,eAAgBxB,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOY,OAAOC,WAAiBvB,EAAIwB,KAAKxB,EAAImB,QAAS,gBAAiBT,EAAOY,OAAOJ,WAAYlB,EAAIyB,WAAazB,EAAI0B,OAAOC,IAAI,WAAYzB,EAAG,MAAM,CAACG,YAAY,gBAAgB,CAACL,EAAIQ,GAAG,IAAIR,EAAI4B,GAAG5B,EAAI0B,OAAOG,MAAM,YAAY,OAAO7B,EAAI8B,KAAK5B,EAAG,SAAS,CAACG,YAAY,SAASE,MAAM,CAAC,SAAWP,EAAIkC,UAAU,CAAChC,EAAG,OAAO,CAACa,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOlB,EAAIkC,QAASd,WAAW,YAAYf,YAAY,qCAAqCH,EAAG,OAAO,CAACF,EAAIQ,GAAG,2BAErwG2B,EAAkB,CAAC,WAAY,IAAInC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACG,YAAY,YAAY,CAACH,EAAG,MAAM,CAACA,EAAG,MAAM,CAACG,YAAY,0BAA0BE,MAAM,CAAC,IAAM,wC,oCC0GlK,GACf6B,OACA,OACAjB,QAAA,CACAH,KAAA,GACAe,MAAA,GACAE,cAAA,GACAD,OAAA,IAEAP,WAAA,EACAY,YAAA,EACAH,SAAA,EACAI,QAAA,KAOAC,QAAA,CACA3B,WACA,KAAA0B,QAAA,GACA,KAAAb,WAAA,EACA,KAAAe,WAAAC,WAAAC,KAAAC,IACAA,IACA,KAAAT,SAAA,EACAU,OACAC,aAAA,KAAA1B,SACAuB,KAAAI,IACA,WAAAA,EAAAV,KAAAW,SACA,KAAAC,UAAA,6CACA,KAAAd,SAAA,EACAe,WACA,SAAAC,QAAAC,KAAA,CAAAC,KAAA,MACA,IAAAC,OAAAC,qBAGAC,MAAAC,IACA,IAAAC,EAAAD,EAAAV,SAAAV,KAAAW,QACA,KAAAC,UAAA,SAAAS,GACA,KAAAvB,SAAA,QAKAc,UAAAU,EAAAC,GACA,IAAAC,EAAAF,EACA,UAAAA,IACAE,EAAA,SAEA,WAAAF,IACAE,EAAA,WAEA,WAAAF,IACAE,EAAA,WAEA,KAAAC,SAAAC,MAAAH,EAAA,CACAI,MAAA,IAAAH,GAAA,WACAF,UACAM,cAAAX,OAAAY,WAEAC,QAAA,yBACAC,aAAA,OC1KqV,I,wBCQjVC,EAAY,eACd,EACArE,EACAoC,GACA,EACA,KACA,WACA,MAIa,aAAAiC,E","file":"js/chunk-0d0e54cf.91ec6ae0.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&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;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\")])])])])])])])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;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}]\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&prod&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":""}