feat(user): membuat js untuk show data
This commit is contained in:
parent
461497e9da
commit
1f50093097
46
public/assets/admin/js/custom/user.js
Normal file
46
public/assets/admin/js/custom/user.js
Normal file
@ -0,0 +1,46 @@
|
||||
$(document).ready(function () {
|
||||
var tooltipTrigger = document.getElementById('tooltipTrigger');
|
||||
var tooltip = new bootstrap.Tooltip(tooltipTrigger, {
|
||||
title: "Detail",
|
||||
placement: "left"
|
||||
});
|
||||
|
||||
$("#showModal").on("show.bs.modal", function (event) {
|
||||
const button = $(event.relatedTarget);
|
||||
const data = {
|
||||
fullName: button.data("full-name"),
|
||||
barbershop: button.data("barbershop"),
|
||||
pob: button.data("pob"),
|
||||
dob: button.data("dob"),
|
||||
address: button.data("address"),
|
||||
gender: button.data("gender"),
|
||||
sop: button.data("sop"),
|
||||
avatar: button.data("avatar"),
|
||||
};
|
||||
var genderBadge = '';
|
||||
if (data.gender === 1) {
|
||||
genderBadge = '<span class="badge bg-success">Laki-laki</span>';
|
||||
} else if (data.gender === 2) {
|
||||
genderBadge = '<span class="badge bg-info">Perempuan</span>';
|
||||
} else {
|
||||
genderBadge = '<span class="badge bg-secondary">Tidak Diketahui</span>';
|
||||
}
|
||||
|
||||
$('#user-avatar').attr('src', data.avatar);
|
||||
$('#user-name').text(data.fullName);
|
||||
$('#user-barbershop').text(data.barbershop);
|
||||
$('#user-pob').text(data.pob);
|
||||
$('#user-dob').text(data.dob);
|
||||
$('#user-address').text(data.address);
|
||||
$('#user-gender').html(genderBadge);
|
||||
$('#user-sop').text(data.sop);
|
||||
});
|
||||
|
||||
$('#showModal').on('hidden.bs.modal', function () {
|
||||
const method = $("#form-method").val();
|
||||
if (method === 'put') {
|
||||
$("#name").val('');
|
||||
$("#alias").val('');
|
||||
}
|
||||
});
|
||||
});
|
||||
Loading…
Reference in New Issue
Block a user