v0.10.14d - No can now see the users images on user admin

skolehjem/resources/sass/app/app.scss

@@ -15,12 +15,6 @@
     font-weight: 700;
 }
 
-* {
-    word-break: break-word;
-    hyphens: auto;
-    overflow-x: hidden;
-}
-
 // Variables
 @import 'variables';
 

skolehjem/resources/sass/webapp/_default.scss

@@ -524,6 +524,12 @@ $primary-color: $blue;
     bottom: 30px;
 }
 
+* {
+    word-break: break-word;
+    hyphens: auto;
+    overflow-x: hidden;
+}
+
 #snackbar.show {
     visibility: visible;
     -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;

skolehjem/resources/views/admin/users/index.blade.php

@@ -10,6 +10,46 @@
 @endsection
 
 @section("content")
+
+    <style>
+        .showUsers {
+            position: relative;
+            display: inline-block;
+            overflow: visible;
+        }
+
+        .showUsers .showUserImages {
+            visibility: hidden;
+            width: 250px;
+            max-height: 500px;
+            max-width: 300px;
+            object-fit: cover;
+            background-color: transparent;
+            color: #fff;
+            text-align: center;
+            border-radius: 6px;
+            padding: 5px 0;
+            /* Position the tooltip */
+            position: absolute;
+            z-index: 10;
+            top: -5px;
+            right: 105%;
+            display: block;
+        }
+
+        .showUsers:hover .showUserImages {
+            visibility: visible;
+            z-index: 100;
+        }
+
+        .noImages{
+            cursor: not-allowed;
+        }
+
+        td >
+    </style>
+
+
     <div class="row align-items-center">
         <a class="btn btn-inline btn-sde-blue mb-0" href="{{ route('users.create') }}"><img src="{{ asset('/images/icons/plus.svg') }}" alt="Create">Opret Bruger</a>
 
@@ -42,6 +82,7 @@
             <th>Email</th>
             <th>Tlf nr</th>
             <th>Rolle(r)</th>
+            <th style="width: 1em;"><img class="w-100" src="{{ asset('/images/icons/eye.svg') }}" alt="ShowImage"></th>
             <th style="width: 1em;"><img class="w-100" src="{{ asset('/images/icons/pencil.svg') }}" alt="Update"></th>
             <th style="width: 1em;"><img class="w-100" src="{{ asset('/images/icons/trashcan.svg') }}" alt="Delete"></th>
         </tr>
@@ -61,6 +102,11 @@
                         @endif
                     @endfor
                 </td>
+                @if($user->resource_id !== null)
+                    <td style="overflow: visible"><a class="showUsers"><img src="{{ asset('/images/icons/eye-dark.svg') }}"><img src="{{ asset(\App\Resource::query()->where("id", "=", $user->resource_id)->first()->filename) }}" class="showUserImages"></a></td>
+                @else
+                    <td style="overflow: visible"><a class="showUsers noImages"><img src="{{ asset('/images/icons/eye-dark.svg') }}"><img src="" class="showUserImages"></a></td>
+                @endif
                 <td><a href="{{ route("users.edit", [ "user" => $user->id ]) }}"><img class="w-100" src="{{ asset('/images/icons/pencil-dark.svg') }}" alt="Update"></a></td>
                 <td><form method="post" action="{{ route("users.destroy", [ "user" => $user ]) }}" class="w-100 nostyle">
                         @csrf