Merge branch 'feature/delete-pod' of github.com:solid/node-solid-server into feature/delete-pod

Author: kjetilk

common/css/server.css

@@ -1,3 +1,7 @@
+.hidden {
+    display: none;
+}
+
 .panel-login-tls,
 .panel-already-registered{
     text-align: center;

default-templates/new-account/index.html

@@ -20,7 +20,6 @@
     </div>
   </nav>
 
-
   <p class="lead">
     <span>
       This is a public homepage of {{#if name}}{{name}}, whose WebID is{{else}}a user with WebID{{/if}}
@@ -54,46 +53,44 @@ <h1>Apps</h1>
       </a>
     </div>
   </section>
-  <section class="row">
-    <div class="col-md-12">
-      <h1>Settings</h1>
-      <div class="list-group">
-        <a href="/account/delete/" class="list-group-item">
-          <span class="lead">Delete account</span>
-        </a>
-      </div>
-    </div>
-  </section>
-  <section class="row">
-    <div class="col-md-12">
-      <h1>Settings</h1>
-      <div class="list-group">
-        <a href="/account/delete/" class="list-group-item">
-          <span class="lead">Delete account</span>
-        </a>
-      </div>
+
+  <section class="hidden" id="account-settings">
+    <h1>Account settings</h1>
+    <div class="list-group">
+      <a href="/account/delete/" class="list-group-item">
+        <span class="lead">Delete account</span>
+      </a>
     </div>
   </section>
 </div>
 
 <script src="/common/js/solid-auth-client.bundle.js"></script>
 <script type="text/javascript">
   (function () {
-    'use strict'
-    var button = document.getElementById('session-action')
-    var loggedIn = false
+    'use strict';
+    var button = document.getElementById('session-action');
+    var loggedIn = false;
+    var accountSettings = document.getElementById('account-settings');
 
-    solid.auth.trackSession(session => {
-      loggedIn = !!session
-      button.innerText = loggedIn ? 'Log out' : 'Log in'
+    solid.auth.trackSession(function(session) {
+      loggedIn = !!session;
+      button.innerText = loggedIn ? 'Log out' : 'Log in';
       button.classList.remove('btn-default');
-      button.classList.add(loggedIn ? 'btn-danger' : 'btn-primary')
-    })
+      button.classList.add(loggedIn ? 'btn-danger' : 'btn-primary');
+      var sessionOrigin = getOriginFromWebId(session.webId);
+      var isOwner = sessionOrigin === location.origin;
+      accountSettings.classList.toggle('hidden', !isOwner);
+    });
 
     button.addEventListener('click', function () {
-      loggedIn ? solid.auth.logout() : solid.auth.popupLogin()
-    })
-  })()
+      loggedIn ? solid.auth.logout() : solid.auth.popupLogin();
+    });
+
+    function getOriginFromWebId(webId) {
+      var uriParts = webId.split('/');
+      return uriParts[0] + '//' + uriParts[2];
+    }
+  })();
 </script>
 </body>
 </html>