From abcc484e7c86f98d13cbc581e0448218d5bf3c57 Mon Sep 17 00:00:00 2001
From: Neerholt <vict3459@edu.sde.dk>
Date: Mon, 24 Aug 2020 14:09:03 +0200
Subject: [PATCH] v0.10.14d - No can now see the users images on user admin

---
 .../Http/Controllers/ContactController.php    |  2 +-
 .../app/Http/Controllers/RolesController.php  |  2 +-
 .../app/Http/Controllers/UserController.php   |  2 +-
 skolehjem/public/css/admin.css                |  8 ----
 skolehjem/public/css/webapp.css               | 16 +++----
 skolehjem/public/css/webappdark.css           | 16 +++----
 skolehjem/resources/sass/app/app.scss         |  6 ---
 skolehjem/resources/sass/webapp/_default.scss |  6 +++
 .../views/admin/users/index.blade.php         | 46 +++++++++++++++++++
 9 files changed, 71 insertions(+), 33 deletions(-)

diff --git a/skolehjem/app/Http/Controllers/ContactController.php b/skolehjem/app/Http/Controllers/ContactController.php
index b0bb6bc..eeb0046 100644
--- a/skolehjem/app/Http/Controllers/ContactController.php
+++ b/skolehjem/app/Http/Controllers/ContactController.php
@@ -145,7 +145,7 @@ class ContactController extends Controller
                 "<th>Titel</th>".
                 "<th>E-mail</th>".
                 "<th>Tlf</th>".
-                "<th style=\"width: 1em;\"><img class=\"w-100\" src=".asset('/images/icons/trashcan-dark.svg')." alt=\"Update\"></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>";
 
diff --git a/skolehjem/app/Http/Controllers/RolesController.php b/skolehjem/app/Http/Controllers/RolesController.php
index 79262d7..83b4143 100644
--- a/skolehjem/app/Http/Controllers/RolesController.php
+++ b/skolehjem/app/Http/Controllers/RolesController.php
@@ -140,7 +140,7 @@ class rolesController extends Controller
             $output = "<tr>".
                 "<th>Navn</th>".
                 "<th>Beskrivelse</th>".
-                "<th style=\"width: 1em;\"><img class=\"w-100\" src=".asset('/images/icons/trashcan-dark.svg')." alt=\"Update\"></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>";
             $roles = DB::table('roles')->where('name', 'LIKE',$request->search.'%')->get();
diff --git a/skolehjem/app/Http/Controllers/UserController.php b/skolehjem/app/Http/Controllers/UserController.php
index 6d73690..28bf856 100644
--- a/skolehjem/app/Http/Controllers/UserController.php
+++ b/skolehjem/app/Http/Controllers/UserController.php
@@ -414,7 +414,7 @@ class UserController extends Controller
                 "<th>Email</th>".
                 "<th>Tlf nr</th>".
                 "<th>Rolle(r)</th>".
-                "<th style=\"width: 1em;\"><img class=\"w-100\" src=".asset('/images/icons/trashcan-dark.svg')." alt=\"Update\"></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>";
 
diff --git a/skolehjem/public/css/admin.css b/skolehjem/public/css/admin.css
index ad1d5e4..ee7f16d 100644
--- a/skolehjem/public/css/admin.css
+++ b/skolehjem/public/css/admin.css
@@ -18,14 +18,6 @@
   font-weight: 700;
 }
 
-* {
-  word-break: break-word;
-  -webkit-hyphens: auto;
-      -ms-hyphens: auto;
-          hyphens: auto;
-  overflow-x: hidden;
-}
-
 form {
   max-width: 100%;
   padding: 0 0.45rem 0 0.45rem;
diff --git a/skolehjem/public/css/webapp.css b/skolehjem/public/css/webapp.css
index 16e3f6c..2caf886 100644
--- a/skolehjem/public/css/webapp.css
+++ b/skolehjem/public/css/webapp.css
@@ -18,14 +18,6 @@
   font-weight: 700;
 }
 
-* {
-  word-break: break-word;
-  -webkit-hyphens: auto;
-      -ms-hyphens: auto;
-          hyphens: auto;
-  overflow-x: hidden;
-}
-
 form {
   max-width: 100%;
   padding: 0 0.45rem 0 0.45rem;
@@ -7071,6 +7063,14 @@ main {
   bottom: 30px;
 }
 
+* {
+  word-break: break-word;
+  -webkit-hyphens: auto;
+      -ms-hyphens: auto;
+          hyphens: auto;
+  overflow-x: hidden;
+}
+
 #snackbar.show {
   visibility: visible;
   -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
diff --git a/skolehjem/public/css/webappdark.css b/skolehjem/public/css/webappdark.css
index dab00f9..1ea8777 100644
--- a/skolehjem/public/css/webappdark.css
+++ b/skolehjem/public/css/webappdark.css
@@ -18,14 +18,6 @@
   font-weight: 700;
 }
 
-* {
-  word-break: break-word;
-  -webkit-hyphens: auto;
-      -ms-hyphens: auto;
-          hyphens: auto;
-  overflow-x: hidden;
-}
-
 form {
   max-width: 100%;
   padding: 0 0.45rem 0 0.45rem;
@@ -7071,6 +7063,14 @@ main {
   bottom: 30px;
 }
 
+* {
+  word-break: break-word;
+  -webkit-hyphens: auto;
+      -ms-hyphens: auto;
+          hyphens: auto;
+  overflow-x: hidden;
+}
+
 #snackbar.show {
   visibility: visible;
   -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
diff --git a/skolehjem/resources/sass/app/app.scss b/skolehjem/resources/sass/app/app.scss
index a2d2ea3..077d616 100644
--- a/skolehjem/resources/sass/app/app.scss
+++ b/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';
 
diff --git a/skolehjem/resources/sass/webapp/_default.scss b/skolehjem/resources/sass/webapp/_default.scss
index 4a33da4..f197552 100644
--- a/skolehjem/resources/sass/webapp/_default.scss
+++ b/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;
diff --git a/skolehjem/resources/views/admin/users/index.blade.php b/skolehjem/resources/views/admin/users/index.blade.php
index 16db481..acb160e 100644
--- a/skolehjem/resources/views/admin/users/index.blade.php
+++ b/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