{"version":3,"sources":["webpack:///./node_modules/core-js/modules/es6.regexp.flags.js","webpack:///./node_modules/core-js/modules/es6.regexp.to-string.js","webpack:///./node_modules/core-js/modules/es6.date.to-string.js","webpack:///./src/views/Register/Contact.vue","webpack:///src/views/Register/Contact.vue","webpack:///./src/views/Register/Contact.vue?c2ac","webpack:///./src/views/Register/Contact.vue?dba2","webpack:///./src/views/Register/Contact.vue?a552"],"names":["flags","f","RegExp","prototype","configurable","get","anObject","$flags","DESCRIPTORS","TO_STRING","$toString","define","fn","call","source","R","this","concat","undefined","name","DateProto","Date","INVALID_DATE","getTime","NaN","value","attrs","isSending","staticClass","_c","on","_vm","staticStyle","preventDefault","directives","expression","domProps","contact","$event","$set","staticRenderFns","components","data","firstName","lastName","email","subject","message","created","$store","commit","methods","close","onSubmit","_this","axios","post","process","then","response","console","log","catch","error","toString","metaInfo","title","meta","vmid","content","component"],"mappings":"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","file":"js/chunk-0c7e9d0a.b0fb35e0.js","sourcesContent":["// 21.2.5.3 get RegExp.prototype.flags()\nif (require('./_descriptors') && /./g.flags != 'g') require('./_object-dp').f(RegExp.prototype, 'flags', {\n  configurable: true,\n  get: require('./_flags')\n});\n","'use strict';\nrequire('./es6.regexp.flags');\nvar anObject = require('./_an-object');\nvar $flags = require('./_flags');\nvar DESCRIPTORS = require('./_descriptors');\nvar TO_STRING = 'toString';\nvar $toString = /./[TO_STRING];\n\nvar define = function (fn) {\n  require('./_redefine')(RegExp.prototype, TO_STRING, fn, true);\n};\n\n// 21.2.5.14 RegExp.prototype.toString()\nif (require('./_fails')(function () { return $toString.call({ source: 'a', flags: 'b' }) != '/a/b'; })) {\n  define(function toString() {\n    var R = anObject(this);\n    return '/'.concat(R.source, '/',\n      'flags' in R ? R.flags : !DESCRIPTORS && R instanceof RegExp ? $flags.call(R) : undefined);\n  });\n// FF44- RegExp#toString has a wrong name\n} else if ($toString.name != TO_STRING) {\n  define(function toString() {\n    return $toString.call(this);\n  });\n}\n","var DateProto = Date.prototype;\nvar INVALID_DATE = 'Invalid Date';\nvar TO_STRING = 'toString';\nvar $toString = DateProto[TO_STRING];\nvar getTime = DateProto.getTime;\nif (new Date(NaN) + '' != INVALID_DATE) {\n  require('./_redefine')(DateProto, TO_STRING, function toString() {\n    var value = getTime.call(this);\n    // eslint-disable-next-line no-self-compare\n    return value === value ? $toString.call(this) : INVALID_DATE;\n  });\n}\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"contact-form\",attrs:{\"id\":\"contact-form\"}},[(_vm.isSending)?_c('v-card',{staticClass:\"contact-form\",attrs:{\"id\":\"contact-form-1\",\"elevation\":\"2\"}},[_c('div',{staticClass:\"alert mt-3\"},[_c('br'),_c('h1',[_vm._v(\" Thanks for submitting your registration.\")]),_c('br'),_c('h4',[_vm._v(\" Our support staff will be contacting you shortly.\")]),_c('br'),_c('v-layout',{staticClass:\"px-3 pb-1\",attrs:{\"justify-center\":\"\"}},[_c('v-flex',{staticClass:\"px-1\",attrs:{\"lg5\":\"\",\"md5\":\"\",\"sm5\":\"\",\"xl5\":\"\",\"xs5\":\"\"}},[_c('v-btn',{staticClass:\"white--text py-1\",attrs:{\"block\":\"\",\"large\":\"\",\"color\":\"error\"},on:{\"click\":function($event){return _vm.$router.push({path:'/dashboard'})}}},[_c('div',{staticClass:\"py-1\"},[_c('h3',{staticStyle:{\"color\":\"white\"}},[_c('b',[_vm._v(\"Return to Home\")])])])])],1),_c('v-flex',{staticClass:\"px-1\",attrs:{\"lg5\":\"\",\"md5\":\"\",\"sm5\":\"\",\"xl5\":\"\",\"xs5\":\"\"}},[_c('v-btn',{staticClass:\"white--text py-1\",attrs:{\"block\":\"\",\"large\":\"\",\"color\":\"blue darken-3\"},on:{\"click\":_vm.close}},[_c('div',{staticClass:\"py-1\"},[_c('h3',{staticStyle:{\"color\":\"white\"}},[_c('b',[_vm._v(\"Dismiss\")])])])])],1)],1),_c('br'),_c('br')],1)]):_vm._e(),_c('v-card',{staticClass:\"contact-form\",attrs:{\"id\":\"contact-form\",\"elevation\":\"2\"}},[(!_vm.isSending)?_c('h1',{staticClass:\"contact-form_title\"},[_vm._v(\"\\n      Registration Form\\n    \")]):_vm._e(),_c('br'),(!_vm.isSending)?_c('p',{staticClass:\"form mx-auto px-3\"},[_vm._v(\"\\n      Join us for a free coding lesson. Provide your email to register.\\n    \")]):_vm._e(),(!_vm.isSending)?_c('form',{staticClass:\"form mx-auto px-3\",on:{\"submit\":function($event){$event.preventDefault();return _vm.onSubmit.apply(null, arguments)}}},[_c('h4',[_vm._v(\"Your email\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.contact.email),expression:\"contact.email\"}],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)}}}),_c('button',{staticClass:\"button\",on:{\"click\":function($event){return _vm.onSubmit()}}},[_c('b',[_vm._v(\" Submit \")])]),_c('br'),_c('br')]):_vm._e()])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"contact-form\" class=\"contact-form\">\r\n    <v-card v-if=\"isSending\"\n            id=\"contact-form-1\"\n            class=\"contact-form\"\n            elevation=\"2\"\n    >\r\n      <!-- <div class=\"separator\"></div> -->\r\n      <!--<div class=\"pa-2\">\r\n        <v-btn\r\n          color=\"pink\"\r\n          dark\r\n          outline\r\n          absolute\r\n          @click=\"close\"\r\n        >\r\n          <v-icon>fas fa-close</v-icon>\r\n        </v-btn>\r\n      </div> -->\r\n      <div class=\"alert mt-3\">\r\n        <br>\r\n        <h1> Thanks for submitting your registration.</h1>\r\n        <br>\r\n        <h4> Our support staff will be contacting you shortly.</h4>\r\n        <br>\r\n        <v-layout justify-center class=\"px-3 pb-1\">\r\n          <v-flex lg5\r\n                  md5\r\n                  sm5\r\n                  xl5\r\n                  xs5\r\n                  class=\"px-1\"\r\n          >\r\n            <v-btn\r\n              block\r\n              large\r\n              color=\"error\"\r\n              class=\"white--text py-1\"\r\n              @click=\"$router.push({path:'/dashboard'})\"\r\n            >\r\n              <div class=\"py-1\">\r\n                <h3 style=\"color:white;\">\r\n                  <b>Return to Home</b>\r\n                </h3>\r\n              </div>\r\n            </v-btn>\r\n          </v-flex>\r\n          <v-flex lg5\r\n                  md5\r\n                  sm5\r\n                  xl5\r\n                  xs5\r\n                  class=\"px-1\"\r\n          >\r\n            <v-btn block\r\n                   large\r\n                   color=\"blue darken-3\"\r\n                   class=\"white--text py-1\"\r\n                   @click=\"close\"\r\n            >\r\n              <div class=\"py-1\">\r\n                <h3 style=\"color:white;\">\r\n                  <b>Dismiss</b>\r\n                </h3>\r\n              </div>\r\n            </v-btn>\r\n          </v-flex>\r\n        </v-layout>\r\n        <br>\r\n        <br>\r\n      </div>\r\n    </v-card>\r\n    <v-card id=\"contact-form\" class=\"contact-form\" elevation=\"2\">\r\n      <h1 v-if=\"!isSending\" class=\"contact-form_title\">\n        Registration Form\n      </h1>\r\n      <br>\r\n      <p v-if=\"!isSending\" class=\"form mx-auto px-3\">\n        Join us for a free coding lesson. Provide your email to register.\n      </p>\r\n      <form v-if=\"!isSending\"\r\n            class=\"form mx-auto px-3\"\r\n            @submit.prevent=\"onSubmit\"\n      >\r\n        <!--      <h4> First name </h4>\r\n        <input v-model=\"contact.firstName\"\r\n               required\r\n               name=\"firstName\"\r\n               placeholder=\"First Name\"\r\n               type=\"text\"\r\n               autocomplete=\"off\"\n        >  -->\r\n        <!--    <h4> Last name </h4>\r\n        <input v-model=\"contact.lastName\"\r\n               required\r\n               name=\"lastName\"\r\n               placeholder=\"Last Name\"\r\n               type=\"text\"\r\n               autocomplete=\"off\"\n        >\r\n        </v-flex>\r\n      </v-layout> -->\r\n        <h4>Your email</h4>\r\n        <input v-model=\"contact.email\"\r\n               required\r\n               name=\"email\"\r\n               placeholder=\"E-mail\"\r\n               type=\"email\"\r\n               autocomplete=\"off\"\n        >\r\n        <!--      <h4> Your grade level (if student) </h4>\r\n        <input v-model=\"contact.subject\"\r\n               required\r\n               name=\"subject\"\r\n               placeholder=\"Grade Level\"\r\n               type=\"text\"\r\n               autocomplete=\"off\"\n        > -->\r\n        <!--    <textarea v-model=\"contact.message\"\r\n                  name=\"message\"\r\n                  rows=\"4\"\r\n                  placeholder=\"Prior Coding Experience (Yes/No)?\"\n        /> -->\r\n        <button class=\"button\" @click=\"onSubmit()\">\n          <b> Submit </b>\n        </button>\r\n        <br>\r\n        <br>\r\n      </form>\r\n    </v-card>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { mapGetters } from 'vuex';\r\nimport axios from 'axios';\r\nexport default {\r\n  name: 'Contact',\r\n  components: { },\r\n\tdata () {\r\n  return {\r\n\t\tcontact: {\r\n\t\t\tfirstName: ' ',\r\n\t\t\tlastName: ' ',\r\n\t\t\temail: '',\r\n\t\t\tsubject:'Your registration',\r\n\t\t\tmessage: '...',\r\n\t\t         },\r\n\t\tisSending: false\r\n\t\t}\r\n\t  },\r\n//async created () {\r\n  created () {\r\n      this.$store.commit('navigation/resetState');\r\n      //this.$store.dispatch('navigation/getData');\r\n\t\t\tthis.$store.commit('navigation/changeTitle', 'Registration Page');\r\n\t\t//\tthis.$store.commit('navigation/changeMenu', 'Contact Us');\r\n\t\t\tthis.$store.commit('navigation/toggleshowhome', false);\r\n\t\t\tthis.$store.commit('navigation/replaceContact', true);\r\n\t\t\tthis.$store.commit('navigation/replaceLeftArrow', true);\r\n\t\t},\r\nmethods: {\r\n  close(){\r\n    this.isSending=false\r\n  },\r\n  onSubmit()\r\n\t{\r\n\t this.axios\r\n\t           .post(process.env.VUE_APP_CONTACT+'contact', this.contact)\r\n\t\t\t\t\t\t .then(response => {console.log(this.contact); this.isSending = true;})\r\n\t\t\t\t\t\t .catch(error => console.error(error.toString()));\r\n\t}\r\n },\r\n metaInfo: {\r\n\t           title: 'Registration Page',\r\n\t          meta: [\r\n              {vmid: 'description', name: 'description', content: 'Register for your free coding class'},\r\n              {vmid: 'keywords', name: 'keywords', content: 'Contact us, Have a question?, Share your feedback'}\r\n\t                ]\r\n\t        }\r\n}\r\n</script>\r\n<style lang=\"scss\">\r\n.body {\r\n\tbackground: #f1f1f1;\r\n\tfont-family: 'Roboto', sans-serif;\r\n}\r\n\r\n.contact-form {\r\n\tfont-size: 16px;\r\n\tfont-family: Lato;\r\n\tmax-width: 500px;\r\n\twidth: 100%;\r\n\tborder-radius:5px;\r\n\theight:auto;\r\n\tmargin: 0 auto;\r\n}\r\n.contact-form .alert{\r\nfont-size:18px;\r\ntext-align:center;\r\ntext-justify:center;\r\n}\r\n.contact-form .separator {\r\n\tborder-bottom: solid 1px #ccc;\r\n\tmargin-bottom: 15px;\r\n}\r\n.contact-form .form {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tfont-size: 16px;\r\n\tmax-width: 400px;\r\n\tborder-radius:8px;\r\n\tborder:none;\r\n\ttext-justify:center;\r\n}\r\n\r\n.contact-form .namebox {\r\n\tfont-size: 16px;\r\n\tmax-width: 450px;\r\n\tpadding-right:10px;\r\n}\r\n\r\n.contact-form_title {\r\n\tcolor: #333;\r\n\tfont-size: 32px;\r\n\ttext-align:center;\r\n\tpadding-top:20px;\r\n}\r\n\r\n.contact-form_subtitle {\r\n\tcolor: #333;\r\n\tfont-size: 18px;\r\n\ttext-justify:center;\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\tborder: solid 1px #e8e8e8;\r\n\tfont-family: 'Roboto', sans-serif;\r\n\tpadding: 10px 7px;\r\n\tmargin-bottom: 15px;\r\n\toutline: none;}\r\n\r\n.contact-form textarea {\r\n\tresize: none;\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\tborder: solid 1px #333;\r\n\tfont-size: 16px;\r\n\tborder-radius: 5px;\r\n}\r\n\r\n.contact-form .button {\r\n\tbackground: #da552f;\r\n\tborder: solid 2px #da552f;\r\n\tcolor: white;\r\n\tcursor: pointer;\r\n\tpadding: 10px 50px;\r\n\ttext-align: center;\r\n\ttext-transform: uppercase;\r\n\tfont-size: 16px;\r\n\tborder-radius: 5px;\r\n\ttext-decoration: none;\r\n}\r\n\r\n.contact-form .button:hover {\r\n\tbackground: #ea532a;\r\n\tborder: solid 2px #ea532a;\r\n}\r\n\r\n</style>\r\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!./Contact.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!./Contact.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Contact.vue?vue&type=template&id=3f620b6e&\"\nimport script from \"./Contact.vue?vue&type=script&lang=js&\"\nexport * from \"./Contact.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Contact.vue?vue&type=style&index=0&id=3f620b6e&prod&lang=scss&\"\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","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Contact.vue?vue&type=style&index=0&id=3f620b6e&prod&lang=scss&\""],"sourceRoot":""}