mobile index actions

This commit is contained in:
Burak Civan
2022-11-09 17:52:22 +03:00
parent 1e1bc29b16
commit 819f6587bd
2 changed files with 149 additions and 1 deletions

View File

@ -11,7 +11,7 @@ document.querySelectorAll("[data-table-list]").forEach((row) => {
//redirect edit or show page for table row click
document.querySelectorAll("[data-table-body]").forEach((table) => {
if (document.body.clientWidth >= 991) {
if (document.body.clientWidth < 768 || document.body.clientWidth > 1200) {
let rows = table.querySelectorAll("tr");
rows.forEach((row) => {
@ -27,6 +27,7 @@ document.querySelectorAll("[data-table-body]").forEach((table) => {
if (row_href) {
for (let i = first_selector; i < td.length - 1; i++) {
let td_item = td[i];
td_item.addEventListener("click", () => {
window.location.href = row_href;
});
@ -42,6 +43,20 @@ document.querySelectorAll("[data-table-body]").forEach((table) => {
}
});
}
if (document.body.clientWidth <= 768) {
table.querySelectorAll('[data-table-list]').forEach((actions) => {
actions.querySelector('[data-mobile-actions]').addEventListener('click', function() {
this.closest('td').querySelector('[data-mobile-actions-modal]').classList.add('show', 'flex');
this.closest('td').querySelector('[data-mobile-actions-modal]').classList.remove('hidden');
this.closest('td').querySelector('[data-mobile-actions-modal]').addEventListener('click', function() {
this.classList.add('hidden');
this.classList.remove('show', 'flex');
});
});
});
}
});
//redirect edit or show page for table row click