Skip to content

Commit db9b243

Browse files
fititntfititnt
committed
HXL-CPLP/forum#60, #4: picturam.html; BCP47 script
1 parent 72d8e05 commit db9b243

File tree

1 file changed

+135
-54
lines changed

1 file changed

+135
-54
lines changed

‎docs/picturam.html

Lines changed: 135 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -30,68 +30,117 @@
3030
</head>
3131

3232
<body>
33-
<h1>Numerordĭnātĭo pictūrae</h1>
34-
35-
<div id="picturam-notitia">
36-
<ul>
37-
<li>Exemplum: <a target="_blank"
38-
href='./picturam.html#?peritum={"json_iri":"data/exemplum/scientiae-communitatem--sexualitatem.json"}'>./picturam.html#?peritum={"json_iri":"data/exemplum/scientiae-communitatem--sexualitatem.json"}</a>
39-
</li>
40-
<li>Exemplum: <a target="_blank"
41-
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>
42-
</li>
43-
<li>Exemplum: <a target="_blank"
44-
href='./picturam.html#?peritum={"json_form":{"10":{},"10:1":{"lat-Latn":{"0":"Exemplum"},"prs-Arab":{"0":"مثال"},"rus-Cyrl":{"0":"Пример"}}}}'>./picturam.html#?peritum={"json_form":{"10":{},"10:1":{"lat-Latn":{"0":"Exemplum"},"prs-Arab":{"0":"مثال"},"rus-Cyrl":{"0":"Пример"}}}}</a>
45-
</li>
46-
</ul>
47-
</div>
48-
<div class="row">
49-
<div class="col">
50-
<div class="form-check form-switch">
51-
<input class="form-check-input instrumentum-optionem" type="checkbox" role="switch" id="ce" checked>
52-
<label class="form-check-label" for="ce">
53-
Expānsiōnem de conceptum
54-
</label>
33+
<main class="container-fluid">
34+
35+
<h1>Numerordĭnātĭo pictūrae</h1>
36+
37+
<div class="row">
38+
<div class="col-xxl-4 col-12">
39+
<div class="col-12">
40+
<div class="mb-3">
41+
<div class="form-check form-switch">
42+
<input class="form-check-input instrumentum-optionem" type="checkbox" role="switch" id="ce" checked>
43+
<label class="form-check-label" for="ce">
44+
Expānsiōnem de conceptum
45+
</label>
46+
</div>
47+
</div>
48+
49+
</div>
50+
<div class="col-12">
51+
<div class="mb-3">
52+
<div class="form-check form-switch">
53+
<!-- <input class="form-check-input instrumentum-optionem" type="checkbox" role="switch" id="se" checked> -->
54+
<input class="form-check-input instrumentum-optionem" type="checkbox" role="switch" id="se">
55+
<label class="form-check-label" for="se">
56+
Expānsiōnem de significātum
57+
</label>
58+
</div>
59+
</div>
60+
61+
</div>
5562
</div>
56-
<div class="form-check form-switch">
57-
<!-- <input class="form-check-input instrumentum-optionem" type="checkbox" role="switch" id="se" checked> -->
58-
<input class="form-check-input instrumentum-optionem" type="checkbox" role="switch" id="se">
59-
<label class="form-check-label" for="se">
60-
Expānsiōnem de significātum
61-
</label>
63+
<div class="col-xxl-8 col-12">
64+
<div class="row">
65+
<div class="col-12 col-md-4">
66+
<div class="input-group mb-3">
67+
<span class="input-group-text" id="cl_label">BCP47 language</span>
68+
<input type="text" name="cl" id="cl" class="form-control instrumentum-optionem"
69+
placeholder="lat, arb, grc, zxx" aria-label="BCP47 linguam" aria-describedby="cl_label" value="">
70+
</div>
71+
</div>
72+
<div class="col-12 col-md-4">
73+
<div class="input-group mb-3">
74+
<span class="input-group-text" id="cs_label">BCP47 script</span>
75+
<input type="text" name="cs" id="cs" class="form-control instrumentum-optionem"
76+
placeholder="Latn, Arab, Grek, Zmth" aria-label="BCP47 scriptum" aria-describedby="cs_label">
77+
</div>
78+
</div>
79+
<div class="col-12 col-md-4">
80+
<div class="input-group mb-3">
81+
<span class="input-group-text" id="cloco_label">BCP47 region</span>
82+
<input type="text" name="cloco" id="cloco" class="form-control instrumentum-optionem"
83+
placeholder="380, 001, 300, 001" aria-label="BCP47 scriptum" aria-describedby="cloco_label">
84+
</div>
85+
</div>
86+
</div>
87+
<div class="row">
88+
<div class="col-12 col-md-4">
89+
<div class="input-group mb-3">
90+
<span class="input-group-text" id="cv_label">BCP47 variant</span>
91+
<input type="text" name="cv" id="cv" class="form-control instrumentum-optionem"
92+
placeholder="pinyin, oxendict, simple" aria-label="BCP47 variant" aria-describedby="cv_label" value="">
93+
</div>
94+
</div>
95+
<div class="col-12 col-md-4">
96+
<div class="input-group mb-3">
97+
<span class="input-group-text" id="cext_label">BCP47 extension (*)</span>
98+
<input type="text" name="cext" id="cext" class="form-control instrumentum-optionem"
99+
placeholder="u-sd-chzh, u-nu-latn" aria-label="BCP47 extension" aria-describedby="cext_label" value="">
100+
</div>
101+
</div>
102+
<div class="col-12 col-md-4">
103+
<div class="input-group mb-3">
104+
<span class="input-group-text" id="cp_label">BCP47 privateuse</span>
105+
<input type="text" name="cp" id="cp" class="form-control instrumentum-optionem"
106+
placeholder="semiceu, systema" aria-label="BCP47 privateuse" aria-describedby="cp_label" value="">
107+
</div>
108+
</div>
109+
</div>
62110
</div>
63111
</div>
64-
<div class="col">
65-
<div class="input-group mb-3">
66-
<span class="input-group-text" id="cl_label">BCP47 linguam</span>
67-
<input type="text" name="cl" id="cl" class="form-control instrumentum-optionem" placeholder="lat, arb, grk"
68-
aria-label="BCP47 linguam" aria-describedby="cl_label" value="">
112+
113+
<div id="picturam-notitia">
114+
<div class="alert alert-info">
115+
<ul>
116+
<li>Exemplum: <a target="_blank"
117+
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>
119+
<li>Exemplum: <a target="_blank"
120+
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>
121+
</li>
122+
<li>Exemplum: <a target="_blank"
123+
href='./picturam.html#?peritum={"json_form":{"10":{},"10:1":{"lat-Latn":{"0":"Exemplum"},"prs-Arab":{"0":"مثال"},"rus-Cyrl":{"0":"Пример"}}}}'>./picturam.html#?peritum={"json_form":{"10":{},"10:1":{"lat-Latn":{"0":"Exemplum"},"prs-Arab":{"0":"مثال"},"rus-Cyrl":{"0":"Пример"}}}}</a>
124+
</li>
125+
</ul>
69126
</div>
70127
</div>
71-
<div class="col">
72-
<div class="input-group mb-3">
73-
<span class="input-group-text" id="cs_label">BCP47 scriptum</span>
74-
<input type="text" name="cs" id="cs" class="form-control instrumentum-optionem" placeholder="Latn, Zyyy, Zmth"
75-
aria-label="BCP47 scriptum" aria-describedby="cs_label">
128+
129+
<div class="row">
130+
<div id="picturam-form" class="col" style="display: none">
131+
<div class="mb-3">
132+
<button type="button" class="btn btn-primary actionem" id="picturam-form-actionem" style="width: 100%;">
133+
āctiōnem
134+
</button>
135+
</div>
136+
<textarea style="width: 100%; height: auto; min-height: 20em;" id="picturam-form-textarea"></textarea>
76137
</div>
77-
</div>
78-
</div>
79-
80-
<div class="row">
81-
<div id="picturam-form" class="col" style="display: none">
82-
<div class="mb-3">
83-
<button type="button" class="btn btn-primary actionem" id="picturam-form-actionem" style="width: 100%;">
84-
āctiōnem
85-
</button>
138+
<!-- <div id="picturam-html" class="col" data-hide-significatum=""> -->
139+
<div id="picturam-html" class="col" data-hide-significatum="1">
86140
</div>
87-
<textarea style="width: 100%; height: auto; min-height: 20em;" id="picturam-form-textarea"></textarea>
88-
</div>
89-
<!-- <div id="picturam-html" class="col" data-hide-significatum=""> -->
90-
<div id="picturam-html" class="col" data-hide-significatum="1">
91141
</div>
92-
</div>
93142

94-
<div class="d3_svg_demo2"></div>
143+
</main>
95144
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
96145
integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"
97146
referrerpolicy="no-referrer"></script>
@@ -118,7 +167,7 @@ <h1>Numerordĭnātĭo pictūrae</h1>
118167
render_optionem()
119168
}
120169

121-
function picturam_css(object_de_array, stylesheet_id = 'picturam-stylesheet'){
170+
function picturam_css(object_de_array, stylesheet_id = 'picturam-stylesheet') {
122171
let picturamStylesheet = document.getElementById(stylesheet_id)
123172
let crudumStylesheet = []
124173
console.log(picturamStylesheet)
@@ -163,6 +212,38 @@ <h1>Numerordĭnātĭo pictūrae</h1>
163212
picturam_css_optionem[`dl [data-bcp47-script="${rem}" i]`] = ['display: block !important;']
164213
}
165214
}
215+
216+
let cloco_val = document.querySelector('#cloco')
217+
let cloco_val_list = cloco_val.value.split(',').map(item => item.trim()).filter(item => item)
218+
if (cloco_val_list && cloco_val_list.length > 0) {
219+
for (let rem of cloco_val_list) {
220+
picturam_css_optionem[`dl [data-bcp47-region="${rem}" i]`] = ['display: block !important;']
221+
}
222+
}
223+
224+
let cv_val = document.querySelector('#cv')
225+
let cv_val_list = cv_val.value.split(',').map(item => item.trim()).filter(item => item)
226+
if (cv_val_list && cv_val_list.length > 0) {
227+
for (let rem of cv_val_list) {
228+
picturam_css_optionem[`dl [data-bcp47-variant="${rem}" i]`] = ['display: block !important;']
229+
}
230+
}
231+
232+
let cext_val = document.querySelector('#cext')
233+
let cext_val_list = cext_val.value.split(',').map(item => item.trim()).filter(item => item)
234+
if (cext_val_list && cext_val_list.length > 0) {
235+
for (let rem of cext_val_list) {
236+
picturam_css_optionem[`dl [data-bcp47-extension="${rem}" i]`] = ['display: block !important;']
237+
}
238+
}
239+
let cp_val = document.querySelector('#cp')
240+
let cp_val_list = cp_val.value.split(',').map(item => item.trim()).filter(item => item)
241+
if (cp_val_list && cp_val_list.length > 0) {
242+
for (let rem of cp_val_list) {
243+
picturam_css_optionem[`dl [data-bcp47-privateuse="${rem}" i]`] = ['display: block !important;']
244+
}
245+
}
246+
166247
console.log('picturam_css_optionem', picturam_css_optionem)
167248
picturam_css(picturam_css_optionem)
168249

0 commit comments

Comments
 (0)