/*========================================================================================= File Name: page-users.js Description: Users page -------------------------------------------------------------------------------------- Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template Author: PIXINVENT Author URL: http://www.themeforest.net/user/pixinvent ==========================================================================================*/ $(document).ready(function () { // variable declaration var usersTable; var usersDataArray = []; // datatable initialization if ($("#users-list-datatable").length > 0) { usersTable = $("#users-list-datatable").DataTable({ 'columnDefs': [{ "orderable": false, "targets": [7] }] }); }; // on click selected users data from table(page named page-users-list) // to store into local storage to get rendered on second page named page-users-view $(document).on("click", "#users-list-datatable tr", function () { $(this).find("td").each(function () { usersDataArray.push($(this).text().trim()) }) localStorage.setItem("usersId", usersDataArray[0]); localStorage.setItem("usersUsername", usersDataArray[1]); localStorage.setItem("usersName", usersDataArray[2]); localStorage.setItem("usersVerified", usersDataArray[4]); localStorage.setItem("usersRole", usersDataArray[5]); localStorage.setItem("usersStatus", usersDataArray[6]); }) // render stored local storage data on page named page-users-view if (localStorage.usersId !== undefined) { $(".users-view-id").html(localStorage.getItem("usersId")); $(".users-view-username").html(localStorage.getItem("usersUsername")); $(".users-view-name").html(localStorage.getItem("usersName")); $(".users-view-verified").html(localStorage.getItem("usersVerified")); $(".users-view-role").html(localStorage.getItem("usersRole")); $(".users-view-status").html(localStorage.getItem("usersStatus")); // update badge color on status change if ($(".users-view-status").text() === "Banned") { $(".users-view-status").toggleClass("badge-light-success badge-light-danger") } // update badge color on status change if ($(".users-view-status").text() === "Close") { $(".users-view-status").toggleClass("badge-light-success badge-light-warning") } } // page users list verified filter $("#users-list-verified").on("change", function () { var usersVerifiedSelect = $("#users-list-verified").val(); usersTable.search(usersVerifiedSelect).draw(); }); // page users list role filter $("#users-list-role").on("change", function () { var usersRoleSelect = $("#users-list-role").val(); // console.log(usersRoleSelect); usersTable.search(usersRoleSelect).draw(); }); // page users list status filter $("#users-list-status").on("change", function () { var usersStatusSelect = $("#users-list-status").val(); // console.log(usersStatusSelect); usersTable.search(usersStatusSelect).draw(); }); // users language select if ($("#users-language-select2").length > 0) { $("#users-language-select2").select2({ dropdownAutoWidth: true, width: '100%' }); } // users music select if ($("#users-music-select2").length > 0) { $("#users-music-select2").select2({ dropdownAutoWidth: true, width: '100%' }); } // users movies select if ($("#users-movies-select2").length > 0) { $("#users-movies-select2").select2({ dropdownAutoWidth: true, width: '100%' }); } // users birthdate date if ($(".birthdate-picker").length > 0) { $('.birthdate-picker').pickadate({ format: 'mmmm, d, yyyy' }); } // Input, Select, Textarea validations except submit button validation initialization if ($(".users-edit").length > 0) { $("input,select,textarea").not("[type=submit]").jqBootstrapValidation(); } });