Skip to content

Commit d7f9460

Browse files
fititntfititnt
committed
HXL-CPLP/forum#60, #4: the picturam.html is now also an option to check AST
1 parent db9b243 commit d7f9460

File tree

3 files changed

+112
-74
lines changed

3 files changed

+112
-74
lines changed

‎docs/index.html

Lines changed: 34 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,9 @@
1+
<!doctype html>
2+
<html lang="la">
13
<!--
24
Dominium Publicum
35
SPDX-License-Identifier: Unlicense
46
-->
5-
<!doctype html>
6-
<html lang="la">
7-
87
<head>
98
<meta charset="utf-8">
109
<!-- <title>cōdex simplex ontologiae</title> -->
@@ -341,6 +340,17 @@ <h3 id="h-ontologia"><a href="#h-ontologia">§</a> 1.1. Scientiam in focō</h3>
341340
scientiam-basi-verbosum.gv
342341
</a>
343342
</li>
343+
<li>
344+
<a target="_blank" href="#" class="dropdown-item numerordinatio_exportare"
345+
data-numord-conscientiam="scientiae_focum" data-numord-archivum="json" data-numord-varians="verbosum"
346+
data-numord-constructionem="crudum" data-numord-reconstructum="true"
347+
data-numord-functionem-finale="picturam_json" data-numord-titulum="scientiam-basi-verbosum">
348+
<svg class="bi bi-globe" width="16" height="16" role="img" aria-label="Globe:">
349+
<use xlink:href="#bi-globe" />
350+
</svg>
351+
scientiam-basi-verbosum.json (picturam.html)
352+
</a>
353+
</li>
344354
</ul>
345355
</div>
346356
</div>
@@ -510,6 +520,17 @@ <h3 id="h-professorem"><a href="#h-professorem">§</a> 1.2. Scientiam ex exempl
510520
referentia-normam.gv
511521
</a>
512522
</li>
523+
<li>
524+
<a target="_blank" href="#" class="dropdown-item numerordinatio_exportare"
525+
data-numord-conscientiam="referentia_normam" data-numord-archivum="json" data-numord-varians="verbosum"
526+
data-numord-constructionem="crudum" data-numord-reconstructum="true"
527+
data-numord-functionem-finale="picturam_json" data-numord-titulum="referentia-normam">
528+
<svg class="bi bi-globe" width="16" height="16" role="img" aria-label="Globe:">
529+
<use xlink:href="#bi-globe" />
530+
</svg>
531+
referentia-normam.json (picturam.html)
532+
</a>
533+
</li>
513534
</ul>
514535
</div>
515536

@@ -1254,6 +1275,15 @@ <h3 class="modal-title" id="exampleModalLabel">Simplex auxilium</h3>
12541275
HtmlElementum.href = 'https://edotor.net/?engine=dot#' + data_encoded
12551276
return false;
12561277
},
1278+
'picturam_json': function (crudum_datum, HtmlElementum, numerordinatio_abstractum, datum_specificum_rem) {
1279+
console.log('functionem_constructionem picturam_json', crudum_datum)
1280+
let _peritum = {
1281+
'json_data': crudum_datum
1282+
}
1283+
// HtmlElementum.href = './picturam.html#?peritum=' + encodeURI(JSON.stringify(_peritum))
1284+
HtmlElementum.href = './picturam.html#?peritum=' + JSON.stringify(_peritum)
1285+
return false;
1286+
},
12571287
},
12581288
// 'globum': 'status_quo', // window.status_quo
12591289
// cōnscientiam, https://en.wiktionary.org/wiki/conscientia
@@ -1589,7 +1619,7 @@ <h3 class="modal-title" id="exampleModalLabel">Simplex auxilium</h3>
15891619
let __result = scientia.reversumLogicae(document.querySelector('#i_reversum_logicae').value)
15901620

15911621
// console.log(ui_reversum_logicae, ui_reversum_logicae.value)
1592-
CoreMirroReversumAst.setValue('# @TODO ' + JSON.stringify(__result))
1622+
CoreMirroReversumAst.setValue('# @TODO Graphviz de: ' + JSON.stringify(__result))
15931623
// return false;
15941624
});
15951625

‎docs/lib/numerordinatio-picturam.mjs

Lines changed: 25 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ import { Auxilium, BCP47Langtag, Primitivum, codicem_separato } from './numerord
66
// import * as D3 from 'https://cdnjs.cloudflare.com/ajax/libs/d3/7.2.1/d3.js';
77
// import { * } from 'https://cdnjs.cloudflare.com/ajax/libs/d3/7.2.1/d3.js'
88

9-
console.log('numerordinatio-picturam.mjs')
9+
// console.log('numerordinatio-picturam.mjs')
1010

1111
class Picturam {
1212
constructor(d3, radicem) {
@@ -72,7 +72,7 @@ class PicturamDL extends Picturam {
7272
crudum_html.push(`data-bcp47-privateuse="${bcp47.privateuse.join(',')}"`)
7373
}
7474

75-
console.log('bcp47', bcp47)
75+
// console.log('bcp47', bcp47)
7676
return crudum_html.join(' ')
7777
}
7878

@@ -151,10 +151,11 @@ class PicturamDL extends Picturam {
151151
}
152152

153153

154-
result += `<details id="${ego_codicem}">`
155-
// result += `<summary>${indicem}_${clavem}</summary>`
156-
result += `<summary>${clavem}</summary>`
154+
157155
// result += `<summary>${ego_codicem}</summary>`
156+
let result_group = ''
157+
let result_group_simplex_label = ''
158+
let result_group_simplex_title = ''
158159
for (let [clavem_2, rem_subitem_2] of Object.entries(rem_subitem)) {
159160
// console.log('clavem_2', clavem_2, __RegulaNumerumInVasum.test(clavem_2))
160161
if (__RegulaNumerumInVasum.test(clavem_2)) {
@@ -169,9 +170,10 @@ class PicturamDL extends Picturam {
169170
progenitorem_inner = __base__3
170171
}
171172

172-
console.log()
173+
// console.log()
173174
// result += `\n${recursive(rem_subitem_2, (indicem + 1))}`
174-
result += `\n${recursive(recursive_item, (indicem + 1), progenitorem_inner)}`
175+
// result += `\n${recursive(recursive_item, (indicem + 1), progenitorem_inner)}`
176+
result_group += `\n${recursive(recursive_item, (indicem + 1), progenitorem_inner)}`
175177
// console.log('@todo: re-enable recursive')
176178

177179
} else {
@@ -182,16 +184,28 @@ class PicturamDL extends Picturam {
182184
// console.log('_linguam', _linguam)
183185
let ldata = PicturamDL._htmlDataAttributes(_linguam)
184186
for (let [_temp2, indicem_et_rem] of Object.entries(rem_subitem_2)) {
185-
result += `<dl>`
187+
// result += `<dl>`
188+
result_group += `<dl>`
186189
// result += `<dt>${linguam}</dt>`
187-
result += `<dt ${ldata}>${_linguam}</dt>`
190+
// result += `<dt ${ldata}>${_linguam}</dt>`
191+
result_group += `<dt ${ldata}>${_linguam}</dt>`
188192
for (let [indicem, rem_crudum] of Object.entries(indicem_et_rem)) {
189-
result += `<dd ${ldata}>${indicem}: ${rem_crudum}</dd>`
193+
// result += `<dd ${ldata}>${indicem}: ${rem_crudum}</dd>`
194+
if (!result_group_simplex_label) {
195+
result_group_simplex_label = ` <em class="meta-in-lineam" lang="${_linguam}">${rem_crudum}</em>`
196+
result_group_simplex_title = `${rem_crudum}`
197+
}
198+
199+
result_group += `<dd ${ldata}>${indicem}: ${rem_crudum}</dd>`
190200
}
191-
result += `</dl>`
201+
// result += `</dl>`
202+
result_group += `</dl>`
192203
}
193204
}
194205
}
206+
result += `<details id="${ego_codicem}">`
207+
result += `<summary title="${result_group_simplex_title}">${clavem}${result_group_simplex_label}</summary>`
208+
result += result_group
195209
result += `</details>`
196210
} else {
197211
let _linguam = clavem

‎docs/picturam.html

Lines changed: 53 additions & 59 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,9 @@
11
<!doctype html>
22
<html lang="la">
3+
<!--
4+
Dominium Publicum
5+
SPDX-License-Identifier: Unlicense
6+
-->
37

48
<head>
59
<meta charset="utf-8">
@@ -10,14 +14,19 @@
1014
<link rel="icon" href="img/favicon.png">
1115
<title>Numerordĭnātĭo pictūrae</title>
1216
<style>
13-
:root {
14-
/* --bcp47-language: 'lat,prs'; */
15-
--bcp47-language: 'lat';
16-
}
17-
1817
details>details {
1918
padding-left: 2em;
2019
}
20+
dt {
21+
padding-left: 1em;
22+
font-size: 0.9em;
23+
color: #666666;
24+
}
25+
dd {
26+
padding-left: 2em;
27+
font-size: 0.8em;
28+
color: #666666;
29+
}
2130

2231
[data-hide-significatum="1"] dl [data-significatum="1"] {
2332
display: none;
@@ -57,7 +66,17 @@ <h1>Numerordĭnātĭo pictūrae</h1>
5766
</label>
5867
</div>
5968
</div>
60-
69+
</div>
70+
<div class="col-12">
71+
<div class="mb-3">
72+
<div class="form-check form-switch">
73+
<!-- <input class="form-check-input instrumentum-optionem" type="checkbox" role="switch" id="se" checked> -->
74+
<input class="form-check-input instrumentum-optionem" type="checkbox" role="switch" id="se1" checked>
75+
<label class="form-check-label" for="se1">
76+
Simple velox nomen
77+
</label>
78+
</div>
79+
</div>
6180
</div>
6281
</div>
6382
<div class="col-xxl-8 col-12">
@@ -113,9 +132,9 @@ <h1>Numerordĭnātĭo pictūrae</h1>
113132
<div id="picturam-notitia">
114133
<div class="alert alert-info">
115134
<ul>
116-
<li>Exemplum: <a target="_blank"
135+
<!-- <li>Exemplum: <a target="_blank"
117136
href='./picturam.html#?peritum={"json_iri":"data/exemplum/scientiae-communitatem--sexualitatem.json"}'>./picturam.html#?peritum={"json_iri":"data/exemplum/scientiae-communitatem--sexualitatem.json"}</a>
118-
</li>
137+
</li> -->
119138
<li>Exemplum: <a target="_blank"
120139
href='./picturam.html#?peritum={"json_data":{"10":{},"10:1":{"lat-Latn":{"0":"Exemplum"},"prs-Arab":{"0":"مثال"},"rus-Cyrl":{"0":"Пример"}}}}'>./picturam.html#?peritum={"json_data":{"10":{},"10:1":{"lat-Latn":{"0":"Exemplum"},"prs-Arab":{"0":"مثال"},"rus-Cyrl":{"0":"Пример"}}}}</a>
121140
</li>
@@ -147,6 +166,12 @@ <h1>Numerordĭnātĭo pictūrae</h1>
147166
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.2.1/d3.min.js"
148167
integrity="sha512-wkduu4oQG74ySorPiSRStC0Zl8rQfjr/Ty6dMvYTmjZw6RS5bferdx8TR7ynxeh79ySEp/benIFFisKofMjPbg=="
149168
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
169+
170+
171+
<!--
172+
_[eng-Latn] Note: this interface code _works_ to glue the libraries
173+
to the interface, but this part is not as well documented [eng-Latn]_
174+
-->
150175
<script type="module">
151176
import * as Picturam from './lib/numerordinatio-picturam.mjs';
152177

@@ -170,8 +195,8 @@ <h1>Numerordĭnātĭo pictūrae</h1>
170195
function picturam_css(object_de_array, stylesheet_id = 'picturam-stylesheet') {
171196
let picturamStylesheet = document.getElementById(stylesheet_id)
172197
let crudumStylesheet = []
173-
console.log(picturamStylesheet)
174-
console.log(object_de_array)
198+
// console.log(picturamStylesheet)
199+
// console.log(object_de_array)
175200

176201
for (let [selector, optionem] of Object.entries(object_de_array)) {
177202
crudumStylesheet.push(`${selector} {\n ${optionem.join(";\n ")}\n}`)
@@ -181,18 +206,9 @@ <h1>Numerordĭnātĭo pictūrae</h1>
181206
}
182207
window.picturam_css = picturam_css
183208

184-
// picturam_css({
185-
// 'dl [data-bcp47-language="Lat" i]': [
186-
// 'display: none;'
187-
// ],
188-
// 'dl [data-bcp47-language="lat" i]': [
189-
// 'display: none;'
190-
// ],
191-
// })
192-
193209
function render_optionem() {
194210
let picturam_css_optionem = {}
195-
console.log('render_optionem')
211+
// console.log('render_optionem')
196212
let details = document.querySelectorAll('#picturam-html details');
197213
// let significatum = document.querySelectorAll('[data-significatum]');
198214
[...details].map(item => document.getElementById('ce').checked ? item.setAttribute("open", 1) : item.removeAttribute("open"))
@@ -244,7 +260,16 @@ <h1>Numerordĭnātĭo pictūrae</h1>
244260
}
245261
}
246262

247-
console.log('picturam_css_optionem', picturam_css_optionem)
263+
let se1_val = document.querySelector('#se1').checked
264+
if (se1_val) {
265+
// picturam_css_optionem[`dl dt.meta-in-lineam]`] = ['display: block !important;']
266+
} else {
267+
picturam_css_optionem[`.meta-in-lineam`] = ['display: none;']
268+
}
269+
270+
// meta-in-lineam
271+
272+
// console.log('picturam_css_optionem', picturam_css_optionem)
248273
picturam_css(picturam_css_optionem)
249274

250275

@@ -282,10 +307,10 @@ <h1>Numerordĭnātĭo pictūrae</h1>
282307
render(data)
283308
})
284309
} else if (resultatum.json_data) {
285-
console.log('resultatum.json_data', resultatum.json_data)
310+
// console.log('resultatum.json_data', resultatum.json_data)
286311
render(resultatum.json_data)
287312
} else if (resultatum.json_form) {
288-
console.log('resultatum.json_form', resultatum.json_form)
313+
// console.log('resultatum.json_form', resultatum.json_form)
289314
document.getElementById('picturam-form').style.display = 'block'
290315
document.getElementById('picturam-form-textarea').value = JSON.stringify(resultatum.json_form, null, 2)
291316
document.getElementById('picturam-form-actionem').addEventListener('click', function (el) {
@@ -298,7 +323,11 @@ <h1>Numerordĭnātĭo pictūrae</h1>
298323
console.log('no json_iri', resultatum)
299324
}
300325
}
301-
console.log(resultatum)
326+
// console.log(resultatum)
327+
}
328+
329+
function hoverdetails(el){
330+
302331
}
303332

304333
let picturam_html_wp = document.getElementById('picturam-html')
@@ -316,44 +345,9 @@ <h1>Numerordĭnātĭo pictūrae</h1>
316345
picturam_html_wp.setAttribute("data-hide-significatum", "1")
317346
}
318347
})
319-
// document.getElementById('cl').addEventListener('change', function (el) {
320-
// let rem = cl.value.split(',').map(item => item.trim())
321-
322-
// // console.log('changed', el.checked, el)
323-
// console.log(cl.value)
324-
// console.log('rem', rem)
325-
// if (rem && rem.length > 0) {
326-
// rem.forEach(language => {
327-
// picturam_html_wp.setAttribute("data-show-bcp47-language", language)
328-
// });
329-
// } else {
330-
// picturam_html_wp.removeAttribute("data-hide-significatum")
331-
// }
332-
// })
333-
334-
// function fontem_data(functionem_regressae) {
335-
// let _functionem_regressae = functionem_regressae || console.log
336-
// let de_hash = {}
337-
// let _hash = document.location.hash
338-
// if (_hash.indexOf('#?json_iri=') > -1) {
339-
// let json_iri = _hash.replace('#?json_iri=', '')
340-
341-
// d3.json(json_iri).then((data) => {
342-
// functionem_regressae(data)
343-
// });
344-
// }
345-
// functionem_regressae(de_hash)
346-
// }
347348

348349
fontem_data_peritum()
349-
// fontem_data(function (data) {
350-
// render(data)
351-
// })
352-
353350

354-
// d3.json("data/exemplum/scientiae-communitatem--sexualitatem.json").then((data) => {
355-
// render(data)
356-
// });
357351
</script>
358352
</body>
359353

0 commit comments

Comments
 (0)