Profile avatar

SeniorAssistant/Views/Shared/Logout.cshtml

@@ -14,7 +14,19 @@
 <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">
+        <img src="@session.GetString("avatar")" class="img-circle" alt="User Image" id="avatar">
+        <div>
+            <input type="button" class="btn-flat" value="+" id="btn-plus" />
+        </div>
+
+        <!--<div id="image-uploader" style="display:none">
+        <input name="files" id="files" type="file" />
+    </div>-->
+        <div id="image-uploader" style="display:none">
+            <form method="post" enctype="multipart/form-data">
+                <input type="file" name="files" id="files" />
+            </form>
+        </div>
         <p>
             @session.GetString("name") @session.GetString("lastname") - @session.GetString("role")
             <small>@session.GetString("email")</small>
@@ -32,6 +44,19 @@
 </ul>
 
 <script>
+    $(document).ready(function () {
+        $("#files").kendoUpload({
+            async: {
+                saveUrl: "save",
+                autoUpload: true
+            }
+        });
+    });
+
+    $("#btn-plus").on("click", function () {
+        $("#image-uploader").toggle();
+    });
+
     $("#logout-btn").on("click", function () {
         $.ajax({
             url: "/Account/_logout",