🔔 User Notifications v0.5

front/php/templates/header.php

@@ -273,7 +273,7 @@ if ($ENABLED_DARKMODE === True) {
               <i class="fa fa-angle-left pull-right"></i>
             </span>
           </a>
-          <ul class="treeview-menu " style="display: <?php if (in_array (basename($_SERVER['SCRIPT_NAME']), array('presence.php', 'report.php', 'events.php' ) ) ){ echo 'block'; } else {echo 'none';} ?>;">
+          <ul class="treeview-menu " style="display: <?php if (in_array (basename($_SERVER['SCRIPT_NAME']), array('presence.php', 'report.php', 'events.php', 'userNotifications.php' ) ) ){ echo 'block'; } else {echo 'none';} ?>;">
             <li>
               <a href="presence.php">  <?= lang("Navigation_Presence");?> </a>
             </li>

front/php/templates/language/en_us.json

@@ -456,7 +456,7 @@
     "Navigation_Notifications": "Notifications",
     "Navigation_Plugins": "Plugins",
     "Navigation_Presence": "Presence",
-    "Navigation_Report": "Report",
+    "Navigation_Report": "Sent Reports",
     "Navigation_Settings": "Settings",
     "Navigation_SystemInfo": "System info",
     "Navigation_Workflows": "Workflows",

front/userNotifications.php

@@ -10,6 +10,7 @@ require 'php/templates/header.php';
 <script src="lib/AdminLTE/bower_components/datatables.net/js/dataTables.select.min.js"></script>
 
 <div id="notifications" class="content-wrapper">
+<div class="box-body table-responsive">
     <table id="notificationsTable" class="table table-bordered table-hover table-striped display">
         <thead>
             <tr>
@@ -25,10 +26,12 @@ require 'php/templates/header.php';
         </tbody>
     </table>
 </div>
+<button id="clearNotificationsBtn" class="btn btn-danger">Clear All Notifications</button>
+</div>
 <script>
     function fetchData(callback) {
         $.ajax({
-            url: '/api/user_notifications.json',
+            url: '/api/user_notifications.json?nocache=' + Date.now(),
             method: 'GET',
             dataType: 'json',
             success: function(response) {
@@ -62,7 +65,12 @@ require 'php/templates/header.php';
                 {
                     "data": "content",
                     "render": function(data, type, row) {
-                        return `<span class="btn-show-message">${data}</span>`;
+                        if (data.includes("Report:")) {
+                                var guid = data.split(":")[1].trim();
+                                return `<a href="/report.php?guid=${guid}">Click to see Sent Report</a>`;
+                            } else {
+                                return data;
+                            }
                     }
                 }
             ],
@@ -77,6 +85,28 @@ require 'php/templates/header.php';
         fetchData(function(data) {
             table.clear().rows.add(data).draw();
         });
+
+
+        const phpEndpoint = 'php/server/utilNotification.php';
+
+        // Function to clear all notifications
+        $('#clearNotificationsBtn').click(function() {
+            $.ajax({
+                url: phpEndpoint,
+                type: 'GET',
+                data: {
+                    action: 'notifications_clear'
+                },
+                success: function(response) {
+                    // Clear the table and reload data
+                    table.clear().draw();
+                },
+                error: function(xhr, status, error) {
+                    console.log("An error occurred while clearing notifications: " + error);
+                    // You can display an error message here if needed
+                }
+            });
+        });
     });
 </script>