Migliorato login/logout

Ma forse si passa alla versione con modelli per login e register in futuro

SeniorAssistant/Views/Home/Index.cshtml

@@ -1,53 +1,10 @@
-@model IEnumerable<User>
-@{
-    ViewBag.Title = "Hello Razor";
-}
-
-<div id="grid"></div>
-
-<script>
-    $(document).ready(function () {
-        var baseUrl = "@Url.Content("~/api/user/")";
-
-        $("#grid").kendoGrid({
-            dataSource: {
-                transport: {
-                    read: { url: baseUrl, type: "GET" }
-
-                    /*
-                    parameterMap: function (model, operation) {
-                        if (operation !== "read" && model) {
-                            return kendo.stringify(model);
-                        }
-                    }
-                    */
-                },
-                serverPaging: false,
-                serverSorting: false,
-                batch: false,
-                schema: {
-                    model: {
-                        id: "username",
-                        fields: {
-                            username: { type: "string" },
-                            name: { type: "string" }
-                        }
-                    }
-                }
-            },
-            scrollable: true,
-            sortable: true,
-            filterable: true,
-            editable: false,
-            columns: [
-                { field: "username", title: "Username" },
-                { field: "name", title: "Name" },
-                { field: "url", title: "",template:'<a href=/user/#=username#>Vedi Dati</a>'}/*,
-                { field: "time", title: "Date/Time", format: "{dd/MM/yyyy HH}" },
-                { field: "value", title: "Heartbeats" }
-                */
-            ]
-        });
-    })
-
-</script>
+<!--
+pg di registering
+    se gia loggato reindirizza al profilo(ancora da fare)
+logo sito
+    disattivare l-aside e le opzioni
+se non loggato deve tornare qua
+-->
+<h1>
+    ciao noob
+</h1>

SeniorAssistant/Views/Home/Users.cshtml

@@ -0,0 +1,53 @@
+@model IEnumerable<User>
+@{
+    ViewBag.Title = "Hello Razor";
+}
+
+<div id="grid"></div>
+
+<script>
+    $(document).ready(function () {
+        var baseUrl = "@Url.Content("~/api/user/")";
+
+        $("#grid").kendoGrid({
+            dataSource: {
+                transport: {
+                    read: { url: baseUrl, type: "GET" }
+
+                    /*
+                    parameterMap: function (model, operation) {
+                        if (operation !== "read" && model) {
+                            return kendo.stringify(model);
+                        }
+                    }
+                    */
+                },
+                serverPaging: false,
+                serverSorting: false,
+                batch: false,
+                schema: {
+                    model: {
+                        id: "username",
+                        fields: {
+                            username: { type: "string" },
+                            name: { type: "string" }
+                        }
+                    }
+                }
+            },
+            scrollable: true,
+            sortable: true,
+            filterable: true,
+            editable: false,
+            columns: [
+                { field: "username", title: "Username" },
+                { field: "name", title: "Name" },
+                { field: "url", title: "",template:'<a href=/user/#=username#>Vedi Dati</a>'}/*,
+                { field: "time", title: "Date/Time", format: "{dd/MM/yyyy HH}" },
+                { field: "value", title: "Heartbeats" }
+                */
+            ]
+        });
+    })
+
+</script>

SeniorAssistant/Views/Shared/Login.cshtml

@@ -1,9 +1,18 @@
-<div class="">
-    <input type="text" id="username" placeholder="username" />
-    <input type="password" id="password" placeholder="password" />
-    <button class="btn-default btn btn-flat" id="login-btn">Login</button>
-    <p id="msg" class="login-box-msg"></p>
-</div>
+<a href="#" class="dropdown-toggle" data-toggle="dropdown">
+    <!-- The user image in the navbar-->
+    <!-- hidden-xs hides the username on small devices so only the image appears. -->
+    <span id="user-name" class="hidden-xs">Login</span>
+</a>
+<ul class="dropdown-menu">
+    <li class="user-header">
+        <input type="text" id="username" placeholder="username" />
+        <input type="password" id="password" placeholder="password" />
+        <div>
+            <button class="btn-default btn btn-flat" id="login-btn">Login</button>    
+        </div>
+        <p id="msg" class="login-box-msg"></p>
+    </li>
+</ul>
 
 <script>
     $("#login-btn").on("click", function () {
@@ -31,4 +40,4 @@
             }
         })
     });
-</script>
+</script>

SeniorAssistant/Views/Shared/Logout.cshtml

@@ -1,6 +1,44 @@
-<div class="">
-    <button class="btn-default btn btn-flat" id="logout-btn">Logout</button>
-</div>
+@model string
+<a href="#" class="dropdown-toggle" data-toggle="dropdown">
+    <!-- The user image in the navbar-->
+    <img src="~/AdminLTE-2.4.3/dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
+    <!-- hidden-xs hides the username on small devices so only the image appears. -->
+    <span id="user-name" class="hidden-xs">@Model</span>
+</a>
+<ul class="dropdown-menu">
+    <!-- The user image in the menu -->
+    <li class="user-header">
+        <img src="~/AdminLTE-2.4.3/dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
+        <p>
+            Alexander Pierce - Web Developer
+            <small>Member since Nov. 2012</small>
+        </p>
+    </li>
+    <!-- Menu Body -->
+    <li class="user-body">
+        <div class="row">
+            <div class="col-xs-4 text-center">
+                <a href="#">Followers</a>
+            </div>
+            <div class="col-xs-4 text-center">
+                <a href="#">Sales</a>
+            </div>
+            <div class="col-xs-4 text-center">
+                <a href="#">Friends</a>
+            </div>
+        </div>
+        <!-- /.row -->
+    </li>
+    <!-- Menu Footer-->
+    <li class="user-footer">
+        <div class="pull-left">
+            <a href="#" class="btn btn-default btn-flat">Profile</a>
+        </div>
+        <div class="pull-right">
+            <a href="#" id="logout-btn" class="btn btn-default btn-flat">Logout</a>
+        </div>
+    </li>
+</ul>
 
 <script>
     $("#logout-btn").on("click", function () {
@@ -9,7 +47,7 @@
             dataType: "json",
             type: "POST",
             success: function () {
-                window.location.reload();
+                window.location.href = "/";
             },
             error: function (xhr, status, error) {
                 alert(xhr.responseText)

SeniorAssistant/Views/Shared/NavbarRightMenu.cshtml

@@ -107,50 +107,8 @@
         <!-- User Account Menu -->
         <li id="user-menu" class="dropdown user user-menu">
             <!-- Menu Toggle Button -->
+            @{ await Html.RenderPartialAsync(session == null ? "Login" : "Logout", session); }
 
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-                <!-- The user image in the navbar-->
-                <img src="~/AdminLTE-2.4.3/dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
-                <!-- hidden-xs hides the username on small devices so only the image appears. -->
-                <span id="user-name" class="hidden-xs">@session</span>
-            </a>
-            <ul class="dropdown-menu">
-                <!-- The user image in the menu -->
-                <li class="user-body">
-                    @{ await Html.RenderPartialAsync(session == null?"Login":"Logout"); }
-                </li>
-                <li class="user-header">
-                    <img src="~/AdminLTE-2.4.3/dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
-                    <p>
-                        Alexander Pierce - Web Developer
-                        <small>Member since Nov. 2012</small>
-                    </p>
-                </li>
-                <!-- Menu Body -->
-                <li class="user-body">
-                    <div class="row">
-                        <div class="col-xs-4 text-center">
-                            <a href="#">Followers</a>
-                        </div>
-                        <div class="col-xs-4 text-center">
-                            <a href="#">Sales</a>
-                        </div>
-                        <div class="col-xs-4 text-center">
-                            <a href="#">Friends</a>
-                        </div>
-                    </div>
-                    <!-- /.row -->
-                </li>
-                <!-- Menu Footer-->
-                <li class="user-footer">
-                    <div class="pull-left">
-                        <a href="#" class="btn btn-default btn-flat">Profile</a>
-                    </div>
-                    <div class="pull-right">
-                        <a href="#" class="btn btn-default btn-flat">Sign out</a>
-                    </div>
-                </li>
-            </ul>
         </li>
         <!-- Control Sidebar Toggle Button -->
         <li>

SeniorAssistant/Views/Shared/Register.cshtml

@@ -0,0 +1,45 @@
+<a href="#" class="dropdown-toggle" data-toggle="dropdown">
+    <!-- The user image in the navbar-->
+    <!-- hidden-xs hides the username on small devices so only the image appears. -->
+    <span id="user-name" class="hidden-xs">Register</span>
+</a>
+<ul class="dropdown-menu">
+    <li class="user-header">
+        <input type="email" id="mail" placeholder="E-mail"/>
+        <input type="text" id="username" placeholder="username" />
+        <input type="password" id="password" placeholder="password" />
+        <div>
+            <button class="btn-default btn btn-flat" id="register-btn">Register</button>
+        </div>
+        <p id="msg" class="login-box-msg"></p>
+    </li>
+</ul>
+
+<script>
+    $("#register-btn").on("click", function () {
+        var userName = $("#username").val();
+        var password = $("#password").val();
+        var mail = $("#mail").val();
+
+        $.ajax({
+            url: "/Account/_register",
+            data: { UserName: userName, Password: password, Email: mail},
+            dataType: "json",
+            type: "POST",
+            success: function (data) {
+                console.log(data);
+                var msg = $("#msg");
+                if (data.success) {
+                    msg.hide();
+                   
+                } else {
+                    msg.html(data.message).show();
+                    $("#user-menu").addClass("open");
+                }
+            },
+            error: function (xhr, status, error) {
+                alert(xhr.responseText)
+            }
+        })
+    });
+</script>

SeniorAssistant/Views/Shared/Register.cshtml.cs

@@ -0,0 +1,16 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Threading.Tasks;
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.AspNetCore.Mvc.RazorPages;
+
+namespace SeniorAssistant.Views.Shared
+{
+    public class RegisterModel : PageModel
+    {
+        public void OnGet()
+        {
+        }
+    }
+}