From 27d33980d73bf93b922d982a062cc7ddbf1be2f7 Mon Sep 17 00:00:00 2001
From: Evgenii Sopov <mrseakg@gmail.com>
Date: Thu, 20 Jun 2024 15:35:00 +0700
Subject: [PATCH] Fix menu

---
 html/assets/js/api.js   | 13 +++++++++++--
 html/assets/js/index.js |  9 +++++++++
 html/index.html         | 13 +++++++++++--
 3 files changed, 31 insertions(+), 4 deletions(-)

diff --git a/html/assets/js/api.js b/html/assets/js/api.js
index fdd9684..05ec51f 100644
--- a/html/assets/js/api.js
+++ b/html/assets/js/api.js
@@ -30,7 +30,16 @@ window.ctf01d_tp_api.auth_signin = function(auth_data) {
         method: 'POST',
         contentType: 'application/json',
         data: JSON.stringify(auth_data),
-      });
+    });
+}
+
+window.ctf01d_tp_api.auth_signout = function(auth_data) {
+    return $.ajax({
+        url: '/api/v1/auth/signout',
+        method: 'POST',
+        contentType: 'application/json',
+        data: JSON.stringify(auth_data),
+    });
 }
 
 window.ctf01d_tp_api.auth_session = function (auth_data) {
@@ -39,7 +48,7 @@ window.ctf01d_tp_api.auth_session = function (auth_data) {
         method: 'GET',
         contentType: 'application/json',
         data: JSON.stringify(auth_data),
-      });
+    });
 }
 
 window.ctf01d_tp_api.services_list = function() {
diff --git a/html/assets/js/index.js b/html/assets/js/index.js
index ead7ff5..6106b13 100644
--- a/html/assets/js/index.js
+++ b/html/assets/js/index.js
@@ -154,6 +154,15 @@ function doSignin() {
     })
 }
 
+function doSignOut() {
+    window.ctf01d_tp_api.auth_signout().fail(function(res) {
+        console.error(res);
+    }).done(function(res) {
+        showSuccessNotification('Sing out successfull!');
+        window.location.reload();
+    })
+}
+
 function renderGamesPage() {
     $('.spa-web-page').css({"display": ""})
     $('#games_page').css({"display": "block"})
diff --git a/html/index.html b/html/index.html
index 146d3d2..8d1d98f 100644
--- a/html/index.html
+++ b/html/index.html
@@ -42,8 +42,17 @@
         </ul>
         <div class="form-inline my-2 my-lg-0">
           <button id="btn_signin" class="btn-menu-top-left btn btn-outline-success my-2 my-sm-0" style="display: none" onclick="showLoginForm()">Sign-in</button>
-          <div id="btn_profile" class="btn-menu-top-left btn btn-outline-success my-2 my-sm-0" style="display: none">...</div>
-          <button id="btn_signout" class="btn-menu-top-left btn btn-outline-success my-2 my-sm-0" style="display: none" onclick="doSignOut()">Sign-out</button>
+          <div class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" href="#" id="btn_profile" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+              User
+            </a>
+            <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+              <div class="dropdown-item" id="btn_my_teams" onclick="showMyTeams()">My Team(s)</div>
+              <div class="dropdown-item" id="btn_my_services" onclick="showMyServices()">My Service(s)</div>
+              <div class="dropdown-divider"></div>
+              <div class="dropdown-item" id="btn_signout" onclick="doSignOut()">Sign-out</div>
+            </div>
+          </div>
         </div>
       </div>
     </nav>