Show friends.

maximoguerrero · Sep 26, 2018 · e4b19b0 · e4b19b0
1 parent 65f57b7
commit e4b19b0
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -23,6 +23,10 @@ <h1>Profile viewer</h1>
   <dl id="viewer">
     <dt>Full name</dt>
     <dd id="fullName"></dd>
+    <dt>Friends</dt>
+    <dd>
+      <ul id="friends"></ul>
+    </dd>
   </dl>
   <script src="scripts/jquery.js"></script>
   <script src="scripts/solid-auth-client.bundle.js"></script>

diff --git a/scripts/main.js b/scripts/main.js
@@ -30,4 +30,14 @@ $('#view').click(async () => {
   // Display their details
   const fullName = store.any($rdf.sym(person), FOAF('name'));
   $('#fullName').text(fullName && fullName.value);
+
+  // Display their friends
+  const friends = store.each($rdf.sym(person), FOAF('knows'));
+  $('#friends').empty();
+  friends.forEach(async (friend) => {
+    await fetcher.load(friend);
+    const fullName = store.any(friend, FOAF('name'));
+    $('#friends').append($('<li>')
+      .text(fullName && fullName.value || friend.value));
+  });
 });