Webserver: added a logout button

Vocaluxe/Vocaluxe.csproj

@@ -340,6 +340,9 @@
       <CustomToolNamespace>css</CustomToolNamespace>
       <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
     </Content>
+    <Content Include="Website\img\logout.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
     <Content Include="Website\img\music.png">
       <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
     </Content>

Vocaluxe/Website/index.html

@@ -89,6 +89,13 @@
                         <p>Configure user rights</p>
                     </a>
                 </li>
+                <li>
+                    <a href="#login" data-transition="slidefade">
+                        <img src="img/logout.png">
+                        <h2>Logout</h2>
+                        <p>Closes the session</p>
+                    </a>
+                </li>
             </ul>
         </div>
         <!-- /content -->

Vocaluxe/Website/js/main.js

@@ -354,6 +354,14 @@ function initPageLoadHandler() {
         $(this).data('promise', promise);
     });
 
+    //pageLoadHandler for login
+    $(document).on('pagebeforeshow', '#login', function () {
+        ownProfileId = -1;
+        profileIdRequest = -1;
+        songIdRequest = -1
+        sessionId = "";
+    });
+
 }
 
 function initLoginPageHandler() {