From 6b9920b24a4a9a129bddbf821b8a042d84f9e8f5 Mon Sep 17 00:00:00 2001
From: darta <josepmaria@isardvdi.com>
Date: Mon, 31 Jan 2022 13:16:49 +0000
Subject: [PATCH] feat(api): added top menu avatar icon

---
 .../api/src/api/static/_templates/admin.html  | 19 ++++++++++++++++++-
 docker/api/src/api/static/_templates/sso.html | 19 ++++++++++++++++++-
 2 files changed, 36 insertions(+), 2 deletions(-)

diff --git a/docker/api/src/api/static/_templates/admin.html b/docker/api/src/api/static/_templates/admin.html
index 1005889..5c76f77 100644
--- a/docker/api/src/api/static/_templates/admin.html
+++ b/docker/api/src/api/static/_templates/admin.html
@@ -10,7 +10,7 @@
     width: 100%;
     z-index: 2000;
     height: 50px;
-    position: absolute;
+    position: fixed;
     box-sizing: border-box;
     justify-content: space-between;
   }
@@ -157,6 +157,18 @@
     display: inline-flex;
     align-items: center;
   }
+
+  #navbar-nextcloud #user_avatar .avatardiv img {
+    height: 39px;
+    width: 39px;
+    margin-top: 5px;
+    margin-right: 10px;
+  }
+
+  .avatar>img, .avatardiv>img {
+    border-radius: 50%;
+    flex-shrink: 0;
+  }
 </style>
 {% endblock %}
 <header role="banner" id="header">
@@ -290,6 +302,11 @@
         </div>
       </div>
     </div>
+    <div id="user_avatar">
+      <div class="avatardiv avatardiv-shown">
+        <img alt="" width="32" height="32" src="{{ data.user_avatar }}">
+      </div>
+    </div>
     <div id="dd-logo">
       <a href="https://xnet-x.net/ca/digital-democratic/" target="_blank">
         <img src="{{ data.product_logo }}" alt="" style="height: 16px; margin-right: 21px; margin-top: 16px">
diff --git a/docker/api/src/api/static/_templates/sso.html b/docker/api/src/api/static/_templates/sso.html
index a46e20d..8142183 100644
--- a/docker/api/src/api/static/_templates/sso.html
+++ b/docker/api/src/api/static/_templates/sso.html
@@ -10,7 +10,7 @@
     width: 100%;
     z-index: 2000;
     height: 50px;
-    position: absolute;
+    position: fixed;
     box-sizing: border-box;
     justify-content: space-between;
   }
@@ -157,6 +157,18 @@
     display: inline-flex;
     align-items: center;
   }
+
+  #navbar-nextcloud #user_avatar .avatardiv img {
+    height: 39px;
+    width: 39px;
+    margin-top: 5px;
+    margin-right: 10px;
+  }
+
+  .avatar>img, .avatardiv>img {
+    border-radius: 50%;
+    flex-shrink: 0;
+  }
 </style>
 {% endblock %}
 <header role="banner" id="header">
@@ -290,6 +302,11 @@
         </div>
       </div>
     </div>
+    <div id="user_avatar">
+      <div class="avatardiv avatardiv-shown">
+        <img alt="" width="32" height="32" src="{{ data.user_avatar }}">
+      </div>
+    </div>
     <div id="dd-logo">
       <a href="https://xnet-x.net/ca/digital-democratic/" target="_blank">
         <img src="{{ data.product_logo }}" alt="" style="height: 16px; margin-right: 21px; margin-top: 16px">