Turn friends into profile viewer links.

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

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/scripts/main.js b/scripts/main.js
@@ -18,7 +18,7 @@ solid.auth.trackSession(session => {
   }
 });
 
-$('#view').click(async () => {
+$('#view').click(async function loadProfile() {
   // Set up a local data store and associated data fetcher
   const store = $rdf.graph();
   const fetcher = new $rdf.Fetcher(store);
@@ -37,7 +37,10 @@ $('#view').click(async () => {
   friends.forEach(async (friend) => {
     await fetcher.load(friend);
     const fullName = store.any(friend, FOAF('name'));
-    $('#friends').append($('<li>')
-      .text(fullName && fullName.value || friend.value));
+    $('#friends').append(
+      $('<li>').append(
+        $('<a>').text(fullName && fullName.value || friend.value)
+                .click(() => $('#profile').val(friend.value))
+                .click(loadProfile)));
   });
 });
diff --git a/styles/main.css b/styles/main.css
@@ -23,3 +23,12 @@ dt {
 dt:after {
   content: ': ';
 }
+
+a {
+  color: #7c4dff;
+  border-bottom: 1px solid;
+  cursor: pointer;
+}
+a:hover {
+  color: #9b79fc;
+}