Atraccoes (JS)

$.fn.asideHeight = function(){
    var height = $('#main').height();
    $('#aside').height(height + 5);
}

$.fn.initialAsideHeight = function(){
    var mainHeight = $('#main').height();
    var messageHeight = $('#message').height();
    $('#aside').height(mainHeight - messageHeight);
}

$(document).ready(function(){
    $(this).asideHeight();

    $('[data-toggle="tooltip"]').tooltip();

    $(window).scroll(function(){
        if ($(this).scrollTop() > 100) {
            $('.scrollToTop').fadeIn();
        } else {
            $('.scrollToTop').fadeOut();
        }
    });
    $('.scrollToTop').click(function(){
        $('html, body').animate({scrollTop : 0},800);
        return false;
    });

    var msgBox = $('#message');
    var forms = $("form");
    var button = $('#btn-submitMember');
    var urlRequest = '../code/core/crud.functions.php';

    $('#btn-submitMember').removeAttr('disabled','disabled')

    button.attr('type','submit');

    forms.submit(function(){
        msgBox.fadeOut("fast");
        return false;
    });

    $('#register-member').validate({
        rules:
        {
            name: {
                required: true,
                minlength: 6
            },
            email: {
                required: true,
                email: true
            },
            country:{
                required: true
            },
            ocupation:{
                required: true
            },
            username: {
                required: true,
                minlength: 5
            },
            password: {
                required: true,
                minlength: 8
            },
            cpassword: {
                required: true,
                equalTo: '#password'
            }
        },
        messages:
        {
            name: {
                required: "Digite o nome completo.",
                minlength: "O nome deve possuir no mínimo 6 caracteres."
            },
            email: {
                required: "Digite o correio electrónico (e-mail).",
                email: "Digite um e-mail válido."
            },
            country: "Selecione o país ou nacionalidade.",
            job: "Selecione a função ou cargo.",
            username: {
                required: "Digite o nome de usuário.",
                minlength: "O nome de usuário deve possuir no mínimo 5 caracteres."
            },
            password:{
                required: "Digite a senha.",
                minlength: "A senha deve possuir no mínimo 8 caracteres."
            },
            cpassword:{
                required: "Redigita a senha.",
                equalTo: "As senhas não coincidem, redigita novamente."
            }
        }
    });

    function loading(){
        msgBox.empty().html('<span class="alert alert-info msg-top"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button><p class="center"><img src="../code/images/ajax/ajax-loader.gif" alt="Carregando..." style="width: 30px!important;height: 30px!important;" />&nbsp;&nbsp;Enviando a requisição ao servidor, aguarde...</p></span>').fadeIn("fast");
        $('#btn-submitMember').attr('disabled','disabled');
        $(this).asideHeight();
    }

    function sendError(){
        msgBox.empty().html('<span class="alert alert-danger msg-top"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button><p class="center"><strong>Erro inesperado</strong>, por favor contacte o administrador.</p></span>').fadeIn("fast");
        $('#btn-submitMember').removeAttr('disabled','disabled')
        $(this).asideHeight();
    }

    function dataError(message){
        msgBox.empty().html('<span class="alert alert-danger msg-top"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button><p class="center">'+message+'</p></span>').fadeIn("fast");
        $('#btn-submitMember').removeAttr('disabled','disabled')
        $(this).asideHeight();
    }

    function alreadyExist(message){
        msgBox.empty().html('<span class="alert alert-warning msg-top"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button><p class="center">'+message+'</p></span>').fadeIn("fast");
        $('#btn-submitMember').removeAttr('disabled','disabled')
        $(this).asideHeight();
    }

    function success(message){
        msgBox.empty().html('<span class="alert alert-success msg-top"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button><p class="center">'+message+'</p></span>').fadeIn("fast");
        $('#btn-submitMember').removeAttr('disabled','disabled')
        $(this).asideHeight();
    }

    $.ajaxSetup({
        url: urlRequest,
        type: 'POST',
        beforeSend: loading,
        error: sendError
    });

    //SAVE MEMBER
    var registerMember = $("#register-member");
    registerMember.submit(function(){
        if(($("#name").val()!="" && $("#name").val().length>6) && $("#email").val()!="" && $("#country").val()!="" && $("#job").val()!="" && $("#username").val()!="" && $("#password").val()!="" && $("#cpassword").val()!=""){
            if($("#cpassword").val() != $("#password").val())
            {
                msgBox.html('<span class="alert alert-warning msg-top"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button><p class="center">A senha e a confirmação da senha não são iguais.</p></span>').fadeIn('fast');
                $(this).asideHeight();
                $('#password,#cpassword').keyup(function(){
                    $('#message').fadeOut('fast');
                });
                return false;
            }
            var datas = $(this).serialize();
            var action = "&action=createMember";
            var sender = datas+action;
            $.ajax({
                data: sender,
                success: function(answer){
                    if(answer=='1'){
                        dataError("Erro ao registar, existem campos em branco!");
                    }else if(answer=='2'){
                        success("Colaborador registado com sucesso.");
                    }else if(answer=='3'){
                        sendError();
                    }
                    else{
                        alreadyExist(answer);
                    }
                },
                complete: function(){
                    //location.href="/Atraccoes/Admin/";
                    registerMember.find("input, select").val('');
                    $("#name").attr('autofocus','autofocus');
                }
            });
        }else
        {
            msgBox.html('<span class="alert alert-warning msg-top"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button><p class="center">Todos os campos são obrigatórios.</p></span>').fadeIn('fast');
            $(this).asideHeight();
            $('#name,#email,#username,#password,#cpassword').keyup(function(){
                $('#message').fadeOut('fast');
                $(this).asideHeight();
            });
            return false;
        }
    });

    //READ MEMBER
    var loading = $('#loading');
    var loadlist = $('#load-list');
    var loadmore = $('#load-more');
    var paneluser = $('#panel-user');
    paneluser.hide();
    function loadMembers(datas){
        $.ajax({
            data: datas,
            beforeSend: '',
            error: '',
            success: function(data){
                if(data == 4){
                    loadmore.text("Não existem mais Colaboradores. Recarregue a página!").click(function(){
                        location.reload();
                    });
                    loading.delay(300).fadeOut("slow");
                    $(this).asideHeight();
                }else{
                    paneluser.show();
                    loadlist.append(data);
                    loading.delay(500).fadeOut("slow");
                    loading.hide();
                    $(this).asideHeight();
                }
            }
        });
    }
    loadMembers("action=readMember&offset=0&limit=4");
    var offset = 4;
    loadmore.click(function(){
        loading.fadeIn("fast");
        loadMembers("action=readMember&offset="+offset+"&limit=4");
        offset += 4;
    });

    //DELETE MEMBER
    var deleteData;
    loadlist.on('click','.delete-member',function(){
        var deleteId = $(this).attr('id');
        deleteData = "action=deleteMember&id="+deleteId;
    });
    $('#deleteMember').click(function(){
        $.ajax({
            data: deleteData,
            beforeSend: '',
            error: '',
            success: function(data){
                if(data != 5){
                    success(data);
                    $('.delete-modal-md').modal('hide');
                    location.reload();
                }else{
                    $('.delete-modal-md').modal('hide');
                    dataError("Erro ao apagar o colaborador, tente novamente.");
                    $(this).asideHeight();
                }
            }
        });
    });

    //ACTIVE AND DESACTIVE MEMBER
    var statusData;
    loadlist.on('click','.active-member',function(){
        var statusId = $(this).attr('id');
        statusData = "action=statusMember&status=1&id="+statusId;
    });
    loadlist.on('click','.desactive-member',function(){
        var statusId = $(this).attr('id');
        statusData = "action=statusMember&status=0&id="+statusId;
    });
    $('#activeMember').click(function(){
        $.ajax({
            data: statusData,
            beforeSend: '',
            error: '',
            success: function(data){
                if(data != 6){
                    success(data);
                    $('.active-modal-md').modal('hide');
                    location.reload();
                }else{
                    $('.active-modal-md').modal('hide');
                    dataError("Erro ao alterar o status do colaborador, tente novamente.");
                    $(this).asideHeight();
                }
            }
        });
    });
    $('#desactiveMember').click(function(){
        $.ajax({
            data: statusData,
            beforeSend: '',
            error: '',
            success: function(data){
                if(data != 6){
                    success(data);
                    $('.desactive-modal-md').modal('hide');
                    location.reload();
                }else{
                    $('.desactive-modal-md').modal('hide');
                    dataError("Erro ao alterar o status do colaborador, tente novamente.");
                    $(this).asideHeight();
                }
            }
        });
    });

    //CONSULT, EDIT AND UPDATE MEMBER
    var frmEditMember = $('#frmEdit-member');
    var modalMember = $('.edit-modal-md');
    var modalMsg = $('#modal-msg');
    loadlist.on('click','.edit-member',function(){
        var memberId = $(this).attr('id');
        var consultData = "action=consultMember&id="+memberId;
        $.ajax({
            data: consultData,
            dataType: "json",
            beforeSend: function(){modalMember.modal('show');},
            error: '',
            success: function(data){
                $('#frmEdit-member #country>option:first-of-type').attr('name','IdCountry');
                $('#frmEdit-member #country>option:first-of-type').attr('class','Country');
                $.each(data, function(key, value){
                    frmEditMember.find('input[name="'+key+'"]').val(value);
                    /*frmEditMember.find('option[name="'+key+'"]').val(value);
                    frmEditMember.find('option[class="'+key+'"]').html(value);*/
                });
            }
        });
    });
    frmEditMember.submit(function(){
        var updateData = "action=updateMember&"+$(this).serialize();
        var updateId = $(this).find('input[name="Id"]').val();
        alert(updateData);
        /*$.ajax({
            data: updateData,
            beforeSend: '',
            error: '',
            success: function(data){
                if(data=='1'){
                    modalMsg.html('<span class="alert alert-error" style="margin:10px 15px 20px;float:left;width:95%;padding:7px;"><p class="center">Erro ao actualizar os dados, existem campos em branco!</p></span>').fadeIn("fast");
                }else if(data=='2'){
                    modalMsg.html('<span class="alert alert-success" style="margin:10px 15px 20px;float:left;width:95%;padding:7px;"><p class="center">Colaborador registado com sucesso.</p></span>').fadeIn("fast");
                }else if(data=='3'){
                    modalMsg.html('<span class="alert alert-danger" style="margin:10px 15px 20px;float:left;width:95%;padding:7px;"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button><p class="center"><strong>Erro inesperado</strong>, por favor contacte o administrador.</p></span>').fadeIn("fast");
                }else if(data=='7'){
                    modalMsg.html('<span class="alert alert-warning" style="margin:10px 15px 20px;float:left;width:95%;padding:7px;"><p class="center">Não é possível actualizar porque nenhum dado foi alterado!</p></span>').fadeIn("fast");
                }
                else{
                    modalMsg.html('<span class="alert alert-warning" style="margin:10px 15px 20px;float:left;width:95%;padding:7px;"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button><p class="center">'+data+'</p></span>').fadeIn("fast");
                }
            },
            complete: function(){

            }
        });*/
    });
});