HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/mary/v4/js/pswidget/appointment/
Current File : /home/htlwork.com/www/dev/mary/v4/js/pswidget/appointment/ps.appointment.js
$(function() {
    if (!$.isFunction($.fn.psAppointment)) $.fn.psAppointment = function () {
        var weekdays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];

        function formdate(date) {
            var month = date.getMonth() + 1, day = date.getDate();
            return date.getFullYear() + '-' + (month > 9 ? '' : '0') + month + '-' + (day > 9 ? '' : '0') + day;
        }

        /**
         * Populate the datepicker based on current location
         * Call this function after the ajax call for get_data
         */
        function rebuildDatepicker(jApp) {
            var excludeDates = null;
            var locations = jApp.data('locations');
            var curloc = jApp.data('curloc');
            var freedays = jApp.data('freedays');

            var client_free = false, location_free = false, firstDate = null;
            var minDate = jApp.data('minDate');
            var maxDate = jApp.data('maxDate');

            if (locations == null) return;

            if (curloc == null) //by default
            {
                excludeDates = [];
                $.each(freedays, function (i, fd) {
                    if ((fd.Client_ID == null && fd.Client_free != 'no') || (fd.Client_ID != null && fd.Free == 'yes')) excludeDates.push(fd.Free_date);
                });
            } else {
                excludeDates = [];
                $.each(curloc.Freedays, function (i, fd) {
                    var client_fd = null;
                    $.each(freedays, function (j, fdc) {
                        if (fdc.ID_Freeday == fd.ID_Freeday) {
                            client_fd = fdc;
                            return false;
                        }
                    });

                    client_free = (client_fd != null && ((client_fd.Client_ID == null && client_fd.Client_free != 'no') || (client_fd.Client_ID != null && client_fd.Free == 'yes')));
                    location_free = (fd.Location_free == null ? client_free : (fd.Location_free != 'no'));
                    if ((fd.Location_ID == null && location_free) || (fd.Location_ID != null && fd.Free == 'yes')) excludeDates.push(fd.Free_date);
                });

                jApp.data('startH', 5);
                jApp.data('startM', 0);
                jApp.data('endH', 19);
                jApp.data('endM', 0);
            }

            var jDate = jApp.find('form .psbox-line-datetime input');
            if (jApp.data('datepicker')) {
                jApp.data('datepicker').destroy();
            }

            jApp.data('datepicker', jDate.datepicker({
                inline: false,
                dateFormat: 'yyyy-mm-dd',
                minDate: new Date(minDate),
                maxDate: new Date(maxDate),
                onRenderCell: function (date, cellType, inst) {
                    if (cellType === 'day') {
                        //var curloc = inst.curloc;
                        var string = formdate(date);

                        var weekday = weekdays[date.getDay()];
                        try {
                            var always_closed = (curloc != null && curloc.Workhours[weekday] != null && curloc.Workhours[weekday].Always_closed === 'yes')
                                || ((curloc == null || curloc.Workhours[weekday] == null) && date.getDay() === 0);
                            return {disabled: always_closed || excludeDates.indexOf(string) !== -1}
                        } catch (e) {
                            return true;
                        }
                    }

                },
                onSelect: function (formattedDate, date, inst) {

                    //var curloc = inst.curloc;
                    var curweekday = weekdays[date.getDay()];

                    if (curloc!=null && curloc.Workhours != null && curloc.Workhours[curweekday] != null) {
                        wh = curloc.Workhours[curweekday];
                        jApp.data('startH', parseInt(wh.Opening_time_hours));
                        jApp.data('startM', parseInt(wh.Opening_time_minutes));
                        jApp.data('endH', parseInt(wh.Closing_time_hours));
                        jApp.data('endM', parseInt(wh.Closing_time_minutes));
                    }
                    rebuildTime(jApp);


                }
            }).data('datepicker'));
            jApp.data('datepicker').curloc = curloc;
            jApp.data('datepicker').excludeDates = excludeDates;

            if (jApp.settings.display === 'popup') {
                jDate.focus(function () {
                    jDate.next().show();
                }).blur(function () {

                });
            }
            jApp.click(function (e) {
                var jTarget = $(e.target);

                if (jTarget.hasClass('datepicker') || jTarget.hasClass('datepicker-inline') || jTarget.hasClass('date')
                    || jTarget.hasClass('datepicker--cell') || jTarget.hasClass('datepicker--nav') || jTarget.hasClass('datepicker--nav-action') || jTarget.is('svg')
                    || jTarget.hasClass('datepicker--nav-title')
                ) return false;

                jDate.next().hide();
            });
            jApp.find('input, select').focus(function (e) {
                var jTarget = $(e.target);

                if (!jTarget.hasClass('date')) jDate.next().hide();
            });


            var weekday = weekdays[new Date(minDate).getDay()];
            var always_closed = (curloc != null && curloc.Workhours[weekday] != null && curloc.Workhours[weekday].Always_closed === 'yes') ||
                (weekday === 'Sunday' && (curloc.Workhours['Sunday'] == null || curloc.Workhours['Sunday'].Always_closed === 'yes'));

            if (excludeDates.indexOf(minDate) === -1 && !always_closed) firstDate = minDate;
            else   //search the first available date
            {
                var d = new Date(minDate);

                i = 0;
                var nextday;
                do {
                    i++;
                    nextday = new Date(new Date(d.getTime()).setDate(d.getDate() + i));
                    weekday = weekdays[nextday.getDay()];
                    always_closed = (curloc != null && curloc.Workhours[weekday] != null && curloc.Workhours[weekday].Always_closed === 'yes')
                        || (weekday === 'Sunday' && (curloc.Workhours['Sunday'] === null || curloc.Workhours['Sunday'].Always_closed === 'yes'));

                    if (i > 1000 || (!always_closed && excludeDates.indexOf(formdate(nextday)) === -1)) break;
                } while (1);
                firstDate = formdate(nextday);
            }

            jApp.data('datepicker').selectDate(new Date(firstDate));

            if (curloc != null) {
                var curweekday = weekdays[new Date(firstDate).getDay()];

                if (curloc.Workhours !== null && curloc.Workhours[curweekday] !== null) {
                    var wh = curloc.Workhours[curweekday];
                    jApp.data('startH', parseInt(wh.Opening_time_hours));
                    jApp.data('startM', parseInt(wh.Opening_time_minutes));
                    jApp.data('endH', parseInt(wh.Closing_time_hours));
                    jApp.data('endM', parseInt(wh.Closing_time_minutes));

                }
            }
        }

        /**
         * Populate the time dropdown based on current location
         * Call this function after the ajax call for get_data
         *
         * if simplehours then you need to just put 3 values: morning (<12), afternoon (12-17) , evening (>17)
         */
        function rebuildTime(jApp) {
            var simplehours = jApp.hasClass('psbox-simplehours');

            var startH = jApp.data('startH');
            var endH = jApp.data('endH');
            var startM = jApp.data('startM');
            var endM = jApp.data('endM');

            var time_html = ''; //reset
            if (simplehours) {
                if (startH < 12)
                    time_html += '<option value="morning">morning</option>';

                if ((startH <= 12 && endH > 12) || (startH < 17 && endH >= 17))
                    time_html += '<option value="afternoon">afternoon</option>';

                if (endH > 17 || (endH == 17 && endM > 0))
                    time_html += '<option value="evening">evening</option>';
            } else {
                for (var i = startH; i <= endH; i++) {
                    for (var j = 0; j <= 45; j += 15) {
                        if ((i == startH && j < startM) || (i == endH && j > endM)) continue;
                        var i_2d = (i < 10 ? '0' : '') + i;
                        var j_2d = (j < 10 ? '0' : '') + j;
                        var i_txt = (i < 13 ? i : (i - 12));
                        time_html += '<option value="' + i_2d + ':' + j_2d + '">' + i_txt + ':' + j_2d + (i < 12 ? ' am' : ' pm') + '</option>';
                    }
                }
            }

            var jTime = jApp.find('form .psbox-line-datetime select');
            jTime.empty();
            jTime.html(time_html);

        }

        return this.each(function () {
            var jApp = $(this);
            var jLocation = jApp.find('form .psbox-line-location select');
            var settings = $.parseJSON(jApp.attr('data-settings'));
            var jRoot = $('.appmnt[data-id='+jApp.attr('data-root-id')+']');

            function initjApp(data) {
                var locations = data.locations;
                jApp.data('locations', locations);
                jApp.data('curloc', locations[0]);

                jApp.data('freedays', data.freedays);
                jApp.data('minDate', data.minDate);
                jApp.data('maxDate', data.maxDate);

                rebuildDatepicker(jApp);
                rebuildTime(jApp);

                jLocation.change(function () {
                    if (locations == null) return;
                    var selectedLoc = $(this).val();

                    jLocation.removeClass('psbox-error');

                    $.each(locations, function (i, loc) {
                        if (loc.ID_Location == selectedLoc) {
                            jApp.data('curloc', loc);
                            rebuildDatepicker(jApp);
                            rebuildTime(jApp);
                            return false;
                        }
                    });
                });
                
                var jServices = jApp.find('form .psbox-line-services select');
                jServices.change(function () {
                    $(this).removeClass('psbox-error');
                });
                var jIssues = jApp.find('form .psbox-line-issues select');
                jIssues.change(function () {
                    $(this).removeClass('psbox-error');
                });
            }

            jApp.settings = settings;
            if (jApp.length) {

                jApp.find('form input:first').val(jRoot.attr('data-ourl'));

                jApp.find('input').focus(function () {
                    $(this).removeClass('psbox-error');
                });

                jApp.find('textarea').focus(function(){$(this).removeClass('psbox-error');});
                
                jApp.data('startH', 5);
                jApp.data('startM', 0);
                jApp.data('endH', 19);
                jApp.data('endM', 0);

                // Init Locations and Time (get data from server if not already brought)

                if (window.PSAPPMNT) {
                    initjApp(window.PSAPPMNT.data)
                } else {
                    $.get('ajax.inquiry_form.php?action=get_data', function (data) {
                        if (data != null && data.errors != null && data.errors.length > 0) return;

                        if (!window.PSAPPMNT) window.PSAPPMNT = {};
                        window.PSAPPMNT.data = data;
                        initjApp(data);

                    }, 'json');
                }

                jPhone = jApp.find('form .psbox-line-phone input');
                
                jPhone.bind('keypress keyup blur',function(e){/* Allow only digits */
                    $(this).val($(this).val().replace(/[^\d].+/, ""));
                    if((event.which < 48 || event.which > 57))
                    {
                        event.preventDefault();
                    }
                });

                // On submit
                jApp.find('.psbox-line-submit input').click({jParent: jApp}, function (e) {

                    var jApp = e.data.jParent;
                    var jLocation   = null,
                        jFirstname  = null,
                        jLastname   = null,
                        jEmail      = null,
                        jPhone      = null,
                        jServices   = null,
                        jIssues     = null,
                        jMessage    = null,
                        jCaptcha    = null;/*ApptCaptcha*/

                    $("[placeholder]", jApp).togglePlaceholder();

                    jApp.data('error', false);
                    jLocation   = jApp.find('form .psbox-line-location select');
                    jFirstname  = jApp.find('form .psbox-line-firstname input');
                    jLastname   = jApp.find('form .psbox-line-lastname input');
                    jEmail      = jApp.find('form .psbox-line-email input');
                    jPhone      = jApp.find('form .psbox-line-phone input');
                    jServices   = jApp.find('form .psbox-line-services select');
                    jIssues     = jApp.find('form .psbox-line-issues select');
                    jMessage    = jApp.find('form .psbox-line-message textarea');
                    jCaptcha    = jApp.find('form .psbox-line-captcha input');/*ApptCaptcha*/
                    
                    jApp.find('form').hide();
                    jApp.find('.psbox-message').show().find('.sending').show();

                    if (jApp.data('locations').length > 1 && (jApp.data('curloc') == null || jLocation.val() == '' || jLocation.val() == 'Select location...')) {
                        jLocation.addClass('psbox-error');
                        jApp.data('error', true);
                    }
    
                    if(jFirstname.parent().parent().hasClass('psbox-line-mandatory') && jFirstname.val()=='')
                    {
                        jFirstname.addClass('psbox-error');
                        jApp.data('error',true);
                    }
                    
                    if(jLastname.parent().parent().hasClass('psbox-line-mandatory') && jLastname.val()=='')
                    {
                        jLastname.addClass('psbox-error');
                        jApp.data('error',true);
                    }
                    
                    if (jEmail.val() == '' || !isemaddr(jEmail.val())) {
                        jEmail.addClass('psbox-error');
                        jApp.data('error', true);
                    }
                    
                    if(jPhone.parent().parent().hasClass('psbox-line-mandatory'))
                    {
                        var phone = jPhone.val();
                        phone = phone.match(/\d+/g);
                        if(phone != null)
                        {
                            phone = phone.join('');
            
                            if(
                                ((client_country=='ca' || client_country=='us') && (phone.length<10))
                                || ((client_country!='ca' && client_country!='us') && (phone.length<6))
                            )
                            {
                                jPhone.addClass('psbox-error'); jApp.data('error', true);
                            }
                            else if(!jApp.data('error'))
                            {
                                jPhone.val(phone);
                            }
                        }
                        else
                        {
                            jPhone.addClass('psbox-error'); jApp.data('error', true);
                        }
                    }
                    
                    
                    if(
                        jServices.parent().parent().hasClass('psbox-line-mandatory')
                        &&
                        (
                            jServices.val()==''
                            ||
                            jServices.selectedIndex==0
                        )
                    )
                    {
                        jServices.addClass('psbox-error');
                        jApp.data('error',true);
                    }
                    if(
                        jIssues.parent().parent().hasClass('psbox-line-mandatory')
                        &&
                        (
                            jIssues.val()==''
                            ||
                            jIssues.selectedIndex==0
                        )
                    )
                    {
                        jIssues.addClass('psbox-error');
                        jApp.data('error',true);
                    }
    
                    if(jMessage.parent().parent().hasClass('psbox-line-mandatory') && jMessage.val()=='')
                    {
                        jMessage.addClass('psbox-error');
                        jApp.data('error',true);
                    }
                    
                        
                    if (jApp.data('error')) {
                        jApp.find('.psbox-message .sending').delay(500).hide(10, function () {
                            jApp.find('.psbox-message .errormsg').html("Your message was not sent. <br> Please check fields <br>marked as <span> errors</span>.").show(10).delay(2500).hide(10, function () {
                                $(this).parent().hide();
                                jApp.find('form').show();
                            });
                        });
                    } else {
                        jApp.find('form input:first').val($('.appmnt[data-id='+jApp.attr('data-root-id')+']').attr('data-ourl'));

                        $.post('ajax.inquiry_form.php?action=send_inquiry', jApp.find('form').serialize(), function (data) {
                                
                                if (data!=undefined && data!=null && data.errors!=null && data.errors.length>0)
                                {
                                    for (i=0;i<data.errors.length;i++)
                                    {
                                        switch (data.errors[i])
                                        {
                                            case 'captcha_invalid':
                                                jCaptcha.addClass('psbox-error');
                                            break;
                                        }
                                    }
            
                                    jApp.find('.psbox-message .sending').hide();
                                    jApp.find('.psbox-message .errormsg').html("Your message was not sent. <br> Please check fields <br>marked as <span> errors</span>.").show(10).delay(2500).hide(10, function(){
                                        $(this).parent().hide();
                                        jApp.find('form').show();
                                    });
                                }
                                
                                if (data != null && data.errors != null && data.errors.length > 0) return false;
                                if(data!=null && data.appt_form_thankyou_page!=null && data.appt_form_thankyou_page.length>0)
                                {
                                    jApp.find('.psbox-message .sending').delay(1000).hide(10,function(){
                                        window.location = data.appt_form_thankyou_page;
                                    });
                                }
                                jApp.find('.psbox-message .sending').hide();
                                jApp.find('.psbox-message .success').show(10).delay(2500).hide(10, function () {
                                    $(this).parent().hide();

                                    if (jApp.hasClass('psbox-popup')) jApp.find('.psbox-dialog-close').trigger('click');
                                    else if (jApp.hasClass('psbox-btnonly')) {
                                        jApp.hide();
                                        jApp.prev().fadeIn(800);
                                    }

                                    jApp.data('startH', 5);
                                    jApp.data('startM', 0);
                                    jApp.data('endH', 19);
                                    jApp.data('endM', 0);
                                    jApp.data('curloc', null);

                                    jLocation.prop('selectedIndex', 0);

                                    rebuildDatepicker(jApp);

                                    jFirstname.val('');
                                    jLastname.val('');
                                    jEmail.val('');
                                    jPhone.val('');
                                    
                                    jServices.prop('selectedIndex', 0);
                                    jIssues.prop('selectedIndex', 0);
                                    jMessage.val('');
                                    
                                    jApp.find('form .textfield').removeClass('textfield_error');
                                    jApp.find('form').show();
                                    rebuildTime(jApp);

                                });
                            }, 'json')
                            .fail(function () {
                                jApp.find('.psbox-message .errormsg').html("Your message was not sent. <br /> There was a connection problem. <br /> Please retry.").show(10).delay(2500).hide(10, function () {
                                    $(this).parent().hide();
                                    jApp.find('form').show();
                                });
                            });
                    }

                    return false;
                });
            }

        });
    }
});