solid-ui/Documentation/form-examples/structures3.html at editChat · JavaScriptSolidServer/solid-ui · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="generator"
            content="HTML Tidy for Mac OS X (vers 31 October 2006 - Apple Inc. build 15.17), see www.w3.org"/>
    <meta http-equiv="Content-Type" content=
            "text/html; charset=us-ascii"/>

    <title>Form structures 2 - Classifier and Choice</title>
    <link type="text/css" rel="stylesheet" href="https://solid.github.io/mashlib/dist/mash.css"/>

    <link type="text/css" rel="stylesheet" href="../style/demo-style.css"/>

  <!--   <script type="text/javascript" src="https://solid.github.io/mashlib/dist/mashlib.js"></script> -->
    <script type="text/javascript" src="https://timbl.com/timbl/Automation/Library/Mashup/mashlib.js"></script>
    <script type="text/javascript" src="test-form.js"></script>
</head>

<body>
<div class="TabulatorOutline" id="DummyUUID">
    <table id="outline" summary="Space for where the test happens">
    </table>
</div>

<div class="TabulatorOutline" id='UITestArea'></div>

<h1>Form structures 2 - Classifier, Choice and Autocomplete</h1>
<pre id='Prolog'>
    @prefix foaf:  &lt;http://xmlns.com/foaf/0.1/&gt;.
    @prefix sched: &lt;http://www.w3.org/ns/pim/schedule#&gt;.
    @prefix cal:   &lt;http://www.w3.org/2002/12/cal/ical#&gt;.
    @prefix dc:    &lt;http://purl.org/dc/elements/1.1/&gt;.
    @prefix rdfs:  &lt;http://www.w3.org/2000/01/rdf-schema#&gt;.
    @prefix ui:    &lt;http://www.w3.org/ns/ui#&gt;.

          @prefix schema: &lt;http://schema.org/>.

    @prefix trip:  &lt;http://www.w3.org/ns/pim/trip#&gt;.
    @prefix vcard: &lt;http://www.w3.org/2006/vcard/ns#&gt;.
    @prefix xsd:   &lt;http://www.w3.org/2001/XMLSchema#&gt;.
    @prefix ex: &lt;#&gt;.  # Things in the examples
    @prefix : &lt;#&gt;.
</pre>

<div>
    <table style=
            'border-collapse: collapse; border: 0.1em solid gray;' summary=
            "Table of input data values and UI outputs generated">
        <tbody>

        <tr class="form-demo">
            <td class='input' source="https://solid.github.io//solid-panes/src/profile/profileFormText.ttl#OrganizationCreationForm">
            </td>
            <td class='target' source='https://solidos.solidcommunity.net/public/2021/10_example_data/example.ttl#org1'>
            </td> <td class='output'></td>
        </tr>


        </tbody>
    </table>
</div>
</body>
</html>