converting es6 down to es6 for the off canvas reservation widget
authorAnthony Talarico <talarico@gaslightmedia.com>
Fri, 31 Aug 2018 14:46:16 +0000 (10:46 -0400)
committerAnthony Talarico <talarico@gaslightmedia.com>
Fri, 31 Aug 2018 14:46:16 +0000 (10:46 -0400)
header.php
js/app.js
js/custom/pageSetup.js
style.css

index 9705c96..5d3a7f1 100644 (file)
@@ -4,7 +4,7 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title><?php wp_title(); ?></title>
-    <link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri() ; ?>/css/app.css?v=1.0.53">
+    <link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri() ; ?>/css/app.css?v=1.0.54">
     <link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri() ; ?>/favicon.ico?v=2">
 <!--
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700' rel='stylesheet' type='text/css'>
index 1e0b641..52b7a89 100644 (file)
--- a/js/app.js
+++ b/js/app.js
@@ -93,52 +93,54 @@ $(document).ready(function () {
     } 
 
     today = yyyy + '-' + mm + '-' + dd;
-    let start = `arrival_date=${today}&`;
+    var start = "arrival_date="+today+"&";
     $(document).on('change', '#arriveOff', function () {
         const _ = $(this);
         // offset weird timezone issues by replacing - with /
-        let arrivalDate = new Date(_.val().replace(/-/g, '\/').replace(/T.+/, ''));
-        let month   = (arrivalDate.getMonth() +1 > 9) ? arrivalDate.getMonth() +1 : `0${arrivalDate.getMonth() +1}`;
-        let day     = (arrivalDate.getDate() > 9) ? arrivalDate.getDate() : `0${arrivalDate.getDate()}`;
-        let year    = arrivalDate.getUTCFullYear();   
-        let formattedDate = `${year}-${month}-${day}`;
+        var arrivalDate = new Date(_.val().replace(/-/g, '\/').replace(/T.+/, ''));
+        var month   = (arrivalDate.getMonth() +1 > 9) ? arrivalDate.getMonth() +1 : "0" + (arrivalDate.getMonth() +1);
+        var day     = (arrivalDate.getDate() > 9) ? arrivalDate.getDate() : "0"+arrivalDate.getDate();
+        var year    = arrivalDate.getUTCFullYear();   
+        var formattedDate = year+"-"+month+"-"+day;
+        start = "arrival_date="+formattedDate+"&";
         _.val(formattedDate);
         
-
         // weird date incrementer is the only way in vanilla js to roll over to next month instead of going to 8-32-2018 for example
-        let minDate  = ((new Date(arrivalDate).valueOf() + + 1000*3600*24) > 9) ? (new Date(arrivalDate).valueOf() + + 1000*3600*24) : `0${(new Date(arrivalDate).valueOf() + + 1000*3600*24)}`;    
+        var minDate  = ((new Date(arrivalDate).valueOf() + 1000*3600*24) > 9) ? (new Date(arrivalDate).valueOf() + 1000*3600*24) : "0"+(new Date(arrivalDate).valueOf() +  1000*3600*24);    
         minDate = new Date(minDate);
-        month   = (minDate.getMonth() +1 > 9) ? minDate.getMonth() +1 : `0${minDate.getMonth() +1}`;
-        day     = (minDate.getDate() > 9) ? minDate.getDate() : `0${minDate.getDate()}`;
+        month   = (minDate.getMonth() +1 > 9) ? minDate.getMonth() +1 : "0" + (minDate.getMonth() +1);
+        day     = (minDate.getDate() > 9) ? minDate.getDate() : "0"+minDate.getDate();
         year    = minDate.getUTCFullYear();   
-        formattedDate = `${year}-${month}-${day}`;
+        formattedDate = year+"-"+month+"-"+day;
         $("#departOff").val(formattedDate);
         if( !isNaN( getNights(minDate,arrivalDate) )){
             $("#nightsOff").val( getNights(minDate,arrivalDate) ) 
-            stay = `stay_nights=${getNights(minDate,arrivalDate)}&`;
+            stay = "stay_nights="+ getNights(minDate,arrivalDate);
         }else {
             $("#nightsOff").val( 1 ) 
-            stay = `stay_nights=1&`;
+            stay = "stay_nights=1&";
         }
     });
     // // restrict departure date ///////////////////////////////
     $(document).on('change', '#departOff', function () {
         const _ = $(this);
         // offset weird timezone issues by replacing - with /
-        let departDate = new Date(_.val().replace(/-/g, '\/').replace(/T.+/, ''));
-        let month   = (departDate.getMonth() +1 > 9) ? departDate.getMonth() +1 : `0${departDate.getMonth() +1}`;
-        let day     = (departDate.getDate() > 9) ? departDate.getDate() : `0${departDate.getDate()}`;
-        let year    = departDate.getUTCFullYear();   
-        let formattedDate = `${year}-${month}-${day}`;
+        var departDate = new Date(_.val().replace(/-/g, '\/').replace(/T.+/, ''));
+
+        var month   = (departDate.getMonth() +1 > 9) ? departDate.getMonth() +1 : "0" + (departDate.getMonth() +1);
+        var day     = (departDate.getDate() > 9) ? departDate.getDate() : "0"+departDate.getDate();
+        var year    = departDate.getUTCFullYear();   
+        var formattedDate = year+"-"+month+"-"+day;
         _.val(formattedDate);
-        let arrivalDate = new Date($("#arriveOff").val());
+
+        var arrivalDate = new Date($("#arriveOff").val());
         
         if( !isNaN( getNights(departDate,arrivalDate) ) && !getNights(departDate,arrivalDate) < 1){
             $("#nightsOff").val( getNights(departDate,arrivalDate) ) 
-            stay = `stay_nights=${getNights(departDate,arrivalDate)}&`;
+            stay = "stay_nights="+getNights(departDate,arrivalDate)+"&";
         }else {
             $("#nightsOff").val( 1 ) 
-            stay = `stay_nights=1&`;
+            stay = "stay_nights=1&";
         }
     });
     // ///// end of canvas datepicker logic ^ //////////////////////////////////////////////
index 3a5a627..8bbabae 100644 (file)
@@ -84,52 +84,54 @@ $(document).ready(function () {
     } 
 
     today = yyyy + '-' + mm + '-' + dd;
-    let start = `arrival_date=${today}&`;
+    var start = "arrival_date="+today+"&";
     $(document).on('change', '#arriveOff', function () {
         const _ = $(this);
         // offset weird timezone issues by replacing - with /
-        let arrivalDate = new Date(_.val().replace(/-/g, '\/').replace(/T.+/, ''));
-        let month   = (arrivalDate.getMonth() +1 > 9) ? arrivalDate.getMonth() +1 : `0${arrivalDate.getMonth() +1}`;
-        let day     = (arrivalDate.getDate() > 9) ? arrivalDate.getDate() : `0${arrivalDate.getDate()}`;
-        let year    = arrivalDate.getUTCFullYear();   
-        let formattedDate = `${year}-${month}-${day}`;
+        var arrivalDate = new Date(_.val().replace(/-/g, '\/').replace(/T.+/, ''));
+        var month   = (arrivalDate.getMonth() +1 > 9) ? arrivalDate.getMonth() +1 : "0" + (arrivalDate.getMonth() +1);
+        var day     = (arrivalDate.getDate() > 9) ? arrivalDate.getDate() : "0"+arrivalDate.getDate();
+        var year    = arrivalDate.getUTCFullYear();   
+        var formattedDate = year+"-"+month+"-"+day;
+        start = "arrival_date="+formattedDate+"&";
         _.val(formattedDate);
         
-
         // weird date incrementer is the only way in vanilla js to roll over to next month instead of going to 8-32-2018 for example
-        let minDate  = ((new Date(arrivalDate).valueOf() + + 1000*3600*24) > 9) ? (new Date(arrivalDate).valueOf() + + 1000*3600*24) : `0${(new Date(arrivalDate).valueOf() + + 1000*3600*24)}`;    
+        var minDate  = ((new Date(arrivalDate).valueOf() + 1000*3600*24) > 9) ? (new Date(arrivalDate).valueOf() + 1000*3600*24) : "0"+(new Date(arrivalDate).valueOf() +  1000*3600*24);    
         minDate = new Date(minDate);
-        month   = (minDate.getMonth() +1 > 9) ? minDate.getMonth() +1 : `0${minDate.getMonth() +1}`;
-        day     = (minDate.getDate() > 9) ? minDate.getDate() : `0${minDate.getDate()}`;
+        month   = (minDate.getMonth() +1 > 9) ? minDate.getMonth() +1 : "0" + (minDate.getMonth() +1);
+        day     = (minDate.getDate() > 9) ? minDate.getDate() : "0"+minDate.getDate();
         year    = minDate.getUTCFullYear();   
-        formattedDate = `${year}-${month}-${day}`;
+        formattedDate = year+"-"+month+"-"+day;
         $("#departOff").val(formattedDate);
         if( !isNaN( getNights(minDate,arrivalDate) )){
             $("#nightsOff").val( getNights(minDate,arrivalDate) ) 
-            stay = `stay_nights=${getNights(minDate,arrivalDate)}&`;
+            stay = "stay_nights="+ getNights(minDate,arrivalDate);
         }else {
             $("#nightsOff").val( 1 ) 
-            stay = `stay_nights=1&`;
+            stay = "stay_nights=1&";
         }
     });
     // // restrict departure date ///////////////////////////////
     $(document).on('change', '#departOff', function () {
         const _ = $(this);
         // offset weird timezone issues by replacing - with /
-        let departDate = new Date(_.val().replace(/-/g, '\/').replace(/T.+/, ''));
-        let month   = (departDate.getMonth() +1 > 9) ? departDate.getMonth() +1 : `0${departDate.getMonth() +1}`;
-        let day     = (departDate.getDate() > 9) ? departDate.getDate() : `0${departDate.getDate()}`;
-        let year    = departDate.getUTCFullYear();   
-        let formattedDate = `${year}-${month}-${day}`;
+        var departDate = new Date(_.val().replace(/-/g, '\/').replace(/T.+/, ''));
+
+        var month   = (departDate.getMonth() +1 > 9) ? departDate.getMonth() +1 : "0" + (departDate.getMonth() +1);
+        var day     = (departDate.getDate() > 9) ? departDate.getDate() : "0"+departDate.getDate();
+        var year    = departDate.getUTCFullYear();   
+        var formattedDate = year+"-"+month+"-"+day;
         _.val(formattedDate);
-        let arrivalDate = new Date($("#arriveOff").val());
+
+        var arrivalDate = new Date($("#arriveOff").val());
         
         if( !isNaN( getNights(departDate,arrivalDate) ) && !getNights(departDate,arrivalDate) < 1){
             $("#nightsOff").val( getNights(departDate,arrivalDate) ) 
-            stay = `stay_nights=${getNights(departDate,arrivalDate)}&`;
+            stay = "stay_nights="+getNights(departDate,arrivalDate)+"&";
         }else {
             $("#nightsOff").val( 1 ) 
-            stay = `stay_nights=1&`;
+            stay = "stay_nights=1&";
         }
     });
     // ///// end of canvas datepicker logic ^ //////////////////////////////////////////////
index 3171dab..c113d66 100644 (file)
--- a/style.css
+++ b/style.css
@@ -3,5 +3,5 @@ Theme Name: Staffords
 Author: Gaslight Media
 Author URI: http://www.gaslightmedia.com
 Description: A theme for Staffords
-Version: 1.0.53
+Version: 1.0.54
 */