Skip to content

Commit 3c62448

Browse files
luecklueck
committed
Merge branch 'figures-example'
2 parents 1eab1d2 + 1310c8b commit 3c62448

16 files changed

+2015
-153
lines changed

‎.gitlab-ci.yml

+20-1
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,22 @@ build-and-run-tests:
2626
paths:
2727
- dist
2828

29+
build-demo:
30+
stage: build
31+
cache:
32+
key:
33+
files:
34+
- package-lock.json
35+
prefix: npm
36+
paths:
37+
- node_modules/
38+
script:
39+
- npm install
40+
- npm run demo
41+
artifacts:
42+
paths:
43+
- demo
44+
2945
docs:
3046
stage: build
3147
cache:
@@ -75,11 +91,13 @@ deploy webjar:
7591
pages:
7692
stage: deploy
7793
script:
94+
- mkdir -p public
7895
- ls -l
7996
- ls -l dist
80-
- mkdir -p public
8197
- cp -av --recursive dist/* public/
8298
- cp -av --recursive docs public/
99+
- ls -l demo
100+
- cp -av --recursive demo/* public/
83101
- ls -lR public
84102
artifacts:
85103
paths:
@@ -88,5 +106,6 @@ pages:
88106
needs:
89107
- docs
90108
- build-and-run-tests
109+
- build-demo
91110
rules:
92111
- !reference [ .default_rules_tag, rules ]

‎CHANGES.md

+4
Original file line numberDiff line numberDiff line change
@@ -12,12 +12,16 @@
1212
- annotations via `annotations-url` attribute
1313
- ontology via `ontology-urls` attribute
1414
- alignments via `regex-alignment` or `mapping-alignment` attribute
15+
- `seed-config-text`
16+
- experimentally load a text via this custom element, which has no display.
1517
- `seed-annotations-permanent`
1618
- is a window and a pure view component now
1719
- remove attributes `annotations-url` and `ontology-urls`
1820
- use CSS flex box model for setting the size of synopsis texts
1921
instead of widget size provider/consumer
2022
- `seed-synopsis` is deprecated
23+
- added `figures.html` example
24+
- deploy examples in gitlab pages
2125

2226
## 0.5.10
2327

‎examples/figure-annotations.json

+36
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
{
2+
"lam155_v15_tawgih1": {
3+
"body": "<span class=\"note-text\" lang=\"en\" style=\"direction:ltr; text-align:left;\"><i>Tawǧīh</i>: the words <i>ẓāhirī</i> and <i>muʿtazilī</i> (in rhyme position for <i>muʿtazil</i>), which denote a person adhering to the theological schools <i>Ẓāhiriyyah</i> and <i>Muʿtazilah</i> respectively, have here their common lexical meaning.<br/>Cf. art. <a href=\"https://figurenlexikon.arabistik.uni-muenster.de/figuren/tawgih#lam155_v15_tawgih1\"><i>Tawgih</i></a> in <i>Figurenlexikon<i>.</span>",
4+
"predications": {
5+
"http:\/\/www.w3.org\/2000\/01\/rdf-schema#type": [
6+
{
7+
"value": "https://scdh.zivgitlabpages.uni-muenster.de/hees-alea/figurenlexikon/ontology#Tawgih",
8+
"type": "resource"
9+
}
10+
]
11+
}
12+
},
13+
"lam155_v34_tawgih1": {
14+
"body": "<span class=\"note-text\" lang=\"en\" style=\"direction:ltr; text-align:left;\"><i>Tawǧīh</i>: the words <i>munsariḥ</i> and <i>ramal</i>, the names of two poetic metres, have here their common meaning.<br/>Cf. art. <a href=\"https://figurenlexikon.arabistik.uni-muenster.de/figuren/tawgih\"><i>Tawgih</i></a> in <i>Figurenlexikon<i>.</span>",
15+
"predications": {
16+
"http:\/\/www.w3.org\/2000\/01\/rdf-schema#type": [
17+
{
18+
"value": "https://scdh.zivgitlabpages.uni-muenster.de/hees-alea/figurenlexikon/ontology#Tawgih",
19+
"type": "resource"
20+
}
21+
]
22+
}
23+
},
24+
"lam155_v10_tawriyah1": {
25+
"body": "<span class=\"note-text\" lang=\"en\" style=\"direction:ltr; text-align:left;\">All manuscripts have <i>ǧadal</i>, “argument, debate, dispute”. Given the juridical context, this seems to be the correct reading, but Ibn Nubātah apparently puns on the vernacular pronunciation of the word <i>ǧaḏal</i>, “joy”.<br/>Cf. art. <a href=\"https://figurenlexikon.arabistik.uni-muenster.de/figuren/tawriyah\"><i>Tawriyah</i></a> in <i>Figurenlexikon<i>.</span>",
26+
"predications": {
27+
"http:\/\/www.w3.org\/2000\/01\/rdf-schema#type": [
28+
{
29+
"value": "https://scdh.zivgitlabpages.uni-muenster.de/hees-alea/figurenlexikon/ontology#Tawriyah",
30+
"type": "resource"
31+
}
32+
]
33+
}
34+
35+
}
36+
}

‎examples/figures.html

+65
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,65 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="icon" type="image/png" href="/public/scdh.png" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>Test</title>
8+
<script type="module" src="/node_modules/anylogger-console/anylogger-console.js"></script>
9+
<script type="module" src="/src/seed-app.ts"></script>
10+
<script type="module" src="/src/seed-config.ts"></script>
11+
<script type="module" src="/src/seed-synopsis.ts"></script>
12+
<script type="module" src="/src/seed-synopsis-text.ts"></script>
13+
<script type="module" src="/src/seed-annotation-permanent.ts"></script>
14+
<style type="text/css">
15+
.synopsis {
16+
height: 80vh;
17+
display: flex;
18+
flex-direction: row;
19+
flex-wrap: nowrap;
20+
}
21+
.synopsis seed-synopsis-text,
22+
.synopsis seed-annotation-permanent{
23+
flex-grow: 1;
24+
min-width: 20em;
25+
max-width: 47em;
26+
margin: 2px;
27+
}
28+
</style>
29+
</head>
30+
<body>
31+
<seed-app>
32+
<seed-config
33+
annotations-url="figure-annotations.json"
34+
ontology-urls="figures.json"></seed-config>
35+
<!-- whitespace between synopsis texts breaks margin and may break the line up -->
36+
<div
37+
class="synopsis"
38+
><seed-synopsis-text
39+
content="lam155.tei.xml.BB.html"
40+
id="BBlam155"
41+
title="lam 155, Bashtaki Beta"
42+
source="lam155.tei.xml"
43+
annotations-per-segment-url="lam155.tei.xml.BB.segments.json"
44+
></seed-synopsis-text
45+
><seed-annotation-permanent
46+
title="Figures"
47+
height="auto"
48+
width="auto"
49+
display="inline-block"
50+
></seed-annotation-permanent></div>
51+
</seed-app>
52+
</body>
53+
54+
<script>
55+
// Create IE + others compatible event handler
56+
var eventMethod = window.addEventListener ? "addEventListener" : "attachEvent";
57+
var eventer = window[eventMethod];
58+
var messageEvent = eventMethod == "attachEvent" ? "onmessage" : "message";
59+
60+
// Listen to message from child window
61+
eventer(messageEvent,function(e) {
62+
console.log("parent received message from " + e.origin + ": ", e.data);
63+
},false);
64+
</script>
65+
</html>

‎examples/figures.json

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
{"https:\/\/scdh.zivgitlabpages.uni-muenster.de\/hees-alea\/figurenlexikon\/ontology#":{"http:\/\/www.w3.org\/1999\/02\/22-rdf-syntax-ns#type":[{"type":"uri","value":"http:\/\/www.w3.org\/2002\/07\/owl#Ontology"}],"http:\/\/www.w3.org\/2002\/07\/owl#imports":[{"type":"uri","value":"https:\/\/intertextuality.org\/abstract#"}],"http:\/\/www.w3.org\/2000\/01\/rdf-schema#Label":[{"type":"literal","value":"Ontology f\u00fcr das Lexikon der Stilfiguren arabischer Literatur","lang":"de"}]},"https:\/\/scdh.zivgitlabpages.uni-muenster.de\/hees-alea\/figurenlexikon\/ontology#Figure":{"http:\/\/www.w3.org\/1999\/02\/22-rdf-syntax-ns#type":[{"type":"uri","value":"http:\/\/www.w3.org\/2002\/07\/owl#Class"}],"http:\/\/www.w3.org\/2000\/01\/rdf-schema#Label":[{"type":"literal","value":"Figure","lang":"de"}]},"https:\/\/scdh.zivgitlabpages.uni-muenster.de\/hees-alea\/figurenlexikon\/ontology#Tawgih":{"http:\/\/www.w3.org\/2000\/01\/rdf-schema#subClassOf":[{"type":"uri","value":"https:\/\/scdh.zivgitlabpages.uni-muenster.de\/hees-alea\/figurenlexikon\/ontology#Figure"}],"http:\/\/www.w3.org\/2000\/01\/rdf-schema#label":[{"type":"literal","value":"Taw\u01e7\u012bh","lang":"de"},{"type":"literal","value":"Taw\u01e7\u012bh","lang":"en"}],"https:\/\/intertextuality.org\/annotation#preferredCssColor":[{"type":"literal","value":"orange"}],"https:\/\/intertextuality.org\/annotation#colorPriority":[{"type":"literal","value":"5","datatype":"http:\/\/www.w3.org\/2001\/XMLSchema#integer"}]},"https:\/\/scdh.zivgitlabpages.uni-muenster.de\/hees-alea\/figurenlexikon\/ontology#Tawriyah":{"http:\/\/www.w3.org\/2000\/01\/rdf-schema#subClassOf":[{"type":"uri","value":"https:\/\/scdh.zivgitlabpages.uni-muenster.de\/hees-alea\/figurenlexikon\/ontology#Figure"}],"http:\/\/www.w3.org\/2000\/01\/rdf-schema#label":[{"type":"literal","value":"Tawriyah","lang":"de"},{"type":"literal","value":"Tawriyah","lang":"en"}],"https:\/\/intertextuality.org\/annotation#preferredCssColor":[{"type":"literal","value":"yellow"}],"https:\/\/intertextuality.org\/annotation#colorPriority":[{"type":"literal","value":"10","datatype":"http:\/\/www.w3.org\/2001\/XMLSchema#integer"}]}}

‎examples/lam155.tei.xml.BB.html

+1,144
Large diffs are not rendered by default.

‎examples/lam155.tei.xml.BB.segments.json

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
{
2+
"annot1_1": [
3+
"lam155_v10_tawriyah1" ],
4+
"annot2_1": [
5+
"lam155_v15_tawgih1" ],
6+
"annot2_2": [
7+
"lam155_v15_tawgih1" ],
8+
"annot3_1": [
9+
"lam155_v34_tawgih1" ],
10+
"annot3_2": [
11+
"lam155_v34_tawgih1" ]
12+
}

‎examples/synopsis.html

+2
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@
88
<script type="module" src="/node_modules/anylogger-console/anylogger-console.js"></script>
99
<script type="module" src="/src/seed-app.ts"></script>
1010
<script type="module" src="/src/seed-config.ts"></script>
11+
<script type="module" src="/src/seed-config-text.ts"></script>
1112
<script type="module" src="/src/seed-synopsis.ts"></script>
1213
<script type="module" src="/src/seed-synopsis-text.ts"></script>
1314
<script type="module" src="/src/seed-annotation-permanent.ts"></script>
@@ -31,6 +32,7 @@
3132
annotations-url="Annotationen.json"
3233
ontology-urls="ontology.json"
3334
regex-alignment="alignment.json"></seed-config>
35+
<seed-config-text text-id="foo" text-url="LXX.tei.html"></seed-config-text>
3436
<!-- whitespace between synopsis texts breaks margin and may break the line up -->
3537
<div
3638
class="synopsis"

‎index.html

+7
Original file line numberDiff line numberDiff line change
@@ -31,6 +31,13 @@ <h1>Example Usage of the <i>SEED Frontend Components</i></h1>
3131
Synoptical presentation of texts.
3232
</li>
3333

34+
<li>
35+
<a href="examples/figures.html"
36+
style="font-family:monospace;">examples/figures.html</a>:
37+
An poem by Ibn Nubatah al-Misri with annotation of literary
38+
figures.
39+
</li>
40+
3441
</ul>
3542
<body>
3643
</html>

0 commit comments

Comments
 (0)