User account detial & login screen

FIT5032-Assignment/Controllers/HomeController.cs

@@ -154,6 +154,27 @@ namespace FIT5032_Assignment.Controllers
 
         public ActionResult Index()
         {
+            // If user logged in, show user name
+            if (Request.Cookies["psg_auth_token"] != null)
+            {
+                var user = loginVerify(Request.Cookies["psg_auth_token"].Value);
+                if (user != null)
+                {
+                    var db = new Database1Entities();
+                    var credential = db.Credentials.Where(res => (res.uniqueIdCode == user) && (res.provider == 0));
+                    if (credential.Count() != 0)
+                    {
+                        var userUuid = credential.First().user;
+                        var dbUser = db.Users.Where(res => res.uuid == userUuid);
+                        if (dbUser.Count() != 0)
+                        {
+                            ViewBag.displayname = dbUser.First().displayName;
+                            ViewBag.avatar = dbUser.First().avatar;
+                            ViewBag.role = dbUser.First().role == 1 ? "Patient" : "Doctor";
+                        }
+                    }
+                }
+            }
             return View();
         }
 
@@ -219,7 +240,7 @@ namespace FIT5032_Assignment.Controllers
 
             // MD5 hash email to get avatar from gravatar
             string md5Email = GetMd5Hash(emailaddress);
-            string avatarUrl = "https://www.gravatar.com/avatar/" + md5Email;
+            string avatarUrl = "https://www.gravatar.com/avatar/" + md5Email + "?s=200";
 
             // Create a new credential and a new user
             string userUuid = Guid.NewGuid().ToString();

FIT5032-Assignment/FIT5032-Assignment.csproj

@@ -309,6 +309,7 @@
     <Content Include="Views\Home\InitialPasskey.cshtml" />
     <Content Include="Views\Home\LoginRedirect.cshtml" />
     <Content Include="Views\Home\CompleteProfile.cshtml" />
+    <Content Include="Views\Home\View.cshtml" />
   </ItemGroup>
   <ItemGroup>
     <Folder Include="Views\Test\" />

FIT5032-Assignment/FIT5032-Assignment.csproj.user

@@ -12,8 +12,7 @@
     <Controller_SelectedScaffolderID>MvcControllerWithContextScaffolder</Controller_SelectedScaffolderID>
     <Controller_SelectedScaffolderCategoryPath>root/Common/MVC/Controller</Controller_SelectedScaffolderCategoryPath>
     <WebStackScaffolding_ControllerDialogWidth>600</WebStackScaffolding_ControllerDialogWidth>
-    <WebStackScaffolding_LayoutPageFile>
+    <WebStackScaffolding_LayoutPageFile>~/Views/Shared/_Layout.cshtml</WebStackScaffolding_LayoutPageFile>
-    </WebStackScaffolding_LayoutPageFile>
     <WebStackScaffolding_IsLayoutPageSelected>True</WebStackScaffolding_IsLayoutPageSelected>
     <WebStackScaffolding_IsPartialViewSelected>False</WebStackScaffolding_IsPartialViewSelected>
     <WebStackScaffolding_IsReferencingScriptLibrariesSelected>True</WebStackScaffolding_IsReferencingScriptLibrariesSelected>

FIT5032-Assignment/Views/Home/Index.cshtml

@@ -1,33 +1,53 @@
 @{
     ViewBag.Title = "Home Page";
+    // Check login status
+    bool loginStatus = false;
+
+    // cookie
+
+    if (Request.Cookies["psg_auth_token"] == null)
+    {
+        loginStatus = false;
+    }
+    else
+    {
+        loginStatus = true;
     }
 
-<main>
+}
-    <section class="row" aria-labelledby="aspnetTitle">
-        <h1 id="title">ASP.NET</h1>
-        <p class="lead">ASP.NET is a free web framework for building great Web sites and Web applications using HTML, CSS and JavaScript.</p>
-        <p><a href="https://asp.net" class="btn btn-primary btn-md">Learn more &raquo;</a></p>
-    </section>
 
-    <div class="row">
+@section Scripts {
-        <section class="col-md-4" aria-labelledby="gettingStartedTitle">
+    @Scripts.Render("~/bundles/jqueryval")
-            <h2 id="gettingStartedTitle">Getting started</h2>
+}
-            <p>
+
-                ASP.NET MVC gives you a powerful, patterns-based way to build dynamic websites that
+@if (loginStatus)
-                enables a clean separation of concerns and gives you full control over markup
+{
-                for enjoyable, agile development.
+    <img src="@ViewBag.avatar" alt="Avatar" style="width:200px" />
-            </p>
+    <h1>Welcome back, @ViewBag.displayname</h1>
-            <p><a class="btn btn-outline-dark" href="https://go.microsoft.com/fwlink/?LinkId=301865">Learn more &raquo;</a></p>
+    <p><b>Email address</b> <span id="emailfield">john.appleseed@mac.com</span></p>
-        </section>
+    <p><b>Role</b> @ViewBag.role</p>
-        <section class="col-md-4" aria-labelledby="librariesTitle">
+    <p><button id="logoutbutton">Log out</button></p>
-            <h2 id="librariesTitle">Get more libraries</h2>
+
-            <p>NuGet is a free Visual Studio extension that makes it easy to add, remove, and update libraries and tools in Visual Studio projects.</p>
+    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
-            <p><a class="btn btn-outline-dark" href="https://go.microsoft.com/fwlink/?LinkId=301866">Learn more &raquo;</a></p>
+    <script type="module">
-        </section>
+        import { Passage } from "https://cdn.passage.id/passage-js.js"
-        <section class="col-md-4" aria-labelledby="hostingTitle">
+
-            <h2 id="hostingTitle">Web Hosting</h2>
+        const passage = new Passage('ZHM5whW5xsZEczTn2loffzjN');
-            <p>You can easily find a web hosting company that offers the right mix of features and price for your applications.</p>
+        const user = passage.getCurrentUser();
-            <p><a class="btn btn-outline-dark" href="https://go.microsoft.com/fwlink/?LinkId=301867">Learn more &raquo;</a></p>
+        const userInfo = await user.userInfo();
-        </section>
+        console.log(userInfo)
-    </div>
+        document.getElementById("emailfield").innerHTML = userInfo.email;
-</main>
+        $("#logoutbutton").on("click", async () => {
+            await passage.getCurrentSession().signOut();
+            window.location.href = "/";
+        });
+    </script>
+}
+else
+{
+    <h1>Login</h1>
+    <p>No account? <a href="/CreateAccount">Register here!</a></p>
+    <passage-login app-id="ZHM5whW5xsZEczTn2loffzjN" />
+    <script src="https://psg.so/web.js"></script>
+
+}

FIT5032-Assignment/Views/Home/View.cshtml

@@ -0,0 +1,49 @@
+@model FIT5032_Assignment.Models.CompleteProfileForm
+
+@{
+    ViewBag.Title = "View";
+    Layout = "~/Views/Shared/_Layout.cshtml";
+}
+
+<h2>View</h2>
+
+
+@using (Html.BeginForm()) 
+{
+    @Html.AntiForgeryToken()
+    
+    <div class="form-horizontal">
+        <h4>CompleteProfileForm</h4>
+        <hr />
+        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
+        <div class="form-group">
+            @Html.LabelFor(model => model.fullname, htmlAttributes: new { @class = "control-label col-md-2" })
+            <div class="col-md-10">
+                @Html.EditorFor(model => model.fullname, new { htmlAttributes = new { @class = "form-control" } })
+                @Html.ValidationMessageFor(model => model.fullname, "", new { @class = "text-danger" })
+            </div>
+        </div>
+
+        <div class="form-group">
+            @Html.LabelFor(model => model.role, htmlAttributes: new { @class = "control-label col-md-2" })
+            <div class="col-md-10">
+                @Html.EditorFor(model => model.role, new { htmlAttributes = new { @class = "form-control" } })
+                @Html.ValidationMessageFor(model => model.role, "", new { @class = "text-danger" })
+            </div>
+        </div>
+
+        <div class="form-group">
+            <div class="col-md-offset-2 col-md-10">
+                <input type="submit" value="Create" class="btn btn-default" />
+            </div>
+        </div>
+    </div>
+}
+
+<div>
+    @Html.ActionLink("Back to List", "Index")
+</div>
+
+@section Scripts {
+    @Scripts.Render("~/bundles/jqueryval")
+}