Overview

This shows the development of the note-view template from v1.1 to v1.4.

note-view v1.1

Description

The date this note was created is shown in the title and h1 tags.

Code


<?xml version="1.0" encoding="UTF-8" ?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:xi="http://www.w3.org/2001/XInclude"
    xmlns:xsd="http://www.w3.org/2001/XMLSchema#"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#"
    xmlns:dcterms="http://purl.org/dc/terms/">
<head>
    <title resource="?this">{dcterms:date}</title>
</head>
<body resource="?this">
    <div class="container">
        <div class="page-header">
            <h1><time datetime="{dcterms:date}" /></h1>
            <script type="text/javascript">
                $('h1 time[datetime]').text(calli.parseDateTime("{dcterms:date}").toLocaleString());
            </script>
        </div>
        <p property="rdfs:comment" />
    </div>
</body>
</html>

note-view v1.2

Description

The skos and meeting namespaces are added.

Code


<?xml version="1.0" encoding="UTF-8" ?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:xi="http://www.w3.org/2001/XInclude"
    xmlns:xsd="http://www.w3.org/2001/XMLSchema#"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#"
    xmlns:dcterms="http://purl.org/dc/terms/"
    xmlns:skos="http://www.w3.org/2004/02/skos/core#"
    xmlns:meeting="http://localhost:8080/schema/">
<head>
    <title resource="?this">{dcterms:date}</title>
</head>
<body resource="?this">
    <div class="container">
        <div class="page-header">
            <h1><time datetime="{dcterms:date}" /></h1>
            <script type="text/javascript">
                $('h1 time[datetime]').text(calli.parseDateTime("{dcterms:date}").toLocaleString());
            </script>
        </div>
        <p property="rdfs:comment" />
    </div>
</body>
</html>

note-view v1.3

Description

The relationship state is included in the topic list.

Code


<?xml version="1.0" encoding="UTF-8" ?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:xi="http://www.w3.org/2001/XInclude"
    xmlns:xsd="http://www.w3.org/2001/XMLSchema#"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#"
    xmlns:dcterms="http://purl.org/dc/terms/"
    xmlns:skos="http://www.w3.org/2004/02/skos/core#"
    xmlns:meeting="http://localhost:8080/schema/">
<head>
    <title resource="?this">{dcterms:date}</title>
</head>
<body resource="?this">
    <div class="container">
        <div class="page-header">
            <h1><time datetime="{dcterms:date}" /></h1>
            <script type="text/javascript">
                $('h1 time[datetime]').text(calli.parseDateTime("{dcterms:date}").toLocaleString());
            </script>
        </div>
        <p property="rdfs:comment" />
        <ul>
            <li rel="dcterms:hasPart" resource="?topic">
                <a href="?topic">{rdfs:label}</a>
                <span rel="meeting:state" resource="?state">
                </span>
            </li>
        </ul>
    </div>
</body>
</html>

note-view v1.4

Description

The SKOS definition is used to display the name of the Concept.

Code


<?xml version="1.0" encoding="UTF-8" ?>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:xi="http://www.w3.org/2001/XInclude"
    xmlns:xsd="http://www.w3.org/2001/XMLSchema#"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#"
    xmlns:dcterms="http://purl.org/dc/terms/"
    xmlns:skos="http://www.w3.org/2004/02/skos/core#"
    xmlns:meeting="http://localhost:8080/schema/">
<head>
    <title resource="?this">{dcterms:date}</title>
</head>
<body resource="?this">
    <div class="container">
        <div class="page-header">
            <h1><time datetime="{dcterms:date}" /></h1>
            <script type="text/javascript">
                $('h1 time[datetime]').text(calli.parseDateTime("{dcterms:date}").toLocaleString());
            </script>
        </div>
        <p property="rdfs:comment" />
        <ul>
            <li rel="dcterms:hasPart" resource="?topic">
                <a href="?topic">{rdfs:label}</a>
                <span rel="meeting:state" resource="?state">
                    [<span title="{skos:definition}">
                        {skos:prefLabel}
                    </span>]
                </span>
            </li>
        </ul>
    </div>
</body>
</html>