@itrocks/list 0.0.22 → 0.1.0

package/build.js

@@ -3,37 +3,30 @@ import { TableFeed } from '../table/feed.js';
 import { TableFreeze } from '../table/freeze.js';
 import { TableFreezeInheritBackground } from '../table/freeze/inherit-background.js';
 import { TableFreezeInheritBorder } from '../table/freeze/inherit-border.js';
+import { TableLink } from '../table/link.js';
 import { tableByElement } from '../table/table.js';
 import { xTargetCall } from '../xtarget/xtarget.js';
+const tableLink = new TableLink({
+    call: url => xTargetCall(url, 'main'),
+    href: 'action',
+    id: (element) => {
+        const input = element.closest('tr')?.querySelector(':scope > th.select > input[name=id]');
+        if (input)
+            return { element: input, value: input.value };
+    }
+});
 build('article[data-action="list"] > form > table.objects', element => {
     tableByElement(element, {
-        plugins: [TableFeed, TableFreeze, TableFreezeInheritBackground, TableFreezeInheritBorder]
+        plugins: [TableFeed, TableFreeze, TableFreezeInheritBackground, TableFreezeInheritBorder, tableLink]
     });
-    element.querySelector(':scope > tbody')?.addEventListener('click', async (event) => {
-        const td = event.target;
-        if (!(td instanceof HTMLTableCellElement))
-            return;
-        const tr = td.closest('tr');
-        if (!tr)
-            return;
-        let select = td.closest('.select');
-        if (select) {
-            const input = select.querySelector('input');
-            if (!input)
-                return;
-            input.click();
-            input.focus();
-            return;
-        }
-        const checkBox = tr.querySelector(':scope > th.select > input[name=id]');
-        if (!checkBox)
-            return;
-        const id = checkBox.value;
-        if (!id)
+    element.addEventListener('click', event => {
+        const element = event.target;
+        if (!(element instanceof HTMLTableCellElement) || !element.classList.contains('select'))
             return;
-        const form = tr.closest('form');
-        if (!form)
+        const input = element.querySelector('input[type=checkbox]');
+        if (!input)
             return;
-        return xTargetCall(form.getAttribute('action') + '/' + id, 'main');
+        input.click();
+        input.focus();
     });
 });

package/package.json

@@ -67,5 +67,5 @@
 		"build:front": "tsc -p esm/tsconfig.json && ../prepare-module/prepare-module.js esm"
 	},
 	"types": "./cjs/list.d.ts",
-	"version": "0.0.22"
+	"version": "0.1.0"
 }