From f20bcceaf7e99712d62cae7ea8eddb37504c6796 Mon Sep 17 00:00:00 2001 From: moisseev Date: Sun, 17 Mar 2024 17:34:34 +0300 Subject: [PATCH] [Minor] Use cascade FooTable column breakpoints --- interface/js/app/graph.js | 1 + interface/js/app/history.js | 15 ++++++++------- interface/js/app/libft.js | 15 ++++++++------- interface/js/app/symbols.js | 7 ++++--- 4 files changed, 21 insertions(+), 17 deletions(-) diff --git a/interface/js/app/graph.js b/interface/js/app/graph.js index 71306f457..5b92c6df6 100644 --- a/interface/js/app/graph.js +++ b/interface/js/app/graph.js @@ -128,6 +128,7 @@ define(["jquery", "app/common", "d3evolution", "d3pie", "d3", "footable"], function initSummaryTable(rows, unit) { common.tables.rrd_summary = FooTable.init("#rrd-table", { + cascade: true, sorting: { enabled: true }, diff --git a/interface/js/app/history.js b/interface/js/app/history.js index e486c1060..97a759c9b 100644 --- a/interface/js/app/history.js +++ b/interface/js/app/history.js @@ -73,7 +73,7 @@ define(["jquery", "app/common", "app/libft", "footable"], }, { name: "ip", title: "IP address", - breakpoints: "xs sm", + breakpoints: "sm", style: {width: 150, maxWidth: 150} }, { name: "action", @@ -92,13 +92,13 @@ define(["jquery", "app/common", "app/libft", "footable"], }, { name: "size", title: "Message size", - breakpoints: "xs sm", + breakpoints: "sm", style: {width: 120, maxWidth: 120}, formatter: libft.formatBytesIEC }, { name: "scan_time", title: "Scan time", - breakpoints: "xs sm", + breakpoints: "sm", style: {maxWidth: 80}, sortValue: function (val) { return Number(val); } }, { @@ -110,7 +110,7 @@ define(["jquery", "app/common", "app/libft", "footable"], }, { name: "user", title: "Authenticated user", - breakpoints: "xs sm", + breakpoints: "sm", style: {width: 200, maxWidth: 200} }]; } @@ -208,6 +208,7 @@ define(["jquery", "app/common", "app/libft", "footable"], function initErrorsTable(rows) { common.tables.errors = FooTable.init("#errorsLog", { + cascade: true, columns: [ {sorted: true, direction: "DESC", @@ -217,15 +218,15 @@ define(["jquery", "app/common", "app/libft", "footable"], sortValue: function (val) { return Number(val.options.sortValue); }}, {name: "type", title: "Worker type", - breakpoints: "xs sm", + breakpoints: "sm", style: {width: 150, maxWidth: 150}}, {name: "pid", title: "PID", - breakpoints: "xs sm", + breakpoints: "sm", style: {width: 110, maxWidth: 110}}, {name: "module", title: "Module"}, {name: "id", title: "Internal ID"}, - {name: "message", title: "Message", breakpoints: "xs sm"}, + {name: "message", title: "Message", breakpoints: "sm"}, ], rows: rows, paging: { diff --git a/interface/js/app/libft.js b/interface/js/app/libft.js index 2b2428385..a3d655780 100644 --- a/interface/js/app/libft.js +++ b/interface/js/app/libft.js @@ -71,7 +71,7 @@ define(["jquery", "app/common", "footable"], }, { name: "ip", title: "IP address", - breakpoints: "xs sm md", + breakpoints: "md", style: { "minWidth": "calc(14ch + 8px)", "word-break": "break-all" @@ -81,7 +81,7 @@ define(["jquery", "app/common", "footable"], }, { name: "sender_mime", title: "[Envelope From] From", - breakpoints: "xs sm md", + breakpoints: "md", style: { "minWidth": 100, "maxWidth": 200, @@ -90,7 +90,7 @@ define(["jquery", "app/common", "footable"], }, { name: "rcpt_mime_short", title: "[Envelope To] To/Cc/Bcc", - breakpoints: "xs sm md", + breakpoints: "md", filterable: false, classes: "d-none d-xl-table-cell", style: { @@ -106,7 +106,7 @@ define(["jquery", "app/common", "footable"], }, { name: "subject", title: "Subject", - breakpoints: "xs sm md", + breakpoints: "md", style: { "word-break": "break-all", "minWidth": 150 @@ -149,13 +149,13 @@ define(["jquery", "app/common", "footable"], }, { name: "size", title: "Msg size", - breakpoints: "xs sm md", + breakpoints: "md", style: {minwidth: 50}, formatter: ui.formatBytesIEC }, { name: "time_real", title: "Scan time", - breakpoints: "xs sm md", + breakpoints: "md", style: {maxWidth: 72}, sortValue: function (val) { return Number(val); } }, { @@ -168,7 +168,7 @@ define(["jquery", "app/common", "footable"], }, { name: "user", title: "Authenticated user", - breakpoints: "xs sm md", + breakpoints: "md", style: { "minWidth": 100, "maxWidth": 130, @@ -326,6 +326,7 @@ define(["jquery", "app/common", "footable"], : columnsDefault.map((column) => column); common.tables[table] = FooTable.init("#historyTable_" + table, { + cascade: true, columns: columns, rows: items, expandFirst: expandFirst, diff --git a/interface/js/app/symbols.js b/interface/js/app/symbols.js index 893eddb3b..203cf0d14 100644 --- a/interface/js/app/symbols.js +++ b/interface/js/app/symbols.js @@ -186,16 +186,17 @@ define(["jquery", "app/common", "footable"], /* eslint-enable consistent-this, no-underscore-dangle, one-var-declaration-per-line */ common.tables.symbols = FooTable.init("#symbolsTable", { + cascade: true, columns: [ {sorted: true, direction: "ASC", name: "group", title: "Group"}, {name: "symbol", title: "Symbol"}, - {name: "description", title: "Description", breakpoints: "xs sm"}, + {name: "description", title: "Description", breakpoints: "sm"}, {name: "weight", title: "Score"}, {name: "frequency", title: "Frequency", - breakpoints: "xs sm", + breakpoints: "sm", sortValue: function (value) { return Number(value).toFixed(2); }}, - {name: "time", title: "Avg. time", breakpoints: "xs sm"}, + {name: "time", title: "Avg. time", breakpoints: "sm"}, ], rows: items[0], paging: { -- 2.39.5