Schedule a Tour

Facebook can be used to fill applicable fields.<br /><!-- [et_pb_line_break_holder] --><div class="fb-login-button" data-max-rows="1" data-size="medium" data-button-type="continue_with" data-show-faces="false" data-auto-logout-link="false" data-use-continue-as="false" onlogin="checkLoginState();" scope="public_profile,email"></div>

<script><!-- [et_pb_line_break_holder] --> // This is called with the results from from FB.getLoginStatus().<!-- [et_pb_line_break_holder] --> function statusChangeCallback(response) {<!-- [et_pb_line_break_holder] --> console.log('statusChangeCallback');<!-- [et_pb_line_break_holder] --> console.log(response);<!-- [et_pb_line_break_holder] --> // The response object is returned with a status field that lets the<!-- [et_pb_line_break_holder] --> // app know the current login status of the person.<!-- [et_pb_line_break_holder] --> // Full docs on the response object can be found in the documentation<!-- [et_pb_line_break_holder] --> // for FB.getLoginStatus().<!-- [et_pb_line_break_holder] --> if (response.status === 'connected') {<!-- [et_pb_line_break_holder] --> // Logged into your app and Facebook.<!-- [et_pb_line_break_holder] --> formFill();<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> // The person is not logged into your app or we are unable to tell.<!-- [et_pb_line_break_holder] --> document.getElementById('status').innerHTML = 'Use Facebook to fill in your information.';<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> // This function is called when someone finishes with the Login<!-- [et_pb_line_break_holder] --> // Button. See the onlogin handler attached to it in the sample<!-- [et_pb_line_break_holder] --> // code below.<!-- [et_pb_line_break_holder] --> function checkLoginState() {<!-- [et_pb_line_break_holder] --> FB.getLoginStatus(function(response) {<!-- [et_pb_line_break_holder] --> statusChangeCallback(response);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> window.fbAsyncInit = function() {<!-- [et_pb_line_break_holder] --> FB.init({<!-- [et_pb_line_break_holder] --> appId : '1951869808417197',<!-- [et_pb_line_break_holder] --> cookie : true, // enable cookies to allow the server to access<!-- [et_pb_line_break_holder] --> // the session<!-- [et_pb_line_break_holder] --> xfbml : true, // parse social plugins on this page<!-- [et_pb_line_break_holder] --> version : 'v2.8' // use graph api version 2.8<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> // Now that we've initialized the JavaScript SDK, we call<!-- [et_pb_line_break_holder] --> // FB.getLoginStatus(). This function gets the state of the<!-- [et_pb_line_break_holder] --> // person visiting this page and can return one of three states to<!-- [et_pb_line_break_holder] --> // the callback you provide. They can be:<!-- [et_pb_line_break_holder] --> //<!-- [et_pb_line_break_holder] --> // 1. Logged into your app ('connected')<!-- [et_pb_line_break_holder] --> // 2. Logged into Facebook, but not your app ('not_authorized')<!-- [et_pb_line_break_holder] --> // 3. Not logged into Facebook and can't tell if they are logged into<!-- [et_pb_line_break_holder] --> // your app or not.<!-- [et_pb_line_break_holder] --> //<!-- [et_pb_line_break_holder] --> // These three cases are handled in the callback function.<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> FB.getLoginStatus(function(response) {<!-- [et_pb_line_break_holder] --> statusChangeCallback(response);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> };<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> // Load the SDK asynchronously<!-- [et_pb_line_break_holder] --> (function(d, s, id) {<!-- [et_pb_line_break_holder] --> var js, fjs = d.getElementsByTagName(s)[0];<!-- [et_pb_line_break_holder] --> if (d.getElementById(id)) return;<!-- [et_pb_line_break_holder] --> js = d.createElement(s); js.id = id;<!-- [et_pb_line_break_holder] --> js.src = "//connect.facebook.net/en_US/sdk.js";<!-- [et_pb_line_break_holder] --> fjs.parentNode.insertBefore(js, fjs);<!-- [et_pb_line_break_holder] --> }(document, 'script', 'facebook-jssdk'));<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> // Here we run a very simple test of the Graph API after login is<!-- [et_pb_line_break_holder] --> // successful. See statusChangeCallback() for when this call is made.<!-- [et_pb_line_break_holder] -->/* function testAPI() {<!-- [et_pb_line_break_holder] --> console.log('Welcome! Fetching your information.... ');<!-- [et_pb_line_break_holder] --> FB.api('/me?fields=id,name,birthday,email', function(response) {<!-- [et_pb_line_break_holder] --> console.log('Successful login for: ' + response.name);<!-- [et_pb_line_break_holder] --> console.log(response);<!-- [et_pb_line_break_holder] --> document.getElementById('status').innerHTML =<!-- [et_pb_line_break_holder] --> 'Thanks for logging in, ' + response.name + '!<br /> All info ' + response.id + '!' + response.birthday + '!' + response.email + '!' + response.firstname + '!';<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function formFill() {<!-- [et_pb_line_break_holder] --> console.log('Thank you for connecting via Facebook! Fetching your information.... ');<!-- [et_pb_line_break_holder] --> FB.api('/me?fields=id,name,birthday,email', function(response) {<!-- [et_pb_line_break_holder] --> console.log('Successful login for: ' + response.name);<!-- [et_pb_line_break_holder] --> console.log(response);<!-- [et_pb_line_break_holder] --> var data = {<!-- [et_pb_line_break_holder] --> input_10: response.name,<!-- [et_pb_line_break_holder] --> input_2: response.email<!-- [et_pb_line_break_holder] --> };<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> //document.getElementById('full_name').name = "name";<!-- [et_pb_line_break_holder] --> //document.getElementById('full_name').name = "email";<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> var inputs = Array.prototype.slice.call(document.querySelectorAll('form input'));<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> Object.keys(data).map(function (dataItem) {<!-- [et_pb_line_break_holder] --> inputs.map(function (inputItem) {<!-- [et_pb_line_break_holder] --> return (inputItem.name === dataItem) ? (inputItem.value = data[dataItem]) : false;<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --></script>