WordPress.org
Get WordPress

Plugin Directory

Changeset 2651357


Ignore:
Timestamp:
12/31/2021 10:59:47 AM (4 years ago)
Author:
roomcloud
Message:

version 2.0.5

Location:
roomcloud
Files:
12 edited
8 copied

Legend:

Unmodified
Added
Removed

  • roomcloud/tags/2.0.5/JS/wp_se1_horizontal_template.js

    r2606589 r2651357  
    11
    22
    3 $( document ).ready(function() {
     3jQuery( document ).ready(function() {
    44   
    5     var drop=$("#traveler_details").prop('outerHTML');
    6     $("#traveler_details").remove();
    7     $("body").append(drop);
    8 
    9     var drop_w=$("#travelers_group").width();
    10     $("#traveler_details").css("width", drop_w);
    11 
    12     var drop_x=$("#travelers_group").offset().left;
    13     var drop_y=$("#travelers_group").offset().top;
    14 
    15     $("#traveler_details").css('top', drop_y + $("#travelers_group").outerHeight());
    16     $("#traveler_details").css('left', drop_x);
    17 
    18    
    19     $("#btn-search").click(function(e){
     5    var drop=jQuery("#traveler_details").prop('outerHTML');
     6    jQuery("#traveler_details").remove();
     7    jQuery("body").append(drop);
     8
     9    var drop_w=jQuery("#travelers_group").width();
     10    jQuery("#traveler_details").css("width", drop_w);
     11
     12    var drop_x=jQuery("#travelers_group").offset().left;
     13    var drop_y=jQuery("#travelers_group").offset().top;
     14
     15    jQuery("#traveler_details").css('top', drop_y + jQuery("#travelers_group").outerHeight());
     16    jQuery("#traveler_details").css('left', drop_x);
     17
     18   
     19    jQuery("#btn-search").click(function(e){
    2020       
    2121        e.preventDefault();
    2222        var roomEmpty=false;
    23         $(".rm-cnt").each(function(x){
    24            
    25             if ($(this).find("input[name='adults']").val()==0 && $(this).find("input[name='children']").val()==0){
     23        jQuery(".rm-cnt").each(function(x){
     24           
     25            if (jQuery(this).find("input[name='adults']").val()==0 && jQuery(this).find("input[name='children']").val()==0){
    2626               
    27                 $("#room_error_"+x).text('please add 1 person or remove the room');
     27                jQuery("#room_error_"+x).text('please add 1 person or remove the room');
    2828                roomEmpty=true;
    2929            }
    … …  
    3434        if (!roomEmpty){
    3535       
    36             $("#formSearch").append("<div style='display:none'>");
    37            
    38             $("#traveler_details").find("input").each(function(){
    39                 $("#formSearch").append($(this).prop('outerHTML'));
     36            jQuery("#formSearch").append("<div style='display:none'>");
     37           
     38            jQuery("#traveler_details").find("input").each(function(){
     39                jQuery("#formSearch").append(jQuery(this).prop('outerHTML'));
    4040            });
    4141           
    42             $("#formSearch").append("</div>");
    43             $("#formSearch").submit();
     42            jQuery("#formSearch").append("</div>");
     43            jQuery("#formSearch").submit();
    4444       
    4545        }
    … …  
    5050    /******************         DROPDOWN            ****************/
    5151   
    52     $("#travelers_group").click(function(e){
     52    jQuery("#travelers_group").click(function(e){
    5353       
    54         $(".rc-dropdown-menu").slideToggle("fast");
     54        jQuery(".rc-dropdown-menu").slideToggle("fast");
    5555        e.stopPropagation();
    5656    });
    5757
    5858    // Hide dropdown menu on click outside
    59     $(document).on("click", function(event){
    60         if(!$(event.target).closest("#traveler_details").length){
     59    jQuery(document).on("click", function(event){
     60        if(!jQuery(event.target).closest("#traveler_details").length){
    6161           
    6262           
    6363            var roomEmpty=false;
    64             $(".rm-cnt").each(function(x){
    65            
    66                 if ($(this).find("input[name='adults']").val()==0 && $(this).find("input[name='children']").val()==0){
     64            jQuery(".rm-cnt").each(function(x){
     65           
     66                if (jQuery(this).find("input[name='adults']").val()==0 && jQuery(this).find("input[name='children']").val()==0){
    6767               
    68                     $("#room_error_"+x).text('please add 1 person or remove the room');
     68                    jQuery("#room_error_"+x).text('please add 1 person or remove the room');
    6969                    roomEmpty=true;
    7070                }
    … …  
    7777            if (roomEmpty) return;
    7878           
    79             $(".rc-dropdown-menu").slideUp("fast");
     79            jQuery(".rc-dropdown-menu").slideUp("fast");
    8080           
    81             $("#travelers").val(getUpdatedText());
     81            jQuery("#travelers").val(getUpdatedText());
    8282        }
    8383    });
    8484   
    85     $("#close_dropdown").on("click", function(event){
     85    jQuery("#close_dropdown").on("click", function(event){
    8686       
    8787       
    8888            var roomEmpty=false;
    89             $(".rm-cnt").each(function(x){
    90            
    91                 if ($(this).find("input[name='adults']").val()==0 && $(this).find("input[name='children']").val()==0){
     89            jQuery(".rm-cnt").each(function(x){
     90           
     91                if (jQuery(this).find("input[name='adults']").val()==0 && jQuery(this).find("input[name='children']").val()==0){
    9292               
    93                     $("#room_error_"+x).text('please add 1 person or remove the room');
     93                    jQuery("#room_error_"+x).text(str_room_error);
    9494                    roomEmpty=true;
    9595                }
    … …  
    102102            if (roomEmpty) return;
    103103           
    104             $(".rc-dropdown-menu").slideUp("fast");
     104            jQuery(".rc-dropdown-menu").slideUp("fast");
    105105           
    106             $("#travelers").val(getUpdatedText());
     106            jQuery("#travelers").val(getUpdatedText());
    107107       
    108108    });
    … …  
    115115        var adults=0;
    116116        var children=0;
    117         $(".rm-cnt").each(function(){
     117        jQuery(".rm-cnt").each(function(){
    118118           
    119119            rooms++;
    120             var target=($(this).attr("id")).split("_")[1];
     120            var target=(jQuery(this).attr("id")).split("_")[1];
    121121           
    122             adults+=parseInt($("#adults_"+target).val(), 10);
    123             children+=parseInt($("#children_"+target).val(), 10);
     122            adults+=parseInt(jQuery("#adults_"+target).val(), 10);
     123            children+=parseInt(jQuery("#children_"+target).val(), 10);
    124124           
    125125        });
    … …  
    144144    }
    145145
    146 /******************         DATERANGE           ****************/
    147    
    148    
    149 language="en" //bg cz de en es fr hr hu it jp nl pl pt ru zh
    150 calendar_open_side="right"; // right,left,top,bottom                                                                                             
    151 column_start_day_of_week=1; // 0 to 6
    152 
    153 
    154 
    155 
    156 $("#calendar_search_span").click(function(){
    157     $('#search_calendar').data('daterangepicker').show();
    158 });
     146/*#############################                 LITEPICKER              #####################################*/
    159147
    160148var today= new moment();
    … …  
    163151
    164152
    165 $("#checkin").val(today.format("YYYYMMDD"));
    166 $("#checkout").val(tomorrow.format("YYYYMMDD"));
    167 moment.locale(locale);
    168 console.log("locale: "+moment.locale());
    169 
    170 $('#search_calendar').daterangepicker({
    171 
    172 
    173     alwaysShowCalendars: true,
    174     startDate: today,
    175     endDate: tomorrow,
    176     minDate: today,
    177     opens: calendar_open_side,
    178     autoApply: true,
    179     disableHoverDate: true,
    180     locale: {
    181         format: "D MMM YY",
    182         monthNames: moment.months(),
    183         applyLabel: "APPLY",
    184         cancelLabel: "CANCEL",
    185         fromLabel: "FROM",
    186         toLabel: "TO",
    187         customRangeLabel: "CUSTOM RANGE",
    188        
    189         weekLabel: "WEEK",
    190         daysOfWeek: moment.weekdaysShort(),
    191         //CLAUDIO PRIMO GIORNO DELLA SETTIMANA DA CUI FAR PARTIRE IL CALENDARIO
    192         firstDay: column_start_day_of_week
     153jQuery("#checkin").val(today.format("YYYYMMDD"));
     154jQuery("#checkout").val(tomorrow.format("YYYYMMDD"));
     155
     156(jQuery("#formSearch").find(jQuery("#start_day"))).val(today.format("DD"));
     157(jQuery("#formSearch").find(jQuery("#start_month"))).val(today.format("MM"));
     158(jQuery("#formSearch").find(jQuery("#start_year"))).val(today.format("YYYY"));
     159
     160(jQuery("#formSearch").find(jQuery("#end_day"))).val(tomorrow.format("DD"));
     161(jQuery("#formSearch").find(jQuery("#end_month"))).val(tomorrow.format("MM"));
     162(jQuery("#formSearch").find(jQuery("#end_year"))).val(tomorrow.format("YYYY"));
     163
     164
     165const picker = new Litepicker({
     166    element: document.getElementById('search_calendar'),
     167
     168    plugins: ['mobilefriendly'],
     169    autoApply: true,
     170    singleMode: false, //true picker - false range picker
     171    allowRepick: false, //can repick only one date of range
     172   
     173    startDate: today.format("YYYY-MM-DD"),
     174    endDate: tomorrow.format("YYYY-MM-DD"),
     175   
     176//  buttonText:{"apply":"Applyss","cancel":"Cancelss"/*,"previousMonth":"<svg>...</svg>","nextMonth":"<svg>...</svg>","reset":"<svg>...</svg>"*/},
     177    firstDay:0,
     178    lang: locale,
     179    format:"YYYY-MM-DD",
     180   
     181    //desktop
     182    numberOfColumns: 2,
     183    numberOfMonths: 2,
     184   
     185
     186   
     187    position: "bottom left",
     188    scrollToDate: false,
     189   
     190//  disallowLockDaysInRange: true,
     191    selectBackward:false,
     192    selectForward:true,
     193    showTooltip:true,
     194   
     195    tooltipNumber:(totalDays) => {
     196        return totalDays - 1;
     197    },
     198    tooltipText:{"one":str_night,"other":str_nights},
     199    minDays:2,
     200    minDate:today.format("YYYY-MM-DD"),
     201    setup: (picker) => {
     202       
     203        picker.on('selected', (date1, date2) => {
     204           
     205            jQuery(".dates_calendar").css("animation", "none");
     206           
     207            jQuery("#search_group").addClass("search_calendar_border_fixed");
     208
     209            //remove pulse effect on checkin/checout calendar when a value is setted
     210            jQuery(".dates_calendar").css("animation", "none");
     211           
     212           
     213            select_start = date1.format('YYYYMMDD');
     214            select_end = date2.format('YYYYMMDD');
     215           
     216            (jQuery("#formSearch").find(jQuery("#start_day"))).val(date1.format("DD"));
     217            (jQuery("#formSearch").find(jQuery("#start_month"))).val(date1.format("MM"));
     218            (jQuery("#formSearch").find(jQuery("#start_year"))).val(date1.format("YYYY"));
     219           
     220            (jQuery("#formSearch").find(jQuery("#end_day"))).val(date2.format("DD"));
     221            (jQuery("#formSearch").find(jQuery("#end_month"))).val(date2.format("MM"));
     222            (jQuery("#formSearch").find(jQuery("#end_year"))).val(date2.format("YYYY"));
     223           
     224            jQuery("#checkin").val(select_start);
     225            jQuery("#checkout").val(select_end);
     226           
     227        });
     228   
    193229    }
     230   
     231  });
     232
     233
     234jQuery("#calendar_search_span").click(function(){
     235    picker.show();
    194236});
    195 
    196 
    197 $('#search_calendar').on('hide.daterangepicker', function(ev, picker) {
    198    
    199     $("#search_group").removeClass("search_calendar_border");
    200    
    201     if(($("#search_calendar").data('daterangepicker').startDate.format("YYYY-MM-DD"))==($("#search_calendar").data('daterangepicker').endDate.format("YYYY-MM-DD"))){
    202         $("#search_calendar").val(""); 
    203     }
    204 
    205    
    206    
    207 });
    208 
    209 $('#search_calendar').on('apply.daterangepicker', function(ev, picker) {
    210    
    211 
    212     $("#search_group").addClass("search_calendar_border_fixed");
    213 
    214     //remove pulse effect on checkin/checout calendar when a value is setted
    215     $(".dates_calendar").css("animation", "none");
    216    
    217    
    218     select_start=picker.startDate.format('YYYYMMDD');
    219     select_end=picker.endDate.format('YYYYMMDD');
    220    
    221     $("#checkin").val(select_start);
    222     $("#checkout").val(select_end);
    223    
    224     oneDay = 24 * 60 * 60 * 1000;
    225 
    226 
    227     diffDays = Math.round(Math.abs(((picker.endDate - picker.startDate)) / oneDay));
    228    
    229     diffDays--;
    230    
    231     $("#cal_nights").text(diffDays);
    232    
    233 
    234     ($("#formSearch").find($("#start_day"))).val($("#search_calendar").data('daterangepicker').startDate.format("DD"));
    235     ($("#formSearch").find($("#start_month"))).val($("#search_calendar").data('daterangepicker').startDate.format("MM"));
    236     ($("#formSearch").find($("#start_year"))).val($("#search_calendar").data('daterangepicker').startDate.format("YYYY"));
    237    
    238     ($("#formSearch").find($("#end_day"))).val($("#search_calendar").data('daterangepicker').endDate.format("DD"));
    239     ($("#formSearch").find($("#end_month"))).val($("#search_calendar").data('daterangepicker').endDate.format("MM"));
    240     ($("#formSearch").find($("#end_year"))).val($("#search_calendar").data('daterangepicker').endDate.format("YYYY"));
    241                                            
    242    
    243    
    244    
    245    
    246 
    247    
    248    
    249 });
    250 
    251 
    252 
    253 
    254 
    255 
    256 
    257 
    258 /******************         GUEST BUTTONS + -           ****************/
    259 
    260 
    261 
    262 $(document).on('click','.box-btn-round', function() {
    263 
    264    
    265 
    266    
    267     btn_id=$(this).attr("id");
     237/******************         ADD AND REMOVE GUEST            ****************/
     238
     239
     240jQuery(document).on('click','.box-btn-round', function() {
     241
     242   
     243
     244   
     245    btn_id=jQuery(this).attr("id");
    268246
    269247   
    … …  
    275253        btn_target_room=btn_id.split("_")[2];
    276254       
    277         $("#room_error_"+btn_target_room).text('');
     255        jQuery("#room_error_"+btn_target_room).text('');
    278256       
    279257     if (btn_target=="age"){
    … …  
    287265       
    288266        //calculate new value
    289         new_val=parseInt($("#"+btn_target+"_"+btn_target_room).val(),10);
     267        new_val=parseInt(jQuery("#"+btn_target+"_"+btn_target_room).val(),10);
    290268
    291269   
    … …  
    319297           
    320298            if (btn_target_room=="0"){
    321                 if ($("#"+btn_target+"_"+btn_target_room).val()==2 && new_val==1) $("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
    322                 else if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==2) $("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
     299                if (jQuery("#"+btn_target+"_"+btn_target_room).val()==2 && new_val==1) jQuery("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
     300                else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==2) jQuery("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
    323301               
    324302            }else{
    325                 if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) $("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
    326                 else if ($("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) $("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
     303                if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) jQuery("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
     304                else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) jQuery("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
    327305            }               
    328306           
    329307        }
    330308        if (btn_target=="children"){
    331             if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) $("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
    332             else if ($("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) $("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
     309            if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) jQuery("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
     310            else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) jQuery("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
    333311        }
    334312        if (btn_target=="age"){
    335             if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) $("#"+btn_target+"_"+btn_target_room+"_less").addClass("disabled_btn");
    336             else if ($("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) $("#"+btn_target+"_"+btn_target_room+"_less").removeClass("disabled_btn");
    337         }
    338        
    339         if (btn_target=="adults" && $("#"+btn_target+"_"+btn_target_room).val()==19 && new_val==20) $("#"+btn_target+"_more_"+btn_target_room).addClass("disabled_btn");
    340         else if (btn_target=="adults" && $("#"+btn_target+"_"+btn_target_room).val()==20 && new_val==19) $("#"+btn_target+"_more_"+btn_target_room).removeClass("disabled_btn");
    341 
    342         if (btn_target=="age" && $("#"+btn_target).val()==16 && new_val==17) $("#"+btn_target+"_more").addClass("disabled_btn");
    343         else if (btn_target=="age" && $("#"+btn_target).val()==17 && new_val==16) $("#"+btn_target+"_more").removeClass("disabled_btn");
     313            if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) jQuery("#"+btn_target+"_"+btn_target_room+"_less").addClass("disabled_btn");
     314            else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) jQuery("#"+btn_target+"_"+btn_target_room+"_less").removeClass("disabled_btn");
     315        }
     316       
     317        if (btn_target=="adults" && jQuery("#"+btn_target+"_"+btn_target_room).val()==19 && new_val==20) jQuery("#"+btn_target+"_more_"+btn_target_room).addClass("disabled_btn");
     318        else if (btn_target=="adults" && jQuery("#"+btn_target+"_"+btn_target_room).val()==20 && new_val==19) jQuery("#"+btn_target+"_more_"+btn_target_room).removeClass("disabled_btn");
     319
     320        if (btn_target=="age" && jQuery("#"+btn_target).val()==16 && new_val==17) jQuery("#"+btn_target+"_more").addClass("disabled_btn");
     321        else if (btn_target=="age" && jQuery("#"+btn_target).val()==17 && new_val==16) jQuery("#"+btn_target+"_more").removeClass("disabled_btn");
    344322   
    345323        //update children fields
    … …  
    347325       
    348326       
    349             $("#"+btn_target+"_"+btn_target_room).val(new_val);
    350             $("#"+btn_target+"_span_"+btn_target_room).html(new_val);
    351        
    352         $(this).fadeTo(100, 0.5).fadeTo(100, 1.0);
    353        
    354        
    355         $("#btn-resume").text(getUpdatedText());
     327            jQuery("#"+btn_target+"_"+btn_target_room).val(new_val);
     328            jQuery("#"+btn_target+"_span_"+btn_target_room).html(new_val);
     329       
     330        jQuery(this).fadeTo(100, 0.5).fadeTo(100, 1.0);
     331       
     332       
     333        jQuery("#btn-resume").text(getUpdatedText());
    356334
    357335});
    … …  
    363341   
    364342   
    365     child_cnt=$(".app_child_cnt_"+btn_target_room).size();
     343    child_cnt=jQuery(".app_child_cnt_"+btn_target_room).size();
    366344    size=idx;
    367345   
    … …  
    373351    for (k=0;k<size;k++){
    374352       
    375         target_div=$("#room_"+btn_target_room+"_app_child_"+k);
     353        target_div=jQuery("#room_"+btn_target_room+"_app_child_"+k);
    376354       
    377355       
    … …  
    428406   
    429407   
    430     $("#room_"+btn_target_room+"_children_append_container").append(html);
     408    jQuery("#room_"+btn_target_room+"_children_append_container").append(html);
    431409}
    432410
    … …  
    435413
    436414
    437 
    438415});

  • roomcloud/tags/2.0.5/JS/wp_se1_horizontal_template_multi_hotel.js

    r2606589 r2651357  
    11
    22
    3 $( document ).ready(function() {
     3jQuery( document ).ready(function() {
    44   
    5     var drop=$("#traveler_details").prop('outerHTML');
    6     $("#traveler_details").remove();
    7     $("body").append(drop);
    8 
    9     var drop_w=$("#travelers_group").width();
    10     $("#traveler_details").css("width", drop_w);
    11 
    12     var drop_x=$("#travelers_group").offset().left;
    13     var drop_y=$("#travelers_group").offset().top;
    14 
    15     $("#traveler_details").css('top', drop_y + $("#travelers_group").outerHeight());
    16     $("#traveler_details").css('left', drop_x);
    17 
    18    
    19     $("#btn-search").click(function(e){
     5    var drop=jQuery("#traveler_details").prop('outerHTML');
     6    jQuery("#traveler_details").remove();
     7    jQuery("body").append(drop);
     8
     9    var drop_w=jQuery("#travelers_group").width();
     10    jQuery("#traveler_details").css("width", drop_w);
     11
     12    var drop_x=jQuery("#travelers_group").offset().left;
     13    var drop_y=jQuery("#travelers_group").offset().top;
     14
     15    jQuery("#traveler_details").css('top', drop_y + jQuery("#travelers_group").outerHeight());
     16    jQuery("#traveler_details").css('left', drop_x);
     17
     18   
     19    jQuery("#btn-search").click(function(e){
    2020       
    2121        e.preventDefault();
    2222        var roomEmpty=false;
    23         $(".rm-cnt").each(function(x){
    24            
    25             if ($(this).find("input[name='adults']").val()==0 && $(this).find("input[name='children']").val()==0){
     23        jQuery(".rm-cnt").each(function(x){
     24           
     25            if (jQuery(this).find("input[name='adults']").val()==0 && jQuery(this).find("input[name='children']").val()==0){
    2626               
    27                 $("#room_error_"+x).text('please add 1 person or remove the room');
     27                jQuery("#room_error_"+x).text(str_room_error);
    2828                roomEmpty=true;
    2929            }
    … …  
    3434        if (!roomEmpty){
    3535       
    36             $("#formSearch").append("<div style='display:none'>");
    37            
    38             $("#traveler_details").find("input").each(function(){
    39                 $("#formSearch").append($(this).prop('outerHTML'));
     36            jQuery("#formSearch").append("<div style='display:none'>");
     37           
     38            jQuery("#traveler_details").find("input").each(function(){
     39                jQuery("#formSearch").append(jQuery(this).prop('outerHTML'));
    4040            });
    4141           
    42             $("#formSearch").append("</div>");
    43             $("#formSearch").submit();
    44        
    45         }
     42            jQuery("#formSearch").append("</div>");
     43            jQuery("#formSearch").submit();
     44       
     45        }
     46       
    4647        else return false;
    4748           
    … …  
    5051    /******************         DROPDOWN            ****************/
    5152   
    52     $("#travelers_group").click(function(e){
     53    jQuery("#travelers_group").click(function(e){
    5354       
    54         $(".rc-dropdown-menu").slideToggle("fast");
     55        jQuery(".rc-dropdown-menu").slideToggle("fast");
    5556        e.stopPropagation();
    5657    });
    5758
    5859    // Hide dropdown menu on click outside
    59     $(document).on("click", function(event){
    60         if(!$(event.target).closest("#traveler_details").length){
     60    jQuery(document).on("click", function(event){
     61        if(!jQuery(event.target).closest("#traveler_details").length){
    6162           
    6263           
    6364            var roomEmpty=false;
    64             $(".rm-cnt").each(function(x){
    65            
    66                 if ($(this).find("input[name='adults']").val()==0 && $(this).find("input[name='children']").val()==0){
     65            jQuery(".rm-cnt").each(function(x){
     66           
     67                if (jQuery(this).find("input[name='adults']").val()==0 && jQuery(this).find("input[name='children']").val()==0){
    6768               
    68                     $("#room_error_"+x).text('please add 1 person or remove the room');
     69                    jQuery("#room_error_"+x).text('please add 1 person or remove the room');
    6970                    roomEmpty=true;
    7071                }
    … …  
    7778            if (roomEmpty) return;
    7879           
    79             $(".rc-dropdown-menu").slideUp("fast");
     80            jQuery(".rc-dropdown-menu").slideUp("fast");
    8081           
    81             $("#travelers").val(getUpdatedText());
     82            jQuery("#travelers").val(getUpdatedText());
    8283        }
    8384    });
    8485   
    85     $("#close_dropdown").on("click", function(event){
     86    jQuery("#close_dropdown").on("click", function(event){
    8687       
    8788       
    8889            var roomEmpty=false;
    89             $(".rm-cnt").each(function(x){
    90            
    91                 if ($(this).find("input[name='adults']").val()==0 && $(this).find("input[name='children']").val()==0){
     90            jQuery(".rm-cnt").each(function(x){
     91           
     92                if (jQuery(this).find("input[name='adults']").val()==0 && jQuery(this).find("input[name='children']").val()==0){
    9293               
    93                     $("#room_error_"+x).text('please add 1 person or remove the room');
     94                    jQuery("#room_error_"+x).text('please add 1 person or remove the room');
    9495                    roomEmpty=true;
    9596                }
    … …  
    102103            if (roomEmpty) return;
    103104           
    104             $(".rc-dropdown-menu").slideUp("fast");
     105            jQuery(".rc-dropdown-menu").slideUp("fast");
    105106           
    106             $("#travelers").val(getUpdatedText());
     107            jQuery("#travelers").val(getUpdatedText());
    107108       
    108109    });
    … …  
    115116        var adults=0;
    116117        var children=0;
    117         $(".rm-cnt").each(function(){
     118        jQuery(".rm-cnt").each(function(){
    118119           
    119120            rooms++;
    120             var target=($(this).attr("id")).split("_")[1];
     121            var target=(jQuery(this).attr("id")).split("_")[1];
    121122           
    122             adults+=parseInt($("#adults_"+target).val(), 10);
    123             children+=parseInt($("#children_"+target).val(), 10);
     123            adults+=parseInt(jQuery("#adults_"+target).val(), 10);
     124            children+=parseInt(jQuery("#children_"+target).val(), 10);
    124125           
    125126        });
    … …  
    144145    }
    145146
    146 /******************         DATERANGE           ****************/
    147    
    148    
    149 language="en" //bg cz de en es fr hr hu it jp nl pl pt ru zh
    150 calendar_open_side="right"; // right,left,top,bottom                                                                                             
    151 column_start_day_of_week=1; // 0 to 6
    152 
    153 
    154 
    155 
    156 $("#calendar_search_span").click(function(){
    157     $('#search_calendar').data('daterangepicker').show();
    158 });
     147
     148/*#############################                 LITEPICKER              #####################################*/
    159149
    160150var today= new moment();
    … …  
    163153
    164154
    165 $("#checkin").val(today.format("YYYYMMDD"));
    166 $("#checkout").val(tomorrow.format("YYYYMMDD"));
    167 moment.locale(locale);
    168 console.log("locale: "+moment.locale());
    169 
    170 $('#search_calendar').daterangepicker({
    171 
    172 
    173     alwaysShowCalendars: true,
    174     startDate: today,
    175     endDate: tomorrow,
    176     minDate: today,
    177     opens: calendar_open_side,
    178     autoApply: true,
    179     disableHoverDate: true,
    180     locale: {
    181         format: "D MMM YY",
    182         monthNames: moment.months(),
    183         applyLabel: "APPLY",
    184         cancelLabel: "CANCEL",
    185         fromLabel: "FROM",
    186         toLabel: "TO",
    187         customRangeLabel: "CUSTOM RANGE",
    188        
    189         weekLabel: "WEEK",
    190         daysOfWeek: moment.weekdaysShort(),
    191         //CLAUDIO PRIMO GIORNO DELLA SETTIMANA DA CUI FAR PARTIRE IL CALENDARIO
    192         firstDay: column_start_day_of_week
     155jQuery("#checkin").val(today.format("YYYYMMDD"));
     156jQuery("#checkout").val(tomorrow.format("YYYYMMDD"));
     157
     158(jQuery("#formSearch").find(jQuery("#start_day"))).val(today.format("DD"));
     159(jQuery("#formSearch").find(jQuery("#start_month"))).val(today.format("MM"));
     160(jQuery("#formSearch").find(jQuery("#start_year"))).val(today.format("YYYY"));
     161
     162(jQuery("#formSearch").find(jQuery("#end_day"))).val(tomorrow.format("DD"));
     163(jQuery("#formSearch").find(jQuery("#end_month"))).val(tomorrow.format("MM"));
     164(jQuery("#formSearch").find(jQuery("#end_year"))).val(tomorrow.format("YYYY"));
     165
     166const picker = new Litepicker({
     167    element: document.getElementById('search_calendar'),
     168
     169    plugins: ['mobilefriendly'],
     170    autoApply: true,
     171    singleMode: false, //true picker - false range picker
     172    allowRepick: false, //can repick only one date of range
     173   
     174    startDate: today.format("YYYY-MM-DD"),
     175    endDate: tomorrow.format("YYYY-MM-DD"),
     176   
     177//  buttonText:{"apply":"Applyss","cancel":"Cancelss"/*,"previousMonth":"<svg>...</svg>","nextMonth":"<svg>...</svg>","reset":"<svg>...</svg>"*/},
     178    firstDay:0,
     179    lang: locale,
     180    format:"YYYY-MM-DD",
     181   
     182    //desktop
     183    numberOfColumns: 2,
     184    numberOfMonths: 2,
     185   
     186
     187   
     188    position: "bottom left",
     189    scrollToDate: false,
     190   
     191//  disallowLockDaysInRange: true,
     192    selectBackward:false,
     193    selectForward:true,
     194    showTooltip:true,
     195   
     196    tooltipNumber:(totalDays) => {
     197        return totalDays - 1;
     198    },
     199    tooltipText:{"one":str_night,"other":str_nights},
     200    minDays:2,
     201    minDate:today.format("YYYY-MM-DD"),
     202    setup: (picker) => {
     203       
     204        picker.on('selected', (date1, date2) => {
     205           
     206            jQuery(".dates_calendar").css("animation", "none");
     207           
     208            jQuery("#search_group").addClass("search_calendar_border_fixed");
     209
     210            //remove pulse effect on checkin/checout calendar when a value is setted
     211            jQuery(".dates_calendar").css("animation", "none");
     212           
     213           
     214            select_start = date1.format('YYYYMMDD');
     215            select_end = date2.format('YYYYMMDD');
     216           
     217            (jQuery("#formSearch").find(jQuery("#start_day"))).val(date1.format("DD"));
     218            (jQuery("#formSearch").find(jQuery("#start_month"))).val(date1.format("MM"));
     219            (jQuery("#formSearch").find(jQuery("#start_year"))).val(date1.format("YYYY"));
     220           
     221            (jQuery("#formSearch").find(jQuery("#end_day"))).val(date2.format("DD"));
     222            (jQuery("#formSearch").find(jQuery("#end_month"))).val(date2.format("MM"));
     223            (jQuery("#formSearch").find(jQuery("#end_year"))).val(date2.format("YYYY"));
     224           
     225            jQuery("#checkin").val(select_start);
     226            jQuery("#checkout").val(select_end);
     227           
     228        });
     229   
    193230    }
     231   
     232  });
     233
     234jQuery("#calendar_search_span").click(function(){
     235    picker.show();
    194236});
    195237
    196238
    197 $('#search_calendar').on('hide.daterangepicker', function(ev, picker) {
    198    
    199     $("#search_group").removeClass("search_calendar_border");
    200    
    201     if(($("#search_calendar").data('daterangepicker').startDate.format("YYYY-MM-DD"))==($("#search_calendar").data('daterangepicker').endDate.format("YYYY-MM-DD"))){
    202         $("#search_calendar").val(""); 
    203     }
    204 
    205    
    206    
    207 });
    208 
    209 $('#search_calendar').on('apply.daterangepicker', function(ev, picker) {
    210    
    211 
    212     $("#search_group").addClass("search_calendar_border_fixed");
    213 
    214     //remove pulse effect on checkin/checout calendar when a value is setted
    215     $(".dates_calendar").css("animation", "none");
    216    
    217    
    218     select_start=picker.startDate.format('YYYYMMDD');
    219     select_end=picker.endDate.format('YYYYMMDD');
    220    
    221     $("#checkin").val(select_start);
    222     $("#checkout").val(select_end);
    223    
    224     oneDay = 24 * 60 * 60 * 1000;
    225 
    226 
    227     diffDays = Math.round(Math.abs(((picker.endDate - picker.startDate)) / oneDay));
    228    
    229     diffDays--;
    230    
    231     $("#cal_nights").text(diffDays);
    232    
    233     ($("#formSearch").find($("#checkin"))).val(select_start);
    234     ($("#formSearch").find($("#checkout"))).val(select_end);
    235    
    236 
    237 
    238     ($("#formSearch").find($("#start_day"))).val($("#search_calendar").data('daterangepicker').startDate.format("DD"));
    239     ($("#formSearch").find($("#start_month"))).val($("#search_calendar").data('daterangepicker').startDate.format("MM"));
    240     ($("#formSearch").find($("#start_year"))).val($("#search_calendar").data('daterangepicker').startDate.format("YYYY"));
    241    
    242     ($("#formSearch").find($("#end_day"))).val($("#search_calendar").data('daterangepicker').endDate.format("DD"));
    243     ($("#formSearch").find($("#end_month"))).val($("#search_calendar").data('daterangepicker').endDate.format("MM"));
    244     ($("#formSearch").find($("#end_year"))).val($("#search_calendar").data('daterangepicker').endDate.format("YYYY"));
    245                                            
    246    
    247    
    248 
    249    
    250    
    251 });
    252 
    253 
    254 
    255 
    256 
    257 
    258 
    259 
    260 /******************         GUEST BUTTONS + -           ****************/
    261 
    262 
    263 
    264 $(document).on('click','.box-btn-round', function() {
    265 
    266    
    267 
    268    
    269     btn_id=$(this).attr("id");
     239
     240/******************         ADD AND REMOVE GUEST            ****************/
     241
     242
     243
     244jQuery(document).on('click','.box-btn-round', function() {
     245
     246   
     247
     248   
     249    btn_id=jQuery(this).attr("id");
    270250
    271251   
    … …  
    277257        btn_target_room=btn_id.split("_")[2];
    278258       
    279         $("#room_error_"+btn_target_room).text('');
     259        jQuery("#room_error_"+btn_target_room).text('');
    280260       
    281261     if (btn_target=="age"){
    … …  
    289269       
    290270        //calculate new value
    291         new_val=parseInt($("#"+btn_target+"_"+btn_target_room).val(),10);
     271        new_val=parseInt(jQuery("#"+btn_target+"_"+btn_target_room).val(),10);
    292272
    293273   
    … …  
    321301           
    322302            if (btn_target_room=="0"){
    323                 if ($("#"+btn_target+"_"+btn_target_room).val()==2 && new_val==1) $("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
    324                 else if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==2) $("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
     303                if (jQuery("#"+btn_target+"_"+btn_target_room).val()==2 && new_val==1) jQuery("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
     304                else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==2) jQuery("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
    325305               
    326306            }else{
    327                 if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) $("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
    328                 else if ($("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) $("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
     307                if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) jQuery("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
     308                else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) jQuery("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
    329309            }               
    330310           
    331311        }
    332312        if (btn_target=="children"){
    333             if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) $("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
    334             else if ($("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) $("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
     313            if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) jQuery("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
     314            else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) jQuery("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
    335315        }
    336316        if (btn_target=="age"){
    337             if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) $("#"+btn_target+"_"+btn_target_room+"_less").addClass("disabled_btn");
    338             else if ($("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) $("#"+btn_target+"_"+btn_target_room+"_less").removeClass("disabled_btn");
    339         }
    340        
    341         if (btn_target=="adults" && $("#"+btn_target+"_"+btn_target_room).val()==19 && new_val==20) $("#"+btn_target+"_more_"+btn_target_room).addClass("disabled_btn");
    342         else if (btn_target=="adults" && $("#"+btn_target+"_"+btn_target_room).val()==20 && new_val==19) $("#"+btn_target+"_more_"+btn_target_room).removeClass("disabled_btn");
    343 
    344         if (btn_target=="age" && $("#"+btn_target).val()==16 && new_val==17) $("#"+btn_target+"_more").addClass("disabled_btn");
    345         else if (btn_target=="age" && $("#"+btn_target).val()==17 && new_val==16) $("#"+btn_target+"_more").removeClass("disabled_btn");
     317            if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) jQuery("#"+btn_target+"_"+btn_target_room+"_less").addClass("disabled_btn");
     318            else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) jQuery("#"+btn_target+"_"+btn_target_room+"_less").removeClass("disabled_btn");
     319        }
     320       
     321        if (btn_target=="adults" && jQuery("#"+btn_target+"_"+btn_target_room).val()==19 && new_val==20) jQuery("#"+btn_target+"_more_"+btn_target_room).addClass("disabled_btn");
     322        else if (btn_target=="adults" && jQuery("#"+btn_target+"_"+btn_target_room).val()==20 && new_val==19) jQuery("#"+btn_target+"_more_"+btn_target_room).removeClass("disabled_btn");
     323
     324        if (btn_target=="age" && jQuery("#"+btn_target).val()==16 && new_val==17) jQuery("#"+btn_target+"_more").addClass("disabled_btn");
     325        else if (btn_target=="age" && jQuery("#"+btn_target).val()==17 && new_val==16) jQuery("#"+btn_target+"_more").removeClass("disabled_btn");
    346326   
    347327        //update children fields
    … …  
    349329       
    350330       
    351             $("#"+btn_target+"_"+btn_target_room).val(new_val);
    352             $("#"+btn_target+"_span_"+btn_target_room).html(new_val);
    353        
    354         $(this).fadeTo(100, 0.5).fadeTo(100, 1.0);
    355        
    356        
    357         $("#btn-resume").text(getUpdatedText());
     331            jQuery("#"+btn_target+"_"+btn_target_room).val(new_val);
     332            jQuery("#"+btn_target+"_span_"+btn_target_room).html(new_val);
     333       
     334        jQuery(this).fadeTo(100, 0.5).fadeTo(100, 1.0);
     335       
     336       
     337        jQuery("#btn-resume").text(getUpdatedText());
    358338
    359339});
    … …  
    365345   
    366346   
    367     child_cnt=$(".app_child_cnt_"+btn_target_room).size();
     347    child_cnt=jQuery(".app_child_cnt_"+btn_target_room).size();
    368348    size=idx;
    369349   
    … …  
    375355    for (k=0;k<size;k++){
    376356       
    377         target_div=$("#room_"+btn_target_room+"_app_child_"+k);
     357        target_div=jQuery("#room_"+btn_target_room+"_app_child_"+k);
    378358       
    379359       
    … …  
    430410   
    431411   
    432     $("#room_"+btn_target_room+"_children_append_container").append(html);
     412    jQuery("#room_"+btn_target_room+"_children_append_container").append(html);
    433413}
    434414
    435415
    436416
    437 
    438 
    439 
     417jQuery("#hotel_search").click(function(){
     418   
     419    jQuery("#hotel").show();
     420   
    440421});
     422
     423
     424});

  • roomcloud/tags/2.0.5/JS/wp_se1_vertical_template.js

    r2606589 r2651357  
    11
    2 $("#btn-search").click(function(){
     2jQuery( document ).ready(function() {
     3
     4
     5jQuery("#btn-search").click(function(){
    36   
    47   
    58    var roomEmpty=false;
    6     $(".rm-cnt").each(function(x){
    7        
    8         if ($(this).find("input[name='adults']").val()==0 && $(this).find("input[name='children']").val()==0){
    9            
    10             $("#room_error_"+x).text('please add 1 person or remove the room');
     9    jQuery(".rm-cnt").each(function(x){
     10       
     11        if (jQuery(this).find("input[name='adults']").val()==0 && jQuery(this).find("input[name='children']").val()==0){
     12           
     13            jQuery("#room_error_"+x).text(str_room_error);
    1114            roomEmpty=true;
    1215        }
    … …  
    1518   
    1619   
    17     if (!roomEmpty) $("#formSearch").submit();
     20    if (!roomEmpty) jQuery("#formSearch").submit();
    1821    else return false;
    1922   
    … …  
    2225
    2326
    24 /* begin of plugin customization V 1.0 */
    25 
    26 language="en" //bg cz de en es fr hr hu it jp nl pl pt ru zh
    27 calendar_open_side="right"; // right,left,top,bottom                                                                                             
    28 column_start_day_of_week=1; // 0 to 6
    29 
    30 /* end of plugin customization */
    31 
    32 
    33 $("#calendar_search_span").click(function(){
    34     $('#search_calendar').data('daterangepicker').show();
    35 });
     27/*#############################                 LITEPICKER              #####################################*/
    3628
    3729var today= new moment();
    … …  
    3931tomorrow=tomorrow.add(1,'days');
    4032
    41 $("#checkin").val(today.format("YYYYMMDD"));
    42 $("#checkout").val(tomorrow.format("YYYYMMDD"));
    43 moment.locale(locale);
    44 console.log("locale: "+moment.locale());
    45 
    46 
    47 $('#search_calendar').daterangepicker({
    48 
    49 
    50     alwaysShowCalendars: true,
    51     startDate: today,
    52     endDate: tomorrow,
    53     minDate: today,
    54     opens: calendar_open_side,
    55     autoApply: true,
    56     disableHoverDate: true,
    57     locale: {
    58         format: "D MMM YY",
    59         monthNames: moment.months(),
    60         applyLabel: "APPLY",
    61         cancelLabel: "CANCEL",
    62         fromLabel: "FROM",
    63         toLabel: "TO",
    64         customRangeLabel: "CUSTOM RANGE",
    65        
    66         weekLabel: "WEEK",
    67         daysOfWeek: moment.weekdaysShort(),
    68         //CLAUDIO PRIMO GIORNO DELLA SETTIMANA DA CUI FAR PARTIRE IL CALENDARIO
    69         firstDay: column_start_day_of_week
     33
     34jQuery("#checkin").val(today.format("YYYYMMDD"));
     35jQuery("#checkout").val(tomorrow.format("YYYYMMDD"));
     36
     37
     38
     39(jQuery("#formSearch").find(jQuery("#start_day"))).val(today.format("DD"));
     40(jQuery("#formSearch").find(jQuery("#start_month"))).val(today.format("MM"));
     41(jQuery("#formSearch").find(jQuery("#start_year"))).val(today.format("YYYY"));
     42
     43(jQuery("#formSearch").find(jQuery("#end_day"))).val(tomorrow.format("DD"));
     44(jQuery("#formSearch").find(jQuery("#end_month"))).val(tomorrow.format("MM"));
     45(jQuery("#formSearch").find(jQuery("#end_year"))).val(tomorrow.format("YYYY"));
     46
     47
     48const picker = new Litepicker({
     49    element: document.getElementById('search_calendar'),
     50
     51    plugins: ['mobilefriendly'],
     52    autoApply: true,
     53    singleMode: false, //true picker - false range picker
     54    allowRepick: false, //can repick only one date of range
     55   
     56    startDate: today.format("YYYY-MM-DD"),
     57    endDate: tomorrow.format("YYYY-MM-DD"),
     58   
     59//  buttonText:{"apply":"Applyss","cancel":"Cancelss"/*,"previousMonth":"<svg>...</svg>","nextMonth":"<svg>...</svg>","reset":"<svg>...</svg>"*/},
     60    firstDay:0,
     61    lang: locale,
     62    format:"YYYY-MM-DD",
     63   
     64    //desktop
     65    numberOfColumns: 2,
     66    numberOfMonths: 2,
     67   
     68
     69   
     70    position: "bottom left",
     71    scrollToDate: false,
     72   
     73//  disallowLockDaysInRange: true,
     74    selectBackward:false,
     75    selectForward:true,
     76    showTooltip:true,
     77   
     78    tooltipNumber:(totalDays) => {
     79        return totalDays - 1;
     80    },
     81    tooltipText:{"one":str_night,"other":str_nights},
     82    minDays:2,
     83    minDate:today.format("YYYY-MM-DD"),
     84    setup: (picker) => {
     85       
     86        picker.on('selected', (date1, date2) => {
     87           
     88            jQuery(".dates_calendar").css("animation", "none");
     89           
     90            jQuery("#search_group").addClass("search_calendar_border_fixed");
     91
     92            //remove pulse effect on checkin/checout calendar when a value is setted
     93            jQuery(".dates_calendar").css("animation", "none");
     94           
     95           
     96            select_start = date1.format('YYYYMMDD');
     97            select_end = date2.format('YYYYMMDD');
     98           
     99            (jQuery("#formSearch").find(jQuery("#start_day"))).val(date1.format("DD"));
     100            (jQuery("#formSearch").find(jQuery("#start_month"))).val(date1.format("MM"));
     101            (jQuery("#formSearch").find(jQuery("#start_year"))).val(date1.format("YYYY"));
     102           
     103            (jQuery("#formSearch").find(jQuery("#end_day"))).val(date2.format("DD"));
     104            (jQuery("#formSearch").find(jQuery("#end_month"))).val(date2.format("MM"));
     105            (jQuery("#formSearch").find(jQuery("#end_year"))).val(date2.format("YYYY"));
     106           
     107            jQuery("#checkin").val(select_start);
     108            jQuery("#checkout").val(select_end);
     109           
     110        });
     111   
    70112    }
    71 });
    72 
    73 
    74 $('#search_calendar').on('hide.daterangepicker', function(ev, picker) {
    75    
    76     $("#search_group").removeClass("search_calendar_border");
    77    
    78     if(($("#search_calendar").data('daterangepicker').startDate.format("YYYY-MM-DD"))==($("#search_calendar").data('daterangepicker').endDate.format("YYYY-MM-DD"))){
    79         $("#search_calendar").val(""); 
    80     }
    81 
    82    
    83    
    84 });
    85 
    86 $('#search_calendar').on('apply.daterangepicker', function(ev, picker) {
    87    
    88 
    89     $("#search_group").addClass("search_calendar_border_fixed");
    90 
    91     //remove pulse effect on checkin/checout calendar when a value is setted
    92     $(".dates_calendar").css("animation", "none");
    93    
    94    
    95     select_start=picker.startDate.format('YYYYMMDD');
    96     select_end=picker.endDate.format('YYYYMMDD');
    97    
    98    
    99     oneDay = 24 * 60 * 60 * 1000;
    100 
    101 
    102     diffDays = Math.round(Math.abs(((picker.endDate - picker.startDate)) / oneDay));
    103    
    104     diffDays--;
    105    
    106     $("#cal_nights").text(diffDays);
    107    
    108    
    109    
    110 
    111    
    112 
    113 
    114     ($("#formSearch").find($("#start_day"))).val($("#search_calendar").data('daterangepicker').startDate.format("DD"));
    115     ($("#formSearch").find($("#start_month"))).val($("#search_calendar").data('daterangepicker').startDate.format("MM"));
    116     ($("#formSearch").find($("#start_year"))).val($("#search_calendar").data('daterangepicker').startDate.format("YYYY"));
    117    
    118     ($("#formSearch").find($("#end_day"))).val($("#search_calendar").data('daterangepicker').endDate.format("DD"));
    119     ($("#formSearch").find($("#end_month"))).val($("#search_calendar").data('daterangepicker').endDate.format("MM"));
    120     ($("#formSearch").find($("#end_year"))).val($("#search_calendar").data('daterangepicker').endDate.format("YYYY"));
    121    
    122    
    123                                        
    124    
    125    
    126 
    127    
    128 
    129    
    130    
    131 });
    132 
    133 $(document).on('click','.box-btn', function() {
    134 
    135    
    136 
    137    
    138     btn_id=$(this).attr("id");
     113   
     114  });
     115
     116    jQuery("#calendar_search_span").click(function(){
     117        picker.show();
     118    });
     119
     120
     121
     122
     123
     124
     125
     126/******************         ADD AND REMOVE GUEST            ****************/
     127
     128
     129jQuery(document).on('click','.box-btn', function() {
     130
     131   
     132
     133   
     134    btn_id=jQuery(this).attr("id");
    139135
    140136   
    … …  
    146142        btn_target_room=btn_id.split("_")[2];
    147143       
    148         $("#room_error_"+btn_target_room).text('');
     144        jQuery("#room_error_"+btn_target_room).text('');
    149145       
    150146     if (btn_target=="age"){
    … …  
    158154       
    159155        //calculate new value
    160         new_val=parseInt($("#"+btn_target+"_"+btn_target_room).val(),10);
     156        new_val=parseInt(jQuery("#"+btn_target+"_"+btn_target_room).val(),10);
    161157
    162158   
    … …  
    190186           
    191187            if (btn_target_room=="0"){
    192                 if ($("#"+btn_target+"_"+btn_target_room).val()==2 && new_val==1) $("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
    193                 else if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==2) $("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
     188                if (jQuery("#"+btn_target+"_"+btn_target_room).val()==2 && new_val==1) jQuery("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
     189                else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==2) jQuery("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
    194190               
    195191            }else{
    196                 if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) $("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
    197                 else if ($("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) $("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
     192                if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) jQuery("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
     193                else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) jQuery("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
    198194            }               
    199195           
    200196        }
    201197        if (btn_target=="children"){
    202             if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) $("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
    203             else if ($("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) $("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
     198            if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) jQuery("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
     199            else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) jQuery("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
    204200        }
    205201        if (btn_target=="age"){
    206             if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) $("#"+btn_target+"_"+btn_target_room+"_less").addClass("disabled_btn");
    207             else if ($("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) $("#"+btn_target+"_"+btn_target_room+"_less").removeClass("disabled_btn");
    208         }
    209        
    210         if (btn_target=="adults" && $("#"+btn_target+"_"+btn_target_room).val()==19 && new_val==20) $("#"+btn_target+"_more_"+btn_target_room).addClass("disabled_btn");
    211         else if (btn_target=="adults" && $("#"+btn_target+"_"+btn_target_room).val()==20 && new_val==19) $("#"+btn_target+"_more_"+btn_target_room).removeClass("disabled_btn");
    212 
    213         if (btn_target=="age" && $("#"+btn_target).val()==16 && new_val==17) $("#"+btn_target+"_more").addClass("disabled_btn");
    214         else if (btn_target=="age" && $("#"+btn_target).val()==17 && new_val==16) $("#"+btn_target+"_more").removeClass("disabled_btn");
     202            if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) jQuery("#"+btn_target+"_"+btn_target_room+"_less").addClass("disabled_btn");
     203            else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) jQuery("#"+btn_target+"_"+btn_target_room+"_less").removeClass("disabled_btn");
     204        }
     205       
     206        if (btn_target=="adults" && jQuery("#"+btn_target+"_"+btn_target_room).val()==19 && new_val==20) jQuery("#"+btn_target+"_more_"+btn_target_room).addClass("disabled_btn");
     207        else if (btn_target=="adults" && jQuery("#"+btn_target+"_"+btn_target_room).val()==20 && new_val==19) jQuery("#"+btn_target+"_more_"+btn_target_room).removeClass("disabled_btn");
     208
     209        if (btn_target=="age" && jQuery("#"+btn_target).val()==16 && new_val==17) jQuery("#"+btn_target+"_more").addClass("disabled_btn");
     210        else if (btn_target=="age" && jQuery("#"+btn_target).val()==17 && new_val==16) jQuery("#"+btn_target+"_more").removeClass("disabled_btn");
    215211   
    216212        //update children fields
    … …  
    218214       
    219215       
    220             $("#"+btn_target+"_"+btn_target_room).val(new_val);
    221             $("#"+btn_target+"_span_"+btn_target_room).html(new_val);
    222        
    223         $(this).fadeTo(100, 0.5).fadeTo(100, 1.0);
     216            jQuery("#"+btn_target+"_"+btn_target_room).val(new_val);
     217            jQuery("#"+btn_target+"_span_"+btn_target_room).html(new_val);
     218       
     219        jQuery(this).fadeTo(100, 0.5).fadeTo(100, 1.0);
    224220       
    225221       
    … …  
    233229   
    234230   
    235     child_cnt=$(".app_child_cnt_"+btn_target_room).size();
     231    child_cnt=jQuery(".app_child_cnt_"+btn_target_room).size();
    236232    size=idx;
    237233   
    … …  
    243239    for (k=0;k<size;k++){
    244240       
    245         target_div=$("#room_"+btn_target_room+"_app_child_"+k);
     241        target_div=jQuery("#room_"+btn_target_room+"_app_child_"+k);
    246242       
    247243       
    … …  
    302298   
    303299   
    304     $("#room_"+btn_target_room+"_children_append_container").append(html);
     300    jQuery("#room_"+btn_target_room+"_children_append_container").append(html);
    305301}
    306302
    307303
    308304
    309 
     305});

  • roomcloud/tags/2.0.5/JS/wp_se2_horizontal_template.js

    r2606589 r2651357  
    11
    2 $( document ).ready(function() {
     2jQuery( document ).ready(function() {
    33   
    4     var drop=$("#traveler_details").prop('outerHTML');
    5     $("#traveler_details").remove();
    6     $("body").append(drop);
    7 
    8     var drop_w=$("#travelers_group").width();
    9     $("#traveler_details").css("width", drop_w);
    10 
    11     var drop_x=$("#travelers_group").offset().left;
    12     var drop_y=$("#travelers_group").offset().top;
    13 
    14     $("#traveler_details").css('top', drop_y + $("#travelers_group").outerHeight());
    15     $("#traveler_details").css('left', drop_x);
    16 
    17    
    18     $("#btn-search").click(function(e){
     4    var drop=jQuery("#traveler_details").prop('outerHTML');
     5    jQuery("#traveler_details").remove();
     6    jQuery("body").append(drop);
     7
     8    var drop_w=jQuery("#travelers_group").width();
     9    jQuery("#traveler_details").css("width", drop_w);
     10
     11    var drop_x=jQuery("#travelers_group").offset().left;
     12    var drop_y=jQuery("#travelers_group").offset().top;
     13
     14    jQuery("#traveler_details").css('top', drop_y + jQuery("#travelers_group").outerHeight());
     15    jQuery("#traveler_details").css('left', drop_x);
     16
     17   
     18    jQuery("#btn-search").click(function(e){
    1919       
    2020        e.preventDefault();
    2121        var roomEmpty=false;
    22         $(".rm-cnt").each(function(x){
    23            
    24             if ($(this).find("input[name='adults']").val()==0 && $(this).find("input[name='children']").val()==0){
    25                
    26                 $("#room_error_"+x).text(str_room_error);
     22        jQuery(".rm-cnt").each(function(x){
     23           
     24            if (jQuery(this).find("input[name='adults']").val()==0 && jQuery(this).find("input[name='children']").val()==0){
     25               
     26                jQuery("#room_error_"+x).text(str_room_error);
    2727                roomEmpty=true;
    2828            }
    … …  
    3333        if (!roomEmpty){
    3434       
    35             $("#formSearch").append("<div style='display:none'>");
    36            
    37             $("#traveler_details").find("input").each(function(){
    38                 $("#formSearch").append($(this).prop('outerHTML'));
     35            jQuery("#formSearch").append("<div style='display:none'>");
     36           
     37            jQuery("#traveler_details").find("input").each(function(){
     38                jQuery("#formSearch").append(jQuery(this).prop('outerHTML'));
    3939            });
    4040           
    41             $("#formSearch").append("</div>");
    42             $("#formSearch").submit();
     41            jQuery("#formSearch").append("</div>");
     42            jQuery("#formSearch").submit();
    4343       
    4444        }
    … …  
    4949    /******************         DROPDOWN            ****************/
    5050   
    51     $("#travelers_group").click(function(e){
     51    jQuery("#travelers_group").click(function(e){
    5252       
    53         $(".rc-dropdown-menu").slideToggle("fast");
     53        jQuery(".rc-dropdown-menu").slideToggle("fast");
    5454        e.stopPropagation();
    5555    });
    5656
    5757    // Hide dropdown menu on click outside
    58     $(document).on("click", function(event){
    59         if(!$(event.target).closest("#traveler_details").length){
     58    jQuery(document).on("click", function(event){
     59        if(!jQuery(event.target).closest("#traveler_details").length){
    6060           
    6161           
    6262            var roomEmpty=false;
    63             $(".rm-cnt").each(function(x){
    64            
    65                 if ($(this).find("input[name='adults']").val()==0 && $(this).find("input[name='children']").val()==0){
     63            jQuery(".rm-cnt").each(function(x){
     64           
     65                if (jQuery(this).find("input[name='adults']").val()==0 && jQuery(this).find("input[name='children']").val()==0){
    6666               
    67                     $("#room_error_"+x).text(str_room_error);
     67                    jQuery("#room_error_"+x).text(str_room_error);
    6868                    roomEmpty=true;
    6969                }
    … …  
    7676            if (roomEmpty) return;
    7777           
    78             $(".rc-dropdown-menu").slideUp("fast");
     78            jQuery(".rc-dropdown-menu").slideUp("fast");
    7979           
    80             $("#travelers").val(getUpdatedText());
     80            jQuery("#travelers").val(getUpdatedText());
    8181        }
    8282    });
    8383   
    84     $("#close_dropdown").on("click", function(event){
     84    jQuery("#close_dropdown").on("click", function(event){
    8585       
    8686       
    8787            var roomEmpty=false;
    88             $(".rm-cnt").each(function(x){
    89            
    90                 if ($(this).find("input[name='adults']").val()==0 && $(this).find("input[name='children']").val()==0){
     88            jQuery(".rm-cnt").each(function(x){
     89           
     90                if (jQuery(this).find("input[name='adults']").val()==0 && jQuery(this).find("input[name='children']").val()==0){
    9191               
    92                     $("#room_error_"+x).text(str_room_error);
     92                    jQuery("#room_error_"+x).text(str_room_error);
    9393                    roomEmpty=true;
    9494                }
    … …  
    101101            if (roomEmpty) return;
    102102           
    103             $(".rc-dropdown-menu").slideUp("fast");
     103            jQuery(".rc-dropdown-menu").slideUp("fast");
    104104           
    105             $("#travelers").val(getUpdatedText());
     105            jQuery("#travelers").val(getUpdatedText());
    106106       
    107107    });
    … …  
    114114        var adults=0;
    115115        var children=0;
    116         $(".rm-cnt").each(function(){
     116        jQuery(".rm-cnt").each(function(){
    117117           
    118118            rooms++;
    119             var target=($(this).attr("id")).split("_")[1];
     119            var target=(jQuery(this).attr("id")).split("_")[1];
    120120           
    121             adults+=parseInt($("#adults_"+target).val(), 10);
    122             children+=parseInt($("#children_"+target).val(), 10);
     121            adults+=parseInt(jQuery("#adults_"+target).val(), 10);
     122            children+=parseInt(jQuery("#children_"+target).val(), 10);
    123123           
    124124        });
    … …  
    145145       
    146146    }
    147 
    148 /******************         DATERANGE           ****************/
    149    
    150    
    151 language="en" //bg cz de en es fr hr hu it jp nl pl pt ru zh
    152 calendar_open_side="right"; // right,left,top,bottom                                                                                             
    153 column_start_day_of_week=1; // 0 to 6
    154 
    155 
    156 
    157 
    158 $("#calendar_search_span").click(function(){
    159     $('#search_calendar').data('daterangepicker').show();
    160 });
     147   
     148/*#############################                 LITEPICKER              #####################################*/
     149
     150
    161151
    162152var today= new moment();
    … …  
    165155
    166156
    167 $("#checkin").val(today.format("YYYYMMDD"));
    168 $("#checkout").val(tomorrow.format("YYYYMMDD"));
    169 moment.locale(locale);
    170 console.log("locale: "+moment.locale());
    171 
    172 
    173 $('#search_calendar').daterangepicker({
    174 
    175 
    176     alwaysShowCalendars: true,
    177     startDate: today,
    178     endDate: tomorrow,
    179     minDate: today,
    180     opens: calendar_open_side,
    181     autoApply: true,
    182     disableHoverDate: true,
    183     locale: {
    184         format: "D MMM YY",
    185         monthNames: moment.months(),
    186         applyLabel: "APPLY",
    187         cancelLabel: "CANCEL",
    188         fromLabel: "FROM",
    189         toLabel: "TO",
    190         customRangeLabel: "CUSTOM RANGE",
    191        
    192         weekLabel: "WEEK",
    193         daysOfWeek: moment.weekdaysShort(),
    194         //CLAUDIO PRIMO GIORNO DELLA SETTIMANA DA CUI FAR PARTIRE IL CALENDARIO
    195         firstDay: column_start_day_of_week
     157jQuery("#checkin").val(today.format("YYYYMMDD"));
     158jQuery("#checkout").val(tomorrow.format("YYYYMMDD"));
     159
     160
     161const picker = new Litepicker({
     162    element: document.getElementById('search_calendar'),
     163
     164    plugins: ['mobilefriendly'],
     165    autoApply: true,
     166    singleMode: false, //true picker - false range picker
     167    allowRepick: false, //can repick only one date of range
     168   
     169    startDate: today.format("YYYY-MM-DD"),
     170    endDate: tomorrow.format("YYYY-MM-DD"),
     171   
     172//  buttonText:{"apply":"Applyss","cancel":"Cancelss"/*,"previousMonth":"<svg>...</svg>","nextMonth":"<svg>...</svg>","reset":"<svg>...</svg>"*/},
     173    firstDay:0,
     174    lang: locale,
     175    format:"YYYY-MM-DD",
     176   
     177    //desktop
     178    numberOfColumns: 2,
     179    numberOfMonths: 2,
     180   
     181
     182   
     183    position: "bottom left",
     184    scrollToDate: false,
     185   
     186//  disallowLockDaysInRange: true,
     187    selectBackward:false,
     188    selectForward:true,
     189    showTooltip:true,
     190   
     191    tooltipNumber:(totalDays) => {
     192        return totalDays - 1;
     193    },
     194    tooltipText:{"one":str_night,"other":str_nights},
     195    minDays:2,
     196    minDate:today.format("YYYY-MM-DD"),
     197    setup: (picker) => {
     198       
     199        picker.on('selected', (date1, date2) => {
     200           
     201            jQuery(".dates_calendar").css("animation", "none");
     202           
     203            jQuery("#search_group").addClass("search_calendar_border_fixed");
     204
     205            //remove pulse effect on checkin/checout calendar when a value is setted
     206            jQuery(".dates_calendar").css("animation", "none");
     207           
     208           
     209            select_start = date1.format('YYYYMMDD');
     210            select_end = date2.format('YYYYMMDD');
     211           
     212            jQuery("#checkin").val(select_start);
     213            jQuery("#checkout").val(select_end);
     214           
     215        });
     216   
    196217    }
    197 });
    198 
    199 
    200 $('#search_calendar').on('hide.daterangepicker', function(ev, picker) {
    201    
    202     $("#search_group").removeClass("search_calendar_border");
    203    
    204     if(($("#search_calendar").data('daterangepicker').startDate.format("YYYY-MM-DD"))==($("#search_calendar").data('daterangepicker').endDate.format("YYYY-MM-DD"))){
    205         $("#search_calendar").val(""); 
    206     }
    207 
    208    
    209    
    210 });
    211 
    212 $('#search_calendar').on('apply.daterangepicker', function(ev, picker) {
    213    
    214 
    215     $("#search_group").addClass("search_calendar_border_fixed");
    216 
    217     //remove pulse effect on checkin/checout calendar when a value is setted
    218     $(".dates_calendar").css("animation", "none");
    219    
    220    
    221     select_start=picker.startDate.format('YYYYMMDD');
    222     select_end=picker.endDate.format('YYYYMMDD');
    223    
    224     $("#checkin").val(select_start);
    225     $("#checkout").val(select_end);
    226    
    227     oneDay = 24 * 60 * 60 * 1000;
    228 
    229 
    230     diffDays = Math.round(Math.abs(((picker.endDate - picker.startDate)) / oneDay));
    231    
    232     diffDays--;
    233    
    234     $("#cal_nights").text(diffDays);
    235    
    236     ($("#formSearch").find($("#checkin"))).val(select_start);
    237     ($("#formSearch").find($("#checkout"))).val(select_end);
    238 
    239        
    240 });
     218   
     219  });
     220
     221
     222    jQuery("#calendar_search_span").click(function(){
     223        picker.show();
     224    });
    241225
    242226/******************         ADD AND REMOVE GUEST            ****************/
    243227
    244 $("#room_add_span").click(function(){
     228jQuery("#room_add_span").click(function(){
    245229   
    246230    new_room="";
    247231   
    248     new_idx=$(".rm-cnt").length;
     232    new_idx=jQuery(".rm-cnt").length;
    249233   
    250234   
    … …  
    336320    new_room+="</div>";
    337321   
    338     $("#rooms_container").append(new_room);
    339    
    340     $("#btn-resume").text(getUpdatedText());
     322    jQuery("#rooms_container").append(new_room);
     323   
     324    jQuery("#btn-resume").text(getUpdatedText());
    341325
    342326   
    343327});
    344328
    345 $(document).on('click', ".room-remove", function(e) {
     329jQuery(document).on('click', ".room-remove", function(e) {
    346330     
    347331    e.stopPropagation();
    348332   
    349     var room_to_remove=$(this).attr("id").split("-")[2];
     333    var room_to_remove=jQuery(this).attr("id").split("-")[2];
    350334   
    351335    /**/
    352336   
    353     room_counter=$(".rm-cnt").length;   
    354     $("#room_"+room_to_remove+"_container").remove();
     337    room_counter=jQuery(".rm-cnt").length; 
     338    jQuery("#room_"+room_to_remove+"_container").remove();
    355339   
    356340   
    … …  
    362346    /**/
    363347   
    364     $("#btn-resume").text(getUpdatedText());
     348    jQuery("#btn-resume").text(getUpdatedText());
    365349
    366350   
    … …  
    372356    newk=k-1;
    373357   
    374     num_children=$("#children_"+k).val();
     358    num_children=jQuery("#children_"+k).val();
    375359   
    376360    for (i=0;i<num_children;i++){
    377361       
    378         $("#room_"+k+"_app_child_"+i).removeClass("app_child_cnt_"+k);
    379         $("#room_"+k+"_app_child_"+i).addClass("app_child_cnt_"+k);
    380    
    381         $("#room_"+k+"_app_child_"+i).attr("id","room_"+newk+"_app_child_"+i);
    382        
    383        
    384         $("#age_room_"+k+"_child_"+i+"_less").attr("id","age_room_"+newk+"_child_"+i+"_less");
    385         $("#age_room_"+k+"_child_"+i+"_more").attr("id","age_room_"+newk+"_child_"+i+"_more");
    386        
    387         $("#age_room_"+k+"_child_"+i).attr("name","age_"+newk);
    388         $("#age_room_"+k+"_child_"+i).attr("id","age_room_"+newk+"_child_"+i);
    389        
    390         $("#age_span_room_"+k+"_child_"+i).attr("id","age_span_room_"+newk+"_child_"+i);
     362        jQuery("#room_"+k+"_app_child_"+i).removeClass("app_child_cnt_"+k);
     363        jQuery("#room_"+k+"_app_child_"+i).addClass("app_child_cnt_"+k);
     364   
     365        jQuery("#room_"+k+"_app_child_"+i).attr("id","room_"+newk+"_app_child_"+i);
     366       
     367       
     368        jQuery("#age_room_"+k+"_child_"+i+"_less").attr("id","age_room_"+newk+"_child_"+i+"_less");
     369        jQuery("#age_room_"+k+"_child_"+i+"_more").attr("id","age_room_"+newk+"_child_"+i+"_more");
     370       
     371        jQuery("#age_room_"+k+"_child_"+i).attr("name","ages_"+newk);
     372        jQuery("#age_room_"+k+"_child_"+i).attr("id","age_room_"+newk+"_child_"+i);
     373       
     374        jQuery("#age_span_room_"+k+"_child_"+i).attr("id","age_span_room_"+newk+"_child_"+i);
    391375   
    392376    }
    393377   
    394378   
    395     $("#room_"+k+"_container").attr("id","room_"+newk+"_container");       
    396     $("#room-num-span-"+k).text("Room "+k);         
    397     $("#room-num-span-"+k).attr("id","#room-num-span-"+newk);       
    398     $("#room-remove-"+k).attr("id","#room-remove-"+newk);       
    399 
    400     $("#room_error_"+k).attr("id","room_error_"+newk);
    401 
    402     $("#room_"+k+"_children_append_container").attr("id","room_"+newk+"_children_append_container");
    403     $("#adults_less_"+k).attr("id","adults_less_"+newk);
    404     $("#adults_span_"+k).attr("id","adults_span_"+newk);
    405     $("#adults_"+k).attr("id","adults_"+newk);
    406     $("#adults_more_"+k).attr("id","adults_more_"+newk);
    407     $("#children_less_"+k).attr("id","children_less_"+newk);
    408     $("#children_span_"+k).attr("id","children_span_"+newk);
    409     $("#children_"+k).attr("id","children_"+newk);
    410     $("#children_more_"+k).attr("id","children_more_"+newk);
     379    jQuery("#room_"+k+"_container").attr("id","room_"+newk+"_container");       
     380    jQuery("#room-num-span-"+k).text("Room "+k);           
     381    jQuery("#room-num-span-"+k).attr("id","#room-num-span-"+newk);     
     382    jQuery("#room-remove-"+k).attr("id","#room-remove-"+newk);     
     383
     384    jQuery("#room_error_"+k).attr("id","room_error_"+newk);
     385
     386    jQuery("#room_"+k+"_children_append_container").attr("id","room_"+newk+"_children_append_container");
     387    jQuery("#adults_less_"+k).attr("id","adults_less_"+newk);
     388    jQuery("#adults_span_"+k).attr("id","adults_span_"+newk);
     389    jQuery("#adults_"+k).attr("id","adults_"+newk);
     390    jQuery("#adults_more_"+k).attr("id","adults_more_"+newk);
     391    jQuery("#children_less_"+k).attr("id","children_less_"+newk);
     392    jQuery("#children_span_"+k).attr("id","children_span_"+newk);
     393    jQuery("#children_"+k).attr("id","children_"+newk);
     394    jQuery("#children_more_"+k).attr("id","children_more_"+newk);
    411395
    412396   
    … …  
    417401
    418402
    419 $(document).on('click','.box-btn-round', function() {
    420 
    421    
    422 
    423    
    424     btn_id=$(this).attr("id");
     403jQuery(document).on('click','.box-btn-round', function() {
     404
     405   
     406
     407   
     408    btn_id=jQuery(this).attr("id");
    425409
    426410   
    … …  
    432416        btn_target_room=btn_id.split("_")[2];
    433417       
    434         $("#room_error_"+btn_target_room).text('');
     418        jQuery("#room_error_"+btn_target_room).text('');
    435419       
    436420     if (btn_target=="age"){
    … …  
    444428       
    445429        //calculate new value
    446         new_val=parseInt($("#"+btn_target+"_"+btn_target_room).val(),10);
     430        new_val=parseInt(jQuery("#"+btn_target+"_"+btn_target_room).val(),10);
    447431
    448432   
    … …  
    476460           
    477461            if (btn_target_room=="0"){
    478                 if ($("#"+btn_target+"_"+btn_target_room).val()==2 && new_val==1) $("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
    479                 else if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==2) $("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
     462                if (jQuery("#"+btn_target+"_"+btn_target_room).val()==2 && new_val==1) jQuery("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
     463                else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==2) jQuery("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
    480464               
    481465            }else{
    482                 if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) $("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
    483                 else if ($("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) $("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
     466                if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) jQuery("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
     467                else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) jQuery("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
    484468            }               
    485469           
    486470        }
    487471        if (btn_target=="children"){
    488             if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) $("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
    489             else if ($("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) $("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
     472            if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) jQuery("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
     473            else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) jQuery("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
    490474        }
    491475        if (btn_target=="age"){
    492             if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) $("#"+btn_target+"_"+btn_target_room+"_less").addClass("disabled_btn");
    493             else if ($("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) $("#"+btn_target+"_"+btn_target_room+"_less").removeClass("disabled_btn");
     476            if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) jQuery("#"+btn_target+"_"+btn_target_room+"_less").addClass("disabled_btn");
     477            else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) jQuery("#"+btn_target+"_"+btn_target_room+"_less").removeClass("disabled_btn");
    494478        }
    495479       
    496         if (btn_target=="adults" && $("#"+btn_target+"_"+btn_target_room).val()==19 && new_val==20) $("#"+btn_target+"_more_"+btn_target_room).addClass("disabled_btn");
    497         else if (btn_target=="adults" && $("#"+btn_target+"_"+btn_target_room).val()==20 && new_val==19) $("#"+btn_target+"_more_"+btn_target_room).removeClass("disabled_btn");
    498 
    499         if (btn_target=="age" && $("#"+btn_target).val()==16 && new_val==17) $("#"+btn_target+"_more").addClass("disabled_btn");
    500         else if (btn_target=="age" && $("#"+btn_target).val()==17 && new_val==16) $("#"+btn_target+"_more").removeClass("disabled_btn");
     480        if (btn_target=="adults" && jQuery("#"+btn_target+"_"+btn_target_room).val()==19 && new_val==20) jQuery("#"+btn_target+"_more_"+btn_target_room).addClass("disabled_btn");
     481        else if (btn_target=="adults" && jQuery("#"+btn_target+"_"+btn_target_room).val()==20 && new_val==19) jQuery("#"+btn_target+"_more_"+btn_target_room).removeClass("disabled_btn");
     482
     483        if (btn_target=="age" && jQuery("#"+btn_target).val()==16 && new_val==17) jQuery("#"+btn_target+"_more").addClass("disabled_btn");
     484        else if (btn_target=="age" && jQuery("#"+btn_target).val()==17 && new_val==16) jQuery("#"+btn_target+"_more").removeClass("disabled_btn");
    501485   
    502486        //update children fields
    … …  
    504488       
    505489       
    506             $("#"+btn_target+"_"+btn_target_room).val(new_val);
    507             $("#"+btn_target+"_span_"+btn_target_room).html(new_val);
    508        
    509         $(this).fadeTo(100, 0.5).fadeTo(100, 1.0);
    510        
    511        
    512         $("#btn-resume").text(getUpdatedText());
     490            jQuery("#"+btn_target+"_"+btn_target_room).val(new_val);
     491            jQuery("#"+btn_target+"_span_"+btn_target_room).html(new_val);
     492       
     493        jQuery(this).fadeTo(100, 0.5).fadeTo(100, 1.0);
     494       
     495       
     496        jQuery("#btn-resume").text(getUpdatedText());
    513497
    514498});
    … …  
    520504   
    521505   
    522     child_cnt=$(".app_child_cnt_"+btn_target_room).size();
     506    child_cnt=jQuery(".app_child_cnt_"+btn_target_room).size();
    523507    size=idx;
    524508   
    … …  
    530514    for (k=0;k<size;k++){
    531515       
    532         target_div=$("#room_"+btn_target_room+"_app_child_"+k);
     516        target_div=jQuery("#room_"+btn_target_room+"_app_child_"+k);
    533517       
    534518       
    … …  
    584568   
    585569   
    586     $("#room_"+btn_target_room+"_children_append_container").append(html);
     570    jQuery("#room_"+btn_target_room+"_children_append_container").append(html);
    587571}
    588572
    589573
    590574
    591 
    592 
    593 
    594575});

  • roomcloud/tags/2.0.5/JS/wp_se2_horizontal_template_multi_hotel.js

    r2606589 r2651357  
    11
    2 $( document ).ready(function() {
    3    
    4     var drop=$("#traveler_details").prop('outerHTML');
    5     $("#traveler_details").remove();
    6     $("body").append(drop);
    7 
    8     var drop_w=$("#travelers_group").width();
    9     $("#traveler_details").css("width", drop_w);
    10 
    11     var drop_x=$("#travelers_group").offset().left;
    12     var drop_y=$("#travelers_group").offset().top;
    13 
    14     $("#traveler_details").css('top', drop_y + $("#travelers_group").outerHeight());
    15     $("#traveler_details").css('left', drop_x);
     2jQuery( document ).ready(function() {
     3   
     4    var drop=jQuery("#traveler_details").prop('outerHTML');
     5    jQuery("#traveler_details").remove();
     6    jQuery("body").append(drop);
     7
     8    var drop_w=jQuery("#travelers_group").width();
     9    jQuery("#traveler_details").css("width", drop_w);
     10
     11    var drop_x=jQuery("#travelers_group").offset().left;
     12    var drop_y=jQuery("#travelers_group").offset().top;
     13
     14    jQuery("#traveler_details").css('top', drop_y + jQuery("#travelers_group").outerHeight());
     15    jQuery("#traveler_details").css('left', drop_x);
    1616
    1717
    1818   
    1919   
    20     $("#btn-search").click(function(e){
     20    jQuery("#btn-search").click(function(e){
    2121       
    2222        e.preventDefault();
    2323        var roomEmpty=false;
    24         $(".rm-cnt").each(function(x){
    25            
    26             if ($(this).find("input[name='adults']").val()==0 && $(this).find("input[name='children']").val()==0){
    27                
    28                 $("#room_error_"+x).text(str_remove_room);
     24        jQuery(".rm-cnt").each(function(x){
     25           
     26            if (jQuery(this).find("input[name='adults']").val()==0 && jQuery(this).find("input[name='children']").val()==0){
     27               
     28                jQuery("#room_error_"+x).text(str_remove_room);
    2929                roomEmpty=true;
    3030            }
    … …  
    3535        if (!roomEmpty){
    3636       
    37             $("#formSearch").append("<div style='display:none'>");
    38            
    39             $("#traveler_details").find("input").each(function(){
    40                 $("#formSearch").append($(this).prop('outerHTML'));
     37            jQuery("#formSearch").append("<div style='display:none'>");
     38           
     39            jQuery("#traveler_details").find("input").each(function(){
     40                jQuery("#formSearch").append(jQuery(this).prop('outerHTML'));
    4141            });
    4242           
    43             $("#formSearch").append("</div>");
    44             $("#formSearch").submit();
     43            jQuery("#formSearch").append("</div>");
     44            jQuery("#formSearch").submit();
    4545       
    4646        }
    … …  
    5151    /******************         DROPDOWN            ****************/
    5252   
    53     $("#travelers_group").click(function(e){
     53    jQuery("#travelers_group").click(function(e){
    5454       
    5555
    56         $(".rc-dropdown-menu").slideToggle("fast");
     56        jQuery(".rc-dropdown-menu").slideToggle("fast");
    5757        e.stopPropagation();
    5858    });
    5959
    6060    // Hide dropdown menu on click outside
    61     $(document).on("click", function(event){
    62         if(!$(event.target).closest("#traveler_details").length){
     61    jQuery(document).on("click", function(event){
     62        if(!jQuery(event.target).closest("#traveler_details").length){
    6363           
    6464           
    6565            var roomEmpty=false;
    66             $(".rm-cnt").each(function(x){
    67            
    68                 if ($(this).find("input[name='adults']").val()==0 && $(this).find("input[name='children']").val()==0){
     66            jQuery(".rm-cnt").each(function(x){
     67           
     68                if (jQuery(this).find("input[name='adults']").val()==0 && jQuery(this).find("input[name='children']").val()==0){
    6969               
    70                     $("#room_error_"+x).text(str_room_error);
     70                    jQuery("#room_error_"+x).text(str_room_error);
    7171                    roomEmpty=true;
    7272                }
    … …  
    7979            if (roomEmpty) return;
    8080           
    81             $(".rc-dropdown-menu").slideUp("fast");
     81            jQuery(".rc-dropdown-menu").slideUp("fast");
    8282           
    83             $("#travelers").val(getUpdatedText());
     83            jQuery("#travelers").val(getUpdatedText());
    8484        }
    8585    });
    8686   
    87     $("#close_dropdown").on("click", function(event){
     87    jQuery("#close_dropdown").on("click", function(event){
    8888       
    8989       
    9090            var roomEmpty=false;
    91             $(".rm-cnt").each(function(x){
    92            
    93                 if ($(this).find("input[name='adults']").val()==0 && $(this).find("input[name='children']").val()==0){
     91            jQuery(".rm-cnt").each(function(x){
     92           
     93                if (jQuery(this).find("input[name='adults']").val()==0 && jQuery(this).find("input[name='children']").val()==0){
    9494               
    95                     $("#room_error_"+x).text(str_room_error);
     95                    jQuery("#room_error_"+x).text(str_room_error);
    9696                    roomEmpty=true;
    9797                }
    … …  
    104104            if (roomEmpty) return;
    105105           
    106             $(".rc-dropdown-menu").slideUp("fast");
     106            jQuery(".rc-dropdown-menu").slideUp("fast");
    107107           
    108             $("#travelers").val(getUpdatedText());
     108            jQuery("#travelers").val(getUpdatedText());
    109109       
    110110    });
    … …  
    117117        var adults=0;
    118118        var children=0;
    119         $(".rm-cnt").each(function(){
     119        jQuery(".rm-cnt").each(function(){
    120120           
    121121            rooms++;
    122             var target=($(this).attr("id")).split("_")[1];
     122            var target=(jQuery(this).attr("id")).split("_")[1];
    123123           
    124             adults+=parseInt($("#adults_"+target).val(), 10);
    125             children+=parseInt($("#children_"+target).val(), 10);
     124            adults+=parseInt(jQuery("#adults_"+target).val(), 10);
     125            children+=parseInt(jQuery("#children_"+target).val(), 10);
    126126           
    127127        });
    … …  
    149149    }
    150150
    151 /******************         DATERANGE           ****************/
    152    
    153    
    154 language="en" //bg cz de en es fr hr hu it jp nl pl pt ru zh
    155 calendar_open_side="right"; // right,left,top,bottom                                                                                             
    156 column_start_day_of_week=1; // 0 to 6
    157 
    158 
    159 
    160 
    161 $("#calendar_search_span").click(function(){
    162     $('#search_calendar').data('daterangepicker').show();
    163 });
     151/*#############################                 LITEPICKER              #####################################*/
    164152
    165153var today= new moment();
    … …  
    168156
    169157
    170 $("#checkin").val(today.format("YYYYMMDD"));
    171 $("#checkout").val(tomorrow.format("YYYYMMDD"));
    172 moment.locale(locale);
    173 console.log("locale: "+moment.locale());
    174 
    175 
    176 $('#search_calendar').daterangepicker({
    177 
    178 
    179     alwaysShowCalendars: true,
    180     startDate: today,
    181     endDate: tomorrow,
    182     minDate: today,
    183     opens: calendar_open_side,
    184     autoApply: true,
    185     disableHoverDate: true,
    186     locale: {
    187         format: "D MMM YY",
    188         monthNames: moment.months(),
    189         applyLabel: "APPLY",
    190         cancelLabel: "CANCEL",
    191         fromLabel: "FROM",
    192         toLabel: "TO",
    193         customRangeLabel: "CUSTOM RANGE",
    194        
    195         weekLabel: "WEEK",
    196         daysOfWeek: moment.weekdaysShort(),
    197         //CLAUDIO PRIMO GIORNO DELLA SETTIMANA DA CUI FAR PARTIRE IL CALENDARIO
    198         firstDay: column_start_day_of_week
     158jQuery("#checkin").val(today.format("YYYYMMDD"));
     159jQuery("#checkout").val(tomorrow.format("YYYYMMDD"));
     160
     161
     162const picker = new Litepicker({
     163    element: document.getElementById('search_calendar'),
     164
     165    plugins: ['mobilefriendly'],
     166    autoApply: true,
     167    singleMode: false, //true picker - false range picker
     168    allowRepick: false, //can repick only one date of range
     169   
     170    startDate: today.format("YYYY-MM-DD"),
     171    endDate: tomorrow.format("YYYY-MM-DD"),
     172   
     173//  buttonText:{"apply":"Applyss","cancel":"Cancelss"/*,"previousMonth":"<svg>...</svg>","nextMonth":"<svg>...</svg>","reset":"<svg>...</svg>"*/},
     174    firstDay:0,
     175    lang: locale,
     176    format:"YYYY-MM-DD",
     177   
     178    //desktop
     179    numberOfColumns: 2,
     180    numberOfMonths: 2,
     181   
     182
     183   
     184    position: "bottom left",
     185    scrollToDate: false,
     186   
     187//  disallowLockDaysInRange: true,
     188    selectBackward:false,
     189    selectForward:true,
     190    showTooltip:true,
     191   
     192    tooltipNumber:(totalDays) => {
     193        return totalDays - 1;
     194    },
     195    tooltipText:{"one":str_night,"other":str_nights},
     196    minDays:2,
     197    minDate:today.format("YYYY-MM-DD"),
     198    setup: (picker) => {
     199       
     200        picker.on('selected', (date1, date2) => {
     201           
     202            jQuery(".dates_calendar").css("animation", "none");
     203           
     204            jQuery("#search_group").addClass("search_calendar_border_fixed");
     205
     206            //remove pulse effect on checkin/checout calendar when a value is setted
     207            jQuery(".dates_calendar").css("animation", "none");
     208           
     209           
     210            select_start = date1.format('YYYYMMDD');
     211            select_end = date2.format('YYYYMMDD');
     212           
     213            jQuery("#checkin").val(select_start);
     214            jQuery("#checkout").val(select_end);
     215           
     216        });
     217   
    199218    }
     219   
     220  });
     221
     222
     223jQuery("#calendar_search_span").click(function(){
     224    picker.show();
    200225});
    201226
    202 
    203 $('#search_calendar').on('hide.daterangepicker', function(ev, picker) {
    204    
    205     $("#search_group").removeClass("search_calendar_border");
    206    
    207     if(($("#search_calendar").data('daterangepicker').startDate.format("YYYY-MM-DD"))==($("#search_calendar").data('daterangepicker').endDate.format("YYYY-MM-DD"))){
    208         $("#search_calendar").val(""); 
    209     }
    210 
    211    
    212    
    213 });
    214 
    215 $('#search_calendar').on('apply.daterangepicker', function(ev, picker) {
    216    
    217 
    218     $("#search_group").addClass("search_calendar_border_fixed");
    219 
    220     //remove pulse effect on checkin/checout calendar when a value is setted
    221     $(".dates_calendar").css("animation", "none");
    222    
    223    
    224     select_start=picker.startDate.format('YYYYMMDD');
    225     select_end=picker.endDate.format('YYYYMMDD');
    226    
    227     $("#checkin").val(select_start);
    228     $("#checkout").val(select_end);
    229    
    230     oneDay = 24 * 60 * 60 * 1000;
    231 
    232 
    233     diffDays = Math.round(Math.abs(((picker.endDate - picker.startDate)) / oneDay));
    234    
    235     diffDays--;
    236    
    237     $("#cal_nights").text(diffDays);
    238    
    239     ($("#formSearch").find($("#checkin"))).val(select_start);
    240     ($("#formSearch").find($("#checkout"))).val(select_end);
    241        
    242    
    243 });
    244 
    245227/******************         ADD AND REMOVE GUEST            ****************/
    246228
    247 $("#room_add_span").click(function(){
     229jQuery("#room_add_span").click(function(){
    248230   
    249231    new_room="";
    250232   
    251     new_idx=$(".rm-cnt").length;
     233    new_idx=jQuery(".rm-cnt").length;
    252234   
    253235   
    … …  
    339321    new_room+="</div>";
    340322   
    341     $("#rooms_container").append(new_room);
    342    
    343     $("#btn-resume").text(getUpdatedText());
     323    jQuery("#rooms_container").append(new_room);
     324   
     325    jQuery("#btn-resume").text(getUpdatedText());
    344326
    345327   
    346328});
    347329
    348 $(document).on('click', ".room-remove", function(e) {
     330jQuery(document).on('click', ".room-remove", function(e) {
    349331     
    350332    e.stopPropagation();
    351333   
    352     var room_to_remove=$(this).attr("id").split("-")[2];
     334    var room_to_remove=jQuery(this).attr("id").split("-")[2];
    353335   
    354336    /**/
    355337   
    356     room_counter=$(".rm-cnt").length;   
    357     $("#room_"+room_to_remove+"_container").remove();
     338    room_counter=jQuery(".rm-cnt").length; 
     339    jQuery("#room_"+room_to_remove+"_container").remove();
    358340   
    359341   
    … …  
    365347    /**/
    366348   
    367     $("#btn-resume").text(getUpdatedText());
     349    jQuery("#btn-resume").text(getUpdatedText());
    368350
    369351   
    … …  
    375357    newk=k-1;
    376358   
    377     num_children=$("#children_"+k).val();
     359    num_children=jQuery("#children_"+k).val();
    378360   
    379361    for (i=0;i<num_children;i++){
    380362       
    381         $("#room_"+k+"_app_child_"+i).removeClass("app_child_cnt_"+k);
    382         $("#room_"+k+"_app_child_"+i).addClass("app_child_cnt_"+k);
    383    
    384         $("#room_"+k+"_app_child_"+i).attr("id","room_"+newk+"_app_child_"+i);
    385        
    386        
    387         $("#age_room_"+k+"_child_"+i+"_less").attr("id","age_room_"+newk+"_child_"+i+"_less");
    388         $("#age_room_"+k+"_child_"+i+"_more").attr("id","age_room_"+newk+"_child_"+i+"_more");
    389        
    390         $("#age_room_"+k+"_child_"+i).attr("name","age_"+newk);
    391         $("#age_room_"+k+"_child_"+i).attr("id","age_room_"+newk+"_child_"+i);
    392        
    393         $("#age_span_room_"+k+"_child_"+i).attr("id","age_span_room_"+newk+"_child_"+i);
     363        jQuery("#room_"+k+"_app_child_"+i).removeClass("app_child_cnt_"+k);
     364        jQuery("#room_"+k+"_app_child_"+i).addClass("app_child_cnt_"+k);
     365   
     366        jQuery("#room_"+k+"_app_child_"+i).attr("id","room_"+newk+"_app_child_"+i);
     367       
     368       
     369        jQuery("#age_room_"+k+"_child_"+i+"_less").attr("id","age_room_"+newk+"_child_"+i+"_less");
     370        jQuery("#age_room_"+k+"_child_"+i+"_more").attr("id","age_room_"+newk+"_child_"+i+"_more");
     371       
     372        jQuery("#age_room_"+k+"_child_"+i).attr("name","ages_"+newk);
     373        jQuery("#age_room_"+k+"_child_"+i).attr("id","age_room_"+newk+"_child_"+i);
     374       
     375        jQuery("#age_span_room_"+k+"_child_"+i).attr("id","age_span_room_"+newk+"_child_"+i);
    394376   
    395377    }
    396378   
    397379   
    398     $("#room_"+k+"_container").attr("id","room_"+newk+"_container");       
    399     $("#room-num-span-"+k).text("Room "+k);         
    400     $("#room-num-span-"+k).attr("id","#room-num-span-"+newk);       
    401     $("#room-remove-"+k).attr("id","#room-remove-"+newk);       
    402 
    403     $("#room_error_"+k).attr("id","room_error_"+newk);
    404 
    405     $("#room_"+k+"_children_append_container").attr("id","room_"+newk+"_children_append_container");
    406 //  $("#room_"+k+"_header_div").attr("id","room_"+newk+"_header_div");
    407 //  $("#room_"+k+"_header_room_number").html(' #'+k);
    408 //  $("#room_"+k+"_header_room_number").attr("id","room_"+newk+"_header_room_number")
    409 //  $("#room_"+k+"_header_remove").attr("id","room_"+newk+"_header_remove");
    410 //  $("#room_"+k+"_header_add").attr("id","room_"+newk+"_header_add");
    411 //  $("#room_body_div_"+k).attr("id","room_body_div_"+newk);
    412     $("#adults_less_"+k).attr("id","adults_less_"+newk);
    413     $("#adults_span_"+k).attr("id","adults_span_"+newk);
    414     $("#adults_"+k).attr("id","adults_"+newk);
    415     $("#adults_more_"+k).attr("id","adults_more_"+newk);
    416     $("#children_less_"+k).attr("id","children_less_"+newk);
    417     $("#children_span_"+k).attr("id","children_span_"+newk);
    418     $("#children_"+k).attr("id","children_"+newk);
    419     $("#children_more_"+k).attr("id","children_more_"+newk);
     380    jQuery("#room_"+k+"_container").attr("id","room_"+newk+"_container");       
     381    jQuery("#room-num-span-"+k).text("Room "+k);           
     382    jQuery("#room-num-span-"+k).attr("id","#room-num-span-"+newk);     
     383    jQuery("#room-remove-"+k).attr("id","#room-remove-"+newk);     
     384
     385    jQuery("#room_error_"+k).attr("id","room_error_"+newk);
     386
     387    jQuery("#room_"+k+"_children_append_container").attr("id","room_"+newk+"_children_append_container");
     388//  jQuery("#room_"+k+"_header_div").attr("id","room_"+newk+"_header_div");
     389//  jQuery("#room_"+k+"_header_room_number").html(' #'+k);
     390//  jQuery("#room_"+k+"_header_room_number").attr("id","room_"+newk+"_header_room_number")
     391//  jQuery("#room_"+k+"_header_remove").attr("id","room_"+newk+"_header_remove");
     392//  jQuery("#room_"+k+"_header_add").attr("id","room_"+newk+"_header_add");
     393//  jQuery("#room_body_div_"+k).attr("id","room_body_div_"+newk);
     394    jQuery("#adults_less_"+k).attr("id","adults_less_"+newk);
     395    jQuery("#adults_span_"+k).attr("id","adults_span_"+newk);
     396    jQuery("#adults_"+k).attr("id","adults_"+newk);
     397    jQuery("#adults_more_"+k).attr("id","adults_more_"+newk);
     398    jQuery("#children_less_"+k).attr("id","children_less_"+newk);
     399    jQuery("#children_span_"+k).attr("id","children_span_"+newk);
     400    jQuery("#children_"+k).attr("id","children_"+newk);
     401    jQuery("#children_more_"+k).attr("id","children_more_"+newk);
    420402
    421403   
    … …  
    426408
    427409
    428 $(document).on('click','.box-btn-round', function() {
    429 
    430    
    431 
    432    
    433     btn_id=$(this).attr("id");
     410jQuery(document).on('click','.box-btn-round', function() {
     411
     412   
     413
     414   
     415    btn_id=jQuery(this).attr("id");
    434416
    435417   
    … …  
    441423        btn_target_room=btn_id.split("_")[2];
    442424       
    443         $("#room_error_"+btn_target_room).text('');
     425        jQuery("#room_error_"+btn_target_room).text('');
    444426       
    445427     if (btn_target=="age"){
    … …  
    453435       
    454436        //calculate new value
    455         new_val=parseInt($("#"+btn_target+"_"+btn_target_room).val(),10);
     437        new_val=parseInt(jQuery("#"+btn_target+"_"+btn_target_room).val(),10);
    456438
    457439   
    … …  
    485467           
    486468            if (btn_target_room=="0"){
    487                 if ($("#"+btn_target+"_"+btn_target_room).val()==2 && new_val==1) $("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
    488                 else if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==2) $("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
     469                if (jQuery("#"+btn_target+"_"+btn_target_room).val()==2 && new_val==1) jQuery("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
     470                else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==2) jQuery("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
    489471               
    490472            }else{
    491                 if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) $("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
    492                 else if ($("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) $("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
     473                if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) jQuery("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
     474                else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) jQuery("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
    493475            }               
    494476           
    495477        }
    496478        if (btn_target=="children"){
    497             if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) $("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
    498             else if ($("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) $("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
     479            if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) jQuery("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
     480            else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) jQuery("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
    499481        }
    500482        if (btn_target=="age"){
    501             if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) $("#"+btn_target+"_"+btn_target_room+"_less").addClass("disabled_btn");
    502             else if ($("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) $("#"+btn_target+"_"+btn_target_room+"_less").removeClass("disabled_btn");
     483            if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) jQuery("#"+btn_target+"_"+btn_target_room+"_less").addClass("disabled_btn");
     484            else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) jQuery("#"+btn_target+"_"+btn_target_room+"_less").removeClass("disabled_btn");
    503485        }
    504486       
    505         if (btn_target=="adults" && $("#"+btn_target+"_"+btn_target_room).val()==19 && new_val==20) $("#"+btn_target+"_more_"+btn_target_room).addClass("disabled_btn");
    506         else if (btn_target=="adults" && $("#"+btn_target+"_"+btn_target_room).val()==20 && new_val==19) $("#"+btn_target+"_more_"+btn_target_room).removeClass("disabled_btn");
    507 
    508         if (btn_target=="age" && $("#"+btn_target).val()==16 && new_val==17) $("#"+btn_target+"_more").addClass("disabled_btn");
    509         else if (btn_target=="age" && $("#"+btn_target).val()==17 && new_val==16) $("#"+btn_target+"_more").removeClass("disabled_btn");
     487        if (btn_target=="adults" && jQuery("#"+btn_target+"_"+btn_target_room).val()==19 && new_val==20) jQuery("#"+btn_target+"_more_"+btn_target_room).addClass("disabled_btn");
     488        else if (btn_target=="adults" && jQuery("#"+btn_target+"_"+btn_target_room).val()==20 && new_val==19) jQuery("#"+btn_target+"_more_"+btn_target_room).removeClass("disabled_btn");
     489
     490        if (btn_target=="age" && jQuery("#"+btn_target).val()==16 && new_val==17) jQuery("#"+btn_target+"_more").addClass("disabled_btn");
     491        else if (btn_target=="age" && jQuery("#"+btn_target).val()==17 && new_val==16) jQuery("#"+btn_target+"_more").removeClass("disabled_btn");
    510492   
    511493        //update children fields
    … …  
    513495       
    514496       
    515             $("#"+btn_target+"_"+btn_target_room).val(new_val);
    516             $("#"+btn_target+"_span_"+btn_target_room).html(new_val);
    517        
    518         $(this).fadeTo(100, 0.5).fadeTo(100, 1.0);
    519        
    520        
    521         $("#btn-resume").text(getUpdatedText());
     497            jQuery("#"+btn_target+"_"+btn_target_room).val(new_val);
     498            jQuery("#"+btn_target+"_span_"+btn_target_room).html(new_val);
     499       
     500        jQuery(this).fadeTo(100, 0.5).fadeTo(100, 1.0);
     501       
     502       
     503        jQuery("#btn-resume").text(getUpdatedText());
    522504
    523505});
    … …  
    529511   
    530512   
    531     child_cnt=$(".app_child_cnt_"+btn_target_room).size();
     513    child_cnt=jQuery(".app_child_cnt_"+btn_target_room).size();
    532514    size=idx;
    533515   
    … …  
    539521    for (k=0;k<size;k++){
    540522       
    541         target_div=$("#room_"+btn_target_room+"_app_child_"+k);
     523        target_div=jQuery("#room_"+btn_target_room+"_app_child_"+k);
    542524       
    543525       
    … …  
    593575   
    594576   
    595     $("#room_"+btn_target_room+"_children_append_container").append(html);
     577    jQuery("#room_"+btn_target_room+"_children_append_container").append(html);
    596578}
    597579
    598 
    599 
    600 
    601 
    602 
     580jQuery("#hotel_search").click(function(){
     581   
     582    jQuery("#hotel").show();
     583   
    603584});
     585
     586
     587
     588
     589});

  • roomcloud/tags/2.0.5/JS/wp_se2_vertical_template.js

    r2606589 r2651357  
    11
    2 $("#btn-search").click(function(){
     2
     3jQuery( document ).ready(function() {
     4
     5jQuery("#btn-search").click(function(){
    36   
    47   
    58    var roomEmpty=false;
    6     $(".rm-cnt").each(function(x){
    7        
    8         if ($(this).find("input[name='adults']").val()==0 && $(this).find("input[name='children']").val()==0){
    9            
    10             $("#room_error_"+x).text('please add 1 person or remove the room');
     9    jQuery(".rm-cnt").each(function(x){
     10       
     11        if (jQuery(this).find("input[name='adults']").val()==0 && jQuery(this).find("input[name='children']").val()==0){
     12           
     13            jQuery("#room_error_"+x).text(str_room_error);
    1114            roomEmpty=true;
    1215        }
    … …  
    1518   
    1619   
    17     if (!roomEmpty) $("#formSearch").submit();
     20    if (!roomEmpty) jQuery("#formSearch").submit();
    1821    else return false;
    1922   
    … …  
    2225
    2326
    24 /* begin of plugin customization V 1.0 */
    25 
    26 language="en" //bg cz de en es fr hr hu it jp nl pl pt ru zh
    27 calendar_open_side="right"; // right,left,top,bottom                                                                                             
    28 column_start_day_of_week=1; // 0 to 6
    29 
    30 /* end of plugin customization */
    31 
    32 
    33 $("#calendar_search_span").click(function(){
    34     $('#search_calendar').data('daterangepicker').show();
    35 });
     27/*#############################                 LITEPICKER              #####################################*/
    3628
    3729var today= new moment();
    … …  
    3931tomorrow=tomorrow.add(1,'days');
    4032
    41 $("#checkin").val(today.format("YYYYMMDD"));
    42 $("#checkout").val(tomorrow.format("YYYYMMDD"));
    43 moment.locale(locale);
    44 console.log("locale: "+moment.locale());
    45 
    46 
    47 $('#search_calendar').daterangepicker({
    48 
    49 
    50     alwaysShowCalendars: true,
    51     startDate: today,
    52     endDate: tomorrow,
    53     minDate: today,
    54     opens: calendar_open_side,
    55     autoApply: true,
    56     disableHoverDate: true,
    57     locale: {
    58         format: "D MMM YY",
    59         monthNames: moment.months(),
    60         applyLabel: "APPLY",
    61         cancelLabel: "CANCEL",
    62         fromLabel: "FROM",
    63         toLabel: "TO",
    64         customRangeLabel: "CUSTOM RANGE",
    65        
    66         weekLabel: "WEEK",
    67         daysOfWeek: moment.weekdaysShort(),
    68         //CLAUDIO PRIMO GIORNO DELLA SETTIMANA DA CUI FAR PARTIRE IL CALENDARIO
    69         firstDay: column_start_day_of_week
     33
     34jQuery("#checkin").val(today.format("YYYYMMDD"));
     35jQuery("#checkout").val(tomorrow.format("YYYYMMDD"));
     36
     37
     38const picker = new Litepicker({
     39    element: document.getElementById('search_calendar'),
     40
     41    plugins: ['mobilefriendly'],
     42    autoApply: true,
     43    singleMode: false, //true picker - false range picker
     44    allowRepick: false, //can repick only one date of range
     45   
     46    startDate: today.format("YYYY-MM-DD"),
     47    endDate: tomorrow.format("YYYY-MM-DD"),
     48   
     49//  buttonText:{"apply":"Applyss","cancel":"Cancelss"/*,"previousMonth":"<svg>...</svg>","nextMonth":"<svg>...</svg>","reset":"<svg>...</svg>"*/},
     50    firstDay:0,
     51    lang: locale,
     52    format:"YYYY-MM-DD",
     53   
     54    //desktop
     55    numberOfColumns: 2,
     56    numberOfMonths: 2,
     57   
     58
     59   
     60    position: "bottom left",
     61    scrollToDate: false,
     62   
     63//  disallowLockDaysInRange: true,
     64    selectBackward:false,
     65    selectForward:true,
     66    showTooltip:true,
     67   
     68    tooltipNumber:(totalDays) => {
     69        return totalDays - 1;
     70    },
     71    tooltipText:{"one":str_night,"other":str_nights},
     72    minDays:2,
     73    minDate:today.format("YYYY-MM-DD"),
     74    setup: (picker) => {
     75       
     76        picker.on('selected', (date1, date2) => {
     77           
     78            jQuery(".dates_calendar").css("animation", "none");
     79           
     80            jQuery("#search_group").addClass("search_calendar_border_fixed");
     81
     82            //remove pulse effect on checkin/checout calendar when a value is setted
     83            jQuery(".dates_calendar").css("animation", "none");
     84           
     85           
     86            select_start = date1.format('YYYYMMDD');
     87            select_end = date2.format('YYYYMMDD');
     88           
     89            jQuery("#checkin").val(select_start);
     90            jQuery("#checkout").val(select_end);
     91           
     92        });
     93   
    7094    }
    71 });
    72 
    73 
    74 $('#search_calendar').on('hide.daterangepicker', function(ev, picker) {
    75    
    76     $("#search_group").removeClass("search_calendar_border");
    77    
    78     if(($("#search_calendar").data('daterangepicker').startDate.format("YYYY-MM-DD"))==($("#search_calendar").data('daterangepicker').endDate.format("YYYY-MM-DD"))){
    79         $("#search_calendar").val(""); 
    80     }
    81 
    82    
    83    
    84 });
    85 
    86 $('#search_calendar').on('apply.daterangepicker', function(ev, picker) {
    87    
    88 
    89     $("#search_group").addClass("search_calendar_border_fixed");
    90 
    91     //remove pulse effect on checkin/checout calendar when a value is setted
    92     $(".dates_calendar").css("animation", "none");
    93    
    94    
    95     select_start=picker.startDate.format('YYYYMMDD');
    96     select_end=picker.endDate.format('YYYYMMDD');
    97    
    98    
    99     oneDay = 24 * 60 * 60 * 1000;
    100 
    101 
    102     diffDays = Math.round(Math.abs(((picker.endDate - picker.startDate)) / oneDay));
    103    
    104     diffDays--;
    105    
    106     $("#cal_nights").text(diffDays);
    107    
    108     ($("#formSearch").find($("#checkin"))).val(select_start);
    109     ($("#formSearch").find($("#checkout"))).val(select_end);
    110    
    111 
    112    
    113    
    114 });
    115 
    116 $(document).on('click','.box-btn', function() {
    117 
    118    
    119 
    120    
    121     btn_id=$(this).attr("id");
     95   
     96  });
     97
     98
     99jQuery("#calendar_search_span").click(function(){
     100    picker.show();
     101});
     102/******************         ADD AND REMOVE GUEST            ****************/
     103
     104jQuery(document).on('click','.box-btn', function() {
     105
     106   
     107
     108   
     109    btn_id=jQuery(this).attr("id");
    122110
    123111   
    … …  
    129117        btn_target_room=btn_id.split("_")[2];
    130118       
    131         $("#room_error_"+btn_target_room).text('');
     119        jQuery("#room_error_"+btn_target_room).text('');
    132120       
    133121     if (btn_target=="age"){
    … …  
    141129       
    142130        //calculate new value
    143         new_val=parseInt($("#"+btn_target+"_"+btn_target_room).val(),10);
     131        new_val=parseInt(jQuery("#"+btn_target+"_"+btn_target_room).val(),10);
    144132
    145133   
    … …  
    173161           
    174162            if (btn_target_room=="0"){
    175                 if ($("#"+btn_target+"_"+btn_target_room).val()==2 && new_val==1) $("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
    176                 else if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==2) $("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
     163                if (jQuery("#"+btn_target+"_"+btn_target_room).val()==2 && new_val==1) jQuery("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
     164                else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==2) jQuery("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
    177165               
    178166            }else{
    179                 if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) $("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
    180                 else if ($("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) $("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
     167                if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) jQuery("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
     168                else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) jQuery("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
    181169            }               
    182170           
    183171        }
    184172        if (btn_target=="children"){
    185             if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) $("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
    186             else if ($("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) $("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
     173            if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) jQuery("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
     174            else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) jQuery("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
    187175        }
    188176        if (btn_target=="age"){
    189             if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) $("#"+btn_target+"_"+btn_target_room+"_less").addClass("disabled_btn");
    190             else if ($("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) $("#"+btn_target+"_"+btn_target_room+"_less").removeClass("disabled_btn");
    191         }
    192        
    193         if (btn_target=="adults" && $("#"+btn_target+"_"+btn_target_room).val()==19 && new_val==20) $("#"+btn_target+"_more_"+btn_target_room).addClass("disabled_btn");
    194         else if (btn_target=="adults" && $("#"+btn_target+"_"+btn_target_room).val()==20 && new_val==19) $("#"+btn_target+"_more_"+btn_target_room).removeClass("disabled_btn");
    195 
    196         if (btn_target=="age" && $("#"+btn_target).val()==16 && new_val==17) $("#"+btn_target+"_more").addClass("disabled_btn");
    197         else if (btn_target=="age" && $("#"+btn_target).val()==17 && new_val==16) $("#"+btn_target+"_more").removeClass("disabled_btn");
     177            if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) jQuery("#"+btn_target+"_"+btn_target_room+"_less").addClass("disabled_btn");
     178            else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) jQuery("#"+btn_target+"_"+btn_target_room+"_less").removeClass("disabled_btn");
     179        }
     180       
     181        if (btn_target=="adults" && jQuery("#"+btn_target+"_"+btn_target_room).val()==19 && new_val==20) jQuery("#"+btn_target+"_more_"+btn_target_room).addClass("disabled_btn");
     182        else if (btn_target=="adults" && jQuery("#"+btn_target+"_"+btn_target_room).val()==20 && new_val==19) jQuery("#"+btn_target+"_more_"+btn_target_room).removeClass("disabled_btn");
     183
     184        if (btn_target=="age" && jQuery("#"+btn_target).val()==16 && new_val==17) jQuery("#"+btn_target+"_more").addClass("disabled_btn");
     185        else if (btn_target=="age" && jQuery("#"+btn_target).val()==17 && new_val==16) jQuery("#"+btn_target+"_more").removeClass("disabled_btn");
    198186   
    199187        //update children fields
    … …  
    201189       
    202190       
    203             $("#"+btn_target+"_"+btn_target_room).val(new_val);
    204             $("#"+btn_target+"_span_"+btn_target_room).html(new_val);
    205        
    206         $(this).fadeTo(100, 0.5).fadeTo(100, 1.0);
     191            jQuery("#"+btn_target+"_"+btn_target_room).val(new_val);
     192            jQuery("#"+btn_target+"_span_"+btn_target_room).html(new_val);
     193       
     194        jQuery(this).fadeTo(100, 0.5).fadeTo(100, 1.0);
    207195       
    208196       
    … …  
    216204   
    217205   
    218     child_cnt=$(".app_child_cnt_"+btn_target_room).size();
     206    child_cnt=jQuery(".app_child_cnt_"+btn_target_room).size();
    219207    size=idx;
    220208   
    … …  
    226214    for (k=0;k<size;k++){
    227215       
    228         target_div=$("#room_"+btn_target_room+"_app_child_"+k);
     216        target_div=jQuery("#room_"+btn_target_room+"_app_child_"+k);
    229217       
    230218       
    … …  
    283271   
    284272   
    285     $("#room_"+btn_target_room+"_children_append_container").append(html);
     273    jQuery("#room_"+btn_target_room+"_children_append_container").append(html);
    286274}
    287275
    288 $('#room_header_add').on('click',function() {
    289    
    290    
    291     var room_num=$('div.col-rooms').length;
    292    
    293     //var room_num=$(this).attr('data-target');
     276jQuery('#room_header_add').on('click',function() {
     277   
     278    console.log("add");
     279    var room_num=jQuery('div.col-rooms').length;
     280   
     281    //var room_num=jQuery(this).attr('data-target');
    294282    var new_room_num=eval(room_num)+1;
    295283   
    … …  
    297285    var append_room=createRoom(room_num);
    298286   
    299     $("#rooms_search").append(append_room);
     287    jQuery("#rooms_search").append(append_room);
    300288   
    301289   
    … …  
    308296function createRoom(room_num){
    309297   
    310     $("#room_"+room_num+"_header_add").html('&nbsp;');
    311     $("#room_"+room_num+"_header_add").hide();
    312     $("#room_"+room_num+"_header_add").removeClass('room_add_enabled');
     298    jQuery("#room_"+room_num+"_header_add").html('&nbsp;');
     299    jQuery("#room_"+room_num+"_header_add").hide();
     300    jQuery("#room_"+room_num+"_header_add").removeClass('room_add_enabled');
    313301   
    314302    //room_num++;
    … …  
    328316               
    329317                     
    330                     room_html+='<div class="rc-text-left inline-block div-room-action-add"><a href="#" class="x-remove" id="room_'+room_num+'_header_remove"><i class="fa fa-times"></i></a></div>';
     318                    room_html+='<div class="rc-text-left inline-block div-room-action-add"><a class="x-remove" id="room_'+room_num+'_header_remove"><i class="fa fa-times"></i></a></div>';
    331319                    //room_html+='<div class="src-room-add pull-right">';
    332320                    //room_html+='<button id="room_'+room_num+'_header_add" type="button" class="btn be-btn room_header_span_add room_add_enabled"><%=p.getProperty("COMMON_ADD")%> <%=accommodation_dic%></button>';
    … …  
    387375}
    388376
    389 $(document).on('click','.x-remove', function() {
    390    
    391     room_to_remove=$(this).attr("id").split("_")[1];
    392    
    393     room_counter=$(".rm-cnt").length;
    394    
    395    
    396     $("#room_"+room_to_remove+"_container").remove();
     377jQuery(document).on('click','.x-remove', function() {
     378   
     379    room_to_remove=jQuery(this).attr("id").split("_")[1];
     380   
     381    room_counter=jQuery(".rm-cnt").length;
     382   
     383   
     384    jQuery("#room_"+room_to_remove+"_container").remove();
    397385   
    398386   
    … …  
    411399    newk=k-1;
    412400   
    413     num_children=$("#children_"+k).val();
     401    num_children=jQuery("#children_"+k).val();
    414402   
    415403    for (i=0;i<num_children;i++){
    416404       
    417         $("#room_"+k+"_app_child_"+i).removeClass("app_child_cnt_"+k);
    418         $("#room_"+k+"_app_child_"+i).addClass("app_child_cnt_"+k);
    419    
    420         $("#room_"+k+"_app_child_"+i).attr("id","room_"+newk+"_app_child_"+i);
    421        
    422        
    423         $("#age_room_"+k+"_child_"+i+"_less").attr("id","age_room_"+newk+"_child_"+i+"_less");
    424         $("#age_room_"+k+"_child_"+i+"_more").attr("id","age_room_"+newk+"_child_"+i+"_more");
    425        
    426         $("#age_room_"+k+"_child_"+i).attr("name","age_"+newk);
    427         $("#age_room_"+k+"_child_"+i).attr("id","age_room_"+newk+"_child_"+i);
    428        
    429         $("#age_span_room_"+k+"_child_"+i).attr("id","age_span_room_"+newk+"_child_"+i);
     405        jQuery("#room_"+k+"_app_child_"+i).removeClass("app_child_cnt_"+k);
     406        jQuery("#room_"+k+"_app_child_"+i).addClass("app_child_cnt_"+k);
     407   
     408        jQuery("#room_"+k+"_app_child_"+i).attr("id","room_"+newk+"_app_child_"+i);
     409       
     410       
     411        jQuery("#age_room_"+k+"_child_"+i+"_less").attr("id","age_room_"+newk+"_child_"+i+"_less");
     412        jQuery("#age_room_"+k+"_child_"+i+"_more").attr("id","age_room_"+newk+"_child_"+i+"_more");
     413       
     414        jQuery("#age_room_"+k+"_child_"+i).attr("name","ages_"+newk);
     415        jQuery("#age_room_"+k+"_child_"+i).attr("id","age_room_"+newk+"_child_"+i);
     416       
     417        jQuery("#age_span_room_"+k+"_child_"+i).attr("id","age_span_room_"+newk+"_child_"+i);
    430418   
    431419    }
    432     $("#room_error_"+k).attr("id","room_error_"+newk); 
    433     $("#room_"+k+"_container").attr("id","room_"+newk+"_container");       
    434     $("#room_"+k+"_children_append_container").attr("id","room_"+newk+"_children_append_container");
    435     $("#room_"+k+"_header_div").attr("id","room_"+newk+"_header_div");
    436     $("#room_"+k+"_header_room_number").html(' #'+k);
    437     $("#room_"+k+"_header_room_number").attr("id","room_"+newk+"_header_room_number")
    438     $("#room_"+k+"_header_remove").attr("id","room_"+newk+"_header_remove");
    439     $("#room_"+k+"_header_add").attr("id","room_"+newk+"_header_add");
    440     $("#room_body_div_"+k).attr("id","room_body_div_"+newk);
    441     $("#adults_less_"+k).attr("id","adults_less_"+newk);
    442     $("#adults_span_"+k).attr("id","adults_span_"+newk);
    443     $("#adults_"+k).attr("id","adults_"+newk);
    444     $("#adults_more_"+k).attr("id","adults_more_"+newk);
    445     $("#children_less_"+k).attr("id","children_less_"+newk);
    446     $("#children_span_"+k).attr("id","children_span_"+newk);
    447     $("#children_"+k).attr("id","children_"+newk);
    448     $("#children_more_"+k).attr("id","children_more_"+newk);
     420    jQuery("#room_error_"+k).attr("id","room_error_"+newk);
     421    jQuery("#room_"+k+"_container").attr("id","room_"+newk+"_container");       
     422    jQuery("#room_"+k+"_children_append_container").attr("id","room_"+newk+"_children_append_container");
     423    jQuery("#room_"+k+"_header_div").attr("id","room_"+newk+"_header_div");
     424    jQuery("#room_"+k+"_header_room_number").html(' #'+k);
     425    jQuery("#room_"+k+"_header_room_number").attr("id","room_"+newk+"_header_room_number")
     426    jQuery("#room_"+k+"_header_remove").attr("id","room_"+newk+"_header_remove");
     427    jQuery("#room_"+k+"_header_add").attr("id","room_"+newk+"_header_add");
     428    jQuery("#room_body_div_"+k).attr("id","room_body_div_"+newk);
     429    jQuery("#adults_less_"+k).attr("id","adults_less_"+newk);
     430    jQuery("#adults_span_"+k).attr("id","adults_span_"+newk);
     431    jQuery("#adults_"+k).attr("id","adults_"+newk);
     432    jQuery("#adults_more_"+k).attr("id","adults_more_"+newk);
     433    jQuery("#children_less_"+k).attr("id","children_less_"+newk);
     434    jQuery("#children_span_"+k).attr("id","children_span_"+newk);
     435    jQuery("#children_"+k).attr("id","children_"+newk);
     436    jQuery("#children_more_"+k).attr("id","children_more_"+newk);
    449437
    450438   
    451439}
    452440
     441
     442
     443});

  • roomcloud/trunk/JS/wp_se1_horizontal_template.js

    r2606589 r2651357  
    11
    22
    3 $( document ).ready(function() {
     3jQuery( document ).ready(function() {
    44   
    5     var drop=$("#traveler_details").prop('outerHTML');
    6     $("#traveler_details").remove();
    7     $("body").append(drop);
    8 
    9     var drop_w=$("#travelers_group").width();
    10     $("#traveler_details").css("width", drop_w);
    11 
    12     var drop_x=$("#travelers_group").offset().left;
    13     var drop_y=$("#travelers_group").offset().top;
    14 
    15     $("#traveler_details").css('top', drop_y + $("#travelers_group").outerHeight());
    16     $("#traveler_details").css('left', drop_x);
    17 
    18    
    19     $("#btn-search").click(function(e){
     5    var drop=jQuery("#traveler_details").prop('outerHTML');
     6    jQuery("#traveler_details").remove();
     7    jQuery("body").append(drop);
     8
     9    var drop_w=jQuery("#travelers_group").width();
     10    jQuery("#traveler_details").css("width", drop_w);
     11
     12    var drop_x=jQuery("#travelers_group").offset().left;
     13    var drop_y=jQuery("#travelers_group").offset().top;
     14
     15    jQuery("#traveler_details").css('top', drop_y + jQuery("#travelers_group").outerHeight());
     16    jQuery("#traveler_details").css('left', drop_x);
     17
     18   
     19    jQuery("#btn-search").click(function(e){
    2020       
    2121        e.preventDefault();
    2222        var roomEmpty=false;
    23         $(".rm-cnt").each(function(x){
    24            
    25             if ($(this).find("input[name='adults']").val()==0 && $(this).find("input[name='children']").val()==0){
     23        jQuery(".rm-cnt").each(function(x){
     24           
     25            if (jQuery(this).find("input[name='adults']").val()==0 && jQuery(this).find("input[name='children']").val()==0){
    2626               
    27                 $("#room_error_"+x).text('please add 1 person or remove the room');
     27                jQuery("#room_error_"+x).text('please add 1 person or remove the room');
    2828                roomEmpty=true;
    2929            }
    … …  
    3434        if (!roomEmpty){
    3535       
    36             $("#formSearch").append("<div style='display:none'>");
    37            
    38             $("#traveler_details").find("input").each(function(){
    39                 $("#formSearch").append($(this).prop('outerHTML'));
     36            jQuery("#formSearch").append("<div style='display:none'>");
     37           
     38            jQuery("#traveler_details").find("input").each(function(){
     39                jQuery("#formSearch").append(jQuery(this).prop('outerHTML'));
    4040            });
    4141           
    42             $("#formSearch").append("</div>");
    43             $("#formSearch").submit();
     42            jQuery("#formSearch").append("</div>");
     43            jQuery("#formSearch").submit();
    4444       
    4545        }
    … …  
    5050    /******************         DROPDOWN            ****************/
    5151   
    52     $("#travelers_group").click(function(e){
     52    jQuery("#travelers_group").click(function(e){
    5353       
    54         $(".rc-dropdown-menu").slideToggle("fast");
     54        jQuery(".rc-dropdown-menu").slideToggle("fast");
    5555        e.stopPropagation();
    5656    });
    5757
    5858    // Hide dropdown menu on click outside
    59     $(document).on("click", function(event){
    60         if(!$(event.target).closest("#traveler_details").length){
     59    jQuery(document).on("click", function(event){
     60        if(!jQuery(event.target).closest("#traveler_details").length){
    6161           
    6262           
    6363            var roomEmpty=false;
    64             $(".rm-cnt").each(function(x){
    65            
    66                 if ($(this).find("input[name='adults']").val()==0 && $(this).find("input[name='children']").val()==0){
     64            jQuery(".rm-cnt").each(function(x){
     65           
     66                if (jQuery(this).find("input[name='adults']").val()==0 && jQuery(this).find("input[name='children']").val()==0){
    6767               
    68                     $("#room_error_"+x).text('please add 1 person or remove the room');
     68                    jQuery("#room_error_"+x).text('please add 1 person or remove the room');
    6969                    roomEmpty=true;
    7070                }
    … …  
    7777            if (roomEmpty) return;
    7878           
    79             $(".rc-dropdown-menu").slideUp("fast");
     79            jQuery(".rc-dropdown-menu").slideUp("fast");
    8080           
    81             $("#travelers").val(getUpdatedText());
     81            jQuery("#travelers").val(getUpdatedText());
    8282        }
    8383    });
    8484   
    85     $("#close_dropdown").on("click", function(event){
     85    jQuery("#close_dropdown").on("click", function(event){
    8686       
    8787       
    8888            var roomEmpty=false;
    89             $(".rm-cnt").each(function(x){
    90            
    91                 if ($(this).find("input[name='adults']").val()==0 && $(this).find("input[name='children']").val()==0){
     89            jQuery(".rm-cnt").each(function(x){
     90           
     91                if (jQuery(this).find("input[name='adults']").val()==0 && jQuery(this).find("input[name='children']").val()==0){
    9292               
    93                     $("#room_error_"+x).text('please add 1 person or remove the room');
     93                    jQuery("#room_error_"+x).text(str_room_error);
    9494                    roomEmpty=true;
    9595                }
    … …  
    102102            if (roomEmpty) return;
    103103           
    104             $(".rc-dropdown-menu").slideUp("fast");
     104            jQuery(".rc-dropdown-menu").slideUp("fast");
    105105           
    106             $("#travelers").val(getUpdatedText());
     106            jQuery("#travelers").val(getUpdatedText());
    107107       
    108108    });
    … …  
    115115        var adults=0;
    116116        var children=0;
    117         $(".rm-cnt").each(function(){
     117        jQuery(".rm-cnt").each(function(){
    118118           
    119119            rooms++;
    120             var target=($(this).attr("id")).split("_")[1];
     120            var target=(jQuery(this).attr("id")).split("_")[1];
    121121           
    122             adults+=parseInt($("#adults_"+target).val(), 10);
    123             children+=parseInt($("#children_"+target).val(), 10);
     122            adults+=parseInt(jQuery("#adults_"+target).val(), 10);
     123            children+=parseInt(jQuery("#children_"+target).val(), 10);
    124124           
    125125        });
    … …  
    144144    }
    145145
    146 /******************         DATERANGE           ****************/
    147    
    148    
    149 language="en" //bg cz de en es fr hr hu it jp nl pl pt ru zh
    150 calendar_open_side="right"; // right,left,top,bottom                                                                                             
    151 column_start_day_of_week=1; // 0 to 6
    152 
    153 
    154 
    155 
    156 $("#calendar_search_span").click(function(){
    157     $('#search_calendar').data('daterangepicker').show();
    158 });
     146/*#############################                 LITEPICKER              #####################################*/
    159147
    160148var today= new moment();
    … …  
    163151
    164152
    165 $("#checkin").val(today.format("YYYYMMDD"));
    166 $("#checkout").val(tomorrow.format("YYYYMMDD"));
    167 moment.locale(locale);
    168 console.log("locale: "+moment.locale());
    169 
    170 $('#search_calendar').daterangepicker({
    171 
    172 
    173     alwaysShowCalendars: true,
    174     startDate: today,
    175     endDate: tomorrow,
    176     minDate: today,
    177     opens: calendar_open_side,
    178     autoApply: true,
    179     disableHoverDate: true,
    180     locale: {
    181         format: "D MMM YY",
    182         monthNames: moment.months(),
    183         applyLabel: "APPLY",
    184         cancelLabel: "CANCEL",
    185         fromLabel: "FROM",
    186         toLabel: "TO",
    187         customRangeLabel: "CUSTOM RANGE",
    188        
    189         weekLabel: "WEEK",
    190         daysOfWeek: moment.weekdaysShort(),
    191         //CLAUDIO PRIMO GIORNO DELLA SETTIMANA DA CUI FAR PARTIRE IL CALENDARIO
    192         firstDay: column_start_day_of_week
     153jQuery("#checkin").val(today.format("YYYYMMDD"));
     154jQuery("#checkout").val(tomorrow.format("YYYYMMDD"));
     155
     156(jQuery("#formSearch").find(jQuery("#start_day"))).val(today.format("DD"));
     157(jQuery("#formSearch").find(jQuery("#start_month"))).val(today.format("MM"));
     158(jQuery("#formSearch").find(jQuery("#start_year"))).val(today.format("YYYY"));
     159
     160(jQuery("#formSearch").find(jQuery("#end_day"))).val(tomorrow.format("DD"));
     161(jQuery("#formSearch").find(jQuery("#end_month"))).val(tomorrow.format("MM"));
     162(jQuery("#formSearch").find(jQuery("#end_year"))).val(tomorrow.format("YYYY"));
     163
     164
     165const picker = new Litepicker({
     166    element: document.getElementById('search_calendar'),
     167
     168    plugins: ['mobilefriendly'],
     169    autoApply: true,
     170    singleMode: false, //true picker - false range picker
     171    allowRepick: false, //can repick only one date of range
     172   
     173    startDate: today.format("YYYY-MM-DD"),
     174    endDate: tomorrow.format("YYYY-MM-DD"),
     175   
     176//  buttonText:{"apply":"Applyss","cancel":"Cancelss"/*,"previousMonth":"<svg>...</svg>","nextMonth":"<svg>...</svg>","reset":"<svg>...</svg>"*/},
     177    firstDay:0,
     178    lang: locale,
     179    format:"YYYY-MM-DD",
     180   
     181    //desktop
     182    numberOfColumns: 2,
     183    numberOfMonths: 2,
     184   
     185
     186   
     187    position: "bottom left",
     188    scrollToDate: false,
     189   
     190//  disallowLockDaysInRange: true,
     191    selectBackward:false,
     192    selectForward:true,
     193    showTooltip:true,
     194   
     195    tooltipNumber:(totalDays) => {
     196        return totalDays - 1;
     197    },
     198    tooltipText:{"one":str_night,"other":str_nights},
     199    minDays:2,
     200    minDate:today.format("YYYY-MM-DD"),
     201    setup: (picker) => {
     202       
     203        picker.on('selected', (date1, date2) => {
     204           
     205            jQuery(".dates_calendar").css("animation", "none");
     206           
     207            jQuery("#search_group").addClass("search_calendar_border_fixed");
     208
     209            //remove pulse effect on checkin/checout calendar when a value is setted
     210            jQuery(".dates_calendar").css("animation", "none");
     211           
     212           
     213            select_start = date1.format('YYYYMMDD');
     214            select_end = date2.format('YYYYMMDD');
     215           
     216            (jQuery("#formSearch").find(jQuery("#start_day"))).val(date1.format("DD"));
     217            (jQuery("#formSearch").find(jQuery("#start_month"))).val(date1.format("MM"));
     218            (jQuery("#formSearch").find(jQuery("#start_year"))).val(date1.format("YYYY"));
     219           
     220            (jQuery("#formSearch").find(jQuery("#end_day"))).val(date2.format("DD"));
     221            (jQuery("#formSearch").find(jQuery("#end_month"))).val(date2.format("MM"));
     222            (jQuery("#formSearch").find(jQuery("#end_year"))).val(date2.format("YYYY"));
     223           
     224            jQuery("#checkin").val(select_start);
     225            jQuery("#checkout").val(select_end);
     226           
     227        });
     228   
    193229    }
     230   
     231  });
     232
     233
     234jQuery("#calendar_search_span").click(function(){
     235    picker.show();
    194236});
    195 
    196 
    197 $('#search_calendar').on('hide.daterangepicker', function(ev, picker) {
    198    
    199     $("#search_group").removeClass("search_calendar_border");
    200    
    201     if(($("#search_calendar").data('daterangepicker').startDate.format("YYYY-MM-DD"))==($("#search_calendar").data('daterangepicker').endDate.format("YYYY-MM-DD"))){
    202         $("#search_calendar").val(""); 
    203     }
    204 
    205    
    206    
    207 });
    208 
    209 $('#search_calendar').on('apply.daterangepicker', function(ev, picker) {
    210    
    211 
    212     $("#search_group").addClass("search_calendar_border_fixed");
    213 
    214     //remove pulse effect on checkin/checout calendar when a value is setted
    215     $(".dates_calendar").css("animation", "none");
    216    
    217    
    218     select_start=picker.startDate.format('YYYYMMDD');
    219     select_end=picker.endDate.format('YYYYMMDD');
    220    
    221     $("#checkin").val(select_start);
    222     $("#checkout").val(select_end);
    223    
    224     oneDay = 24 * 60 * 60 * 1000;
    225 
    226 
    227     diffDays = Math.round(Math.abs(((picker.endDate - picker.startDate)) / oneDay));
    228    
    229     diffDays--;
    230    
    231     $("#cal_nights").text(diffDays);
    232    
    233 
    234     ($("#formSearch").find($("#start_day"))).val($("#search_calendar").data('daterangepicker').startDate.format("DD"));
    235     ($("#formSearch").find($("#start_month"))).val($("#search_calendar").data('daterangepicker').startDate.format("MM"));
    236     ($("#formSearch").find($("#start_year"))).val($("#search_calendar").data('daterangepicker').startDate.format("YYYY"));
    237    
    238     ($("#formSearch").find($("#end_day"))).val($("#search_calendar").data('daterangepicker').endDate.format("DD"));
    239     ($("#formSearch").find($("#end_month"))).val($("#search_calendar").data('daterangepicker').endDate.format("MM"));
    240     ($("#formSearch").find($("#end_year"))).val($("#search_calendar").data('daterangepicker').endDate.format("YYYY"));
    241                                            
    242    
    243    
    244    
    245    
    246 
    247    
    248    
    249 });
    250 
    251 
    252 
    253 
    254 
    255 
    256 
    257 
    258 /******************         GUEST BUTTONS + -           ****************/
    259 
    260 
    261 
    262 $(document).on('click','.box-btn-round', function() {
    263 
    264    
    265 
    266    
    267     btn_id=$(this).attr("id");
     237/******************         ADD AND REMOVE GUEST            ****************/
     238
     239
     240jQuery(document).on('click','.box-btn-round', function() {
     241
     242   
     243
     244   
     245    btn_id=jQuery(this).attr("id");
    268246
    269247   
    … …  
    275253        btn_target_room=btn_id.split("_")[2];
    276254       
    277         $("#room_error_"+btn_target_room).text('');
     255        jQuery("#room_error_"+btn_target_room).text('');
    278256       
    279257     if (btn_target=="age"){
    … …  
    287265       
    288266        //calculate new value
    289         new_val=parseInt($("#"+btn_target+"_"+btn_target_room).val(),10);
     267        new_val=parseInt(jQuery("#"+btn_target+"_"+btn_target_room).val(),10);
    290268
    291269   
    … …  
    319297           
    320298            if (btn_target_room=="0"){
    321                 if ($("#"+btn_target+"_"+btn_target_room).val()==2 && new_val==1) $("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
    322                 else if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==2) $("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
     299                if (jQuery("#"+btn_target+"_"+btn_target_room).val()==2 && new_val==1) jQuery("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
     300                else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==2) jQuery("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
    323301               
    324302            }else{
    325                 if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) $("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
    326                 else if ($("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) $("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
     303                if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) jQuery("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
     304                else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) jQuery("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
    327305            }               
    328306           
    329307        }
    330308        if (btn_target=="children"){
    331             if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) $("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
    332             else if ($("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) $("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
     309            if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) jQuery("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
     310            else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) jQuery("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
    333311        }
    334312        if (btn_target=="age"){
    335             if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) $("#"+btn_target+"_"+btn_target_room+"_less").addClass("disabled_btn");
    336             else if ($("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) $("#"+btn_target+"_"+btn_target_room+"_less").removeClass("disabled_btn");
    337         }
    338        
    339         if (btn_target=="adults" && $("#"+btn_target+"_"+btn_target_room).val()==19 && new_val==20) $("#"+btn_target+"_more_"+btn_target_room).addClass("disabled_btn");
    340         else if (btn_target=="adults" && $("#"+btn_target+"_"+btn_target_room).val()==20 && new_val==19) $("#"+btn_target+"_more_"+btn_target_room).removeClass("disabled_btn");
    341 
    342         if (btn_target=="age" && $("#"+btn_target).val()==16 && new_val==17) $("#"+btn_target+"_more").addClass("disabled_btn");
    343         else if (btn_target=="age" && $("#"+btn_target).val()==17 && new_val==16) $("#"+btn_target+"_more").removeClass("disabled_btn");
     313            if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) jQuery("#"+btn_target+"_"+btn_target_room+"_less").addClass("disabled_btn");
     314            else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) jQuery("#"+btn_target+"_"+btn_target_room+"_less").removeClass("disabled_btn");
     315        }
     316       
     317        if (btn_target=="adults" && jQuery("#"+btn_target+"_"+btn_target_room).val()==19 && new_val==20) jQuery("#"+btn_target+"_more_"+btn_target_room).addClass("disabled_btn");
     318        else if (btn_target=="adults" && jQuery("#"+btn_target+"_"+btn_target_room).val()==20 && new_val==19) jQuery("#"+btn_target+"_more_"+btn_target_room).removeClass("disabled_btn");
     319
     320        if (btn_target=="age" && jQuery("#"+btn_target).val()==16 && new_val==17) jQuery("#"+btn_target+"_more").addClass("disabled_btn");
     321        else if (btn_target=="age" && jQuery("#"+btn_target).val()==17 && new_val==16) jQuery("#"+btn_target+"_more").removeClass("disabled_btn");
    344322   
    345323        //update children fields
    … …  
    347325       
    348326       
    349             $("#"+btn_target+"_"+btn_target_room).val(new_val);
    350             $("#"+btn_target+"_span_"+btn_target_room).html(new_val);
    351        
    352         $(this).fadeTo(100, 0.5).fadeTo(100, 1.0);
    353        
    354        
    355         $("#btn-resume").text(getUpdatedText());
     327            jQuery("#"+btn_target+"_"+btn_target_room).val(new_val);
     328            jQuery("#"+btn_target+"_span_"+btn_target_room).html(new_val);
     329       
     330        jQuery(this).fadeTo(100, 0.5).fadeTo(100, 1.0);
     331       
     332       
     333        jQuery("#btn-resume").text(getUpdatedText());
    356334
    357335});
    … …  
    363341   
    364342   
    365     child_cnt=$(".app_child_cnt_"+btn_target_room).size();
     343    child_cnt=jQuery(".app_child_cnt_"+btn_target_room).size();
    366344    size=idx;
    367345   
    … …  
    373351    for (k=0;k<size;k++){
    374352       
    375         target_div=$("#room_"+btn_target_room+"_app_child_"+k);
     353        target_div=jQuery("#room_"+btn_target_room+"_app_child_"+k);
    376354       
    377355       
    … …  
    428406   
    429407   
    430     $("#room_"+btn_target_room+"_children_append_container").append(html);
     408    jQuery("#room_"+btn_target_room+"_children_append_container").append(html);
    431409}
    432410
    … …  
    435413
    436414
    437 
    438415});

  • roomcloud/trunk/JS/wp_se1_horizontal_template_multi_hotel.js

    r2606589 r2651357  
    11
    22
    3 $( document ).ready(function() {
     3jQuery( document ).ready(function() {
    44   
    5     var drop=$("#traveler_details").prop('outerHTML');
    6     $("#traveler_details").remove();
    7     $("body").append(drop);
    8 
    9     var drop_w=$("#travelers_group").width();
    10     $("#traveler_details").css("width", drop_w);
    11 
    12     var drop_x=$("#travelers_group").offset().left;
    13     var drop_y=$("#travelers_group").offset().top;
    14 
    15     $("#traveler_details").css('top', drop_y + $("#travelers_group").outerHeight());
    16     $("#traveler_details").css('left', drop_x);
    17 
    18    
    19     $("#btn-search").click(function(e){
     5    var drop=jQuery("#traveler_details").prop('outerHTML');
     6    jQuery("#traveler_details").remove();
     7    jQuery("body").append(drop);
     8
     9    var drop_w=jQuery("#travelers_group").width();
     10    jQuery("#traveler_details").css("width", drop_w);
     11
     12    var drop_x=jQuery("#travelers_group").offset().left;
     13    var drop_y=jQuery("#travelers_group").offset().top;
     14
     15    jQuery("#traveler_details").css('top', drop_y + jQuery("#travelers_group").outerHeight());
     16    jQuery("#traveler_details").css('left', drop_x);
     17
     18   
     19    jQuery("#btn-search").click(function(e){
    2020       
    2121        e.preventDefault();
    2222        var roomEmpty=false;
    23         $(".rm-cnt").each(function(x){
    24            
    25             if ($(this).find("input[name='adults']").val()==0 && $(this).find("input[name='children']").val()==0){
     23        jQuery(".rm-cnt").each(function(x){
     24           
     25            if (jQuery(this).find("input[name='adults']").val()==0 && jQuery(this).find("input[name='children']").val()==0){
    2626               
    27                 $("#room_error_"+x).text('please add 1 person or remove the room');
     27                jQuery("#room_error_"+x).text(str_room_error);
    2828                roomEmpty=true;
    2929            }
    … …  
    3434        if (!roomEmpty){
    3535       
    36             $("#formSearch").append("<div style='display:none'>");
    37            
    38             $("#traveler_details").find("input").each(function(){
    39                 $("#formSearch").append($(this).prop('outerHTML'));
     36            jQuery("#formSearch").append("<div style='display:none'>");
     37           
     38            jQuery("#traveler_details").find("input").each(function(){
     39                jQuery("#formSearch").append(jQuery(this).prop('outerHTML'));
    4040            });
    4141           
    42             $("#formSearch").append("</div>");
    43             $("#formSearch").submit();
    44        
    45         }
     42            jQuery("#formSearch").append("</div>");
     43            jQuery("#formSearch").submit();
     44       
     45        }
     46       
    4647        else return false;
    4748           
    … …  
    5051    /******************         DROPDOWN            ****************/
    5152   
    52     $("#travelers_group").click(function(e){
     53    jQuery("#travelers_group").click(function(e){
    5354       
    54         $(".rc-dropdown-menu").slideToggle("fast");
     55        jQuery(".rc-dropdown-menu").slideToggle("fast");
    5556        e.stopPropagation();
    5657    });
    5758
    5859    // Hide dropdown menu on click outside
    59     $(document).on("click", function(event){
    60         if(!$(event.target).closest("#traveler_details").length){
     60    jQuery(document).on("click", function(event){
     61        if(!jQuery(event.target).closest("#traveler_details").length){
    6162           
    6263           
    6364            var roomEmpty=false;
    64             $(".rm-cnt").each(function(x){
    65            
    66                 if ($(this).find("input[name='adults']").val()==0 && $(this).find("input[name='children']").val()==0){
     65            jQuery(".rm-cnt").each(function(x){
     66           
     67                if (jQuery(this).find("input[name='adults']").val()==0 && jQuery(this).find("input[name='children']").val()==0){
    6768               
    68                     $("#room_error_"+x).text('please add 1 person or remove the room');
     69                    jQuery("#room_error_"+x).text('please add 1 person or remove the room');
    6970                    roomEmpty=true;
    7071                }
    … …  
    7778            if (roomEmpty) return;
    7879           
    79             $(".rc-dropdown-menu").slideUp("fast");
     80            jQuery(".rc-dropdown-menu").slideUp("fast");
    8081           
    81             $("#travelers").val(getUpdatedText());
     82            jQuery("#travelers").val(getUpdatedText());
    8283        }
    8384    });
    8485   
    85     $("#close_dropdown").on("click", function(event){
     86    jQuery("#close_dropdown").on("click", function(event){
    8687       
    8788       
    8889            var roomEmpty=false;
    89             $(".rm-cnt").each(function(x){
    90            
    91                 if ($(this).find("input[name='adults']").val()==0 && $(this).find("input[name='children']").val()==0){
     90            jQuery(".rm-cnt").each(function(x){
     91           
     92                if (jQuery(this).find("input[name='adults']").val()==0 && jQuery(this).find("input[name='children']").val()==0){
    9293               
    93                     $("#room_error_"+x).text('please add 1 person or remove the room');
     94                    jQuery("#room_error_"+x).text('please add 1 person or remove the room');
    9495                    roomEmpty=true;
    9596                }
    … …  
    102103            if (roomEmpty) return;
    103104           
    104             $(".rc-dropdown-menu").slideUp("fast");
     105            jQuery(".rc-dropdown-menu").slideUp("fast");
    105106           
    106             $("#travelers").val(getUpdatedText());
     107            jQuery("#travelers").val(getUpdatedText());
    107108       
    108109    });
    … …  
    115116        var adults=0;
    116117        var children=0;
    117         $(".rm-cnt").each(function(){
     118        jQuery(".rm-cnt").each(function(){
    118119           
    119120            rooms++;
    120             var target=($(this).attr("id")).split("_")[1];
     121            var target=(jQuery(this).attr("id")).split("_")[1];
    121122           
    122             adults+=parseInt($("#adults_"+target).val(), 10);
    123             children+=parseInt($("#children_"+target).val(), 10);
     123            adults+=parseInt(jQuery("#adults_"+target).val(), 10);
     124            children+=parseInt(jQuery("#children_"+target).val(), 10);
    124125           
    125126        });
    … …  
    144145    }
    145146
    146 /******************         DATERANGE           ****************/
    147    
    148    
    149 language="en" //bg cz de en es fr hr hu it jp nl pl pt ru zh
    150 calendar_open_side="right"; // right,left,top,bottom                                                                                             
    151 column_start_day_of_week=1; // 0 to 6
    152 
    153 
    154 
    155 
    156 $("#calendar_search_span").click(function(){
    157     $('#search_calendar').data('daterangepicker').show();
    158 });
     147
     148/*#############################                 LITEPICKER              #####################################*/
    159149
    160150var today= new moment();
    … …  
    163153
    164154
    165 $("#checkin").val(today.format("YYYYMMDD"));
    166 $("#checkout").val(tomorrow.format("YYYYMMDD"));
    167 moment.locale(locale);
    168 console.log("locale: "+moment.locale());
    169 
    170 $('#search_calendar').daterangepicker({
    171 
    172 
    173     alwaysShowCalendars: true,
    174     startDate: today,
    175     endDate: tomorrow,
    176     minDate: today,
    177     opens: calendar_open_side,
    178     autoApply: true,
    179     disableHoverDate: true,
    180     locale: {
    181         format: "D MMM YY",
    182         monthNames: moment.months(),
    183         applyLabel: "APPLY",
    184         cancelLabel: "CANCEL",
    185         fromLabel: "FROM",
    186         toLabel: "TO",
    187         customRangeLabel: "CUSTOM RANGE",
    188        
    189         weekLabel: "WEEK",
    190         daysOfWeek: moment.weekdaysShort(),
    191         //CLAUDIO PRIMO GIORNO DELLA SETTIMANA DA CUI FAR PARTIRE IL CALENDARIO
    192         firstDay: column_start_day_of_week
     155jQuery("#checkin").val(today.format("YYYYMMDD"));
     156jQuery("#checkout").val(tomorrow.format("YYYYMMDD"));
     157
     158(jQuery("#formSearch").find(jQuery("#start_day"))).val(today.format("DD"));
     159(jQuery("#formSearch").find(jQuery("#start_month"))).val(today.format("MM"));
     160(jQuery("#formSearch").find(jQuery("#start_year"))).val(today.format("YYYY"));
     161
     162(jQuery("#formSearch").find(jQuery("#end_day"))).val(tomorrow.format("DD"));
     163(jQuery("#formSearch").find(jQuery("#end_month"))).val(tomorrow.format("MM"));
     164(jQuery("#formSearch").find(jQuery("#end_year"))).val(tomorrow.format("YYYY"));
     165
     166const picker = new Litepicker({
     167    element: document.getElementById('search_calendar'),
     168
     169    plugins: ['mobilefriendly'],
     170    autoApply: true,
     171    singleMode: false, //true picker - false range picker
     172    allowRepick: false, //can repick only one date of range
     173   
     174    startDate: today.format("YYYY-MM-DD"),
     175    endDate: tomorrow.format("YYYY-MM-DD"),
     176   
     177//  buttonText:{"apply":"Applyss","cancel":"Cancelss"/*,"previousMonth":"<svg>...</svg>","nextMonth":"<svg>...</svg>","reset":"<svg>...</svg>"*/},
     178    firstDay:0,
     179    lang: locale,
     180    format:"YYYY-MM-DD",
     181   
     182    //desktop
     183    numberOfColumns: 2,
     184    numberOfMonths: 2,
     185   
     186
     187   
     188    position: "bottom left",
     189    scrollToDate: false,
     190   
     191//  disallowLockDaysInRange: true,
     192    selectBackward:false,
     193    selectForward:true,
     194    showTooltip:true,
     195   
     196    tooltipNumber:(totalDays) => {
     197        return totalDays - 1;
     198    },
     199    tooltipText:{"one":str_night,"other":str_nights},
     200    minDays:2,
     201    minDate:today.format("YYYY-MM-DD"),
     202    setup: (picker) => {
     203       
     204        picker.on('selected', (date1, date2) => {
     205           
     206            jQuery(".dates_calendar").css("animation", "none");
     207           
     208            jQuery("#search_group").addClass("search_calendar_border_fixed");
     209
     210            //remove pulse effect on checkin/checout calendar when a value is setted
     211            jQuery(".dates_calendar").css("animation", "none");
     212           
     213           
     214            select_start = date1.format('YYYYMMDD');
     215            select_end = date2.format('YYYYMMDD');
     216           
     217            (jQuery("#formSearch").find(jQuery("#start_day"))).val(date1.format("DD"));
     218            (jQuery("#formSearch").find(jQuery("#start_month"))).val(date1.format("MM"));
     219            (jQuery("#formSearch").find(jQuery("#start_year"))).val(date1.format("YYYY"));
     220           
     221            (jQuery("#formSearch").find(jQuery("#end_day"))).val(date2.format("DD"));
     222            (jQuery("#formSearch").find(jQuery("#end_month"))).val(date2.format("MM"));
     223            (jQuery("#formSearch").find(jQuery("#end_year"))).val(date2.format("YYYY"));
     224           
     225            jQuery("#checkin").val(select_start);
     226            jQuery("#checkout").val(select_end);
     227           
     228        });
     229   
    193230    }
     231   
     232  });
     233
     234jQuery("#calendar_search_span").click(function(){
     235    picker.show();
    194236});
    195237
    196238
    197 $('#search_calendar').on('hide.daterangepicker', function(ev, picker) {
    198    
    199     $("#search_group").removeClass("search_calendar_border");
    200    
    201     if(($("#search_calendar").data('daterangepicker').startDate.format("YYYY-MM-DD"))==($("#search_calendar").data('daterangepicker').endDate.format("YYYY-MM-DD"))){
    202         $("#search_calendar").val(""); 
    203     }
    204 
    205    
    206    
    207 });
    208 
    209 $('#search_calendar').on('apply.daterangepicker', function(ev, picker) {
    210    
    211 
    212     $("#search_group").addClass("search_calendar_border_fixed");
    213 
    214     //remove pulse effect on checkin/checout calendar when a value is setted
    215     $(".dates_calendar").css("animation", "none");
    216    
    217    
    218     select_start=picker.startDate.format('YYYYMMDD');
    219     select_end=picker.endDate.format('YYYYMMDD');
    220    
    221     $("#checkin").val(select_start);
    222     $("#checkout").val(select_end);
    223    
    224     oneDay = 24 * 60 * 60 * 1000;
    225 
    226 
    227     diffDays = Math.round(Math.abs(((picker.endDate - picker.startDate)) / oneDay));
    228    
    229     diffDays--;
    230    
    231     $("#cal_nights").text(diffDays);
    232    
    233     ($("#formSearch").find($("#checkin"))).val(select_start);
    234     ($("#formSearch").find($("#checkout"))).val(select_end);
    235    
    236 
    237 
    238     ($("#formSearch").find($("#start_day"))).val($("#search_calendar").data('daterangepicker').startDate.format("DD"));
    239     ($("#formSearch").find($("#start_month"))).val($("#search_calendar").data('daterangepicker').startDate.format("MM"));
    240     ($("#formSearch").find($("#start_year"))).val($("#search_calendar").data('daterangepicker').startDate.format("YYYY"));
    241    
    242     ($("#formSearch").find($("#end_day"))).val($("#search_calendar").data('daterangepicker').endDate.format("DD"));
    243     ($("#formSearch").find($("#end_month"))).val($("#search_calendar").data('daterangepicker').endDate.format("MM"));
    244     ($("#formSearch").find($("#end_year"))).val($("#search_calendar").data('daterangepicker').endDate.format("YYYY"));
    245                                            
    246    
    247    
    248 
    249    
    250    
    251 });
    252 
    253 
    254 
    255 
    256 
    257 
    258 
    259 
    260 /******************         GUEST BUTTONS + -           ****************/
    261 
    262 
    263 
    264 $(document).on('click','.box-btn-round', function() {
    265 
    266    
    267 
    268    
    269     btn_id=$(this).attr("id");
     239
     240/******************         ADD AND REMOVE GUEST            ****************/
     241
     242
     243
     244jQuery(document).on('click','.box-btn-round', function() {
     245
     246   
     247
     248   
     249    btn_id=jQuery(this).attr("id");
    270250
    271251   
    … …  
    277257        btn_target_room=btn_id.split("_")[2];
    278258       
    279         $("#room_error_"+btn_target_room).text('');
     259        jQuery("#room_error_"+btn_target_room).text('');
    280260       
    281261     if (btn_target=="age"){
    … …  
    289269       
    290270        //calculate new value
    291         new_val=parseInt($("#"+btn_target+"_"+btn_target_room).val(),10);
     271        new_val=parseInt(jQuery("#"+btn_target+"_"+btn_target_room).val(),10);
    292272
    293273   
    … …  
    321301           
    322302            if (btn_target_room=="0"){
    323                 if ($("#"+btn_target+"_"+btn_target_room).val()==2 && new_val==1) $("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
    324                 else if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==2) $("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
     303                if (jQuery("#"+btn_target+"_"+btn_target_room).val()==2 && new_val==1) jQuery("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
     304                else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==2) jQuery("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
    325305               
    326306            }else{
    327                 if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) $("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
    328                 else if ($("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) $("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
     307                if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) jQuery("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
     308                else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) jQuery("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
    329309            }               
    330310           
    331311        }
    332312        if (btn_target=="children"){
    333             if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) $("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
    334             else if ($("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) $("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
     313            if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) jQuery("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
     314            else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) jQuery("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
    335315        }
    336316        if (btn_target=="age"){
    337             if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) $("#"+btn_target+"_"+btn_target_room+"_less").addClass("disabled_btn");
    338             else if ($("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) $("#"+btn_target+"_"+btn_target_room+"_less").removeClass("disabled_btn");
    339         }
    340        
    341         if (btn_target=="adults" && $("#"+btn_target+"_"+btn_target_room).val()==19 && new_val==20) $("#"+btn_target+"_more_"+btn_target_room).addClass("disabled_btn");
    342         else if (btn_target=="adults" && $("#"+btn_target+"_"+btn_target_room).val()==20 && new_val==19) $("#"+btn_target+"_more_"+btn_target_room).removeClass("disabled_btn");
    343 
    344         if (btn_target=="age" && $("#"+btn_target).val()==16 && new_val==17) $("#"+btn_target+"_more").addClass("disabled_btn");
    345         else if (btn_target=="age" && $("#"+btn_target).val()==17 && new_val==16) $("#"+btn_target+"_more").removeClass("disabled_btn");
     317            if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) jQuery("#"+btn_target+"_"+btn_target_room+"_less").addClass("disabled_btn");
     318            else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) jQuery("#"+btn_target+"_"+btn_target_room+"_less").removeClass("disabled_btn");
     319        }
     320       
     321        if (btn_target=="adults" && jQuery("#"+btn_target+"_"+btn_target_room).val()==19 && new_val==20) jQuery("#"+btn_target+"_more_"+btn_target_room).addClass("disabled_btn");
     322        else if (btn_target=="adults" && jQuery("#"+btn_target+"_"+btn_target_room).val()==20 && new_val==19) jQuery("#"+btn_target+"_more_"+btn_target_room).removeClass("disabled_btn");
     323
     324        if (btn_target=="age" && jQuery("#"+btn_target).val()==16 && new_val==17) jQuery("#"+btn_target+"_more").addClass("disabled_btn");
     325        else if (btn_target=="age" && jQuery("#"+btn_target).val()==17 && new_val==16) jQuery("#"+btn_target+"_more").removeClass("disabled_btn");
    346326   
    347327        //update children fields
    … …  
    349329       
    350330       
    351             $("#"+btn_target+"_"+btn_target_room).val(new_val);
    352             $("#"+btn_target+"_span_"+btn_target_room).html(new_val);
    353        
    354         $(this).fadeTo(100, 0.5).fadeTo(100, 1.0);
    355        
    356        
    357         $("#btn-resume").text(getUpdatedText());
     331            jQuery("#"+btn_target+"_"+btn_target_room).val(new_val);
     332            jQuery("#"+btn_target+"_span_"+btn_target_room).html(new_val);
     333       
     334        jQuery(this).fadeTo(100, 0.5).fadeTo(100, 1.0);
     335       
     336       
     337        jQuery("#btn-resume").text(getUpdatedText());
    358338
    359339});
    … …  
    365345   
    366346   
    367     child_cnt=$(".app_child_cnt_"+btn_target_room).size();
     347    child_cnt=jQuery(".app_child_cnt_"+btn_target_room).size();
    368348    size=idx;
    369349   
    … …  
    375355    for (k=0;k<size;k++){
    376356       
    377         target_div=$("#room_"+btn_target_room+"_app_child_"+k);
     357        target_div=jQuery("#room_"+btn_target_room+"_app_child_"+k);
    378358       
    379359       
    … …  
    430410   
    431411   
    432     $("#room_"+btn_target_room+"_children_append_container").append(html);
     412    jQuery("#room_"+btn_target_room+"_children_append_container").append(html);
    433413}
    434414
    435415
    436416
    437 
    438 
    439 
     417jQuery("#hotel_search").click(function(){
     418   
     419    jQuery("#hotel").show();
     420   
    440421});
     422
     423
     424});

  • roomcloud/trunk/JS/wp_se1_vertical_template.js

    r2606589 r2651357  
    11
    2 $("#btn-search").click(function(){
     2jQuery( document ).ready(function() {
     3
     4
     5jQuery("#btn-search").click(function(){
    36   
    47   
    58    var roomEmpty=false;
    6     $(".rm-cnt").each(function(x){
    7        
    8         if ($(this).find("input[name='adults']").val()==0 && $(this).find("input[name='children']").val()==0){
    9            
    10             $("#room_error_"+x).text('please add 1 person or remove the room');
     9    jQuery(".rm-cnt").each(function(x){
     10       
     11        if (jQuery(this).find("input[name='adults']").val()==0 && jQuery(this).find("input[name='children']").val()==0){
     12           
     13            jQuery("#room_error_"+x).text(str_room_error);
    1114            roomEmpty=true;
    1215        }
    … …  
    1518   
    1619   
    17     if (!roomEmpty) $("#formSearch").submit();
     20    if (!roomEmpty) jQuery("#formSearch").submit();
    1821    else return false;
    1922   
    … …  
    2225
    2326
    24 /* begin of plugin customization V 1.0 */
    25 
    26 language="en" //bg cz de en es fr hr hu it jp nl pl pt ru zh
    27 calendar_open_side="right"; // right,left,top,bottom                                                                                             
    28 column_start_day_of_week=1; // 0 to 6
    29 
    30 /* end of plugin customization */
    31 
    32 
    33 $("#calendar_search_span").click(function(){
    34     $('#search_calendar').data('daterangepicker').show();
    35 });
     27/*#############################                 LITEPICKER              #####################################*/
    3628
    3729var today= new moment();
    … …  
    3931tomorrow=tomorrow.add(1,'days');
    4032
    41 $("#checkin").val(today.format("YYYYMMDD"));
    42 $("#checkout").val(tomorrow.format("YYYYMMDD"));
    43 moment.locale(locale);
    44 console.log("locale: "+moment.locale());
    45 
    46 
    47 $('#search_calendar').daterangepicker({
    48 
    49 
    50     alwaysShowCalendars: true,
    51     startDate: today,
    52     endDate: tomorrow,
    53     minDate: today,
    54     opens: calendar_open_side,
    55     autoApply: true,
    56     disableHoverDate: true,
    57     locale: {
    58         format: "D MMM YY",
    59         monthNames: moment.months(),
    60         applyLabel: "APPLY",
    61         cancelLabel: "CANCEL",
    62         fromLabel: "FROM",
    63         toLabel: "TO",
    64         customRangeLabel: "CUSTOM RANGE",
    65        
    66         weekLabel: "WEEK",
    67         daysOfWeek: moment.weekdaysShort(),
    68         //CLAUDIO PRIMO GIORNO DELLA SETTIMANA DA CUI FAR PARTIRE IL CALENDARIO
    69         firstDay: column_start_day_of_week
     33
     34jQuery("#checkin").val(today.format("YYYYMMDD"));
     35jQuery("#checkout").val(tomorrow.format("YYYYMMDD"));
     36
     37
     38
     39(jQuery("#formSearch").find(jQuery("#start_day"))).val(today.format("DD"));
     40(jQuery("#formSearch").find(jQuery("#start_month"))).val(today.format("MM"));
     41(jQuery("#formSearch").find(jQuery("#start_year"))).val(today.format("YYYY"));
     42
     43(jQuery("#formSearch").find(jQuery("#end_day"))).val(tomorrow.format("DD"));
     44(jQuery("#formSearch").find(jQuery("#end_month"))).val(tomorrow.format("MM"));
     45(jQuery("#formSearch").find(jQuery("#end_year"))).val(tomorrow.format("YYYY"));
     46
     47
     48const picker = new Litepicker({
     49    element: document.getElementById('search_calendar'),
     50
     51    plugins: ['mobilefriendly'],
     52    autoApply: true,
     53    singleMode: false, //true picker - false range picker
     54    allowRepick: false, //can repick only one date of range
     55   
     56    startDate: today.format("YYYY-MM-DD"),
     57    endDate: tomorrow.format("YYYY-MM-DD"),
     58   
     59//  buttonText:{"apply":"Applyss","cancel":"Cancelss"/*,"previousMonth":"<svg>...</svg>","nextMonth":"<svg>...</svg>","reset":"<svg>...</svg>"*/},
     60    firstDay:0,
     61    lang: locale,
     62    format:"YYYY-MM-DD",
     63   
     64    //desktop
     65    numberOfColumns: 2,
     66    numberOfMonths: 2,
     67   
     68
     69   
     70    position: "bottom left",
     71    scrollToDate: false,
     72   
     73//  disallowLockDaysInRange: true,
     74    selectBackward:false,
     75    selectForward:true,
     76    showTooltip:true,
     77   
     78    tooltipNumber:(totalDays) => {
     79        return totalDays - 1;
     80    },
     81    tooltipText:{"one":str_night,"other":str_nights},
     82    minDays:2,
     83    minDate:today.format("YYYY-MM-DD"),
     84    setup: (picker) => {
     85       
     86        picker.on('selected', (date1, date2) => {
     87           
     88            jQuery(".dates_calendar").css("animation", "none");
     89           
     90            jQuery("#search_group").addClass("search_calendar_border_fixed");
     91
     92            //remove pulse effect on checkin/checout calendar when a value is setted
     93            jQuery(".dates_calendar").css("animation", "none");
     94           
     95           
     96            select_start = date1.format('YYYYMMDD');
     97            select_end = date2.format('YYYYMMDD');
     98           
     99            (jQuery("#formSearch").find(jQuery("#start_day"))).val(date1.format("DD"));
     100            (jQuery("#formSearch").find(jQuery("#start_month"))).val(date1.format("MM"));
     101            (jQuery("#formSearch").find(jQuery("#start_year"))).val(date1.format("YYYY"));
     102           
     103            (jQuery("#formSearch").find(jQuery("#end_day"))).val(date2.format("DD"));
     104            (jQuery("#formSearch").find(jQuery("#end_month"))).val(date2.format("MM"));
     105            (jQuery("#formSearch").find(jQuery("#end_year"))).val(date2.format("YYYY"));
     106           
     107            jQuery("#checkin").val(select_start);
     108            jQuery("#checkout").val(select_end);
     109           
     110        });
     111   
    70112    }
    71 });
    72 
    73 
    74 $('#search_calendar').on('hide.daterangepicker', function(ev, picker) {
    75    
    76     $("#search_group").removeClass("search_calendar_border");
    77    
    78     if(($("#search_calendar").data('daterangepicker').startDate.format("YYYY-MM-DD"))==($("#search_calendar").data('daterangepicker').endDate.format("YYYY-MM-DD"))){
    79         $("#search_calendar").val(""); 
    80     }
    81 
    82    
    83    
    84 });
    85 
    86 $('#search_calendar').on('apply.daterangepicker', function(ev, picker) {
    87    
    88 
    89     $("#search_group").addClass("search_calendar_border_fixed");
    90 
    91     //remove pulse effect on checkin/checout calendar when a value is setted
    92     $(".dates_calendar").css("animation", "none");
    93    
    94    
    95     select_start=picker.startDate.format('YYYYMMDD');
    96     select_end=picker.endDate.format('YYYYMMDD');
    97    
    98    
    99     oneDay = 24 * 60 * 60 * 1000;
    100 
    101 
    102     diffDays = Math.round(Math.abs(((picker.endDate - picker.startDate)) / oneDay));
    103    
    104     diffDays--;
    105    
    106     $("#cal_nights").text(diffDays);
    107    
    108    
    109    
    110 
    111    
    112 
    113 
    114     ($("#formSearch").find($("#start_day"))).val($("#search_calendar").data('daterangepicker').startDate.format("DD"));
    115     ($("#formSearch").find($("#start_month"))).val($("#search_calendar").data('daterangepicker').startDate.format("MM"));
    116     ($("#formSearch").find($("#start_year"))).val($("#search_calendar").data('daterangepicker').startDate.format("YYYY"));
    117    
    118     ($("#formSearch").find($("#end_day"))).val($("#search_calendar").data('daterangepicker').endDate.format("DD"));
    119     ($("#formSearch").find($("#end_month"))).val($("#search_calendar").data('daterangepicker').endDate.format("MM"));
    120     ($("#formSearch").find($("#end_year"))).val($("#search_calendar").data('daterangepicker').endDate.format("YYYY"));
    121    
    122    
    123                                        
    124    
    125    
    126 
    127    
    128 
    129    
    130    
    131 });
    132 
    133 $(document).on('click','.box-btn', function() {
    134 
    135    
    136 
    137    
    138     btn_id=$(this).attr("id");
     113   
     114  });
     115
     116    jQuery("#calendar_search_span").click(function(){
     117        picker.show();
     118    });
     119
     120
     121
     122
     123
     124
     125
     126/******************         ADD AND REMOVE GUEST            ****************/
     127
     128
     129jQuery(document).on('click','.box-btn', function() {
     130
     131   
     132
     133   
     134    btn_id=jQuery(this).attr("id");
    139135
    140136   
    … …  
    146142        btn_target_room=btn_id.split("_")[2];
    147143       
    148         $("#room_error_"+btn_target_room).text('');
     144        jQuery("#room_error_"+btn_target_room).text('');
    149145       
    150146     if (btn_target=="age"){
    … …  
    158154       
    159155        //calculate new value
    160         new_val=parseInt($("#"+btn_target+"_"+btn_target_room).val(),10);
     156        new_val=parseInt(jQuery("#"+btn_target+"_"+btn_target_room).val(),10);
    161157
    162158   
    … …  
    190186           
    191187            if (btn_target_room=="0"){
    192                 if ($("#"+btn_target+"_"+btn_target_room).val()==2 && new_val==1) $("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
    193                 else if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==2) $("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
     188                if (jQuery("#"+btn_target+"_"+btn_target_room).val()==2 && new_val==1) jQuery("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
     189                else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==2) jQuery("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
    194190               
    195191            }else{
    196                 if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) $("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
    197                 else if ($("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) $("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
     192                if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) jQuery("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
     193                else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) jQuery("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
    198194            }               
    199195           
    200196        }
    201197        if (btn_target=="children"){
    202             if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) $("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
    203             else if ($("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) $("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
     198            if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) jQuery("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
     199            else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) jQuery("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
    204200        }
    205201        if (btn_target=="age"){
    206             if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) $("#"+btn_target+"_"+btn_target_room+"_less").addClass("disabled_btn");
    207             else if ($("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) $("#"+btn_target+"_"+btn_target_room+"_less").removeClass("disabled_btn");
    208         }
    209        
    210         if (btn_target=="adults" && $("#"+btn_target+"_"+btn_target_room).val()==19 && new_val==20) $("#"+btn_target+"_more_"+btn_target_room).addClass("disabled_btn");
    211         else if (btn_target=="adults" && $("#"+btn_target+"_"+btn_target_room).val()==20 && new_val==19) $("#"+btn_target+"_more_"+btn_target_room).removeClass("disabled_btn");
    212 
    213         if (btn_target=="age" && $("#"+btn_target).val()==16 && new_val==17) $("#"+btn_target+"_more").addClass("disabled_btn");
    214         else if (btn_target=="age" && $("#"+btn_target).val()==17 && new_val==16) $("#"+btn_target+"_more").removeClass("disabled_btn");
     202            if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) jQuery("#"+btn_target+"_"+btn_target_room+"_less").addClass("disabled_btn");
     203            else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) jQuery("#"+btn_target+"_"+btn_target_room+"_less").removeClass("disabled_btn");
     204        }
     205       
     206        if (btn_target=="adults" && jQuery("#"+btn_target+"_"+btn_target_room).val()==19 && new_val==20) jQuery("#"+btn_target+"_more_"+btn_target_room).addClass("disabled_btn");
     207        else if (btn_target=="adults" && jQuery("#"+btn_target+"_"+btn_target_room).val()==20 && new_val==19) jQuery("#"+btn_target+"_more_"+btn_target_room).removeClass("disabled_btn");
     208
     209        if (btn_target=="age" && jQuery("#"+btn_target).val()==16 && new_val==17) jQuery("#"+btn_target+"_more").addClass("disabled_btn");
     210        else if (btn_target=="age" && jQuery("#"+btn_target).val()==17 && new_val==16) jQuery("#"+btn_target+"_more").removeClass("disabled_btn");
    215211   
    216212        //update children fields
    … …  
    218214       
    219215       
    220             $("#"+btn_target+"_"+btn_target_room).val(new_val);
    221             $("#"+btn_target+"_span_"+btn_target_room).html(new_val);
    222        
    223         $(this).fadeTo(100, 0.5).fadeTo(100, 1.0);
     216            jQuery("#"+btn_target+"_"+btn_target_room).val(new_val);
     217            jQuery("#"+btn_target+"_span_"+btn_target_room).html(new_val);
     218       
     219        jQuery(this).fadeTo(100, 0.5).fadeTo(100, 1.0);
    224220       
    225221       
    … …  
    233229   
    234230   
    235     child_cnt=$(".app_child_cnt_"+btn_target_room).size();
     231    child_cnt=jQuery(".app_child_cnt_"+btn_target_room).size();
    236232    size=idx;
    237233   
    … …  
    243239    for (k=0;k<size;k++){
    244240       
    245         target_div=$("#room_"+btn_target_room+"_app_child_"+k);
     241        target_div=jQuery("#room_"+btn_target_room+"_app_child_"+k);
    246242       
    247243       
    … …  
    302298   
    303299   
    304     $("#room_"+btn_target_room+"_children_append_container").append(html);
     300    jQuery("#room_"+btn_target_room+"_children_append_container").append(html);
    305301}
    306302
    307303
    308304
    309 
     305});

  • roomcloud/trunk/JS/wp_se2_horizontal_template.js

    r2606589 r2651357  
    11
    2 $( document ).ready(function() {
     2jQuery( document ).ready(function() {
    33   
    4     var drop=$("#traveler_details").prop('outerHTML');
    5     $("#traveler_details").remove();
    6     $("body").append(drop);
    7 
    8     var drop_w=$("#travelers_group").width();
    9     $("#traveler_details").css("width", drop_w);
    10 
    11     var drop_x=$("#travelers_group").offset().left;
    12     var drop_y=$("#travelers_group").offset().top;
    13 
    14     $("#traveler_details").css('top', drop_y + $("#travelers_group").outerHeight());
    15     $("#traveler_details").css('left', drop_x);
    16 
    17    
    18     $("#btn-search").click(function(e){
     4    var drop=jQuery("#traveler_details").prop('outerHTML');
     5    jQuery("#traveler_details").remove();
     6    jQuery("body").append(drop);
     7
     8    var drop_w=jQuery("#travelers_group").width();
     9    jQuery("#traveler_details").css("width", drop_w);
     10
     11    var drop_x=jQuery("#travelers_group").offset().left;
     12    var drop_y=jQuery("#travelers_group").offset().top;
     13
     14    jQuery("#traveler_details").css('top', drop_y + jQuery("#travelers_group").outerHeight());
     15    jQuery("#traveler_details").css('left', drop_x);
     16
     17   
     18    jQuery("#btn-search").click(function(e){
    1919       
    2020        e.preventDefault();
    2121        var roomEmpty=false;
    22         $(".rm-cnt").each(function(x){
    23            
    24             if ($(this).find("input[name='adults']").val()==0 && $(this).find("input[name='children']").val()==0){
    25                
    26                 $("#room_error_"+x).text(str_room_error);
     22        jQuery(".rm-cnt").each(function(x){
     23           
     24            if (jQuery(this).find("input[name='adults']").val()==0 && jQuery(this).find("input[name='children']").val()==0){
     25               
     26                jQuery("#room_error_"+x).text(str_room_error);
    2727                roomEmpty=true;
    2828            }
    … …  
    3333        if (!roomEmpty){
    3434       
    35             $("#formSearch").append("<div style='display:none'>");
    36            
    37             $("#traveler_details").find("input").each(function(){
    38                 $("#formSearch").append($(this).prop('outerHTML'));
     35            jQuery("#formSearch").append("<div style='display:none'>");
     36           
     37            jQuery("#traveler_details").find("input").each(function(){
     38                jQuery("#formSearch").append(jQuery(this).prop('outerHTML'));
    3939            });
    4040           
    41             $("#formSearch").append("</div>");
    42             $("#formSearch").submit();
     41            jQuery("#formSearch").append("</div>");
     42            jQuery("#formSearch").submit();
    4343       
    4444        }
    … …  
    4949    /******************         DROPDOWN            ****************/
    5050   
    51     $("#travelers_group").click(function(e){
     51    jQuery("#travelers_group").click(function(e){
    5252       
    53         $(".rc-dropdown-menu").slideToggle("fast");
     53        jQuery(".rc-dropdown-menu").slideToggle("fast");
    5454        e.stopPropagation();
    5555    });
    5656
    5757    // Hide dropdown menu on click outside
    58     $(document).on("click", function(event){
    59         if(!$(event.target).closest("#traveler_details").length){
     58    jQuery(document).on("click", function(event){
     59        if(!jQuery(event.target).closest("#traveler_details").length){
    6060           
    6161           
    6262            var roomEmpty=false;
    63             $(".rm-cnt").each(function(x){
    64            
    65                 if ($(this).find("input[name='adults']").val()==0 && $(this).find("input[name='children']").val()==0){
     63            jQuery(".rm-cnt").each(function(x){
     64           
     65                if (jQuery(this).find("input[name='adults']").val()==0 && jQuery(this).find("input[name='children']").val()==0){
    6666               
    67                     $("#room_error_"+x).text(str_room_error);
     67                    jQuery("#room_error_"+x).text(str_room_error);
    6868                    roomEmpty=true;
    6969                }
    … …  
    7676            if (roomEmpty) return;
    7777           
    78             $(".rc-dropdown-menu").slideUp("fast");
     78            jQuery(".rc-dropdown-menu").slideUp("fast");
    7979           
    80             $("#travelers").val(getUpdatedText());
     80            jQuery("#travelers").val(getUpdatedText());
    8181        }
    8282    });
    8383   
    84     $("#close_dropdown").on("click", function(event){
     84    jQuery("#close_dropdown").on("click", function(event){
    8585       
    8686       
    8787            var roomEmpty=false;
    88             $(".rm-cnt").each(function(x){
    89            
    90                 if ($(this).find("input[name='adults']").val()==0 && $(this).find("input[name='children']").val()==0){
     88            jQuery(".rm-cnt").each(function(x){
     89           
     90                if (jQuery(this).find("input[name='adults']").val()==0 && jQuery(this).find("input[name='children']").val()==0){
    9191               
    92                     $("#room_error_"+x).text(str_room_error);
     92                    jQuery("#room_error_"+x).text(str_room_error);
    9393                    roomEmpty=true;
    9494                }
    … …  
    101101            if (roomEmpty) return;
    102102           
    103             $(".rc-dropdown-menu").slideUp("fast");
     103            jQuery(".rc-dropdown-menu").slideUp("fast");
    104104           
    105             $("#travelers").val(getUpdatedText());
     105            jQuery("#travelers").val(getUpdatedText());
    106106       
    107107    });
    … …  
    114114        var adults=0;
    115115        var children=0;
    116         $(".rm-cnt").each(function(){
     116        jQuery(".rm-cnt").each(function(){
    117117           
    118118            rooms++;
    119             var target=($(this).attr("id")).split("_")[1];
     119            var target=(jQuery(this).attr("id")).split("_")[1];
    120120           
    121             adults+=parseInt($("#adults_"+target).val(), 10);
    122             children+=parseInt($("#children_"+target).val(), 10);
     121            adults+=parseInt(jQuery("#adults_"+target).val(), 10);
     122            children+=parseInt(jQuery("#children_"+target).val(), 10);
    123123           
    124124        });
    … …  
    145145       
    146146    }
    147 
    148 /******************         DATERANGE           ****************/
    149    
    150    
    151 language="en" //bg cz de en es fr hr hu it jp nl pl pt ru zh
    152 calendar_open_side="right"; // right,left,top,bottom                                                                                             
    153 column_start_day_of_week=1; // 0 to 6
    154 
    155 
    156 
    157 
    158 $("#calendar_search_span").click(function(){
    159     $('#search_calendar').data('daterangepicker').show();
    160 });
     147   
     148/*#############################                 LITEPICKER              #####################################*/
     149
     150
    161151
    162152var today= new moment();
    … …  
    165155
    166156
    167 $("#checkin").val(today.format("YYYYMMDD"));
    168 $("#checkout").val(tomorrow.format("YYYYMMDD"));
    169 moment.locale(locale);
    170 console.log("locale: "+moment.locale());
    171 
    172 
    173 $('#search_calendar').daterangepicker({
    174 
    175 
    176     alwaysShowCalendars: true,
    177     startDate: today,
    178     endDate: tomorrow,
    179     minDate: today,
    180     opens: calendar_open_side,
    181     autoApply: true,
    182     disableHoverDate: true,
    183     locale: {
    184         format: "D MMM YY",
    185         monthNames: moment.months(),
    186         applyLabel: "APPLY",
    187         cancelLabel: "CANCEL",
    188         fromLabel: "FROM",
    189         toLabel: "TO",
    190         customRangeLabel: "CUSTOM RANGE",
    191        
    192         weekLabel: "WEEK",
    193         daysOfWeek: moment.weekdaysShort(),
    194         //CLAUDIO PRIMO GIORNO DELLA SETTIMANA DA CUI FAR PARTIRE IL CALENDARIO
    195         firstDay: column_start_day_of_week
     157jQuery("#checkin").val(today.format("YYYYMMDD"));
     158jQuery("#checkout").val(tomorrow.format("YYYYMMDD"));
     159
     160
     161const picker = new Litepicker({
     162    element: document.getElementById('search_calendar'),
     163
     164    plugins: ['mobilefriendly'],
     165    autoApply: true,
     166    singleMode: false, //true picker - false range picker
     167    allowRepick: false, //can repick only one date of range
     168   
     169    startDate: today.format("YYYY-MM-DD"),
     170    endDate: tomorrow.format("YYYY-MM-DD"),
     171   
     172//  buttonText:{"apply":"Applyss","cancel":"Cancelss"/*,"previousMonth":"<svg>...</svg>","nextMonth":"<svg>...</svg>","reset":"<svg>...</svg>"*/},
     173    firstDay:0,
     174    lang: locale,
     175    format:"YYYY-MM-DD",
     176   
     177    //desktop
     178    numberOfColumns: 2,
     179    numberOfMonths: 2,
     180   
     181
     182   
     183    position: "bottom left",
     184    scrollToDate: false,
     185   
     186//  disallowLockDaysInRange: true,
     187    selectBackward:false,
     188    selectForward:true,
     189    showTooltip:true,
     190   
     191    tooltipNumber:(totalDays) => {
     192        return totalDays - 1;
     193    },
     194    tooltipText:{"one":str_night,"other":str_nights},
     195    minDays:2,
     196    minDate:today.format("YYYY-MM-DD"),
     197    setup: (picker) => {
     198       
     199        picker.on('selected', (date1, date2) => {
     200           
     201            jQuery(".dates_calendar").css("animation", "none");
     202           
     203            jQuery("#search_group").addClass("search_calendar_border_fixed");
     204
     205            //remove pulse effect on checkin/checout calendar when a value is setted
     206            jQuery(".dates_calendar").css("animation", "none");
     207           
     208           
     209            select_start = date1.format('YYYYMMDD');
     210            select_end = date2.format('YYYYMMDD');
     211           
     212            jQuery("#checkin").val(select_start);
     213            jQuery("#checkout").val(select_end);
     214           
     215        });
     216   
    196217    }
    197 });
    198 
    199 
    200 $('#search_calendar').on('hide.daterangepicker', function(ev, picker) {
    201    
    202     $("#search_group").removeClass("search_calendar_border");
    203    
    204     if(($("#search_calendar").data('daterangepicker').startDate.format("YYYY-MM-DD"))==($("#search_calendar").data('daterangepicker').endDate.format("YYYY-MM-DD"))){
    205         $("#search_calendar").val(""); 
    206     }
    207 
    208    
    209    
    210 });
    211 
    212 $('#search_calendar').on('apply.daterangepicker', function(ev, picker) {
    213    
    214 
    215     $("#search_group").addClass("search_calendar_border_fixed");
    216 
    217     //remove pulse effect on checkin/checout calendar when a value is setted
    218     $(".dates_calendar").css("animation", "none");
    219    
    220    
    221     select_start=picker.startDate.format('YYYYMMDD');
    222     select_end=picker.endDate.format('YYYYMMDD');
    223    
    224     $("#checkin").val(select_start);
    225     $("#checkout").val(select_end);
    226    
    227     oneDay = 24 * 60 * 60 * 1000;
    228 
    229 
    230     diffDays = Math.round(Math.abs(((picker.endDate - picker.startDate)) / oneDay));
    231    
    232     diffDays--;
    233    
    234     $("#cal_nights").text(diffDays);
    235    
    236     ($("#formSearch").find($("#checkin"))).val(select_start);
    237     ($("#formSearch").find($("#checkout"))).val(select_end);
    238 
    239        
    240 });
     218   
     219  });
     220
     221
     222    jQuery("#calendar_search_span").click(function(){
     223        picker.show();
     224    });
    241225
    242226/******************         ADD AND REMOVE GUEST            ****************/
    243227
    244 $("#room_add_span").click(function(){
     228jQuery("#room_add_span").click(function(){
    245229   
    246230    new_room="";
    247231   
    248     new_idx=$(".rm-cnt").length;
     232    new_idx=jQuery(".rm-cnt").length;
    249233   
    250234   
    … …  
    336320    new_room+="</div>";
    337321   
    338     $("#rooms_container").append(new_room);
    339    
    340     $("#btn-resume").text(getUpdatedText());
     322    jQuery("#rooms_container").append(new_room);
     323   
     324    jQuery("#btn-resume").text(getUpdatedText());
    341325
    342326   
    343327});
    344328
    345 $(document).on('click', ".room-remove", function(e) {
     329jQuery(document).on('click', ".room-remove", function(e) {
    346330     
    347331    e.stopPropagation();
    348332   
    349     var room_to_remove=$(this).attr("id").split("-")[2];
     333    var room_to_remove=jQuery(this).attr("id").split("-")[2];
    350334   
    351335    /**/
    352336   
    353     room_counter=$(".rm-cnt").length;   
    354     $("#room_"+room_to_remove+"_container").remove();
     337    room_counter=jQuery(".rm-cnt").length; 
     338    jQuery("#room_"+room_to_remove+"_container").remove();
    355339   
    356340   
    … …  
    362346    /**/
    363347   
    364     $("#btn-resume").text(getUpdatedText());
     348    jQuery("#btn-resume").text(getUpdatedText());
    365349
    366350   
    … …  
    372356    newk=k-1;
    373357   
    374     num_children=$("#children_"+k).val();
     358    num_children=jQuery("#children_"+k).val();
    375359   
    376360    for (i=0;i<num_children;i++){
    377361       
    378         $("#room_"+k+"_app_child_"+i).removeClass("app_child_cnt_"+k);
    379         $("#room_"+k+"_app_child_"+i).addClass("app_child_cnt_"+k);
    380    
    381         $("#room_"+k+"_app_child_"+i).attr("id","room_"+newk+"_app_child_"+i);
    382        
    383        
    384         $("#age_room_"+k+"_child_"+i+"_less").attr("id","age_room_"+newk+"_child_"+i+"_less");
    385         $("#age_room_"+k+"_child_"+i+"_more").attr("id","age_room_"+newk+"_child_"+i+"_more");
    386        
    387         $("#age_room_"+k+"_child_"+i).attr("name","age_"+newk);
    388         $("#age_room_"+k+"_child_"+i).attr("id","age_room_"+newk+"_child_"+i);
    389        
    390         $("#age_span_room_"+k+"_child_"+i).attr("id","age_span_room_"+newk+"_child_"+i);
     362        jQuery("#room_"+k+"_app_child_"+i).removeClass("app_child_cnt_"+k);
     363        jQuery("#room_"+k+"_app_child_"+i).addClass("app_child_cnt_"+k);
     364   
     365        jQuery("#room_"+k+"_app_child_"+i).attr("id","room_"+newk+"_app_child_"+i);
     366       
     367       
     368        jQuery("#age_room_"+k+"_child_"+i+"_less").attr("id","age_room_"+newk+"_child_"+i+"_less");
     369        jQuery("#age_room_"+k+"_child_"+i+"_more").attr("id","age_room_"+newk+"_child_"+i+"_more");
     370       
     371        jQuery("#age_room_"+k+"_child_"+i).attr("name","ages_"+newk);
     372        jQuery("#age_room_"+k+"_child_"+i).attr("id","age_room_"+newk+"_child_"+i);
     373       
     374        jQuery("#age_span_room_"+k+"_child_"+i).attr("id","age_span_room_"+newk+"_child_"+i);
    391375   
    392376    }
    393377   
    394378   
    395     $("#room_"+k+"_container").attr("id","room_"+newk+"_container");       
    396     $("#room-num-span-"+k).text("Room "+k);         
    397     $("#room-num-span-"+k).attr("id","#room-num-span-"+newk);       
    398     $("#room-remove-"+k).attr("id","#room-remove-"+newk);       
    399 
    400     $("#room_error_"+k).attr("id","room_error_"+newk);
    401 
    402     $("#room_"+k+"_children_append_container").attr("id","room_"+newk+"_children_append_container");
    403     $("#adults_less_"+k).attr("id","adults_less_"+newk);
    404     $("#adults_span_"+k).attr("id","adults_span_"+newk);
    405     $("#adults_"+k).attr("id","adults_"+newk);
    406     $("#adults_more_"+k).attr("id","adults_more_"+newk);
    407     $("#children_less_"+k).attr("id","children_less_"+newk);
    408     $("#children_span_"+k).attr("id","children_span_"+newk);
    409     $("#children_"+k).attr("id","children_"+newk);
    410     $("#children_more_"+k).attr("id","children_more_"+newk);
     379    jQuery("#room_"+k+"_container").attr("id","room_"+newk+"_container");       
     380    jQuery("#room-num-span-"+k).text("Room "+k);           
     381    jQuery("#room-num-span-"+k).attr("id","#room-num-span-"+newk);     
     382    jQuery("#room-remove-"+k).attr("id","#room-remove-"+newk);     
     383
     384    jQuery("#room_error_"+k).attr("id","room_error_"+newk);
     385
     386    jQuery("#room_"+k+"_children_append_container").attr("id","room_"+newk+"_children_append_container");
     387    jQuery("#adults_less_"+k).attr("id","adults_less_"+newk);
     388    jQuery("#adults_span_"+k).attr("id","adults_span_"+newk);
     389    jQuery("#adults_"+k).attr("id","adults_"+newk);
     390    jQuery("#adults_more_"+k).attr("id","adults_more_"+newk);
     391    jQuery("#children_less_"+k).attr("id","children_less_"+newk);
     392    jQuery("#children_span_"+k).attr("id","children_span_"+newk);
     393    jQuery("#children_"+k).attr("id","children_"+newk);
     394    jQuery("#children_more_"+k).attr("id","children_more_"+newk);
    411395
    412396   
    … …  
    417401
    418402
    419 $(document).on('click','.box-btn-round', function() {
    420 
    421    
    422 
    423    
    424     btn_id=$(this).attr("id");
     403jQuery(document).on('click','.box-btn-round', function() {
     404
     405   
     406
     407   
     408    btn_id=jQuery(this).attr("id");
    425409
    426410   
    … …  
    432416        btn_target_room=btn_id.split("_")[2];
    433417       
    434         $("#room_error_"+btn_target_room).text('');
     418        jQuery("#room_error_"+btn_target_room).text('');
    435419       
    436420     if (btn_target=="age"){
    … …  
    444428       
    445429        //calculate new value
    446         new_val=parseInt($("#"+btn_target+"_"+btn_target_room).val(),10);
     430        new_val=parseInt(jQuery("#"+btn_target+"_"+btn_target_room).val(),10);
    447431
    448432   
    … …  
    476460           
    477461            if (btn_target_room=="0"){
    478                 if ($("#"+btn_target+"_"+btn_target_room).val()==2 && new_val==1) $("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
    479                 else if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==2) $("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
     462                if (jQuery("#"+btn_target+"_"+btn_target_room).val()==2 && new_val==1) jQuery("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
     463                else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==2) jQuery("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
    480464               
    481465            }else{
    482                 if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) $("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
    483                 else if ($("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) $("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
     466                if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) jQuery("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
     467                else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) jQuery("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
    484468            }               
    485469           
    486470        }
    487471        if (btn_target=="children"){
    488             if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) $("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
    489             else if ($("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) $("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
     472            if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) jQuery("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
     473            else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) jQuery("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
    490474        }
    491475        if (btn_target=="age"){
    492             if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) $("#"+btn_target+"_"+btn_target_room+"_less").addClass("disabled_btn");
    493             else if ($("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) $("#"+btn_target+"_"+btn_target_room+"_less").removeClass("disabled_btn");
     476            if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) jQuery("#"+btn_target+"_"+btn_target_room+"_less").addClass("disabled_btn");
     477            else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) jQuery("#"+btn_target+"_"+btn_target_room+"_less").removeClass("disabled_btn");
    494478        }
    495479       
    496         if (btn_target=="adults" && $("#"+btn_target+"_"+btn_target_room).val()==19 && new_val==20) $("#"+btn_target+"_more_"+btn_target_room).addClass("disabled_btn");
    497         else if (btn_target=="adults" && $("#"+btn_target+"_"+btn_target_room).val()==20 && new_val==19) $("#"+btn_target+"_more_"+btn_target_room).removeClass("disabled_btn");
    498 
    499         if (btn_target=="age" && $("#"+btn_target).val()==16 && new_val==17) $("#"+btn_target+"_more").addClass("disabled_btn");
    500         else if (btn_target=="age" && $("#"+btn_target).val()==17 && new_val==16) $("#"+btn_target+"_more").removeClass("disabled_btn");
     480        if (btn_target=="adults" && jQuery("#"+btn_target+"_"+btn_target_room).val()==19 && new_val==20) jQuery("#"+btn_target+"_more_"+btn_target_room).addClass("disabled_btn");
     481        else if (btn_target=="adults" && jQuery("#"+btn_target+"_"+btn_target_room).val()==20 && new_val==19) jQuery("#"+btn_target+"_more_"+btn_target_room).removeClass("disabled_btn");
     482
     483        if (btn_target=="age" && jQuery("#"+btn_target).val()==16 && new_val==17) jQuery("#"+btn_target+"_more").addClass("disabled_btn");
     484        else if (btn_target=="age" && jQuery("#"+btn_target).val()==17 && new_val==16) jQuery("#"+btn_target+"_more").removeClass("disabled_btn");
    501485   
    502486        //update children fields
    … …  
    504488       
    505489       
    506             $("#"+btn_target+"_"+btn_target_room).val(new_val);
    507             $("#"+btn_target+"_span_"+btn_target_room).html(new_val);
    508        
    509         $(this).fadeTo(100, 0.5).fadeTo(100, 1.0);
    510        
    511        
    512         $("#btn-resume").text(getUpdatedText());
     490            jQuery("#"+btn_target+"_"+btn_target_room).val(new_val);
     491            jQuery("#"+btn_target+"_span_"+btn_target_room).html(new_val);
     492       
     493        jQuery(this).fadeTo(100, 0.5).fadeTo(100, 1.0);
     494       
     495       
     496        jQuery("#btn-resume").text(getUpdatedText());
    513497
    514498});
    … …  
    520504   
    521505   
    522     child_cnt=$(".app_child_cnt_"+btn_target_room).size();
     506    child_cnt=jQuery(".app_child_cnt_"+btn_target_room).size();
    523507    size=idx;
    524508   
    … …  
    530514    for (k=0;k<size;k++){
    531515       
    532         target_div=$("#room_"+btn_target_room+"_app_child_"+k);
     516        target_div=jQuery("#room_"+btn_target_room+"_app_child_"+k);
    533517       
    534518       
    … …  
    584568   
    585569   
    586     $("#room_"+btn_target_room+"_children_append_container").append(html);
     570    jQuery("#room_"+btn_target_room+"_children_append_container").append(html);
    587571}
    588572
    589573
    590574
    591 
    592 
    593 
    594575});

  • roomcloud/trunk/JS/wp_se2_horizontal_template_multi_hotel.js

    r2606589 r2651357  
    11
    2 $( document ).ready(function() {
    3    
    4     var drop=$("#traveler_details").prop('outerHTML');
    5     $("#traveler_details").remove();
    6     $("body").append(drop);
    7 
    8     var drop_w=$("#travelers_group").width();
    9     $("#traveler_details").css("width", drop_w);
    10 
    11     var drop_x=$("#travelers_group").offset().left;
    12     var drop_y=$("#travelers_group").offset().top;
    13 
    14     $("#traveler_details").css('top', drop_y + $("#travelers_group").outerHeight());
    15     $("#traveler_details").css('left', drop_x);
     2jQuery( document ).ready(function() {
     3   
     4    var drop=jQuery("#traveler_details").prop('outerHTML');
     5    jQuery("#traveler_details").remove();
     6    jQuery("body").append(drop);
     7
     8    var drop_w=jQuery("#travelers_group").width();
     9    jQuery("#traveler_details").css("width", drop_w);
     10
     11    var drop_x=jQuery("#travelers_group").offset().left;
     12    var drop_y=jQuery("#travelers_group").offset().top;
     13
     14    jQuery("#traveler_details").css('top', drop_y + jQuery("#travelers_group").outerHeight());
     15    jQuery("#traveler_details").css('left', drop_x);
    1616
    1717
    1818   
    1919   
    20     $("#btn-search").click(function(e){
     20    jQuery("#btn-search").click(function(e){
    2121       
    2222        e.preventDefault();
    2323        var roomEmpty=false;
    24         $(".rm-cnt").each(function(x){
    25            
    26             if ($(this).find("input[name='adults']").val()==0 && $(this).find("input[name='children']").val()==0){
    27                
    28                 $("#room_error_"+x).text(str_remove_room);
     24        jQuery(".rm-cnt").each(function(x){
     25           
     26            if (jQuery(this).find("input[name='adults']").val()==0 && jQuery(this).find("input[name='children']").val()==0){
     27               
     28                jQuery("#room_error_"+x).text(str_remove_room);
    2929                roomEmpty=true;
    3030            }
    … …  
    3535        if (!roomEmpty){
    3636       
    37             $("#formSearch").append("<div style='display:none'>");
    38            
    39             $("#traveler_details").find("input").each(function(){
    40                 $("#formSearch").append($(this).prop('outerHTML'));
     37            jQuery("#formSearch").append("<div style='display:none'>");
     38           
     39            jQuery("#traveler_details").find("input").each(function(){
     40                jQuery("#formSearch").append(jQuery(this).prop('outerHTML'));
    4141            });
    4242           
    43             $("#formSearch").append("</div>");
    44             $("#formSearch").submit();
     43            jQuery("#formSearch").append("</div>");
     44            jQuery("#formSearch").submit();
    4545       
    4646        }
    … …  
    5151    /******************         DROPDOWN            ****************/
    5252   
    53     $("#travelers_group").click(function(e){
     53    jQuery("#travelers_group").click(function(e){
    5454       
    5555
    56         $(".rc-dropdown-menu").slideToggle("fast");
     56        jQuery(".rc-dropdown-menu").slideToggle("fast");
    5757        e.stopPropagation();
    5858    });
    5959
    6060    // Hide dropdown menu on click outside
    61     $(document).on("click", function(event){
    62         if(!$(event.target).closest("#traveler_details").length){
     61    jQuery(document).on("click", function(event){
     62        if(!jQuery(event.target).closest("#traveler_details").length){
    6363           
    6464           
    6565            var roomEmpty=false;
    66             $(".rm-cnt").each(function(x){
    67            
    68                 if ($(this).find("input[name='adults']").val()==0 && $(this).find("input[name='children']").val()==0){
     66            jQuery(".rm-cnt").each(function(x){
     67           
     68                if (jQuery(this).find("input[name='adults']").val()==0 && jQuery(this).find("input[name='children']").val()==0){
    6969               
    70                     $("#room_error_"+x).text(str_room_error);
     70                    jQuery("#room_error_"+x).text(str_room_error);
    7171                    roomEmpty=true;
    7272                }
    … …  
    7979            if (roomEmpty) return;
    8080           
    81             $(".rc-dropdown-menu").slideUp("fast");
     81            jQuery(".rc-dropdown-menu").slideUp("fast");
    8282           
    83             $("#travelers").val(getUpdatedText());
     83            jQuery("#travelers").val(getUpdatedText());
    8484        }
    8585    });
    8686   
    87     $("#close_dropdown").on("click", function(event){
     87    jQuery("#close_dropdown").on("click", function(event){
    8888       
    8989       
    9090            var roomEmpty=false;
    91             $(".rm-cnt").each(function(x){
    92            
    93                 if ($(this).find("input[name='adults']").val()==0 && $(this).find("input[name='children']").val()==0){
     91            jQuery(".rm-cnt").each(function(x){
     92           
     93                if (jQuery(this).find("input[name='adults']").val()==0 && jQuery(this).find("input[name='children']").val()==0){
    9494               
    95                     $("#room_error_"+x).text(str_room_error);
     95                    jQuery("#room_error_"+x).text(str_room_error);
    9696                    roomEmpty=true;
    9797                }
    … …  
    104104            if (roomEmpty) return;
    105105           
    106             $(".rc-dropdown-menu").slideUp("fast");
     106            jQuery(".rc-dropdown-menu").slideUp("fast");
    107107           
    108             $("#travelers").val(getUpdatedText());
     108            jQuery("#travelers").val(getUpdatedText());
    109109       
    110110    });
    … …  
    117117        var adults=0;
    118118        var children=0;
    119         $(".rm-cnt").each(function(){
     119        jQuery(".rm-cnt").each(function(){
    120120           
    121121            rooms++;
    122             var target=($(this).attr("id")).split("_")[1];
     122            var target=(jQuery(this).attr("id")).split("_")[1];
    123123           
    124             adults+=parseInt($("#adults_"+target).val(), 10);
    125             children+=parseInt($("#children_"+target).val(), 10);
     124            adults+=parseInt(jQuery("#adults_"+target).val(), 10);
     125            children+=parseInt(jQuery("#children_"+target).val(), 10);
    126126           
    127127        });
    … …  
    149149    }
    150150
    151 /******************         DATERANGE           ****************/
    152    
    153    
    154 language="en" //bg cz de en es fr hr hu it jp nl pl pt ru zh
    155 calendar_open_side="right"; // right,left,top,bottom                                                                                             
    156 column_start_day_of_week=1; // 0 to 6
    157 
    158 
    159 
    160 
    161 $("#calendar_search_span").click(function(){
    162     $('#search_calendar').data('daterangepicker').show();
    163 });
     151/*#############################                 LITEPICKER              #####################################*/
    164152
    165153var today= new moment();
    … …  
    168156
    169157
    170 $("#checkin").val(today.format("YYYYMMDD"));
    171 $("#checkout").val(tomorrow.format("YYYYMMDD"));
    172 moment.locale(locale);
    173 console.log("locale: "+moment.locale());
    174 
    175 
    176 $('#search_calendar').daterangepicker({
    177 
    178 
    179     alwaysShowCalendars: true,
    180     startDate: today,
    181     endDate: tomorrow,
    182     minDate: today,
    183     opens: calendar_open_side,
    184     autoApply: true,
    185     disableHoverDate: true,
    186     locale: {
    187         format: "D MMM YY",
    188         monthNames: moment.months(),
    189         applyLabel: "APPLY",
    190         cancelLabel: "CANCEL",
    191         fromLabel: "FROM",
    192         toLabel: "TO",
    193         customRangeLabel: "CUSTOM RANGE",
    194        
    195         weekLabel: "WEEK",
    196         daysOfWeek: moment.weekdaysShort(),
    197         //CLAUDIO PRIMO GIORNO DELLA SETTIMANA DA CUI FAR PARTIRE IL CALENDARIO
    198         firstDay: column_start_day_of_week
     158jQuery("#checkin").val(today.format("YYYYMMDD"));
     159jQuery("#checkout").val(tomorrow.format("YYYYMMDD"));
     160
     161
     162const picker = new Litepicker({
     163    element: document.getElementById('search_calendar'),
     164
     165    plugins: ['mobilefriendly'],
     166    autoApply: true,
     167    singleMode: false, //true picker - false range picker
     168    allowRepick: false, //can repick only one date of range
     169   
     170    startDate: today.format("YYYY-MM-DD"),
     171    endDate: tomorrow.format("YYYY-MM-DD"),
     172   
     173//  buttonText:{"apply":"Applyss","cancel":"Cancelss"/*,"previousMonth":"<svg>...</svg>","nextMonth":"<svg>...</svg>","reset":"<svg>...</svg>"*/},
     174    firstDay:0,
     175    lang: locale,
     176    format:"YYYY-MM-DD",
     177   
     178    //desktop
     179    numberOfColumns: 2,
     180    numberOfMonths: 2,
     181   
     182
     183   
     184    position: "bottom left",
     185    scrollToDate: false,
     186   
     187//  disallowLockDaysInRange: true,
     188    selectBackward:false,
     189    selectForward:true,
     190    showTooltip:true,
     191   
     192    tooltipNumber:(totalDays) => {
     193        return totalDays - 1;
     194    },
     195    tooltipText:{"one":str_night,"other":str_nights},
     196    minDays:2,
     197    minDate:today.format("YYYY-MM-DD"),
     198    setup: (picker) => {
     199       
     200        picker.on('selected', (date1, date2) => {
     201           
     202            jQuery(".dates_calendar").css("animation", "none");
     203           
     204            jQuery("#search_group").addClass("search_calendar_border_fixed");
     205
     206            //remove pulse effect on checkin/checout calendar when a value is setted
     207            jQuery(".dates_calendar").css("animation", "none");
     208           
     209           
     210            select_start = date1.format('YYYYMMDD');
     211            select_end = date2.format('YYYYMMDD');
     212           
     213            jQuery("#checkin").val(select_start);
     214            jQuery("#checkout").val(select_end);
     215           
     216        });
     217   
    199218    }
     219   
     220  });
     221
     222
     223jQuery("#calendar_search_span").click(function(){
     224    picker.show();
    200225});
    201226
    202 
    203 $('#search_calendar').on('hide.daterangepicker', function(ev, picker) {
    204    
    205     $("#search_group").removeClass("search_calendar_border");
    206    
    207     if(($("#search_calendar").data('daterangepicker').startDate.format("YYYY-MM-DD"))==($("#search_calendar").data('daterangepicker').endDate.format("YYYY-MM-DD"))){
    208         $("#search_calendar").val(""); 
    209     }
    210 
    211    
    212    
    213 });
    214 
    215 $('#search_calendar').on('apply.daterangepicker', function(ev, picker) {
    216    
    217 
    218     $("#search_group").addClass("search_calendar_border_fixed");
    219 
    220     //remove pulse effect on checkin/checout calendar when a value is setted
    221     $(".dates_calendar").css("animation", "none");
    222    
    223    
    224     select_start=picker.startDate.format('YYYYMMDD');
    225     select_end=picker.endDate.format('YYYYMMDD');
    226    
    227     $("#checkin").val(select_start);
    228     $("#checkout").val(select_end);
    229    
    230     oneDay = 24 * 60 * 60 * 1000;
    231 
    232 
    233     diffDays = Math.round(Math.abs(((picker.endDate - picker.startDate)) / oneDay));
    234    
    235     diffDays--;
    236    
    237     $("#cal_nights").text(diffDays);
    238    
    239     ($("#formSearch").find($("#checkin"))).val(select_start);
    240     ($("#formSearch").find($("#checkout"))).val(select_end);
    241        
    242    
    243 });
    244 
    245227/******************         ADD AND REMOVE GUEST            ****************/
    246228
    247 $("#room_add_span").click(function(){
     229jQuery("#room_add_span").click(function(){
    248230   
    249231    new_room="";
    250232   
    251     new_idx=$(".rm-cnt").length;
     233    new_idx=jQuery(".rm-cnt").length;
    252234   
    253235   
    … …  
    339321    new_room+="</div>";
    340322   
    341     $("#rooms_container").append(new_room);
    342    
    343     $("#btn-resume").text(getUpdatedText());
     323    jQuery("#rooms_container").append(new_room);
     324   
     325    jQuery("#btn-resume").text(getUpdatedText());
    344326
    345327   
    346328});
    347329
    348 $(document).on('click', ".room-remove", function(e) {
     330jQuery(document).on('click', ".room-remove", function(e) {
    349331     
    350332    e.stopPropagation();
    351333   
    352     var room_to_remove=$(this).attr("id").split("-")[2];
     334    var room_to_remove=jQuery(this).attr("id").split("-")[2];
    353335   
    354336    /**/
    355337   
    356     room_counter=$(".rm-cnt").length;   
    357     $("#room_"+room_to_remove+"_container").remove();
     338    room_counter=jQuery(".rm-cnt").length; 
     339    jQuery("#room_"+room_to_remove+"_container").remove();
    358340   
    359341   
    … …  
    365347    /**/
    366348   
    367     $("#btn-resume").text(getUpdatedText());
     349    jQuery("#btn-resume").text(getUpdatedText());
    368350
    369351   
    … …  
    375357    newk=k-1;
    376358   
    377     num_children=$("#children_"+k).val();
     359    num_children=jQuery("#children_"+k).val();
    378360   
    379361    for (i=0;i<num_children;i++){
    380362       
    381         $("#room_"+k+"_app_child_"+i).removeClass("app_child_cnt_"+k);
    382         $("#room_"+k+"_app_child_"+i).addClass("app_child_cnt_"+k);
    383    
    384         $("#room_"+k+"_app_child_"+i).attr("id","room_"+newk+"_app_child_"+i);
    385        
    386        
    387         $("#age_room_"+k+"_child_"+i+"_less").attr("id","age_room_"+newk+"_child_"+i+"_less");
    388         $("#age_room_"+k+"_child_"+i+"_more").attr("id","age_room_"+newk+"_child_"+i+"_more");
    389        
    390         $("#age_room_"+k+"_child_"+i).attr("name","age_"+newk);
    391         $("#age_room_"+k+"_child_"+i).attr("id","age_room_"+newk+"_child_"+i);
    392        
    393         $("#age_span_room_"+k+"_child_"+i).attr("id","age_span_room_"+newk+"_child_"+i);
     363        jQuery("#room_"+k+"_app_child_"+i).removeClass("app_child_cnt_"+k);
     364        jQuery("#room_"+k+"_app_child_"+i).addClass("app_child_cnt_"+k);
     365   
     366        jQuery("#room_"+k+"_app_child_"+i).attr("id","room_"+newk+"_app_child_"+i);
     367       
     368       
     369        jQuery("#age_room_"+k+"_child_"+i+"_less").attr("id","age_room_"+newk+"_child_"+i+"_less");
     370        jQuery("#age_room_"+k+"_child_"+i+"_more").attr("id","age_room_"+newk+"_child_"+i+"_more");
     371       
     372        jQuery("#age_room_"+k+"_child_"+i).attr("name","ages_"+newk);
     373        jQuery("#age_room_"+k+"_child_"+i).attr("id","age_room_"+newk+"_child_"+i);
     374       
     375        jQuery("#age_span_room_"+k+"_child_"+i).attr("id","age_span_room_"+newk+"_child_"+i);
    394376   
    395377    }
    396378   
    397379   
    398     $("#room_"+k+"_container").attr("id","room_"+newk+"_container");       
    399     $("#room-num-span-"+k).text("Room "+k);         
    400     $("#room-num-span-"+k).attr("id","#room-num-span-"+newk);       
    401     $("#room-remove-"+k).attr("id","#room-remove-"+newk);       
    402 
    403     $("#room_error_"+k).attr("id","room_error_"+newk);
    404 
    405     $("#room_"+k+"_children_append_container").attr("id","room_"+newk+"_children_append_container");
    406 //  $("#room_"+k+"_header_div").attr("id","room_"+newk+"_header_div");
    407 //  $("#room_"+k+"_header_room_number").html(' #'+k);
    408 //  $("#room_"+k+"_header_room_number").attr("id","room_"+newk+"_header_room_number")
    409 //  $("#room_"+k+"_header_remove").attr("id","room_"+newk+"_header_remove");
    410 //  $("#room_"+k+"_header_add").attr("id","room_"+newk+"_header_add");
    411 //  $("#room_body_div_"+k).attr("id","room_body_div_"+newk);
    412     $("#adults_less_"+k).attr("id","adults_less_"+newk);
    413     $("#adults_span_"+k).attr("id","adults_span_"+newk);
    414     $("#adults_"+k).attr("id","adults_"+newk);
    415     $("#adults_more_"+k).attr("id","adults_more_"+newk);
    416     $("#children_less_"+k).attr("id","children_less_"+newk);
    417     $("#children_span_"+k).attr("id","children_span_"+newk);
    418     $("#children_"+k).attr("id","children_"+newk);
    419     $("#children_more_"+k).attr("id","children_more_"+newk);
     380    jQuery("#room_"+k+"_container").attr("id","room_"+newk+"_container");       
     381    jQuery("#room-num-span-"+k).text("Room "+k);           
     382    jQuery("#room-num-span-"+k).attr("id","#room-num-span-"+newk);     
     383    jQuery("#room-remove-"+k).attr("id","#room-remove-"+newk);     
     384
     385    jQuery("#room_error_"+k).attr("id","room_error_"+newk);
     386
     387    jQuery("#room_"+k+"_children_append_container").attr("id","room_"+newk+"_children_append_container");
     388//  jQuery("#room_"+k+"_header_div").attr("id","room_"+newk+"_header_div");
     389//  jQuery("#room_"+k+"_header_room_number").html(' #'+k);
     390//  jQuery("#room_"+k+"_header_room_number").attr("id","room_"+newk+"_header_room_number")
     391//  jQuery("#room_"+k+"_header_remove").attr("id","room_"+newk+"_header_remove");
     392//  jQuery("#room_"+k+"_header_add").attr("id","room_"+newk+"_header_add");
     393//  jQuery("#room_body_div_"+k).attr("id","room_body_div_"+newk);
     394    jQuery("#adults_less_"+k).attr("id","adults_less_"+newk);
     395    jQuery("#adults_span_"+k).attr("id","adults_span_"+newk);
     396    jQuery("#adults_"+k).attr("id","adults_"+newk);
     397    jQuery("#adults_more_"+k).attr("id","adults_more_"+newk);
     398    jQuery("#children_less_"+k).attr("id","children_less_"+newk);
     399    jQuery("#children_span_"+k).attr("id","children_span_"+newk);
     400    jQuery("#children_"+k).attr("id","children_"+newk);
     401    jQuery("#children_more_"+k).attr("id","children_more_"+newk);
    420402
    421403   
    … …  
    426408
    427409
    428 $(document).on('click','.box-btn-round', function() {
    429 
    430    
    431 
    432    
    433     btn_id=$(this).attr("id");
     410jQuery(document).on('click','.box-btn-round', function() {
     411
     412   
     413
     414   
     415    btn_id=jQuery(this).attr("id");
    434416
    435417   
    … …  
    441423        btn_target_room=btn_id.split("_")[2];
    442424       
    443         $("#room_error_"+btn_target_room).text('');
     425        jQuery("#room_error_"+btn_target_room).text('');
    444426       
    445427     if (btn_target=="age"){
    … …  
    453435       
    454436        //calculate new value
    455         new_val=parseInt($("#"+btn_target+"_"+btn_target_room).val(),10);
     437        new_val=parseInt(jQuery("#"+btn_target+"_"+btn_target_room).val(),10);
    456438
    457439   
    … …  
    485467           
    486468            if (btn_target_room=="0"){
    487                 if ($("#"+btn_target+"_"+btn_target_room).val()==2 && new_val==1) $("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
    488                 else if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==2) $("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
     469                if (jQuery("#"+btn_target+"_"+btn_target_room).val()==2 && new_val==1) jQuery("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
     470                else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==2) jQuery("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
    489471               
    490472            }else{
    491                 if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) $("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
    492                 else if ($("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) $("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
     473                if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) jQuery("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
     474                else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) jQuery("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
    493475            }               
    494476           
    495477        }
    496478        if (btn_target=="children"){
    497             if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) $("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
    498             else if ($("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) $("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
     479            if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) jQuery("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
     480            else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) jQuery("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
    499481        }
    500482        if (btn_target=="age"){
    501             if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) $("#"+btn_target+"_"+btn_target_room+"_less").addClass("disabled_btn");
    502             else if ($("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) $("#"+btn_target+"_"+btn_target_room+"_less").removeClass("disabled_btn");
     483            if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) jQuery("#"+btn_target+"_"+btn_target_room+"_less").addClass("disabled_btn");
     484            else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) jQuery("#"+btn_target+"_"+btn_target_room+"_less").removeClass("disabled_btn");
    503485        }
    504486       
    505         if (btn_target=="adults" && $("#"+btn_target+"_"+btn_target_room).val()==19 && new_val==20) $("#"+btn_target+"_more_"+btn_target_room).addClass("disabled_btn");
    506         else if (btn_target=="adults" && $("#"+btn_target+"_"+btn_target_room).val()==20 && new_val==19) $("#"+btn_target+"_more_"+btn_target_room).removeClass("disabled_btn");
    507 
    508         if (btn_target=="age" && $("#"+btn_target).val()==16 && new_val==17) $("#"+btn_target+"_more").addClass("disabled_btn");
    509         else if (btn_target=="age" && $("#"+btn_target).val()==17 && new_val==16) $("#"+btn_target+"_more").removeClass("disabled_btn");
     487        if (btn_target=="adults" && jQuery("#"+btn_target+"_"+btn_target_room).val()==19 && new_val==20) jQuery("#"+btn_target+"_more_"+btn_target_room).addClass("disabled_btn");
     488        else if (btn_target=="adults" && jQuery("#"+btn_target+"_"+btn_target_room).val()==20 && new_val==19) jQuery("#"+btn_target+"_more_"+btn_target_room).removeClass("disabled_btn");
     489
     490        if (btn_target=="age" && jQuery("#"+btn_target).val()==16 && new_val==17) jQuery("#"+btn_target+"_more").addClass("disabled_btn");
     491        else if (btn_target=="age" && jQuery("#"+btn_target).val()==17 && new_val==16) jQuery("#"+btn_target+"_more").removeClass("disabled_btn");
    510492   
    511493        //update children fields
    … …  
    513495       
    514496       
    515             $("#"+btn_target+"_"+btn_target_room).val(new_val);
    516             $("#"+btn_target+"_span_"+btn_target_room).html(new_val);
    517        
    518         $(this).fadeTo(100, 0.5).fadeTo(100, 1.0);
    519        
    520        
    521         $("#btn-resume").text(getUpdatedText());
     497            jQuery("#"+btn_target+"_"+btn_target_room).val(new_val);
     498            jQuery("#"+btn_target+"_span_"+btn_target_room).html(new_val);
     499       
     500        jQuery(this).fadeTo(100, 0.5).fadeTo(100, 1.0);
     501       
     502       
     503        jQuery("#btn-resume").text(getUpdatedText());
    522504
    523505});
    … …  
    529511   
    530512   
    531     child_cnt=$(".app_child_cnt_"+btn_target_room).size();
     513    child_cnt=jQuery(".app_child_cnt_"+btn_target_room).size();
    532514    size=idx;
    533515   
    … …  
    539521    for (k=0;k<size;k++){
    540522       
    541         target_div=$("#room_"+btn_target_room+"_app_child_"+k);
     523        target_div=jQuery("#room_"+btn_target_room+"_app_child_"+k);
    542524       
    543525       
    … …  
    593575   
    594576   
    595     $("#room_"+btn_target_room+"_children_append_container").append(html);
     577    jQuery("#room_"+btn_target_room+"_children_append_container").append(html);
    596578}
    597579
    598 
    599 
    600 
    601 
    602 
     580jQuery("#hotel_search").click(function(){
     581   
     582    jQuery("#hotel").show();
     583   
    603584});
     585
     586
     587
     588
     589});

  • roomcloud/trunk/JS/wp_se2_vertical_template.js

    r2606589 r2651357  
    11
    2 $("#btn-search").click(function(){
     2
     3jQuery( document ).ready(function() {
     4
     5jQuery("#btn-search").click(function(){
    36   
    47   
    58    var roomEmpty=false;
    6     $(".rm-cnt").each(function(x){
    7        
    8         if ($(this).find("input[name='adults']").val()==0 && $(this).find("input[name='children']").val()==0){
    9            
    10             $("#room_error_"+x).text('please add 1 person or remove the room');
     9    jQuery(".rm-cnt").each(function(x){
     10       
     11        if (jQuery(this).find("input[name='adults']").val()==0 && jQuery(this).find("input[name='children']").val()==0){
     12           
     13            jQuery("#room_error_"+x).text(str_room_error);
    1114            roomEmpty=true;
    1215        }
    … …  
    1518   
    1619   
    17     if (!roomEmpty) $("#formSearch").submit();
     20    if (!roomEmpty) jQuery("#formSearch").submit();
    1821    else return false;
    1922   
    … …  
    2225
    2326
    24 /* begin of plugin customization V 1.0 */
    25 
    26 language="en" //bg cz de en es fr hr hu it jp nl pl pt ru zh
    27 calendar_open_side="right"; // right,left,top,bottom                                                                                             
    28 column_start_day_of_week=1; // 0 to 6
    29 
    30 /* end of plugin customization */
    31 
    32 
    33 $("#calendar_search_span").click(function(){
    34     $('#search_calendar').data('daterangepicker').show();
    35 });
     27/*#############################                 LITEPICKER              #####################################*/
    3628
    3729var today= new moment();
    … …  
    3931tomorrow=tomorrow.add(1,'days');
    4032
    41 $("#checkin").val(today.format("YYYYMMDD"));
    42 $("#checkout").val(tomorrow.format("YYYYMMDD"));
    43 moment.locale(locale);
    44 console.log("locale: "+moment.locale());
    45 
    46 
    47 $('#search_calendar').daterangepicker({
    48 
    49 
    50     alwaysShowCalendars: true,
    51     startDate: today,
    52     endDate: tomorrow,
    53     minDate: today,
    54     opens: calendar_open_side,
    55     autoApply: true,
    56     disableHoverDate: true,
    57     locale: {
    58         format: "D MMM YY",
    59         monthNames: moment.months(),
    60         applyLabel: "APPLY",
    61         cancelLabel: "CANCEL",
    62         fromLabel: "FROM",
    63         toLabel: "TO",
    64         customRangeLabel: "CUSTOM RANGE",
    65        
    66         weekLabel: "WEEK",
    67         daysOfWeek: moment.weekdaysShort(),
    68         //CLAUDIO PRIMO GIORNO DELLA SETTIMANA DA CUI FAR PARTIRE IL CALENDARIO
    69         firstDay: column_start_day_of_week
     33
     34jQuery("#checkin").val(today.format("YYYYMMDD"));
     35jQuery("#checkout").val(tomorrow.format("YYYYMMDD"));
     36
     37
     38const picker = new Litepicker({
     39    element: document.getElementById('search_calendar'),
     40
     41    plugins: ['mobilefriendly'],
     42    autoApply: true,
     43    singleMode: false, //true picker - false range picker
     44    allowRepick: false, //can repick only one date of range
     45   
     46    startDate: today.format("YYYY-MM-DD"),
     47    endDate: tomorrow.format("YYYY-MM-DD"),
     48   
     49//  buttonText:{"apply":"Applyss","cancel":"Cancelss"/*,"previousMonth":"<svg>...</svg>","nextMonth":"<svg>...</svg>","reset":"<svg>...</svg>"*/},
     50    firstDay:0,
     51    lang: locale,
     52    format:"YYYY-MM-DD",
     53   
     54    //desktop
     55    numberOfColumns: 2,
     56    numberOfMonths: 2,
     57   
     58
     59   
     60    position: "bottom left",
     61    scrollToDate: false,
     62   
     63//  disallowLockDaysInRange: true,
     64    selectBackward:false,
     65    selectForward:true,
     66    showTooltip:true,
     67   
     68    tooltipNumber:(totalDays) => {
     69        return totalDays - 1;
     70    },
     71    tooltipText:{"one":str_night,"other":str_nights},
     72    minDays:2,
     73    minDate:today.format("YYYY-MM-DD"),
     74    setup: (picker) => {
     75       
     76        picker.on('selected', (date1, date2) => {
     77           
     78            jQuery(".dates_calendar").css("animation", "none");
     79           
     80            jQuery("#search_group").addClass("search_calendar_border_fixed");
     81
     82            //remove pulse effect on checkin/checout calendar when a value is setted
     83            jQuery(".dates_calendar").css("animation", "none");
     84           
     85           
     86            select_start = date1.format('YYYYMMDD');
     87            select_end = date2.format('YYYYMMDD');
     88           
     89            jQuery("#checkin").val(select_start);
     90            jQuery("#checkout").val(select_end);
     91           
     92        });
     93   
    7094    }
    71 });
    72 
    73 
    74 $('#search_calendar').on('hide.daterangepicker', function(ev, picker) {
    75    
    76     $("#search_group").removeClass("search_calendar_border");
    77    
    78     if(($("#search_calendar").data('daterangepicker').startDate.format("YYYY-MM-DD"))==($("#search_calendar").data('daterangepicker').endDate.format("YYYY-MM-DD"))){
    79         $("#search_calendar").val(""); 
    80     }
    81 
    82    
    83    
    84 });
    85 
    86 $('#search_calendar').on('apply.daterangepicker', function(ev, picker) {
    87    
    88 
    89     $("#search_group").addClass("search_calendar_border_fixed");
    90 
    91     //remove pulse effect on checkin/checout calendar when a value is setted
    92     $(".dates_calendar").css("animation", "none");
    93    
    94    
    95     select_start=picker.startDate.format('YYYYMMDD');
    96     select_end=picker.endDate.format('YYYYMMDD');
    97    
    98    
    99     oneDay = 24 * 60 * 60 * 1000;
    100 
    101 
    102     diffDays = Math.round(Math.abs(((picker.endDate - picker.startDate)) / oneDay));
    103    
    104     diffDays--;
    105    
    106     $("#cal_nights").text(diffDays);
    107    
    108     ($("#formSearch").find($("#checkin"))).val(select_start);
    109     ($("#formSearch").find($("#checkout"))).val(select_end);
    110    
    111 
    112    
    113    
    114 });
    115 
    116 $(document).on('click','.box-btn', function() {
    117 
    118    
    119 
    120    
    121     btn_id=$(this).attr("id");
     95   
     96  });
     97
     98
     99jQuery("#calendar_search_span").click(function(){
     100    picker.show();
     101});
     102/******************         ADD AND REMOVE GUEST            ****************/
     103
     104jQuery(document).on('click','.box-btn', function() {
     105
     106   
     107
     108   
     109    btn_id=jQuery(this).attr("id");
    122110
    123111   
    … …  
    129117        btn_target_room=btn_id.split("_")[2];
    130118       
    131         $("#room_error_"+btn_target_room).text('');
     119        jQuery("#room_error_"+btn_target_room).text('');
    132120       
    133121     if (btn_target=="age"){
    … …  
    141129       
    142130        //calculate new value
    143         new_val=parseInt($("#"+btn_target+"_"+btn_target_room).val(),10);
     131        new_val=parseInt(jQuery("#"+btn_target+"_"+btn_target_room).val(),10);
    144132
    145133   
    … …  
    173161           
    174162            if (btn_target_room=="0"){
    175                 if ($("#"+btn_target+"_"+btn_target_room).val()==2 && new_val==1) $("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
    176                 else if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==2) $("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
     163                if (jQuery("#"+btn_target+"_"+btn_target_room).val()==2 && new_val==1) jQuery("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
     164                else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==2) jQuery("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
    177165               
    178166            }else{
    179                 if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) $("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
    180                 else if ($("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) $("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
     167                if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) jQuery("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
     168                else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) jQuery("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
    181169            }               
    182170           
    183171        }
    184172        if (btn_target=="children"){
    185             if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) $("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
    186             else if ($("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) $("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
     173            if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) jQuery("#"+btn_target+"_less_"+btn_target_room).addClass("disabled_btn");
     174            else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) jQuery("#"+btn_target+"_less_"+btn_target_room).removeClass("disabled_btn");
    187175        }
    188176        if (btn_target=="age"){
    189             if ($("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) $("#"+btn_target+"_"+btn_target_room+"_less").addClass("disabled_btn");
    190             else if ($("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) $("#"+btn_target+"_"+btn_target_room+"_less").removeClass("disabled_btn");
    191         }
    192        
    193         if (btn_target=="adults" && $("#"+btn_target+"_"+btn_target_room).val()==19 && new_val==20) $("#"+btn_target+"_more_"+btn_target_room).addClass("disabled_btn");
    194         else if (btn_target=="adults" && $("#"+btn_target+"_"+btn_target_room).val()==20 && new_val==19) $("#"+btn_target+"_more_"+btn_target_room).removeClass("disabled_btn");
    195 
    196         if (btn_target=="age" && $("#"+btn_target).val()==16 && new_val==17) $("#"+btn_target+"_more").addClass("disabled_btn");
    197         else if (btn_target=="age" && $("#"+btn_target).val()==17 && new_val==16) $("#"+btn_target+"_more").removeClass("disabled_btn");
     177            if (jQuery("#"+btn_target+"_"+btn_target_room).val()==1 && new_val==0) jQuery("#"+btn_target+"_"+btn_target_room+"_less").addClass("disabled_btn");
     178            else if (jQuery("#"+btn_target+"_"+btn_target_room).val()==0 && new_val==1) jQuery("#"+btn_target+"_"+btn_target_room+"_less").removeClass("disabled_btn");
     179        }
     180       
     181        if (btn_target=="adults" && jQuery("#"+btn_target+"_"+btn_target_room).val()==19 && new_val==20) jQuery("#"+btn_target+"_more_"+btn_target_room).addClass("disabled_btn");
     182        else if (btn_target=="adults" && jQuery("#"+btn_target+"_"+btn_target_room).val()==20 && new_val==19) jQuery("#"+btn_target+"_more_"+btn_target_room).removeClass("disabled_btn");
     183
     184        if (btn_target=="age" && jQuery("#"+btn_target).val()==16 && new_val==17) jQuery("#"+btn_target+"_more").addClass("disabled_btn");
     185        else if (btn_target=="age" && jQuery("#"+btn_target).val()==17 && new_val==16) jQuery("#"+btn_target+"_more").removeClass("disabled_btn");
    198186   
    199187        //update children fields
    … …  
    201189       
    202190       
    203             $("#"+btn_target+"_"+btn_target_room).val(new_val);
    204             $("#"+btn_target+"_span_"+btn_target_room).html(new_val);
    205        
    206         $(this).fadeTo(100, 0.5).fadeTo(100, 1.0);
     191            jQuery("#"+btn_target+"_"+btn_target_room).val(new_val);
     192            jQuery("#"+btn_target+"_span_"+btn_target_room).html(new_val);
     193       
     194        jQuery(this).fadeTo(100, 0.5).fadeTo(100, 1.0);
    207195       
    208196       
    … …  
    216204   
    217205   
    218     child_cnt=$(".app_child_cnt_"+btn_target_room).size();
     206    child_cnt=jQuery(".app_child_cnt_"+btn_target_room).size();
    219207    size=idx;
    220208   
    … …  
    226214    for (k=0;k<size;k++){
    227215       
    228         target_div=$("#room_"+btn_target_room+"_app_child_"+k);
     216        target_div=jQuery("#room_"+btn_target_room+"_app_child_"+k);
    229217       
    230218       
    … …  
    283271   
    284272   
    285     $("#room_"+btn_target_room+"_children_append_container").append(html);
     273    jQuery("#room_"+btn_target_room+"_children_append_container").append(html);
    286274}
    287275
    288 $('#room_header_add').on('click',function() {
    289    
    290    
    291     var room_num=$('div.col-rooms').length;
    292    
    293     //var room_num=$(this).attr('data-target');
     276jQuery('#room_header_add').on('click',function() {
     277   
     278    console.log("add");
     279    var room_num=jQuery('div.col-rooms').length;
     280   
     281    //var room_num=jQuery(this).attr('data-target');
    294282    var new_room_num=eval(room_num)+1;
    295283   
    … …  
    297285    var append_room=createRoom(room_num);
    298286   
    299     $("#rooms_search").append(append_room);
     287    jQuery("#rooms_search").append(append_room);
    300288   
    301289   
    … …  
    308296function createRoom(room_num){
    309297   
    310     $("#room_"+room_num+"_header_add").html('&nbsp;');
    311     $("#room_"+room_num+"_header_add").hide();
    312     $("#room_"+room_num+"_header_add").removeClass('room_add_enabled');
     298    jQuery("#room_"+room_num+"_header_add").html('&nbsp;');
     299    jQuery("#room_"+room_num+"_header_add").hide();
     300    jQuery("#room_"+room_num+"_header_add").removeClass('room_add_enabled');
    313301   
    314302    //room_num++;
    … …  
    328316               
    329317                     
    330                     room_html+='<div class="rc-text-left inline-block div-room-action-add"><a href="#" class="x-remove" id="room_'+room_num+'_header_remove"><i class="fa fa-times"></i></a></div>';
     318                    room_html+='<div class="rc-text-left inline-block div-room-action-add"><a class="x-remove" id="room_'+room_num+'_header_remove"><i class="fa fa-times"></i></a></div>';
    331319                    //room_html+='<div class="src-room-add pull-right">';
    332320                    //room_html+='<button id="room_'+room_num+'_header_add" type="button" class="btn be-btn room_header_span_add room_add_enabled"><%=p.getProperty("COMMON_ADD")%> <%=accommodation_dic%></button>';
    … …  
    387375}
    388376
    389 $(document).on('click','.x-remove', function() {
    390    
    391     room_to_remove=$(this).attr("id").split("_")[1];
    392    
    393     room_counter=$(".rm-cnt").length;
    394    
    395    
    396     $("#room_"+room_to_remove+"_container").remove();
     377jQuery(document).on('click','.x-remove', function() {
     378   
     379    room_to_remove=jQuery(this).attr("id").split("_")[1];
     380   
     381    room_counter=jQuery(".rm-cnt").length;
     382   
     383   
     384    jQuery("#room_"+room_to_remove+"_container").remove();
    397385   
    398386   
    … …  
    411399    newk=k-1;
    412400   
    413     num_children=$("#children_"+k).val();
     401    num_children=jQuery("#children_"+k).val();
    414402   
    415403    for (i=0;i<num_children;i++){
    416404       
    417         $("#room_"+k+"_app_child_"+i).removeClass("app_child_cnt_"+k);
    418         $("#room_"+k+"_app_child_"+i).addClass("app_child_cnt_"+k);
    419    
    420         $("#room_"+k+"_app_child_"+i).attr("id","room_"+newk+"_app_child_"+i);
    421        
    422        
    423         $("#age_room_"+k+"_child_"+i+"_less").attr("id","age_room_"+newk+"_child_"+i+"_less");
    424         $("#age_room_"+k+"_child_"+i+"_more").attr("id","age_room_"+newk+"_child_"+i+"_more");
    425        
    426         $("#age_room_"+k+"_child_"+i).attr("name","age_"+newk);
    427         $("#age_room_"+k+"_child_"+i).attr("id","age_room_"+newk+"_child_"+i);
    428        
    429         $("#age_span_room_"+k+"_child_"+i).attr("id","age_span_room_"+newk+"_child_"+i);
     405        jQuery("#room_"+k+"_app_child_"+i).removeClass("app_child_cnt_"+k);
     406        jQuery("#room_"+k+"_app_child_"+i).addClass("app_child_cnt_"+k);
     407   
     408        jQuery("#room_"+k+"_app_child_"+i).attr("id","room_"+newk+"_app_child_"+i);
     409       
     410       
     411        jQuery("#age_room_"+k+"_child_"+i+"_less").attr("id","age_room_"+newk+"_child_"+i+"_less");
     412        jQuery("#age_room_"+k+"_child_"+i+"_more").attr("id","age_room_"+newk+"_child_"+i+"_more");
     413       
     414        jQuery("#age_room_"+k+"_child_"+i).attr("name","ages_"+newk);
     415        jQuery("#age_room_"+k+"_child_"+i).attr("id","age_room_"+newk+"_child_"+i);
     416       
     417        jQuery("#age_span_room_"+k+"_child_"+i).attr("id","age_span_room_"+newk+"_child_"+i);
    430418   
    431419    }
    432     $("#room_error_"+k).attr("id","room_error_"+newk); 
    433     $("#room_"+k+"_container").attr("id","room_"+newk+"_container");       
    434     $("#room_"+k+"_children_append_container").attr("id","room_"+newk+"_children_append_container");
    435     $("#room_"+k+"_header_div").attr("id","room_"+newk+"_header_div");
    436     $("#room_"+k+"_header_room_number").html(' #'+k);
    437     $("#room_"+k+"_header_room_number").attr("id","room_"+newk+"_header_room_number")
    438     $("#room_"+k+"_header_remove").attr("id","room_"+newk+"_header_remove");
    439     $("#room_"+k+"_header_add").attr("id","room_"+newk+"_header_add");
    440     $("#room_body_div_"+k).attr("id","room_body_div_"+newk);
    441     $("#adults_less_"+k).attr("id","adults_less_"+newk);
    442     $("#adults_span_"+k).attr("id","adults_span_"+newk);
    443     $("#adults_"+k).attr("id","adults_"+newk);
    444     $("#adults_more_"+k).attr("id","adults_more_"+newk);
    445     $("#children_less_"+k).attr("id","children_less_"+newk);
    446     $("#children_span_"+k).attr("id","children_span_"+newk);
    447     $("#children_"+k).attr("id","children_"+newk);
    448     $("#children_more_"+k).attr("id","children_more_"+newk);
     420    jQuery("#room_error_"+k).attr("id","room_error_"+newk);
     421    jQuery("#room_"+k+"_container").attr("id","room_"+newk+"_container");       
     422    jQuery("#room_"+k+"_children_append_container").attr("id","room_"+newk+"_children_append_container");
     423    jQuery("#room_"+k+"_header_div").attr("id","room_"+newk+"_header_div");
     424    jQuery("#room_"+k+"_header_room_number").html(' #'+k);
     425    jQuery("#room_"+k+"_header_room_number").attr("id","room_"+newk+"_header_room_number")
     426    jQuery("#room_"+k+"_header_remove").attr("id","room_"+newk+"_header_remove");
     427    jQuery("#room_"+k+"_header_add").attr("id","room_"+newk+"_header_add");
     428    jQuery("#room_body_div_"+k).attr("id","room_body_div_"+newk);
     429    jQuery("#adults_less_"+k).attr("id","adults_less_"+newk);
     430    jQuery("#adults_span_"+k).attr("id","adults_span_"+newk);
     431    jQuery("#adults_"+k).attr("id","adults_"+newk);
     432    jQuery("#adults_more_"+k).attr("id","adults_more_"+newk);
     433    jQuery("#children_less_"+k).attr("id","children_less_"+newk);
     434    jQuery("#children_span_"+k).attr("id","children_span_"+newk);
     435    jQuery("#children_"+k).attr("id","children_"+newk);
     436    jQuery("#children_more_"+k).attr("id","children_more_"+newk);
    449437
    450438   
    451439}
    452440
     441
     442
     443});
Note: See TracChangeset for help on using the changeset viewer.