Skip to content

Arturo Montejo Ráez / solid2022

Go to a project
Commit afba5979 by Arturo Montejo Ráez
Options

sesión 2 iniciada

parent 2824c794
Inline Side-by-side
Showing with 83 additions and 5 deletions
index.html
<!doctype html> <!doctype html>
<html> <html>
<head>
<meta charset="utf-8"> <head>
<title>Navegador SOLID</title> <meta charset="utf-8">
</head> <title>Navegador SOLID</title>
</head>
<style>
body {
max-width: 800px;
margin: 0 auto;
}
body,
input,
button {
font: 11pt/1.3 "Helvetiva Neue", Helvetica, Arial, sans-serif;
}
button,
label {
font-weight: bold;
}
#profile {
width: 400px;
}
dt {
font-weight: bold;
clear: left;
float: left;
}
dt:after {
content: ': ';
}
a {
color: #7c4dff;
border-bottom: 1px solid;
cursor: pointer;
}
a:hover {
color: #9b79fc;
}
</style>
<body> <body>
<h1>Navegador SOLID</h1> <h1>Navegador SOLID</h1>
<div id="login"> <div id="login">
...@@ -22,10 +65,15 @@ ...@@ -22,10 +65,15 @@
<h2>Contactos</h2> <h2>Contactos</h2>
<ul id="friends"></ul> <ul id="friends"></ul>
<h2>POD</h2>
<input id="container" size="60" /> <button id="updateContainer">Actualizar</button>
<ul id="items"></ul>
</div> </div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://solid.github.io/solid-auth-client/dist/solid-auth-client.bundle.js"></script> <script src="https://solid.github.io/solid-auth-client/dist/solid-auth-client.bundle.js"></script>
<script src="https://cdn.jsdelivr.net/npm/rdflib@1.1.0/dist/rdflib.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/rdflib@1.1.0/dist/rdflib.min.js"></script>
<script src="js/main.js"></script> <script src="js/main.js"></script>
</body> </body>
</html>
</html>
\ No newline at end of file
js/main.js
...@@ -27,12 +27,14 @@ solid.auth.trackSession(session => { ...@@ -27,12 +27,14 @@ solid.auth.trackSession(session => {
// Establecemos espacios de nombres // Establecemos espacios de nombres
const FOAF = $rdf.Namespace('http://xmlns.com/foaf/0.1/'); const FOAF = $rdf.Namespace('http://xmlns.com/foaf/0.1/');
const VCARD = $rdf.Namespace('http://www.w3.org/2006/vcard/ns#'); const VCARD = $rdf.Namespace('http://www.w3.org/2006/vcard/ns#');
const LDP = $rdf.Namespace('http://www.w3.org/ns/ldp#');
// Creamos un almacén y le asociamos un lector RDF // Creamos un almacén y le asociamos un lector RDF
const store = $rdf.graph(); const store = $rdf.graph();
const fetcher = new $rdf.Fetcher(store); const fetcher = new $rdf.Fetcher(store);
$('#view').click(() => showProfile()); $('#view').click(() => showProfile());
$('#updateContainer').click(() => showContainer($('#container').val()));
/* -------------- /* --------------
Mostramos información del perfil referenciado por la WebID Mostramos información del perfil referenciado por la WebID
...@@ -43,6 +45,9 @@ async function showProfile() { ...@@ -43,6 +45,9 @@ async function showProfile() {
await fetcher.load(person); await fetcher.load(person);
showPersonalData(person); showPersonalData(person);
showFriends(person); showFriends(person);
var patt = /https:\/\/[^\/]+\//;
const rootContainer = patt.exec(person) + 'public/';
showContainer(rootContainer);
} }
// Información personal // Información personal
...@@ -71,4 +76,27 @@ async function showFriends(person) { ...@@ -71,4 +76,27 @@ async function showFriends(person) {
.click(() => $('#webid').val(friend.value)) .click(() => $('#webid').val(friend.value))
.click(() => showProfile(friend.value)))); .click(() => showProfile(friend.value))));
}); });
}
/* -----------------------------------------------
Contenido del POD (navegable)
*/
async function showContainer(container) {
// Cargamos datos desde el POD
await fetcher.load(container);
$('#container').val(container);
// Mostramos elementos
const items = store.each($rdf.sym(container), LDP('contains'));
$('#items').empty();
items.forEach(async (item) => {
if (item.value[item.value.length - 1] == '/')
element = $('<a>').text(decodeURI(item.value))
.click(() => $('#container').val(item.value))
.click(() => showContainer(item.value));
else
element = $('<a>').text(decodeURI(item.value))
.attr('href', item.value)
.attr('target', 'blank');
$('#items').append($('<li>').append(element));
});
} }
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment