{"version":3,"sources":["webpack:///./src/views/ContactUs.vue?9e80","webpack:///src/views/ContactUs.vue","webpack:///./src/views/ContactUs.vue?d610","webpack:///./src/views/ContactUs.vue?8f5a","webpack:///./src/views/ContactUs.vue?67ff"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","on","$event","preventDefault","btnSubmit","directives","name","rawName","value","message","expression","domProps","target","composing","$set","staticStyle","isActive","ref","DisplayMsg","staticRenderFns","props","msg","String","data","Name","Email","OwnerCode","Message","methods","ResetData","$refs","MsgBox","openModal","fetch","method","headers","body","JSON","stringify","component"],"mappings":"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","file":"js/ContactUs.80ef2513.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ContactUs\"},[_c('section',{attrs:{\"id\":\"Container\"}},[_c('h1',[_vm._v(\"Contact Us\")]),_c('p',[_vm._v(\" Please enter your name, email address, owner number, and message below. \")]),_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.btnSubmit($event)}}},[_c('label',{attrs:{\"for\":\"identifier\"}},[_vm._v(\"Name *\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.message.Name),expression:\"message.Name\"}],attrs:{\"id\":\"txtName\",\"name\":\"txtName\",\"type\":\"text\",\"autocomplete\":\"name\",\"required\":\"true\"},domProps:{\"value\":(_vm.message.Name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.message, \"Name\", $event.target.value)}}}),_c('label',{attrs:{\"for\":\"identifier\"}},[_vm._v(\"Email *\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.message.Email),expression:\"message.Email\"}],attrs:{\"id\":\"txtEmail\",\"name\":\"txtEmail\",\"type\":\"email\",\"autocomplete\":\"email\",\"required\":\"true\"},domProps:{\"value\":(_vm.message.Email)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.message, \"Email\", $event.target.value)}}}),_c('label',{attrs:{\"for\":\"identifier\"}},[_vm._v(\"Owner Number\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.message.OwnerCode),expression:\"message.OwnerCode\"}],attrs:{\"id\":\"txtOwnerCode\",\"name\":\"txtOwnerCode\",\"type\":\"number\",\"autocomplete\":\"none\"},domProps:{\"value\":(_vm.message.OwnerCode)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.message, \"OwnerCode\", $event.target.value)}}}),_c('label',{attrs:{\"for\":\"identifier\"}},[_vm._v(\"Message *\")]),_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.message.Message),expression:\"message.Message\"}],staticStyle:{\"height\":\"170px\"},attrs:{\"id\":\"txtMessage\",\"name\":\"txtMessage\",\"type\":\"text\",\"autocomplete\":\"none\",\"required\":\"true\"},domProps:{\"value\":(_vm.message.Message)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.message, \"Message\", $event.target.value)}}}),_c('input',{staticClass:\"orange-button\",attrs:{\"name\":\"commit\",\"type\":\"submit\",\"value\":\"Submit\",\"disabled\":!_vm.isActive}})])]),_c('modal',{ref:\"MsgBox\",attrs:{\"title\":\"Contact Us\",\"message\":_vm.DisplayMsg}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"ContactUs\">\n    <section id=\"Container\">\n      <h1>Contact Us</h1>\n      <p>\n        Please enter your name, email address, owner number, and message below.\n      </p>\n\n      <form @submit.prevent=\"btnSubmit\">\n        <label for=\"identifier\">Name *</label>\n        <input\n          id=\"txtName\"\n          name=\"txtName\"\n          type=\"text\"\n          v-model=\"message.Name\"\n          autocomplete=\"name\"\n          required=\"true\"\n        />\n        <label for=\"identifier\">Email *</label>\n        <input\n          id=\"txtEmail\"\n          name=\"txtEmail\"\n          v-model=\"message.Email\"\n          type=\"email\"\n          autocomplete=\"email\"\n          required=\"true\"\n        />\n        <label for=\"identifier\">Owner Number</label>\n        <input\n          id=\"txtOwnerCode\"\n          name=\"txtOwnerCode\"\n          v-model=\"message.OwnerCode\"\n          type=\"number\"\n          autocomplete=\"none\"\n        />\n        <label for=\"identifier\">Message *</label>\n        <textarea\n          id=\"txtMessage\"\n          name=\"txtMessage\"\n          type=\"text\"\n          v-model=\"message.Message\"\n          style=\"height: 170px\"\n          autocomplete=\"none\"\n          required=\"true\"\n        ></textarea>\n\n        <input\n          class=\"orange-button\"\n          name=\"commit\"\n          type=\"submit\"\n          value=\"Submit\"\n          :disabled=\"!isActive\"\n        />\n      </form>\n    </section>\n    <modal ref=\"MsgBox\" title=\"Contact Us\" v-bind:message=\"DisplayMsg\"></modal>\n  </div>\n</template>\n<script>\nexport default {\n  name: \"ContactUs\",\n  props: {\n    msg: String,\n  },\n  data() {\n    return {\n      message: {\n        Name: \"\",\n        Email: \"\",\n        OwnerCode: \"\",\n        Message: \"\",\n      },\n      DisplayMsg:\n        \"Your contact information has been successfully sent to the Kaiser-Francis Oil Company.\",\n      isActive: true,\n    };\n  },\n  methods: {\n    ResetData: function () {\n      this.message.Name = \"\";\n      this.message.Email = \"\";\n      this.message.OwnerCode = \"\";\n      this.message.Message = \"\";\n    },\n    btnSubmit: function () {\n      this.isActive = false;\n      this.DisplayMsg = \"Submitting Contact Information.\";\n      this.$refs.MsgBox.openModal();\n\n      //fetch(\"http://localhost:7071/api/SendGridEmail\", {\n      fetch(\"https://kfocwebapi.azurewebsites.net/api/SendGridEmail\", {\n        method: \"POST\", // or 'PUT'\n        headers: {\n          \"Content-Type\": \"application/json\",\n          \"x-functions-key\":\n            \"oyrgG5jUGzg69k9MSE6CZf4a5KO6j9qgQQEuaXvCn7nthY9An1PEjA==\",\n        },\n        body: JSON.stringify(this.message),\n      })\n        .then((response) => {\n          window.console.log(\"Response: \" + JSON.stringify(response));\n          //response.json();\n        })\n        .then((data) => {\n          if (typeof data == \"undefined\") {\n            data = \"success\";\n          }\n          window.console.log(\"Email succesfully sent. \" + data);\n          this.ResetData();\n          this.DisplayMsg =\n            \"Your contact information has been successfully sent to the Kaiser-Francis Oil Company.\";\n          this.$refs.MsgBox.openModal();\n          this.isActive = true;\n        })\n        .catch((error) => {\n          window.console.error(\"Error:\", JSON.stringify(error));\n          this.DisplayMsg = \"Error: \" + JSON.stringify(error);\n          this.$refs.MsgBox.openModal();\n          this.isActive = true;\n        });\n    },\n  },\n};\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped lang=\"scss\">\n.ContactUs {\n  height: 100%;\n  width: 100%;\n  background-color: rgb(54, 52, 52);\n  color: whitesmoke;\n  overflow: auto;\n  display: grid;\n  grid-row-gap: 0px;\n  -ms-grid-columns: 450px 450px auto;\n  grid-template-columns: minmax(5px, 200px) minmax(470px, auto) minmax(\n      5px,\n      200px\n    );\n  grid-template-rows: 0px repeat(2, minmax(200px, 200px));\n  grid-template-areas:\n    \"... title   ...\"\n    \"... content ...\";\n  @media (max-width: 500px), (max-height: 535px) {\n    grid-template-columns: 10px auto 20px;\n    h1 {\n      font-size: 1.5em;\n    }\n\n    p {\n      font-size: 1em;\n    }\n  }\n}\n#Container {\n  margin: auto;\n  grid-area: content;\n}\nh1 {\n  color: whitesmoke;\n  font-size: 2.5em;\n  grid-area: title;\n}\np {\n  max-width: 500px;\n}\n\n.orange-button {\n  cursor: pointer;\n  -webkit-box-sizing: border-box;\n  -moz-box-sizing: border-box;\n  box-sizing: border-box;\n  width: 100%;\n  display: block;\n  text-decoration: none;\n  padding: 20px;\n  border: 1px solid #f90;\n  letter-spacing: 1px;\n  font-size: 1em;\n\n  /* Gradient Fallback */\n  color: whitesmoke;\n  background-color: #000;\n  background: black;\n\n  &:hover,\n  &:focus {\n    color: black;\n    background-color: #f90;\n  }\n}\n\n.align-center {\n  text-align: center;\n}\n\n.orange-link {\n  text-transform: uppercase;\n  color: #f90;\n  text-decoration: none;\n}\n.orange-link:hover {\n  color: #f90;\n  text-decoration: underline;\n}\n\n/*--------------------\n- Forms\n--------------------*/\nform {\n  margin: auto;\n}\nform hr {\n  margin: 2em 0 1.5em;\n}\nform h3 {\n  margin-bottom: 0.7em;\n}\nlabel {\n  display: block;\n  margin: 0 0 5px 5px;\n  font-size: 0.9em;\n  font-weight: 500;\n  letter-spacing: 1px;\n}\ninput[type=\"text\"],\ninput[type=\"email\"],\ninput[type=\"password\"],\ninput[type=\"number\"],\ntextarea,\nselect {\n  display: block;\n  width: 100%;\n  height: 36px;\n  font-size: 1.2em;\n  padding: 5px;\n  border: 1px solid #b1b1b1;\n  margin-bottom: 20px;\n}\nselect {\n  font-size: 1em;\n}\n\n@-moz-document url-prefix() {\n  select {\n    height: auto;\n  }\n}\ninput[type=\"submit\"] {\n  margin: 0;\n}\n.inline-element {\n  display: inline;\n  padding: 0;\n  margin: 0;\n}\n.field-element {\n  font-weight: 700;\n  margin-left: 10px;\n}\n.sub-label {\n  margin: 0 0 5px 5px;\n  font-size: 0.8em;\n  font-style: italic;\n}\n\ninput[type=\"text\"].disabled {\n  background: #e4e4e4;\n}\n</style>\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!./ContactUs.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!./ContactUs.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ContactUs.vue?vue&type=template&id=09bc749a&scoped=true&\"\nimport script from \"./ContactUs.vue?vue&type=script&lang=js&\"\nexport * from \"./ContactUs.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ContactUs.vue?vue&type=style&index=0&id=09bc749a&scoped=true&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  \"09bc749a\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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!./ContactUs.vue?vue&type=style&index=0&id=09bc749a&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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!./ContactUs.vue?vue&type=style&index=0&id=09bc749a&scoped=true&lang=scss&\""],"sourceRoot":""}