diff --git a/docs/DEVICE_FILTERS.md b/docs/DEVICE_FILTERS.md index 4316cf22..f6e14b1e 100644 --- a/docs/DEVICE_FILTERS.md +++ b/docs/DEVICE_FILTERS.md @@ -14,9 +14,9 @@ If a device is missing from the **My Devices** list, work through these checks. The most common cause is that a filter is hiding the device. -![Image](https://docs.netalertx.com/img/ADVISORIES/filters.png) +![Active device filters example](./img/ADVISORIES/filters.png) -![Image](https://docs.netalertx.com/img/DEVICE_MANAGEMENT/DeviceDetails_DisplaySettings.png) +![Display settings](./img/DEVICE_MANAGEMENT/DeviceDetails_DisplaySettings.png) Review any active: @@ -32,6 +32,8 @@ Clear filters first, then reload the page and check again. You can select devices of what statuses should be displayed in the My Devices view. This can be adjusted in the _Settings_ section - search for the `UI_MY_DEVICES` setting and verify that the statuses you want to show are selected. +![Global filter display settings](./img/DEVICE_MANAGEMENT/device_filter_settings.png) + --- ### Check Whether the Device Is Hidden diff --git a/docs/img/DEVICE_MANAGEMENT/device_filter_settings.png b/docs/img/DEVICE_MANAGEMENT/device_filter_settings.png new file mode 100644 index 00000000..0ea36307 Binary files /dev/null and b/docs/img/DEVICE_MANAGEMENT/device_filter_settings.png differ diff --git a/front/css/app.css b/front/css/app.css index 4940cee6..126b1d51 100755 --- a/front/css/app.css +++ b/front/css/app.css @@ -2647,13 +2647,13 @@ table.dataTable tbody > tr.selected .skel-tab-pane { z-index: 10; min-height: 400px; } #settings-skeleton { padding-top: 50px; padding-left: 20px; padding-right: 20px; min-height: 500px; } #devices-skeleton { top: 50px; min-height: 500px; } -#device-details-skeleton { min-height: 600px; } +#device-details-skeleton { top: 45px; min-height: 100px; } #events-skeleton { top: 50px; min-height: 500px; } #presence-skeleton { top: 50px; min-height: 500px; } #report-skeleton { min-height: 400px; } -#notifications-skeleton { min-height: 400px; } +#notifications-skeleton { top: 50px; min-height: 400px; } #workflows-skeleton { top: 50px; width: 770px; margin: 0 auto; min-height: 300px; } -#plugins-skeleton { padding: 0; min-height: 400px; } +#plugins-skeleton { top: 50px; padding: 0; min-height: 400px; } /* Bordered containers */ .skel-overview-panel, .skel-section, .skel-plugin-block, @@ -2728,6 +2728,7 @@ table.dataTable tbody > tr.selected /* ----- Devices ---------------------------------------------------------- */ .skel-tile { display: flex; height: 80px; } +#device-details-skeleton .skel-tile { display: flex; height: 45px; } .skel-tile-inner { display: flex; flex-direction: column; padding: 12px 15px; justify-content: center; gap: 10px; } .skel-tile-num { height: 26px; width: 55%; } .skel-tile-label { height: 13px; width: 75%; } @@ -2740,8 +2741,8 @@ table.dataTable tbody > tr.selected .skel-td { height: 13px; } /* ----- Device Details --------------------------------------------------- */ -.skel-detail-header { margin-bottom: 15px; } -.skel-detail-title { height: 26px; width: 42%; margin-bottom: 14px; } +.skel-detail-header { margin-bottom: 0px; } +.skel-detail-title { height: 26px; width: 42%; margin-bottom: 0px; } .skel-detail-info-panel { display: flex; gap: 0; padding: 14px; border-radius: 4px; margin-bottom: 15px; max-width: 400px; } .skel-tabs-bar { display: flex; gap: 4px; padding: 8px 10px 0; border-radius: 4px 4px 0 0; border-bottom: none; } .skel-tab { height: 34px; width: 100px; border-radius: 4px 4px 0 0; flex-shrink: 0; } @@ -2758,7 +2759,7 @@ table.dataTable tbody > tr.selected /* ----- Plugins ---------------------------------------------------------- */ .skel-plugins-wrap { display: flex; gap: 0; min-height: 400px; } -.skel-plugins-nav { width: 165px; flex-shrink: 0; border-right: 1px solid var(--skel-border); padding: 8px 0; } +.skel-plugins-nav { flex-shrink: 0; border-right: 1px solid var(--skel-border); padding: 8px 0; } .skel-plugins-nav-item { display: flex; align-items: center; padding: 9px 15px; border-bottom: 1px solid var(--skel-border); } .skel-plugins-nav-item:last-child { border-bottom: none; } .skel-plugins-body { flex: 1; padding: 0; } diff --git a/front/css/dark-patch.css b/front/css/dark-patch.css index 9dcda157..63ef5de0 100755 --- a/front/css/dark-patch.css +++ b/front/css/dark-patch.css @@ -766,5 +766,5 @@ table.dataTable tbody tr.selected, table.dataTable tbody tr .selected --skel-section: #252c38; --skel-panel-bg: #1e242e; --skel-border: #2a323e; - --skel-bg: #353c42; + --skel-bg: #292e33; } \ No newline at end of file diff --git a/front/css/system-dark-patch.css b/front/css/system-dark-patch.css index 74171a1e..f6cf4e15 100755 --- a/front/css/system-dark-patch.css +++ b/front/css/system-dark-patch.css @@ -743,5 +743,5 @@ --skel-section: #252c38; --skel-panel-bg: #1e242e; --skel-border: #2a323e; - --skel-bg: #353c42; + --skel-bg: #292e33; } \ No newline at end of file diff --git a/front/php/templates/skel_device_details.php b/front/php/templates/skel_device_details.php index 9dfd5f6b..0bdd0a20 100644 --- a/front/php/templates/skel_device_details.php +++ b/front/php/templates/skel_device_details.php @@ -4,56 +4,43 @@
-
-
-
- - - -
-
-
+
-
-
+
-
-
+
-
-
-
+
-
diff --git a/front/php/templates/skel_events.php b/front/php/templates/skel_events.php index a5f90ef4..3b9a9bf2 100644 --- a/front/php/templates/skel_events.php +++ b/front/php/templates/skel_events.php @@ -30,7 +30,7 @@
- +
diff --git a/front/php/templates/skel_notifications.php b/front/php/templates/skel_notifications.php index 8315ebf2..d4f6fa03 100644 --- a/front/php/templates/skel_notifications.php +++ b/front/php/templates/skel_notifications.php @@ -8,7 +8,7 @@
- +
@@ -16,4 +16,8 @@
+
diff --git a/front/php/templates/skel_plugins.php b/front/php/templates/skel_plugins.php index 6da4a974..a752921d 100644 --- a/front/php/templates/skel_plugins.php +++ b/front/php/templates/skel_plugins.php @@ -1,8 +1,8 @@
-
+
-
+
-
+
@@ -28,7 +28,7 @@
- +
@@ -37,6 +37,9 @@
- +
+
diff --git a/front/php/templates/skel_tab_details.php b/front/php/templates/skel_tab_details.php index 0067c7e4..dcccaf93 100644 --- a/front/php/templates/skel_tab_details.php +++ b/front/php/templates/skel_tab_details.php @@ -1,37 +1,155 @@
-
-
- - +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
-
- - +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
-
- - +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
-
- - +
+
+ + +
-
- - -
-
- - -
-
- - -
-
- - +
+
+ + +