{"version":3,"sources":["components/Reviews.vue","components/ContactUs.vue","scripts/app.js"],"names":["console","log","animationDelay","parseInt","Consts","fastAnimation","app","Vue","el","components","Reviews","ContactUs","contentElement","document","querySelector","logoImage","headerText","scrollFunction","scrollTop","style","height","color","ready","callback","readyState","addEventListener","attachEvent","onscroll"],"mappings":";AAoHA,aAAA,OAAA,eAAA,QAAA,aAAA,CAAA,OAAA,IAAA,QAAA,aAAA,EAtEA,IAAA,EAAA,CACA,KAAA,WACA,MAAA,CACA,QAAA,CAAA,CACA,KAAA,uBAEA,aAAA,EACA,iBAAA,KAGA,QAAA,WACA,QAAA,IAAA,gDAEA,KAAA,aAEA,QAAA,WACA,QAAA,IAAA,0CACA,KAAA,gBAEA,QAAA,CACA,aAAA,WACA,GAAA,MAAA,KAAA,QAAA,CAIA,IAEA,EAAA,KAAA,IAEA,MAAA,IAIA,EAAA,UAAA,OAAA,WACA,EAAA,UAAA,IAAA,YAEA,EAAA,KAAA,KAAA,WACA,EAAA,UAAA,OAAA,YACA,EAAA,UAAA,IAAA,WAEA,KAAA,iBAAA,KAAA,QAAA,KAAA,cAEA,KAAA,cAAA,EAEA,KAAA,cAAA,KAAA,QAAA,SACA,KAAA,aAAA,IAEA,KAtBA,UAwBA,UAAA,WAEA,IAAA,EAAA,IAAA,eACA,EAAA,KACA,EAAA,KAAA,MAAA,mBACA,EAAA,OAAA,WACA,EAAA,QAAA,KAAA,MAAA,EAAA,cAEA,EAAA,eAEA,EAAA,MAAA,YAAA,WACA,KAAA,gBACA,KAAA,GAAA,MAEA,EAAA,UAKA,SAAA,EAAA,GACA,OAAA,IAAA,QAAA,SAAA,GAAA,OAAA,WAAA,EAAA,KACA,QAAA,QAAA;;;ACpFA,aAAA,OAAA,eAAA,QAAA,aAAA,CAAA,OAAA,IAAA,QAAA,aAAA,EAAA,IAAA,EAAA,CACA,KAAA,WACA,MAAA,CACA,KAAA,GACA,MAAA,GACA,MAAA,GACA,QAAA,KAGA,QAAA,WACA,QAAA,IAAA,iDAEA,QAAA,WACA,QAAA,IAAA,2CAEA,QAAA,CACA,YAAA,WACA,QAAA,IAAA,mBACA,QAAA,IAAA,aAAA,KAAA,KAAA,YAAA,KAAA,MAAA,YAAA,KAAA,OAEA,IAAA,EAAA,IAAA,eAGA,EAAA,KAAA,UAAA,CACA,KAHA,KAGA,KACA,MAJA,KAIA,MACA,MALA,KAKA,MACA,QANA,KAMA,UAGA,EAAA,KAAA,OAAA,mBACA,EAAA,iBAAA,eAAA,oBACA,EAAA,KAAA,GAEA,KAAA,SAEA,MAAA,WACA,KAAA,KAAA,KAAA,MAAA,KAAA,MAAA,KAAA,QAAA,MArCA,QAAA,QAAA;;;;;ACoBC,aApDD,IAAA,EAAA,EAAA,QAAA,4BACA,EAAA,EAAA,QAAA,8BACA,EAAA,EAAA,QAAA,sBAkDC,SAAA,EAAA,GAAA,OAAA,GAAA,EAAA,WAAA,EAAA,CAAA,QAAA,GAhDDA,QAAQC,IAAI,+BAEZ,IAAMC,EAAiBC,SAASC,EAAOC,QAAAA,eAEnCC,EAAM,IAAIC,IAAI,CACdC,GAAI,iBACJC,WAAY,CACYC,mBAAAA,EADZ,QAEMC,aAAAA,EAAAA,WAIlBC,EAAiBC,SAASC,cAAc,YACxCC,EAAYF,SAASC,cAAc,aACnCE,EAAaH,SAASC,cAAc,eAYxC,SAASG,IACiB,MAAlBL,GAAuC,MAAbG,IAE1BH,EAAeM,UAAY,IAC3BH,EAAUI,MAAMC,OAAS,OACzBJ,EAAWG,MAAME,MAAQ,gBAGzBN,EAAUI,MAAMC,OAAS,QACzBJ,EAAWG,MAAME,MAAQ,UAIjC,SAASC,EAAMC,GAEc,WAArBV,SAASW,WAAuBD,IAE3BV,SAASY,iBAAkBZ,SAASY,iBAAiB,mBAAoBF,GAE7EV,SAASa,YAAY,qBAAsB,WACnB,YAArBb,SAASW,YAAwBD,MA9B7CD,EAAM,WACFV,EAAiBC,SAASC,cAAc,YACxCC,EAAYF,SAASC,cAAc,aACnCE,EAAaH,SAASC,cAAc,eAEpCF,EAAee,SAAWV","file":"app.4c161562.map","sourceRoot":"..","sourcesContent":["<template>\n   <div id=\"reviewsRoot\" class=\"review-container\" >\n        <p class=\"review-text\">{{ activeReviewData.text }}</p>\n        <p class=\"review-author\">{{ activeReviewData.author }}</p>        \n    </div>\n</template>\n\n<style lang=\"scss\" scoped>\n@import '../styles/vars.scss';\n\n#reviewsRoot {\n    max-width: 600px;\n    min-height: 250px;\n    margin: auto auto;\n    transition: color 0.25s;\n}\n\n.fade-out {    \n    color: transparent;\n}\n\n.fade-in {\n    color: black;\n}\n\n.review-container {\n    font-size: 1.13em;\n    display: grid;    \n\n    p {\n        margin: unset;\n        margin: 0px;        \n    }\n\n    .review-text {\n        font-family: 'Shadows Into Light Two', cursive;\n    }\n\n    .review-author {\n        font-family: \"Dancing Script\", cursive;\n        text-align: right;\n    }    \n}\n</style>\n\n<script>\nexport default {    \n    data() {\n        return {\n            reviews: [{\n                \"text\": \"Loading Reviews...\"\n            }],\n            activeReview: 0,\n            activeReviewData: {}\n        };\n    },\n    created() {\n        console.log('Review Component Created, sceduling updates.');  \n        \n        this.fetchData();        \n    },\n    mounted() {\n        console.log(\"First render complete, forcing update.\");\n        this.updateReview();\n    },\n    methods: {\n        updateReview: function() {                   \n            if (this.reviews == null) {\n                return;\n            }\n\n            const self = this;\n\n            let rootElement = this.$el;\n\n            if (rootElement == null) {\n                return;\n            }\n\n            rootElement.classList.remove(\"fade-in\"); \n            rootElement.classList.add(\"fade-out\");           \n\n            sleep(250).then(function() {\n                rootElement.classList.remove(\"fade-out\"); \n                rootElement.classList.add(\"fade-in\");                \n\n                this.activeReviewData = this.reviews[this.activeReview];\n\n                this.activeReview += 1;\n\n                if (this.activeReview >= this.reviews.length) {\n                    this.activeReview = 0;\n                }\n            }.bind(self));\n        },\n        fetchData() {\n            // Build the web request\n            let request = new XMLHttpRequest();\n            const self = this;\n            request.open(\"GET\", \"/api/v1/reviews\");\n            request.onload = function () {\n                self.reviews = JSON.parse(request.responseText);\n\n                self.updateReview();\n\n                self.timer = setInterval(function() {\n                    this.updateReview();\n                }.bind(self), 4000);\n            }\n            request.send();\n        }\n    }\n};\n\nfunction sleep(ms) {\n    return new Promise(resolve => setTimeout(resolve, ms));\n}\n\n</script>","<template>\n    <div class=\"contact-us-form\" >\n        <p class=\"form-label\">Name:</p>\n        <input type=\"text\" v-model=\"name\">\n        <p class=\"form-label\">Phone Number:</p>\n        <input type=\"tel\" v-model=\"phone\">\n        <p class=\"form-label\">Email Address:</p>\n        <input type=\"email\" v-model=\"email\">\n        <p class=\"form-label\">Message:</p>\n        <textarea v-model=\"message\" rows=\"5\"></textarea>\n        <br>\n        <button v-on:click=\"sendMessage\">Send</button>\n    </div>\n</template>\n\n<style lang=\"scss\" scoped>\n@import \"../styles/vars.scss\";\n\n.contact-us-form {\n\n    input, textarea {        \n        width: 100%;\n        max-width: $max-width;\n    }    \n    .form-label {\n        margin: 0px;\n        line-height: 1em;\n    }\n}\n</style>\n\n<script>\nexport default {    \n    data() {\n        return {\n            name: \"\",\n            phone: \"\",\n            email: \"\",\n            message: \"\"\n        };\n    },\n    created() {\n        console.log('Review Component Created, sceduling updates.');  \n    },\n    mounted() {\n        console.log(\"First render complete, forcing update.\");\n    },\n    methods: {\n        sendMessage: function() {\n            console.log(\"Sending message\");\n            console.log(\"Username: \" + this.name + \"; email: \" + this.email + \"; phone: \" + this.phone);            \n\n            let request = new XMLHttpRequest();\n            const self = this;\n\n            let json = JSON.stringify({\n                name: self.name,\n                phone: self.phone,\n                email: self.email,\n                message: self.message\n            });\n\n            request.open(\"POST\", \"/api/v1/contact\");\n            request.setRequestHeader(\"content-type\", \"application/json\");\n            request.send(json);\n\n            this.reset();\n        },\n        reset: function() {\n            this.name = this.phone = this.email = this.message = \"\";\n        }\n    }\n};\n\n</script>","import Reviews from '/components/Reviews.vue'\nimport ContactUs from '/components/ContactUs.vue'\nimport Consts from '/styles/vars.scss'\n\nconsole.log(\"The application has started\");\n\nconst animationDelay = parseInt(Consts.fastAnimation);\n\nvar app = new Vue({\n    el: '#mainContainer',\n    components: {\n        'review-slideshow': Reviews,\n        'contact-us': ContactUs\n    }\n});\n\nlet contentElement = document.querySelector('#content');\nlet logoImage = document.querySelector(\"#img-logo\");\nlet headerText = document.querySelector('#title-text');\n\nready(function(){\n    contentElement = document.querySelector('#content');\n    logoImage = document.querySelector(\"#img-logo\");\n    headerText = document.querySelector('#title-text');\n\n    contentElement.onscroll = scrollFunction;\n});\n\n\n\nfunction scrollFunction() {\n    if (contentElement == null || logoImage == null) {return;}\n\n    if (contentElement.scrollTop > 50) {\n        logoImage.style.height = \"50px\";\n        headerText.style.color = \"transparent\";\n    }\n    else {\n        logoImage.style.height = \"100px\";\n        headerText.style.color = \"black\";\n    }\n}\n\nfunction ready(callback){\n    // in case the document is already rendered\n    if (document.readyState!='loading') callback();\n    // modern browsers\n    else if (document.addEventListener) document.addEventListener('DOMContentLoaded', callback);\n    // IE <= 8\n    else document.attachEvent('onreadystatechange', function(){\n        if (document.readyState=='complete') callback();\n    });\n}"]}