page connecté/non connecté finie avec navbar temporaire

1 year ago · 6773736997
parent 3d43957fb4
commit 6773736997
2 changed files with 75 additions and 20 deletions
--- a/VeraxShield/VeraxShield/pages/Index.razor
+++ b/VeraxShield/VeraxShield/pages/Index.razor
@ -17,11 +17,12 @@

 -->

-
 <head>
    <link rel="stylesheet" href="css/index.css">
-</head>
+</head

+<AuthorizeView>
+    <NotAuthorized>
        <body>
            <header>
                <h1>VeraxShield</h1>
@ -38,3 +39,29 @@
                </div>
            </main>
        </body>
+    </NotAuthorized>
+
+    <Authorized>
+        <body>
+            <header>
+                <h1>VeraxShield</h1>
+            </header>
+
+            <nav class="navbar">
+                <div class="container">
+                    <NavLink class="btn-navbar" href="/utilisateurs/liste">Liste des utilisateurs</NavLink>
+                    <button type="button" class="btn btn-navbar ml-md-auto" @onclick="@SeDeconnecter">Deconnexion</button>
+                </div>
+            </nav>
+
+            <main>
+                <div class="home-center-box">
+                    <h1> Adiu :  @context.User.Identity.Name!</h1>
+                    <p>Podètz veire aquest contengut solament se sètz autentificat ! </p>
+                </div>
+            </main>
+        </body>
+    </Authorized>
+
+
+</AuthorizeView>
--- a/VeraxShield/VeraxShield/wwwroot/css/index.css
+++ b/VeraxShield/VeraxShield/wwwroot/css/index.css
@ -1,8 +1,13 @@
-body {
+/*Not Authorized
+    ---------------------------------------------------
+*/
+
+body {
    background-color: #afc1db;
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
+    width: 100%;
 }

 header {
@ -10,6 +15,7 @@ header {
    text-align: center;
    padding: 10px;
    margin: 0;
+    background-color:white;
 }

 main {
@ -41,3 +47,25 @@ main {
    display: block;
    cursor: pointer;
 }
+
+/*Authorized
+    ---------------------------------------------------
+*/
+
+.navbar {
+    background-color: #053679;
+}
+
+.btn-navbar {
+    color: white;
+    background-color: none;
+}
+
+.home-center-box {
+    background-color: white;
+    padding: 40px;
+    text-align: center;
+    border-radius: 10px;
+    width: 80%;
+
+}