home/autoph/public_html/projects/api/public/assets/js/catalog/list.js 0000644 00000023340 15025005363 0022020 0 ustar 00 /*
* Author: Clarence A Andaya
* Date: June 08 2022
*/
//Only const Variable Here
(function () {
"use strict";
//Logic,Variables, Functions Here
var myProductList = null;
var search_type_filter = [];
function delay(callback, ms) {
var timer = 0;
return function () {
var context = this,
args = arguments;
clearTimeout(timer);
timer = setTimeout(function () {
callback.apply(context, args);
}, ms || 0);
};
}
function initActionRemove() {
$("[data-action-remove]").each(function () {
$(this).on("click", function () {
var row = $(this).closest("tr");
// var data = myProductList.row(row).data().id;
// console.log(data);
// return false;
const product_id = myProductList.row(row).data().id; //$(this).attr('data-action-remove');
Swal.fire({
title: "Are you sure, you want to remove this product?",
text: "This action cannot be undone.",
icon: "warning",
showCancelButton: true,
confirmButtonColor: "#3085d6",
cancelButtonColor: "#d33",
confirmButtonText: "Yes, remove it!",
showClass: {
backdrop: "swal2-noanimation", // disable backdrop animation
popup: "", // disable popup animation
icon: "", // disable icon animation
},
hideClass: {
popup: "", // disable popup fade-out animation
},
}).then((result) => {
if (result.isConfirmed) {
$.ajax({
url: "/admin/products/status",
data: {
id: product_id,
status: 0,
csrf_token: $("#csrf_token").val(),
},
type: "POST",
dataType: "json",
beforeSend: function () {
toast("info", "Updating...");
},
success: function (result) {
toast("success", result.message);
myProductList.ajax.reload();
},
error: function () {
toast("error", "Error has occurred. Try again.");
},
});
}
});
});
});
}
function initProductList() {
//search
$("#txt_search").on(
"keyup",
delay(function (e) {
myProductList.search($("#txt_search").val()).draw();
}, 500)
);
var search_type_default = "Name";
var search_types = ["ID", "Name", "SKU"];
// var search_types = ["ID", "Name", "SKU", "Store"];
$.each(search_types, function (i, n) {
$(".product-search-type").append(
`` +
n +
``
);
});
$(".product-search-type li").each(function () {
if ($(this).text() == search_type_default) {
$(this).removeClass("active").addClass("active");
var active_items_arr = [];
active_items_arr.push(search_type_default);
search_type_filter = JSON.stringify(active_items_arr);
}
$(this).on("click", function () {
//remove all selected menu
$(".product-search-type")
.find("li.active")
.map(function () {
$(this).removeClass("active");
});
$(this).toggleClass("active");
var active_items = $(".product-search-type")
.find("li.active")
.map(function () {
var item = {};
// item.id = this.value;
item.status = $(this).text();
return item;
});
var active_items_arr = [];
$.each(active_items, function (i, n) {
active_items_arr.push(n.status);
});
search_type_filter = JSON.stringify(active_items_arr);
// refreshOrcrPlateTable();
// if ($('#txt_search').val() != '') {
myProductList.ajax.reload();
// }
});
});
var productTableId = "#tbl_product_list";
// Delete a record
$(productTableId).on(
"click",
"td.table-action > a action-delete",
function (e) {
e.preventDefault();
console.log($(this).attr("data-id"));
// editor.remove($(this).closest('tr'), {
// title: 'Delete record',
// message: 'Are you sure you wish to remove this record?',
// buttons: 'Delete'
// });
}
);
var cols = [
{
title: "ID",
data: "id",
className: "",
orderable: true,
width: "1%",
},
{
title: "Thumbnail",
data: "thumbnail",
orderable: false,
className: "align-middle p-1 dt-center",
render: function (data, type, row, meta) {
return (
` 
`
);
},
width: "1%",
},
{
title: "Name",
data: "name",
className: "align-middle p-1 dt-center",
orderable: true,
width: "10%",
},
{
title: "Price",
data: "price",
className: "align-middle p-1 dt-center",
orderable: true,
width: "5%",
render: function (data, type, row, meta) {
var price =
CURRENCY_SYMBOL +
parseFloat(row.price).toLocaleString("en-US", {
minimumFractionDigits: 2,
});
return row.sale_price
? CURRENCY_SYMBOL +
parseFloat(row.sale_price).toLocaleString("en-US", {
minimumFractionDigits: 2,
}) +
`
` +
price +
``
: price;
},
},
{
title: "Quantity",
data: "quantity",
className: "align-middle p-1 dt-center",
orderable: true,
width: "5%",
},
{
title: "SKU",
data: "sku",
className: "align-middle p-1 dt-center",
orderable: true,
width: "10%",
},
{
title: "Location",
data: "location",
className: "align-middle p-1 dt-center",
orderable: true,
width: "10%",
},
{
title: "Created at",
data: "created_at",
className: "align-middle p-1 dt-center",
orderable: true,
width: "5%",
},
{
title: "Store",
data: "store",
className: "align-middle p-1 dt-center",
orderable: true,
width: "5%",
},
{
title: "Status",
data: "status",
className: "align-middle p-1 dt-center",
orderable: true,
width: "5%",
render: function (data, type, row, meta) {
var status = `Unpublished`;
if (row.status == 1) {
status = `Published`;
} else if (row.status == 2) {
status = `Draft`;
}
return status;
// ? `Published`
// : `Unpublished`;
},
},
{
title: "Action",
data: null,
orderable: false,
width: "5%",
className: "align-middle p-1 dt-center",
render: function (data, type, row, meta) {
// return (``);
return (
`
`
);
},
},
];
myProductList = $(productTableId).DataTable({
// fnInitComplete: function() {
// initActionRemove();
// },
fnDrawCallback: function () {
initActionRemove();
},
// columnDefs: [{
// width: 200,
// targets: 0
// }],
retrieve: true,
columns: cols,
// data: data,
paging: true,
lengthChange: false,
searching: true,
// ordering: true,
pageLength: 10,
info: true,
autoWidth: false,
responsive: true,
processing: true,
fixedColumns: true,
serverSide: true,
// ajax: "/admin/products/list",
ajax: {
url: "/admin/products/list",
data: function (d) {
return $.extend({}, d, {
search_type: search_type_filter,
});
},
},
sDom: "lrtip",
});
}
$(function () {
initProductList();
$(document).on("click", ".dropdown-filter,.daterangepicker", function (e) {
e.stopPropagation();
});
$("#reload-list").on("click", function () {
myProductList.ajax.reload();
});
$("#filter-list").on("click", function () {
$("#filter-list-section").toggleClass("hidden");
});
});
})();
home/autoph/public_html/projects/api/public/assets/js/order/list.js 0000644 00000021150 15025020376 0021517 0 ustar 00 /*
* Author: Clarence A Andaya
* Date: July 06 2022
*/
//Only const Variable Here
(function () {
"use strict";
//Logic,Variables, Functions Here
var myList = null;
var search_type_filter = [];
function delay(callback, ms) {
var timer = 0;
return function () {
var context = this,
args = arguments;
clearTimeout(timer);
timer = setTimeout(function () {
callback.apply(context, args);
}, ms || 0);
};
}
function initActionRemove() {
$("[data-action-remove]").each(function () {
$(this).on("click", function () {
var row = $(this).closest("tr");
// var data = myList.row(row).data().id;
// console.log(data);
// return false;
const product_id = myList.row(row).data().id; //$(this).attr('data-action-remove');
Swal.fire({
title: "Are you sure, you want to remove this product?",
text: "This action cannot be undone.",
icon: "warning",
showCancelButton: true,
confirmButtonColor: "#3085d6",
cancelButtonColor: "#d33",
confirmButtonText: "Yes, remove it!",
showClass: {
backdrop: "swal2-noanimation", // disable backdrop animation
popup: "", // disable popup animation
icon: "", // disable icon animation
},
hideClass: {
popup: "", // disable popup fade-out animation
},
}).then((result) => {
if (result.isConfirmed) {
$.ajax({
url: "/admin/products/status",
data: {
id: product_id,
status: 0,
csrf_token: $("#csrf_token").val(),
},
type: "POST",
dataType: "json",
beforeSend: function () {
toast("info", "Updating...");
},
success: function (result) {
toast("success", result.message);
myList.ajax.reload();
},
error: function () {
toast("error", "Error has occurred. Try again.");
},
});
}
});
});
});
}
function initList() {
//search
$("#txt_search").on(
"keyup",
delay(function (e) {
myList.search($("#txt_search").val()).draw();
}, 500)
);
var search_type_default = "Customer";
var search_types = ["ID", "Customer", "Order no."];
$.each(search_types, function (i, n) {
$(".product-search-type").append(
`` +
n +
``
);
});
$(".product-search-type li").each(function () {
if ($(this).text() == search_type_default) {
$(this).removeClass("active").addClass("active");
var active_items_arr = [];
active_items_arr.push(search_type_default);
search_type_filter = JSON.stringify(active_items_arr);
}
$(this).on("click", function () {
//remove all selected menu
$(".product-search-type")
.find("li.active")
.map(function () {
$(this).removeClass("active");
});
$(this).toggleClass("active");
var active_items = $(".product-search-type")
.find("li.active")
.map(function () {
var item = {};
// item.id = this.value;
item.status = $(this).text();
return item;
});
var active_items_arr = [];
$.each(active_items, function (i, n) {
active_items_arr.push(n.status);
});
search_type_filter = JSON.stringify(active_items_arr);
// refreshOrcrPlateTable();
// if ($('#txt_search').val() != '') {
myList.ajax.reload();
// }
});
});
var tableId = "#tbl_list";
// Delete a record
$(tableId).on("click", "td.table-action > a action-delete", function (e) {
e.preventDefault();
console.log($(this).attr("data-id"));
// editor.remove($(this).closest('tr'), {
// title: 'Delete record',
// message: 'Are you sure you wish to remove this record?',
// buttons: 'Delete'
// });
});
var cols = [
{
title: "ID",
data: null,
className: "",
orderable: true,
width: "1%",
},
{
title: "Customer",
data: null,
className: "align-middle p-1 dt-center",
orderable: true,
width: "10%",
},
{
title: "Amount",
data: null,
className: "align-middle p-1 dt-center",
orderable: true,
width: "5%",
},
{
title: "Tax Amount",
data: null,
className: "align-middle p-1 dt-center",
orderable: true,
width: "10%",
},
{
title: "Shipping Amount",
data: null,
className: "align-middle p-1 dt-center",
orderable: true,
width: "5%",
},
{
title: "Payment Method",
data: null,
className: "align-middle p-1 dt-center",
orderable: true,
width: "5%",
},
{
title: "Payment Status",
data: null,
className: "align-middle p-1 dt-center",
orderable: true,
width: "5%",
},
{
title: "Status",
data: null,
className: "align-middle p-1 dt-center",
orderable: true,
width: "5%",
},
{
title: "Created At",
data: null,
className: "align-middle p-1 dt-center",
orderable: true,
width: "5%",
},
{
title: "Store",
data: "store",
className: "align-middle p-1 dt-center",
orderable: true,
width: "5%",
},
// {
// title: "Status",
// data: "status",
// className: "align-middle p-1 dt-center",
// orderable: true,
// width: "5%",
// render: function (data, type, row, meta) {
// var status = `Unpublished`;
// if (row.status == 1) {
// status = `Published`;
// } else if (row.status == 2) {
// status = `Draft`;
// }
// return status;
// // ? `Published`
// // : `Unpublished`;
// },
// },
{
title: "Action",
data: null,
orderable: false,
width: "5%",
className: "align-middle p-1 dt-center",
render: function (data, type, row, meta) {
return (
`
`
);
},
},
];
myList = $(tableId).DataTable({
// fnInitComplete: function() {
// initActionRemove();
// },
fnDrawCallback: function () {
initActionRemove();
},
// columnDefs: [{
// width: 200,
// targets: 0
// }],
retrieve: true,
columns: cols,
// data: data,
paging: true,
lengthChange: false,
searching: true,
// ordering: true,
pageLength: 10,
info: true,
autoWidth: false,
responsive: true,
processing: true,
fixedColumns: true,
serverSide: true,
// ajax: "/admin/products/list",
ajax: {
url: "/admin/orders/list",
data: function (d) {
return $.extend({}, d, {
search_type: search_type_filter,
});
},
},
sDom: "lrtip",
});
}
$(function () {
initList();
$(document).on("click", ".dropdown-filter,.daterangepicker", function (e) {
e.stopPropagation();
});
$("#reload-list").on("click", function () {
myList.ajax.reload();
});
$("#filter-list").on("click", function () {
$("#filter-list-section").toggleClass("hidden");
});
});
})();