Aggiunta user-agent nei log di accesso

Author: loviuz

gulpfile.js

@@ -122,7 +122,8 @@ const JS = gulp.parallel(() => {
         'bootstrap-maxlength/dist/bootstrap-maxlength.js',
         'leaflet/dist/leaflet.js',
         'leaflet-gesture-handling/dist/leaflet-gesture-handling.min.js',
-        'ismobilejs/dist/isMobile.min.js'
+        'ismobilejs/dist/isMobile.min.js',
+        'ua-parser-js/dist/ua-parser.min.js',
     ];
 
     for (const i in vendor) {

log.php

@@ -17,6 +17,8 @@
  * along with this program. If not, see <https://www.gnu.org/licenses/>.
  */
 
+use Carbon\Carbon;
+
 include_once __DIR__.'/core.php';
 
 $pageTitle = tr('Log');
@@ -34,10 +36,11 @@
             <table class="datatables table table-hover">
                 <thead>
                     <tr>
-                        <th>'.tr('Username').'</th>
-                        <th>'.tr('Data').'</th>
-                        <th>'.tr('Stato').'</th>
-                        <th>'.tr('Indirizzo IP').'</th>
+                        <th width="200">'.tr('Username').'</th>
+                        <th width="150">'.tr('Data').'</th>
+                        <th width="100">'.tr('Indirizzo IP').'</th>
+                        <th>'.tr('Dispositivo').'</th>
+                        <th width="180">'.tr('Stato').'</th>
                     </tr>
                 </thead>
                 <tbody>';
@@ -50,38 +53,35 @@
 } else {
     $q = 'SELECT * FROM `zz_logs` WHERE `id_utente`='.prepare(Auth::user()['id']).' ORDER BY `created_at` DESC LIMIT 0, 100';
 }
-$rs = $dbo->fetchArray($q);
-$n = sizeof($rs);
-
-for ($i = 0; $i < $n; ++$i) {
-    $id = $rs[$i]['id'];
-    $id_utente = $rs[$i]['id_utente'];
-    $username = $rs[$i]['username'];
-    $ip = $rs[$i]['ip'];
+$logs = $dbo->fetchArray($q);
 
-    $timestamp = Translator::timestampToLocale($rs[$i]['created_at']);
+foreach ($logs as $log) {
+    $timestamp = Translator::timestampToLocale($log['created_at']);
 
     $status = Auth::getStatus();
-    if ($rs[$i]['stato'] == $status['success']['code']) {
+    if ($log['stato'] == $status['success']['code']) {
         $type = 'success';
         $stato = $status['success']['message'];
-    } elseif ($rs[$i]['stato'] == $status['disabled']['code']) {
+    } elseif ($log['stato'] == $status['disabled']['code']) {
         $type = 'warning';
         $stato = $status['disabled']['message'];
-    } elseif ($rs[$i]['stato'] == $status['unauthorized']['code']) {
+    } elseif ($log['stato'] == $status['unauthorized']['code']) {
         $type = 'warning';
         $stato = $status['unauthorized']['message'];
     } else {
         $type = 'danger';
         $stato = $status['failed']['message'];
     }
 
+    $created_at = new Carbon($log['created_at']);
+
     echo '
                     <tr class="'.$type.'">
-                        <td>'.$username.'</td>
-                        <td>'.$timestamp.'</td>
+                        <td>'.$log['username'].'</td>
+                        <td class="tip" title="'.$created_at->format('d/m/Y H:i:s').'">'.$created_at->diffForHumans().'</td>
+                        <td>'.$log['ip'].'</td>
+                        <td class="user-agent tip" title="'.strip_tags($log['user_agent']).'">'.$log['user_agent'].'</td>
                         <td><span class="label label-'.$type.'">'.$stato.'</span></td>
-                        <td>'.$ip.'</td>
                     </tr>';
 }
 
@@ -93,5 +93,27 @@
         <!-- /.box-body -->
     </div>
     <!-- /.box -->';
+?>
+
+<script>
+$(document).ready(function() {
+    var parser = new UAParser();
 
+    $('tr').each(function(){
+        user_agent_cell = $(this).find('.user-agent');
+        user_agent = user_agent_cell.text();
+
+        if (user_agent !== '') {
+            parser.setUA(user_agent);
+            device = parser.getResult();
+
+            user_agent_cell.html('<strong>' + device.browser.name + '</strong> ' + device.browser.version + ' | <strong>' + device.os.name + '</strong> ' + device.os.version);
+            
+            console.log(device);
+        }
+    })
+})
+</script>
+
+<?php
 include_once App::filepath('include|custom|', 'bottom.php');

package.json

@@ -44,7 +44,8 @@
         "smartwizard": "^4.2.2",
         "sweetalert2": "^6.11.4",
         "toastr": "^2.1.4",
-        "tooltipster": "^4.2.5"
+        "tooltipster": "^4.2.5",
+        "ua-parser-js": "^1.0.37"
     },
     "devDependencies": {
         "@babel/core": "^7.11.1",

src/Auth.php

@@ -168,6 +168,7 @@ public function attempt($username, $password, $force = false)
 
         // Salvataggio dello stato corrente
         $log['stato'] = self::getStatus()[$status]['code'];
+        $log['user_agent'] = \Filter::getPurifier()->purify($_SERVER['HTTP_USER_AGENT']);
         $this->current_status = $status;
 
         // Salvataggio del tentativo nel database

update/2_5_1.sql

@@ -0,0 +1,2 @@
+-- Aggiunta user-agent nei log
+ALTER TABLE `zz_logs` ADD `user_agent` VARCHAR(255) NULL DEFAULT NULL AFTER `ip`;