gmarche/public/js/script.js

// Add Record
function addRecord(antenne_slug, antenne_id, nom_connecte, id_user) {

    var produit = $("#produit").val();
    var image = $("#hidden_image_name").val();
    var nom_image = image.substring(image.lastIndexOf("/")+1);
    var vendeur = $("#vendeur").val();
    var cle_pub = $("#cle_pub").val();
    var quantite = $("#quantite").val();
    var prix = $("#prix").val();
    // Add record
    $.post("/ajax/addRecord.php", {
        produit: produit,
        image: nom_image,
        vendeur: vendeur,
        cle_pub: cle_pub,
        quantite: quantite,
        prix: prix,
        antenne_id: antenne_id,
        id_user: id_user
    }, function (data, status) {
        // close the popup
        $("#add_new_record_modal").modal("hide");

        // On relit les enregistrements
        readRecords(antenne_slug, nom_connecte);

        // On efface les champs du popup
        $("#produit").val("");
        $("#add_image").val("");
        $("#vendeur").val("");
        $("#cle_pub").val("");
        $("#quantite").val("");
        $("#prix").val("");
    });

}

function addRecord2() {
    // get values
    var produit_r = $("#produit_r").val();
    var image_r = $("#image_r").val();
    var vendeur_r = $("#vendeur_r").val();
    var cle_pub_r = $("#cle_pub_r").val();
    var prix_r = $("#prix_r").val();
    // Add record
    $.post("ajax/addRecord2.php", {
        produit_r: produit_r,
        image_r: image_r,
        vendeur_r: vendeur_r,
        cle_pub_r: cle_pub_r,
        prix_r: prix_r
    }, function (data, status) {
        // close the popup
        $("#add_new_record_modal").modal("hide");

        // read records again
        readRecords2();

        // clear fields from the popup
        $("#produit_r").val("");
        $("#image_r").val("");
        $("#vendeur_r").val("");
        $("#cle_pub_r").val("");
        $("#prix_r").val("");
    });
}

// READ records
function readRecords(antenne_slug, nom_connecte) {
    $.get("/ajax/readRecords.php", {
        antenne_slug: antenne_slug,
        nom_connecte: nom_connecte
    }, function (data, status) {
        $(".records_content").html(data);
    });
}
// READ records2
function readRecords2(antenne_slug, nom_connecte) {
    $.get("/ajax/readRecords2.php", {
        antenne_slug: antenne_slug,
        nom_connecte: nom_connecte
    }, function (data, status) {
        $(".records_content2").html(data);
    });
}

function DeleteProduits(id, antenne_slug, nom_image) {
    $("#hidden_antenne_slug").val(antenne_slug);
    var conf = confirm("Etes-vous sûr(e) de vouloir supprimer ce bien ou service ?");
    if (conf == true) {
        $.post("/ajax/deleteProduits.php", {
                id: id,
                antenne_slug: antenne_slug,
                nom_image: nom_image
            },
            function (data, status) {
                // Rechargement de la liste Biens/services
                var nom_connecte = $("#nom_connecte").text();
                // READ records on page load
                readRecords(antenne_slug, nom_connecte);
            }
        );

    }
}
function DeleteRecherches(id) {
    var conf = confirm("Etes-vous sûr(e) de vouloir supprimer ce bien ou service ?");
    if (conf == true) {
        $.post("/ajax/deleteRecherches.php", {
                id_r: id
            },
            function (data, status) {
                // reload Recherches by using readRecords2();
                readRecords2(antenne_slug, nom_connecte);
            }
        );
    }
}
function GetProduitsDetails(id, antenne_slug, nom_image) {
    // Add Products ID to the hidden field for future usage
    $("#hidden_user_id").val(id);
    $("#hidden_antenne_slug").val(antenne_slug);
    $("#hidden_image_name").val(nom_image);
    $.post("/ajax/readProduitsDetails.php", {
            id: id
        },
        function (data, status) {
            var produit = JSON.parse(data);
            // Assign existing values to the modal popup fields
            $("#update_produit").val(produit.name);
            $("#preview").html('<img src="/uploads/products/'+antenne_slug+'/'+produit.image+'" />');
            $("#update_vendeur").val(produit.username);
            $("#update_quantite").val(produit.quantite);
            $("#update_prix").val(produit.prix);
        }
    );
    // Ouverture de la fenêtre modale
    $("#update_user_modal").modal("show");
}
function GetRecherchesDetails(id) {
    // Champ caché de l'id
    $("#hidden_user_id_r").val(id);
    $.post("/ajax/readRecherchesDetails.php", {
            id_r: id
        },
        function (data, status) {

            var produit = JSON.parse(data);
            // Assignation des variables aux champs du formulaire
            $("#update_produit_r").val(produit.produit);
            $("#update_vendeur_r").val(produit.vendeur);
            $("#update_cle_pub_r").val(produit.cle_pub);
            $("#update_prix_r").val(produit.prix);
        }
    );
    // Ouverture de la fenêtre modale
    $("#update_user_modal").modal("show");
}
function UpdateProduitsDetails(nom_connecte) {

    var produit = $("#update_produit").val();
    var image = $("#hidden_image_name").val();
    var nom_image = image.substring(image.lastIndexOf("/")+1);
    //alert('nom_image='+nom_image);
    var quantite = $("#update_quantite").val();
    var prix = $("#update_prix").val();
    // Champs cachés
    var id = $("#hidden_user_id").val();
    var antenne_slug = $("#hidden_antenne_slug").val();
    $.post("/ajax/updateProduitsDetails.php", {
            id: id,
            produit: produit,
            image: nom_image,
            quantite: quantite,
            prix: prix
        },
         function (data, status) {
            // Fermeture de la fenêtre modale
            $("#update_user_modal").modal("hide");
            // Réaffichage des biens/services
            readRecords(antenne_slug, nom_connecte);
        }
    );
}
function UpdateRecherchesDetails() {
    // get values
    var produit = $("#update_produit_r").val();
    var image = $("#update_image_r").val();
    var vendeur = $("#update_vendeur_r").val();
    var cle_pub = $("#update_cle_pub_r").val();
    var prix = $("#update_prix_r").val();
    // get hidden field value
    var id = $("#hidden_user_id_r").val();

    // Update the details by requesting to the server using ajax
    $.post("/ajax/updateRecherchesDetails.php", {
            id_r: id,
            produit_r: produit,
            image_r: image,
            vendeur_r: vendeur,
            cle_pub_r: cle_pub,
            prix_r: prix
        },
        function (data, status) {
            // hide modal popup
            $("#update_user_modal").modal("hide");
            // reload Recherches by using readRecords2();
            readRecords2(antenne_slug, nom_connecte);
        }
    );
}

$(document).ready(function () {
    // On récupère le nom de l'antenne dans l'url pour afficher les biens/services de celle-ci
    var url = document.location.href;
    var antenne_slug = url.split('/')[5];
    var affichage_slug = url.split('/')[6];

    var nom_connecte = $("#nom_connecte").text();
    $("#hidden_antenne_slug").val(antenne_slug);
    // READ records on page load
    if (affichage_slug == 'produits') {
        readRecords(antenne_slug, nom_connecte);
    } else {
        readRecords2(antenne_slug, nom_connecte);
    }
    $('#add_image').change(function(){

        var fd_add = new FormData();
        var files = $('#add_image')[0].files[0];
        fd_add.append('add_image',files);
        fd_add.append('nom_user',nom_connecte);
        fd_add.append('nom_antenne',antenne_slug);

        // requête AJAX pour copier la photo et l'afficher
        $.ajax({
            url: '/ajax/upload.php',
            type: 'post',
            data: fd_add,
            contentType: false,
            processData: false,
            success: function(response){
                if(response != 0){
                    // Show image preview
                    $('#add_preview').html('');
                    $('#add_preview').append("<img src='"+response+"' width='160' height='160' style='display: inline-block;'>");
                    // get hidden field value
                    $("#hidden_image_name").val(response);
                } else {
                    alert('L\'image n\'a pu être uploadée');
                }
            }
        });
    });
    $('#image').change(function(){

        var fd = new FormData();
        var files = $('#image')[0].files[0];
        fd.append('image',files);
        fd.append('nom_user',nom_connecte);
        fd.append('nom_antenne',antenne_slug);
        // requête AJAX pour copier la photo et l'afficher
        $.ajax({
            url: '/ajax/upload.php',
            type: 'post',
            data: fd,
            contentType: false,
            processData: false,
            success: function(response){
                if(response != 0){
                    // Show image preview
                    $('#preview').html('');
                    $('#preview').append("<img src='"+response+"' width='160' height='160' style='display: inline-block;'>");
                    // get hidden field value
                    $("#hidden_image_name").val(response);
                } else {
                    alert('L\'image n\'a pu être uploadée');
                }
            }
        });
    });
});