add more info about user edits on slides

data/www/css/main.css

@@ -687,6 +687,7 @@ footer .version {
     margin: 0 0 40px 0;
 }
 
+a.badge,
 .badge {
     display: flex;
     flex-direction: row;
@@ -696,10 +697,21 @@ footer .version {
     border-radius: 4px;
     font-size: 12px;
     background: rgba(255, 255, 255, .1);
+    border: 1px solid transparent;
     color: #ffffff;
 }
 
+a.badge:hover {
+    color: #FFFFFF;
+    border: 1px solid rgba(255,255,255,.4);
+}
+
 .panel-inactive .badge {
     background: rgba(200, 200, 200, .1);
     color: #999999;
+}
+
+.panel-inactive a.badge:hover {
+    color: #999999;
+    border: 1px solid rgba(180,180,180,.4);
 }

data/www/js/slideshow.js

@@ -152,6 +152,15 @@ jQuery(document).ready(function ($) {
         $('.modal-slide-add input:eq(0)').focus().select();
     });
 
+    $(document).on('click', '.slide-utrack', function () {
+        const slide = JSON.parse($(this).parents('tr:eq(0)').attr('data-entity'));
+        showModal('modal-slide-utrack');
+        $('#slide-utrack-created-by').val(slide.created_by);
+        $('#slide-utrack-updated-by').val(slide.updated_by);
+        $('#slide-utrack-created-at').val(slide.created_at);
+        $('#slide-utrack-created-at').val(slide.updated_at);
+    });
+
     $(document).on('click', '.slide-edit', function () {
         const slide = JSON.parse($(this).parents('tr:eq(0)').attr('data-entity'));
         showModal('modal-slide-edit');

lang/en.json

@@ -146,6 +146,12 @@
     "login_form_username": "Username",
     "login_form_password": "Password",
     "login_form_submit": "Connect",
+    "utrack_title": "About users",
+    "created_at": "Created on",
+    "updated_at": "Modified on",
+    "created_by": "Created by",
+    "updated_by": "Last update by",
+    "close": "Close",
 
     "enum_animation_speed_slower": "Slower",
     "enum_animation_speed_slow": "Slow",

lang/fr.json

@@ -146,6 +146,12 @@
     "login_form_username": "Identifiant",
     "login_form_password": "Mot de passe",
     "login_form_submit": "Valider",
+    "utrack_title": "À propos des utilisateurs",
+    "created_at": "Création le",
+    "updated_at": "Modification le",
+    "created_by": "Création par",
+    "updated_by": "Dernière modification par",
+    "close": "Fermer",
 
     "enum_animation_speed_slower": "Très lent",
     "enum_animation_speed_slow": "Lent",

views/slideshow/component/table.jinja.html

@@ -42,9 +42,9 @@
             </td>
             {% if AUTH_ENABLED %}
                 <td class="tac">
-                    <div class="badge">
-                        {{ track_updated(slide).username }}
-                    </div>
+                    <a href="javascript:void(0);" class="badge item-utrack slide-utrack">
+                        {{ track_created(slide).username }}
+                    </a>
                 </td>
             {% endif %}
             <td class="tac">

views/slideshow/list.jinja.html

@@ -74,6 +74,7 @@
             <div class="modals-inner">
                 {% include 'slideshow/modal/add.jinja.html' %}
                 {% include 'slideshow/modal/edit.jinja.html' %}
+                {% include 'slideshow/modal/utrack.jinja.html' %}
             </div>
         </div>
     </div>