Generate Visualization from SeMoX
Start with model
From model we create a UIDefinition.xml
What is the minimum/maximum we put from semox to UI common to ALL standards?
Can we stick to the foundational assumption, that genarting UI is
- How to handle if more than one codelist is used for a term
- Example in xrechnung BT-130 for merging two codelists . (tailor it to create a single codelist)
- also in xbestellung for charge and allowance
- example for either or -> xor
current way:
<control id="BT-3"
label="Invoice type code"
type="select"
datatype="code"
ref="cbc:InvoiceTypeCode"
codelistId="untdid-1001"/>
new version
<control id="BT-3"
label="Invoice type code"
type="select" // visu type
datatype="code" // from semox
ref="cbc:InvoiceTypeCode">
<m:codelist id="untdid-1001">
<m:name>UNTDID 1001 Document name code</m:name>
<m:description xml:lang="de">Die Codeliste basiert auf der Codeliste 1001 (Document name code) des United Trade Data Interchange Directory (UNTDID). Die vorliegende Version der Codeliste entspricht in Umfang und Inhalt der Einträge (Codes, Namen und Beschreibung) der zugrundeliegenden Codeliste 1001 (Document name code) des United Trade Data Interchange Directory (UNTDID). Die Codeliste kann im Zusammenhang mit EN16931-1:2017 und der darauf basierenden XRechnung (Standard und Extension) verwendeten werden. EN16931 Annex A definiert eine Untermenge dieser Liste zur Verwendung. Des Weiteren enthält diese Codeliste alle Einträge, die für die Nutzung im Kontext des Standards XBestellung benötigt werden.</m:description>
<!-- ideally the link is the download link-->
<m:link>https://www.xrepository.de/details/urn:xoev-de:kosit:codeliste:untdid.1001_3</m:link>
<m:version>3</m:version>
</codelist>
<!-- not so good because still it needs to know where the codelist -->
<codelist id="second codelist">
<code id="thecode" hint='the description of the code'>the value</code>
</codelist>
<control>
and second step to directly generate a select like e.g. https://jinntec.github.io/Fore/demo/selects2.html
<fx-control ref="listitem" update-event="change">
<label>native select</label>
<select class="widget">
<option value></option>
<option value="foo">foo</option>
<option value="bar">bar</option>
</select>
</fx-control>
Selected value is:
<fx-output ref="listitem"></fx-output>