https://csw.wbcroadsafety.co.uk/app-assets/js/scripts/pages/page-users-table.js

1/*=========================================================================================
2    File Name: page-users.js
3    Description: Users page
4    --------------------------------------------------------------------------------------
5    Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
6    Author: PIXINVENT
7    Author URL: http://www.themeforest.net/user/pixinvent
8==========================================================================================*/
9$(document).ready(function () {
10
11  // variable declaration
12  var usersTable;
13  var usersDataArray = [];
14  // datatable initialization
15  if ($("#users-list-datatable").length > 0) {
16    usersTable = $("#users-list-datatable").DataTable({
17      'columnDefs': [{
18        "orderable": false,
19        "targets": [6]
20      }]
21    });
22  };
23  // on click selected users data from table(page named page-users-list)
24  // to store into local storage to get rendered on second page named page-users-view
25  $(document).on("click", "#users-list-datatable tr", function () {
26    $(this).find("td").each(function () {
27      usersDataArray.push($(this).text().trim())
28    })
29    localStorage.setItem("usersId", usersDataArray[0]);
30    localStorage.setItem("usersUsername", usersDataArray[1]);
31    localStorage.setItem("usersName", usersDataArray[2]);
32    localStorage.setItem("usersVerified", usersDataArray[4]);
33    localStorage.setItem("usersRole", usersDataArray[5]);
34    localStorage.setItem("usersStatus", usersDataArray[6]);
35  })
36  // render stored local storage data on page named page-users-view
37  if (localStorage.usersId !== undefined) {
38    $(".users-view-id").html(localStorage.getItem("usersId"));
39    $(".users-view-username").html(localStorage.getItem("usersUsername"));
40    $(".users-view-name").html(localStorage.getItem("usersName"));
41    $(".users-view-verified").html(localStorage.getItem("usersVerified"));
42    $(".users-view-role").html(localStorage.getItem("usersRole"));
43    $(".users-view-status").html(localStorage.getItem("usersStatus"));
44    // update badge color on status change
45    if ($(".users-view-status").text() === "Banned") {
46      $(".users-view-status").toggleClass("badge-light-success badge-light-danger")
47    }
48    // update badge color on status change
49    if ($(".users-view-status").text() === "Close") {
50      $(".users-view-status").toggleClass("badge-light-success badge-light-warning")
51    }
52  }
53  // page users list verified filter
54  $("#users-list-type").on("change", function () {
55    var usersTypeSelect = $("#users-list-type").val();
56    usersTable.search(usersTypeSelect).draw();
57  });
58  // page users list role filter
59  $("#users-list-parish").on("change", function () {
60    var usersParishSelect = $("#users-list-parish").val();
61    usersTable.search(usersParishSelect).draw();
62  });
63
64  // page users list status filter
65  $("#users-list-status").on("change", function () {
66    var usersStatusSelect = $("#users-list-status").val();
67    // console.log(usersStatusSelect);
68    usersTable.search(usersStatusSelect).draw();
69  });
70  // users language select
71  if ($("#users-language-select2").length > 0) {
72    $("#users-language-select2").select2({
73      dropdownAutoWidth: true,
74      width: '100%'
75    });
76  }
77  // users music select
78  if ($("#users-music-select2").length > 0) {
79    $("#users-music-select2").select2({
80      dropdownAutoWidth: true,
81      width: '100%'
82    });
83  }
84  // users movies select
85  if ($("#users-movies-select2").length > 0) {
86    $("#users-movies-select2").select2({
87      dropdownAutoWidth: true,
88      width: '100%'
89    });
90  }
91  // users birthdate date
92  if ($(".birthdate-picker").length > 0) {
93    $('.birthdate-picker').pickadate({
94      format: 'mmmm, d, yyyy'
95    });
96  }
97  // Input, Select, Textarea validations except submit button validation initialization
98  if ($(".users-edit").length > 0) {
99    $("input,select,textarea").not("[type=submit]").jqBootstrapValidation();
100  }
101});