From 477009cbbb23089aaf20c328e08f6a5b110d9aa6 Mon Sep 17 00:00:00 2001
From: anulax1225 <anulax1225@icloud.com>
Date: Thu, 21 Dec 2023 13:35:37 +0100
Subject: [PATCH] Adding functions to the login

---
 css/style.css                         |  8 +++-
 html/template.html                    |  1 +
 js/index.js                           | 44 ++--------------------
 js/scripts/main.js                    | 54 +++++++++++++++++++++++++++
 js/skama_code/commun/initialzer.js    | 14 -------
 js/skama_code/ui/modal.js             |  2 +-
 js/skama_code/ui/templeting_engine.js |  5 +++
 js/test/tests.js                      |  2 +-
 8 files changed, 73 insertions(+), 57 deletions(-)
 create mode 100644 js/scripts/main.js
 delete mode 100644 js/skama_code/commun/initialzer.js

diff --git a/css/style.css b/css/style.css
index 163078a..c7936a0 100644
--- a/css/style.css
+++ b/css/style.css
@@ -104,10 +104,16 @@ footer {
     box-shadow: 3px 2px white;
 }
 
+.pseudo {
+    color: white;
+}
+
 /* General */
 .smooth {
     padding: 5px;
-    border-radius: 10px;
+    padding-left: 10px;
+    padding-right: 10px;
+    border-radius: 5px;
 }
 
 .in-big {
diff --git a/html/template.html b/html/template.html
index 62edad4..75a8d2f 100644
--- a/html/template.html
+++ b/html/template.html
@@ -3,6 +3,7 @@
   <div class="nav-brand">
     <img src="assets/logo/logoblancnotext.png" />
   </div>
+  <p class="pseudo"></p>
   <ul class="nav-links">
     <li class="nav-link smooth" id="contracts-link">Contracts</li>
     <li class="nav-link smooth" id="systems-link">System</li>
diff --git a/js/index.js b/js/index.js
index f7c6f82..fd52e0a 100644
--- a/js/index.js
+++ b/js/index.js
@@ -1,47 +1,11 @@
 // Copyright © 2023 Entreprise SkamKraft
 'use strict';
-import { Modal } from "./skama_code/ui/modal.js";
 import { TemplateEngine } from "./skama_code/ui/templeting_engine.js";
-import { AgentBuilder } from "./skama_code/api/agent.js";
-import { Auth } from "./skama_code/auth/auth.js";
+import { init_login } from "./scripts/main.js";
 
 let temp_engine = new TemplateEngine("html");
-let auth = new Auth(true);
-let modal = new Modal("login-modal", temp_engine);
+init_login(temp_engine);
 
-temp_engine.add_event("#ok", "click", () => {
-    temp_engine.render("templates/home.html");
+temp_engine.add_event("#signin-link", "click", () => {
+    init_login(temp_engine);
 });
-
-temp_engine.add_event("#forget", "click", () => {
-    auth.unload_token();
-    modal.close();
-});
-
-temp_engine.add_event("#val", "click", () => {
-    let token = $("#in-token").val();
-    auth.login(token);
-});
-
-temp_engine.add_event("#cancel", "click", () => {
-    $("#in-token").val("");
-});
-
-temp_engine.render("templates/login.html");
-
-modal.add_class("ext-modal");
-modal.render("templates/login_modal.html");
-
-auth.done((agent) => {
-    modal.show();
-}).fail((errs) => {
-    $(".errors").html("");
-    errs.forEach(err => {
-        $(".errors").append(`
-            <p>${err}</p>
-        `);
-    });
-});
-
-auth.relog();
-
diff --git a/js/scripts/main.js b/js/scripts/main.js
new file mode 100644
index 0000000..ff60d41
--- /dev/null
+++ b/js/scripts/main.js
@@ -0,0 +1,54 @@
+import { Modal } from "../skama_code/ui/modal.js";
+import { Auth } from "../skama_code/auth/auth.js";
+
+let my_agent = null;
+
+function menu_mod() {
+    if(my_agent && my_agent.name) $(".pseudo").text(`Agent name : ${my_agent.name}`);
+}
+
+export function init_login(temp_engine) {
+    let auth = new Auth(true);
+    let modal = new Modal("login-modal", temp_engine);
+
+    temp_engine.render("templates/login.html");
+    menu_mod();
+
+    temp_engine.add_event("#ok", "click", () => {
+        temp_engine.render("templates/home.html");
+        menu_mod();
+    });
+
+    temp_engine.add_event("#forget", "click", () => {
+        my_agent = null;
+        auth.unload_token();
+        modal.close();
+        temp_engine.render("templates/login.html");
+    });
+
+    temp_engine.add_event("#val", "click", () => {
+        let token = $("#in-token").val();
+        auth.login(token);
+    });
+
+    temp_engine.add_event("#cancel", "click", () => {
+        $("#in-token").val("");
+    });
+
+    modal.add_class("ext-modal");
+    modal.load("templates/login_modal.html");
+
+    auth.done((agent) => {
+        modal.show();
+        my_agent = agent;
+    }).fail((errs) => {
+        $(".errors").html("");
+        errs.forEach(err => {
+            $(".errors").append(`
+                <p>${err}</p>
+            `);
+        });
+    });
+
+    auth.relog();
+}
\ No newline at end of file
diff --git a/js/skama_code/commun/initialzer.js b/js/skama_code/commun/initialzer.js
deleted file mode 100644
index ba21d0d..0000000
--- a/js/skama_code/commun/initialzer.js
+++ /dev/null
@@ -1,14 +0,0 @@
-// Copyright © 2023 Entreprise SkamKraft
-'use strict';
-
-export class Initialzer {
-    constructor(UI) {
-        this.UI = UI;
-    }
-
-    init_menu_link(tag, template) {
-        this.UI.add_event(tag, "click", () => {
-            this.UI.render(`templates/${template}`);
-        })    
-    }
-}
\ No newline at end of file
diff --git a/js/skama_code/ui/modal.js b/js/skama_code/ui/modal.js
index 5bb4811..98890a3 100644
--- a/js/skama_code/ui/modal.js
+++ b/js/skama_code/ui/modal.js
@@ -9,7 +9,7 @@ export class Modal {
         this.modal_class = "";
     }
 
-    render(template) {
+    load(template) {
         this.template_engine.get_template((reponse) => {
             $(this.tag).prepend(`
                 <dialog id="${this.name}" class="${this.modal_class} modal-disable">
diff --git a/js/skama_code/ui/templeting_engine.js b/js/skama_code/ui/templeting_engine.js
index 15fb401..326067b 100644
--- a/js/skama_code/ui/templeting_engine.js
+++ b/js/skama_code/ui/templeting_engine.js
@@ -31,7 +31,12 @@ export class TemplateEngine {
       }
     });
   }
+
   add_event(tag, action, callback) {
     $("body").on(action, tag, callback);
   }
+
+  after_temp_load() {
+    
+  }
 }
diff --git a/js/test/tests.js b/js/test/tests.js
index 54d82d8..bdc4eb7 100644
--- a/js/test/tests.js
+++ b/js/test/tests.js
@@ -71,7 +71,7 @@ let tests = {
         let modal = new Modal("test-modal", template_engine);
         modal.add_class("ext-modal")
 
-        modal.render("templates/test_modal.html");
+        modal.load("templates/test_modal.html");
 
         template_engine.add_event("#valid", "click", () => {
             modal.show();