Also commented the reservation-form partial
authorLaury GvR <laury@gaslightmedia.com>
Thu, 14 Dec 2017 17:02:55 +0000 (12:02 -0500)
committerLaury GvR <laury@gaslightmedia.com>
Thu, 14 Dec 2017 17:02:55 +0000 (12:02 -0500)
js/custom/findaroom.js
parts/reservation-form.php

index c0e053d..a0d17db 100644 (file)
@@ -1,80 +1,80 @@
 $(document).ready(function () {
-    $( ".datepicker1" ).datepicker({dateFormat: "mm/dd/yy"});
-    $( ".datepicker2" ).datepicker({dateFormat: "mm/dd/yy"});
-    $("form.findARoom").submit(function() {
-        var date1val   = $(this).find("input[name=datepicker1]").val();
-        var date2val   = $(this).find("input[name=datepicker2]").val();
-        var numOfRooms = $(this).find(".num_rooms").val();
-        var date1valid = false;
-        var date2valid = false;
-        var dateBothValid = false;
-        var USDatePattern = "^(0[1-9]|1[012])[- /.](0[1-9]|[12][0-9]|3[01])[- /.](19|20)\\d\\d$";
-        var ISODatePattern = "^(19|20)\\d\\d[- /.](0[1-9]|1[012])[- /.](0[1-9]|[12][0-9]|3[01])$";
-        // Check the dates for empty string or bad vales.
-        if(date1val == "" || (date1val.match(USDatePattern) == null && date1val.match(ISODatePattern) == null) ) {
-            $(".checkinError").html("Invalid <span style='color: #F00;'>*</span>");
-            $(".checkinError").css("display", "inline-block");
-        }
-        else {
-            $(".checkinError").css("display", "none");
-            date1valid = true;
-        }
-        if(date2val == "" || (date2val.match(USDatePattern) == null && date2val.match(ISODatePattern) == null) ) {
-            $(".checkoutError").html("Invalid <span style='color: #F00;'>*</span>");
-            $(".checkoutError").css("display", "inline-block");
-        }
-        else {
-            $(".checkoutError").css("display", "none");
-            date2valid = true;
-        }
-        // Check that the checkout date is after the checkin date.
-        var date1date = new Date(date1val);
-        var date2date = new Date(date2val);
-        if(date1date > date2date) {
-            $(".checkoutError").html("Invalid <span style='color: #F00;'>*</span>");
-            $(".checkoutError").css("display", "inline-block");
-            $(".checkinError").html("Invalid <span style='color: #F00;'>*</span>");
-            $(".checkinError").css("display", "inline-block");
-        }
-        else {
-            dateBothValid = true;
-        }
-        // If all client validation is passed send to server validation.
-        if(date1valid == true && date2valid == true && dateBothValid == true) {
-
-            // Build the URI.
-            var nights = Math.round((date2date - date1date) / 84600000);
-            var Rooms = [];
-
-            // Build the rooms part based on how many rooms they choose
-            for (var i = 1; i <= numOfRooms; ++i) {
-                Rooms.push({
-                    "idx": i,
-                    "adults": "2",
-                    "teenagers": 0,
-                    "childrens": 0,
-                    "infants": 0
-                });
-            }
-
-            var room_configuration = {
-                "room_config": Rooms,
-                "nights": "" + nights + "", // number of nights
-                "check_in_date": date1date.toISOString().slice(0, 10), // Arrival Date
-                "currency": "USD"
-            };
-            var Base64={_keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",encode:function(e){var t="";var n,r,i,s,o,u,a;var f=0;e=Base64._utf8_encode(e);while(f<e.length){n=e.charCodeAt(f++);r=e.charCodeAt(f++);i=e.charCodeAt(f++);s=n>>2;o=(n&3)<<4|r>>4;u=(r&15)<<2|i>>6;a=i&63;if(isNaN(r)){u=a=64}else if(isNaN(i)){a=64}t=t+this._keyStr.charAt(s)+this._keyStr.charAt(o)+this._keyStr.charAt(u)+this._keyStr.charAt(a)}return t},decode:function(e){var t="";var n,r,i;var s,o,u,a;var f=0;e=e.replace(/[^A-Za-z0-9\+\/\=]/g,"");while(f<e.length){s=this._keyStr.indexOf(e.charAt(f++));o=this._keyStr.indexOf(e.charAt(f++));u=this._keyStr.indexOf(e.charAt(f++));a=this._keyStr.indexOf(e.charAt(f++));n=s<<2|o>>4;r=(o&15)<<4|u>>2;i=(u&3)<<6|a;t=t+String.fromCharCode(n);if(u!=64){t=t+String.fromCharCode(r)}if(a!=64){t=t+String.fromCharCode(i)}}t=Base64._utf8_decode(t);return t},_utf8_encode:function(e){e=e.replace(/\r\n/g,"\n");var t="";for(var n=0;n<e.length;n++){var r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r)}else if(r>127&&r<2048){t+=String.fromCharCode(r>>6|192);t+=String.fromCharCode(r&63|128)}else{t+=String.fromCharCode(r>>12|224);t+=String.fromCharCode(r>>6&63|128);t+=String.fromCharCode(r&63|128)}}return t},_utf8_decode:function(e){var t="";var n=0;var r=c1=c2=0;while(n<e.length){r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r);n++}else if(r>191&&r<224){c2=e.charCodeAt(n+1);t+=String.fromCharCode((r&31)<<6|c2&63);n+=2}else{c2=e.charCodeAt(n+1);c3=e.charCodeAt(n+2);t+=String.fromCharCode((r&15)<<12|(c2&63)<<6|c3&63);n+=3}}return t}}
-
-            var hashString = Base64.encode(JSON.stringify(room_configuration));
-
-            var $uri = "";
-            $uri += "http://bookings.mountpleasantwow.com/?rc=";
-            $uri += hashString;
-
-            window.open($uri);
-            return false;
-        }
-        return false;
-    });
+//    $( ".datepicker1" ).datepicker({dateFormat: "mm/dd/yy"});
+//    $( ".datepicker2" ).datepicker({dateFormat: "mm/dd/yy"});
+//    $("form.findARoom").submit(function() {
+//        var date1val   = $(this).find("input[name=datepicker1]").val();
+//        var date2val   = $(this).find("input[name=datepicker2]").val();
+//        var numOfRooms = $(this).find(".num_rooms").val();
+//        var date1valid = false;
+//        var date2valid = false;
+//        var dateBothValid = false;
+//        var USDatePattern = "^(0[1-9]|1[012])[- /.](0[1-9]|[12][0-9]|3[01])[- /.](19|20)\\d\\d$";
+//        var ISODatePattern = "^(19|20)\\d\\d[- /.](0[1-9]|1[012])[- /.](0[1-9]|[12][0-9]|3[01])$";
+//        // Check the dates for empty string or bad vales.
+//        if(date1val == "" || (date1val.match(USDatePattern) == null && date1val.match(ISODatePattern) == null) ) {
+//            $(".checkinError").html("Invalid <span style='color: #F00;'>*</span>");
+//            $(".checkinError").css("display", "inline-block");
+//        }
+//        else {
+//            $(".checkinError").css("display", "none");
+//            date1valid = true;
+//        }
+//        if(date2val == "" || (date2val.match(USDatePattern) == null && date2val.match(ISODatePattern) == null) ) {
+//            $(".checkoutError").html("Invalid <span style='color: #F00;'>*</span>");
+//            $(".checkoutError").css("display", "inline-block");
+//        }
+//        else {
+//            $(".checkoutError").css("display", "none");
+//            date2valid = true;
+//        }
+//        // Check that the checkout date is after the checkin date.
+//        var date1date = new Date(date1val);
+//        var date2date = new Date(date2val);
+//        if(date1date > date2date) {
+//            $(".checkoutError").html("Invalid <span style='color: #F00;'>*</span>");
+//            $(".checkoutError").css("display", "inline-block");
+//            $(".checkinError").html("Invalid <span style='color: #F00;'>*</span>");
+//            $(".checkinError").css("display", "inline-block");
+//        }
+//        else {
+//            dateBothValid = true;
+//        }
+//        // If all client validation is passed send to server validation.
+//        if(date1valid == true && date2valid == true && dateBothValid == true) {
+//
+//            // Build the URI.
+//            var nights = Math.round((date2date - date1date) / 84600000);
+//            var Rooms = [];
+//
+//            // Build the rooms part based on how many rooms they choose
+//            for (var i = 1; i <= numOfRooms; ++i) {
+//                Rooms.push({
+//                    "idx": i,
+//                    "adults": "2",
+//                    "teenagers": 0,
+//                    "childrens": 0,
+//                    "infants": 0
+//                });
+//            }
+//
+//            var room_configuration = {
+//                "room_config": Rooms,
+//                "nights": "" + nights + "", // number of nights
+//                "check_in_date": date1date.toISOString().slice(0, 10), // Arrival Date
+//                "currency": "USD"
+//            };
+//            var Base64={_keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",encode:function(e){var t="";var n,r,i,s,o,u,a;var f=0;e=Base64._utf8_encode(e);while(f<e.length){n=e.charCodeAt(f++);r=e.charCodeAt(f++);i=e.charCodeAt(f++);s=n>>2;o=(n&3)<<4|r>>4;u=(r&15)<<2|i>>6;a=i&63;if(isNaN(r)){u=a=64}else if(isNaN(i)){a=64}t=t+this._keyStr.charAt(s)+this._keyStr.charAt(o)+this._keyStr.charAt(u)+this._keyStr.charAt(a)}return t},decode:function(e){var t="";var n,r,i;var s,o,u,a;var f=0;e=e.replace(/[^A-Za-z0-9\+\/\=]/g,"");while(f<e.length){s=this._keyStr.indexOf(e.charAt(f++));o=this._keyStr.indexOf(e.charAt(f++));u=this._keyStr.indexOf(e.charAt(f++));a=this._keyStr.indexOf(e.charAt(f++));n=s<<2|o>>4;r=(o&15)<<4|u>>2;i=(u&3)<<6|a;t=t+String.fromCharCode(n);if(u!=64){t=t+String.fromCharCode(r)}if(a!=64){t=t+String.fromCharCode(i)}}t=Base64._utf8_decode(t);return t},_utf8_encode:function(e){e=e.replace(/\r\n/g,"\n");var t="";for(var n=0;n<e.length;n++){var r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r)}else if(r>127&&r<2048){t+=String.fromCharCode(r>>6|192);t+=String.fromCharCode(r&63|128)}else{t+=String.fromCharCode(r>>12|224);t+=String.fromCharCode(r>>6&63|128);t+=String.fromCharCode(r&63|128)}}return t},_utf8_decode:function(e){var t="";var n=0;var r=c1=c2=0;while(n<e.length){r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r);n++}else if(r>191&&r<224){c2=e.charCodeAt(n+1);t+=String.fromCharCode((r&31)<<6|c2&63);n+=2}else{c2=e.charCodeAt(n+1);c3=e.charCodeAt(n+2);t+=String.fromCharCode((r&15)<<12|(c2&63)<<6|c3&63);n+=3}}return t}}
+//
+//            var hashString = Base64.encode(JSON.stringify(room_configuration));
+//
+//            var $uri = "";
+//            $uri += "http://bookings.mountpleasantwow.com/?rc=";
+//            $uri += hashString;
+//
+//            window.open($uri);
+//            return false;
+//        }
+//        return false;
+//    });
 });
 
index fc60082..a73d26f 100644 (file)
@@ -1,10 +1,10 @@
-<div id="reservation">
+<!--<div id="reservation">
     <div class="row show-for-large-up">
         <form class="findARoom" method="post">
             <div id="res-bar" class="large-12 columns">
                 <div class="row collapse">
                     <div class="large-2 columns">
-                        <img alt="Make a Reservation" src="<?php bloginfo('template_url'); ?>/assets/reserve.png">
+                        <img alt="Make a Reservation" src="<?php // bloginfo('template_url'); ?>/assets/reserve.png">
                     </div>
                     <div class="large-10 columns">
                         <div class="row collapse">
      <form class="findARoom" method="post">
         <div class="row show-for-medium-down">
             <div class="small-12 columns text-center">
-                <img alt="Make a Reservation" src="<?php bloginfo('template_url'); ?>/assets/reserve.png">
+                <img alt="Make a Reservation" src="<?php // bloginfo('template_url'); ?>/assets/reserve.png">
             </div>
         </div>
         <div class="row show-for-medium-down">
             <div class="checkin small-6 medium-offset-2 medium-3 columns"><p>Check In</p><div class="checkinError"></div>
                 <input name="datepicker1" placeholder="MM/DD/YY" type="date" required="required">
-                <img class="date" alt="Check in calendar" src="<?php bloginfo('template_url'); ?>/assets/calendar.png">
+                <img class="date" alt="Check in calendar" src="<?php // bloginfo('template_url'); ?>/assets/calendar.png">
             </div>
             <div class="checkout small-6 medium-3 columns"><p>Check Out</p><div class="checkoutError"></div>
                 <input name="datepicker2" placeholder="MM/DD/YY" type="date" required="required">
-                <img class="date" alt="Check out calendar" src="<?php bloginfo('template_url'); ?>/assets/calendar.png">
+                <img class="date" alt="Check out calendar" src="<?php // bloginfo('template_url'); ?>/assets/calendar.png">
             </div>
             <div class="dateError"></div>
             <div class="lodging small-6 medium-3 columns">
@@ -68,4 +68,4 @@
             </div>
         </div>
     </form>
-</div>
+</div>-->