Skip to content

Commit

Permalink
HXL-CPLP/forum#60, #4: the picturam.html is now also an option to che…
Browse files Browse the repository at this point in the history 
…ck AST
  • Loading branch information
@fititnt
fititnt committed Jan 4, 2022
1 parent db9b243 commit d7f9460
Show file tree
Hide file tree
Showing 3 changed files with 112 additions and 74 deletions.
38 changes: 34 additions & 4 deletions docs/index.html
View file
Original file line number Diff line number Diff line change
@@ -1,10 +1,9 @@
<!doctype html>
<html lang="la">
<!--
Dominium Publicum
SPDX-License-Identifier: Unlicense
-->
<!doctype html>
<html lang="la">

<head>
<meta charset="utf-8">
<!-- <title>cōdex simplex ontologiae</title> -->
Expand Down Expand Up @@ -341,6 +340,17 @@ <h3 id="h-ontologia"><a href="#h-ontologia">§</a> 1.1. Scientiam in focō</h3>
scientiam-basi-verbosum.gv
</a>
</li>
<li>
<a target="_blank" href="#" class="dropdown-item numerordinatio_exportare"
data-numord-conscientiam="scientiae_focum" data-numord-archivum="json" data-numord-varians="verbosum"
data-numord-constructionem="crudum" data-numord-reconstructum="true"
data-numord-functionem-finale="picturam_json" data-numord-titulum="scientiam-basi-verbosum">
<svg class="bi bi-globe" width="16" height="16" role="img" aria-label="Globe:">
<use xlink:href="#bi-globe" />
</svg>
scientiam-basi-verbosum.json (picturam.html)
</a>
</li>
</ul>
</div>
</div>
Expand Down Expand Up @@ -510,6 +520,17 @@ <h3 id="h-professorem"><a href="#h-professorem">§</a> 1.2. Scientiam ex exempl
referentia-normam.gv
</a>
</li>
<li>
<a target="_blank" href="#" class="dropdown-item numerordinatio_exportare"
data-numord-conscientiam="referentia_normam" data-numord-archivum="json" data-numord-varians="verbosum"
data-numord-constructionem="crudum" data-numord-reconstructum="true"
data-numord-functionem-finale="picturam_json" data-numord-titulum="referentia-normam">
<svg class="bi bi-globe" width="16" height="16" role="img" aria-label="Globe:">
<use xlink:href="#bi-globe" />
</svg>
referentia-normam.json (picturam.html)
</a>
</li>
</ul>
</div>

Expand Down Expand Up @@ -1254,6 +1275,15 @@ <h3 class="modal-title" id="exampleModalLabel">Simplex auxilium</h3>
HtmlElementum.href = 'https://edotor.net/?engine=dot#' + data_encoded
return false;
},
'picturam_json': function (crudum_datum, HtmlElementum, numerordinatio_abstractum, datum_specificum_rem) {
console.log('functionem_constructionem picturam_json', crudum_datum)
let _peritum = {
'json_data': crudum_datum
}
// HtmlElementum.href = './picturam.html#?peritum=' + encodeURI(JSON.stringify(_peritum))
HtmlElementum.href = './picturam.html#?peritum=' + JSON.stringify(_peritum)
return false;
},
},
// 'globum': 'status_quo', // window.status_quo
// cōnscientiam, https://en.wiktionary.org/wiki/conscientia
Expand Down Expand Up @@ -1589,7 +1619,7 @@ <h3 class="modal-title" id="exampleModalLabel">Simplex auxilium</h3>
let __result = scientia.reversumLogicae(document.querySelector('#i_reversum_logicae').value)

// console.log(ui_reversum_logicae, ui_reversum_logicae.value)
CoreMirroReversumAst.setValue('# @TODO ' + JSON.stringify(__result))
CoreMirroReversumAst.setValue('# @TODO Graphviz de: ' + JSON.stringify(__result))
// return false;
});

Expand Down
36 changes: 25 additions & 11 deletions docs/lib/numerordinatio-picturam.mjs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ import { Auxilium, BCP47Langtag, Primitivum, codicem_separato } from './numerord
// import * as D3 from 'https://cdnjs.cloudflare.com/ajax/libs/d3/7.2.1/d3.js';
// import { * } from 'https://cdnjs.cloudflare.com/ajax/libs/d3/7.2.1/d3.js'

console.log('numerordinatio-picturam.mjs')
// console.log('numerordinatio-picturam.mjs')

class Picturam {
constructor(d3, radicem) {
Expand Down Expand Up @@ -72,7 +72,7 @@ class PicturamDL extends Picturam {
crudum_html.push(`data-bcp47-privateuse="${bcp47.privateuse.join(',')}"`)
}

console.log('bcp47', bcp47)
// console.log('bcp47', bcp47)
return crudum_html.join(' ')
}

Expand Down Expand Up @@ -151,10 +151,11 @@ class PicturamDL extends Picturam {
}


result += `<details id="${ego_codicem}">`
// result += `<summary>${indicem}_${clavem}</summary>`
result += `<summary>${clavem}</summary>`

// result += `<summary>${ego_codicem}</summary>`
let result_group = ''
let result_group_simplex_label = ''
let result_group_simplex_title = ''
for (let [clavem_2, rem_subitem_2] of Object.entries(rem_subitem)) {
// console.log('clavem_2', clavem_2, __RegulaNumerumInVasum.test(clavem_2))
if (__RegulaNumerumInVasum.test(clavem_2)) {
Expand All @@ -169,9 +170,10 @@ class PicturamDL extends Picturam {
progenitorem_inner = __base__3
}

console.log()
// console.log()
// result += `\n${recursive(rem_subitem_2, (indicem + 1))}`
result += `\n${recursive(recursive_item, (indicem + 1), progenitorem_inner)}`
// result += `\n${recursive(recursive_item, (indicem + 1), progenitorem_inner)}`
result_group += `\n${recursive(recursive_item, (indicem + 1), progenitorem_inner)}`
// console.log('@todo: re-enable recursive')

} else {
Expand All @@ -182,16 +184,28 @@ class PicturamDL extends Picturam {
// console.log('_linguam', _linguam)
let ldata = PicturamDL._htmlDataAttributes(_linguam)
for (let [_temp2, indicem_et_rem] of Object.entries(rem_subitem_2)) {
result += `<dl>`
// result += `<dl>`
result_group += `<dl>`
// result += `<dt>${linguam}</dt>`
result += `<dt ${ldata}>${_linguam}</dt>`
// result += `<dt ${ldata}>${_linguam}</dt>`
result_group += `<dt ${ldata}>${_linguam}</dt>`
for (let [indicem, rem_crudum] of Object.entries(indicem_et_rem)) {
result += `<dd ${ldata}>${indicem}: ${rem_crudum}</dd>`
// result += `<dd ${ldata}>${indicem}: ${rem_crudum}</dd>`
if (!result_group_simplex_label) {
result_group_simplex_label = ` <em class="meta-in-lineam" lang="${_linguam}">${rem_crudum}</em>`
result_group_simplex_title = `${rem_crudum}`
}

result_group += `<dd ${ldata}>${indicem}: ${rem_crudum}</dd>`
}
result += `</dl>`
// result += `</dl>`
result_group += `</dl>`
}
}
}
result += `<details id="${ego_codicem}">`
result += `<summary title="${result_group_simplex_title}">${clavem}${result_group_simplex_label}</summary>`
result += result_group
result += `</details>`
} else {
let _linguam = clavem
Expand Down
112 changes: 53 additions & 59 deletions docs/picturam.html
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,9 @@
<!doctype html>
<html lang="la">
<!--
Dominium Publicum
SPDX-License-Identifier: Unlicense
-->

<head>
<meta charset="utf-8">
Expand All @@ -10,14 +14,19 @@
<link rel="icon" href="img/favicon.png">
<title>Numerordĭnātĭo pictūrae</title>
<style>
:root {
/* --bcp47-language: 'lat,prs'; */
--bcp47-language: 'lat';
}

details>details {
padding-left: 2em;
}
dt {
padding-left: 1em;
font-size: 0.9em;
color: #666666;
}
dd {
padding-left: 2em;
font-size: 0.8em;
color: #666666;
}

[data-hide-significatum="1"] dl [data-significatum="1"] {
display: none;
Expand Down Expand Up @@ -57,7 +66,17 @@ <h1>Numerordĭnātĭo pictūrae</h1>
</label>
</div>
</div>

</div>
<div class="col-12">
<div class="mb-3">
<div class="form-check form-switch">
<!-- <input class="form-check-input instrumentum-optionem" type="checkbox" role="switch" id="se" checked> -->
<input class="form-check-input instrumentum-optionem" type="checkbox" role="switch" id="se1" checked>
<label class="form-check-label" for="se1">
Simple velox nomen
</label>
</div>
</div>
</div>
</div>
<div class="col-xxl-8 col-12">
Expand Down Expand Up @@ -113,9 +132,9 @@ <h1>Numerordĭnātĭo pictūrae</h1>
<div id="picturam-notitia">
<div class="alert alert-info">
<ul>
<li>Exemplum: <a target="_blank"
<!-- <li>Exemplum: <a target="_blank"
href='./picturam.html#?peritum={"json_iri":"data/exemplum/scientiae-communitatem--sexualitatem.json"}'>./picturam.html#?peritum={"json_iri":"data/exemplum/scientiae-communitatem--sexualitatem.json"}</a>
</li>
</li> -->
<li>Exemplum: <a target="_blank"
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>
</li>
Expand Down Expand Up @@ -147,6 +166,12 @@ <h1>Numerordĭnātĭo pictūrae</h1>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.2.1/d3.min.js"
integrity="sha512-wkduu4oQG74ySorPiSRStC0Zl8rQfjr/Ty6dMvYTmjZw6RS5bferdx8TR7ynxeh79ySEp/benIFFisKofMjPbg=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>


<!--
_[eng-Latn] Note: this interface code _works_ to glue the libraries
to the interface, but this part is not as well documented [eng-Latn]_
-->
<script type="module">
import * as Picturam from './lib/numerordinatio-picturam.mjs';

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

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

// picturam_css({
// 'dl [data-bcp47-language="Lat" i]': [
// 'display: none;'
// ],
// 'dl [data-bcp47-language="lat" i]': [
// 'display: none;'
// ],
// })

function render_optionem() {
let picturam_css_optionem = {}
console.log('render_optionem')
// console.log('render_optionem')
let details = document.querySelectorAll('#picturam-html details');
// let significatum = document.querySelectorAll('[data-significatum]');
[...details].map(item => document.getElementById('ce').checked ? item.setAttribute("open", 1) : item.removeAttribute("open"))
Expand Down Expand Up @@ -244,7 +260,16 @@ <h1>Numerordĭnātĭo pictūrae</h1>
}
}

console.log('picturam_css_optionem', picturam_css_optionem)
let se1_val = document.querySelector('#se1').checked
if (se1_val) {
// picturam_css_optionem[`dl dt.meta-in-lineam]`] = ['display: block !important;']
} else {
picturam_css_optionem[`.meta-in-lineam`] = ['display: none;']
}

// meta-in-lineam

// console.log('picturam_css_optionem', picturam_css_optionem)
picturam_css(picturam_css_optionem)


Expand Down Expand Up @@ -282,10 +307,10 @@ <h1>Numerordĭnātĭo pictūrae</h1>
render(data)
})
} else if (resultatum.json_data) {
console.log('resultatum.json_data', resultatum.json_data)
// console.log('resultatum.json_data', resultatum.json_data)
render(resultatum.json_data)
} else if (resultatum.json_form) {
console.log('resultatum.json_form', resultatum.json_form)
// console.log('resultatum.json_form', resultatum.json_form)
document.getElementById('picturam-form').style.display = 'block'
document.getElementById('picturam-form-textarea').value = JSON.stringify(resultatum.json_form, null, 2)
document.getElementById('picturam-form-actionem').addEventListener('click', function (el) {
Expand All @@ -298,7 +323,11 @@ <h1>Numerordĭnātĭo pictūrae</h1>
console.log('no json_iri', resultatum)
}
}
console.log(resultatum)
// console.log(resultatum)
}

function hoverdetails(el){

}

let picturam_html_wp = document.getElementById('picturam-html')
Expand All @@ -316,44 +345,9 @@ <h1>Numerordĭnātĭo pictūrae</h1>
picturam_html_wp.setAttribute("data-hide-significatum", "1")
}
})
// document.getElementById('cl').addEventListener('change', function (el) {
// let rem = cl.value.split(',').map(item => item.trim())

// // console.log('changed', el.checked, el)
// console.log(cl.value)
// console.log('rem', rem)
// if (rem && rem.length > 0) {
// rem.forEach(language => {
// picturam_html_wp.setAttribute("data-show-bcp47-language", language)
// });
// } else {
// picturam_html_wp.removeAttribute("data-hide-significatum")
// }
// })

// function fontem_data(functionem_regressae) {
// let _functionem_regressae = functionem_regressae || console.log
// let de_hash = {}
// let _hash = document.location.hash
// if (_hash.indexOf('#?json_iri=') > -1) {
// let json_iri = _hash.replace('#?json_iri=', '')

// d3.json(json_iri).then((data) => {
// functionem_regressae(data)
// });
// }
// functionem_regressae(de_hash)
// }

fontem_data_peritum()
// fontem_data(function (data) {
// render(data)
// })


// d3.json("data/exemplum/scientiae-communitatem--sexualitatem.json").then((data) => {
// render(data)
// });
</script>
</body>

Expand Down

0 comments on commit d7f9460

Please sign in to comment.