diff --git a/docs/DEVICE_FILTERS.md b/docs/DEVICE_FILTERS.md index 4316cf221..f6e14b1ef 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 000000000..0ea36307a 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 4940cee61..126b1d514 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 9dcda157f..63ef5de0c 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 74171a1e0..f6cf4e154 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 9dfd5f6bd..0bdd0a206 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 a5f90ef44..3b9a9bf25 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 8315ebf2e..d4f6fa03f 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 6da4a9747..a752921da 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 0067c7e41..dcccaf935 100644 --- a/front/php/templates/skel_tab_details.php +++ b/front/php/templates/skel_tab_details.php @@ -1,37 +1,155 @@
-
-
- - +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
-
- - +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
-
- - +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
-
- - +
+
+ + +
-
- - -
-
- - -
-
- - -
-
- - +
+
+ + +