Created
December 10, 2014 18:29
-
-
Save ebruchez/69c07a8c54debd2492f2 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?xml version="1.0" encoding="UTF-8"?><xh:html xmlns:xh="http://www.w3.org/1999/xhtml" xmlns:xxi="http://orbeon.org/oxf/xml/xinclude" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xi="http://www.w3.org/2001/XInclude" xmlns:saxon="http://saxon.sf.net/" xmlns:xs="http://www.w3.org/2001/XMLSchema" xmlns:xxf="http://orbeon.org/oxf/xml/xforms" xmlns:sql="http://orbeon.org/oxf/xml/sql" xmlns:fr="http://orbeon.org/oxf/xml/form-runner" xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/" xmlns:xf="http://www.w3.org/2002/xforms" xmlns:exf="http://www.exforms.org/exf/1-0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"> | |
<xh:head> | |
<xf:model xmlns:fb="http://orbeon.org/oxf/xml/form-builder" id="fr-form-model" xxf:noscript-support="false"> | |
<xf:instance id="fr-form-instance"> | |
<form> | |
<text-controls> | |
<textarea>Music is an art form whose medium is sound. Common elements of music are pitch (which governs melody and harmony), rhythm (and its associated concepts tempo, meter, and articulation), dynamics, and the sonic qualities of timbre and texture. The word derives from Greek μουσική (mousike), "(art) of the Muses". | |
The creation, performance, significance, and even the definition of music vary according to culture and social context. Music ranges from strictly organized compositions (and their recreation in performance), through improvisational music to aleatoric forms. Music can be divided into genres and subgenres, although the dividing lines and relationships between music genres are often subtle, sometimes open to individual interpretation, and occasionally controversial. Within "the arts", music may be classified as a performing art, a fine art, and auditory art. | |
From Wikipedia (https://en.wikipedia.org/wiki/Music).</textarea> | |
<htmlarea><div style="text-align: left;"> | |
<p><strong>Giuseppe Fortunino Francesco Verdi</strong>&nbsp;(Italian:&nbsp;<a shape="rect" title="Help:IPA for Italian" href="https://en.wikipedia.org/wiki/Help:IPA_for_Italian">[d͡ʒuˈzɛppe ˈverdi]</a>; 9 or 10 October 1813&nbsp;– 27 January 1901) was an&nbsp;<a shape="rect" title="Italians" href="https://en.wikipedia.org/wiki/Italians">Italian</a>&nbsp;<a shape="rect" title="Romantic music" href="https://en.wikipedia.org/wiki/Romantic_music">Romantic</a>&nbsp;composer primarily known for his operas. He is considered, together with&nbsp;<a shape="rect" title="Richard Wagner" href="https://en.wikipedia.org/wiki/Richard_Wagner">Richard Wagner</a>, the preeminent opera composer of the nineteenth century.&nbsp;Verdi dominated the Italian opera scene after the eras of&nbsp;<a shape="rect" title="Vincenzo Bellini" href="https://en.wikipedia.org/wiki/Vincenzo_Bellini">Bellini</a>,&nbsp;<a shape="rect" title="Gaetano Donizetti" href="https://en.wikipedia.org/wiki/Gaetano_Donizetti">Donizetti</a>&nbsp;and&nbsp;<a shape="rect" title="Gioachino Rossini" href="https://en.wikipedia.org/wiki/Gioachino_Rossini">Rossini</a>. His works are frequently performed in opera houses throughout the world and, transcending the boundaries of the genre, some of his themes have long since taken root in popular culture, as "<a shape="rect" title="La donna è mobile" href="https://en.wikipedia.org/wiki/La_donna_%C3%A8_mobile">La donna è mdyanobile</a>" from&nbsp;<em><a shape="rect" class="mw-redirect" title="Rigoletto (opera)" href="https://en.wikipedia.org/wiki/Rigoletto_(opera)">Rigoletto</a></em>, "<a shape="rect" title="Libiamo ne' lieti calici" href="https://en.wikipedia.org/wiki/Libiamo_ne%27_lieti_calici">Libiamo ne' lieti calici</a>" (The Drinking Song) from&nbsp;<em><a shape="rect" title="La traviata" href="https://en.wikipedia.org/wiki/La_traviata">La traviata</a></em>, "<a shape="rect" title="Va, pensiero" href="https://en.wikipedia.org/wiki/Va,_pensiero">Va, pensiero</a>" (The Chorus of the Hebrew Slaves) from&nbsp;<em><a shape="rect" title="Nabucco" href="https://en.wikipedia.org/wiki/Nabucco">Nabucco</a></em>, the "Coro di zingari" (<a shape="rect" title="Anvil Chorus" href="https://en.wikipedia.org/wiki/Anvil_Chorus">Anvil Chorus</a>) from&nbsp;<em><a shape="rect" title="Il trovatore" href="https://en.wikipedia.org/wiki/Il_trovatore">Il trovatore</a></em>&nbsp;and the "<a shape="rect" title="Triumphal March" href="https://en.wikipedia.org/wiki/Triumphal_March">Grand March</a>" from&nbsp;<em><a shape="rect" title="Aida" href="https://en.wikipedia.org/wiki/Aida">Aida</a></em>.</p> | |
<p>Moved by the death of compatriot&nbsp;<a shape="rect" title="Alessandro Manzoni" href="https://en.wikipedia.org/wiki/Alessandro_Manzoni">Alessandro Manzoni</a>, Verdi wrote&nbsp;<em><a shape="rect" title="Requiem (Verdi)" href="https://en.wikipedia.org/wiki/Requiem_(Verdi)">Messa da Requiem</a></em>&nbsp;in 1874 in Manzoni's honour, a work now regarded as a masterpiece of the&nbsp;<a shape="rect" title="Oratorio" href="https://en.wikipedia.org/wiki/Oratorio">oratorio</a>&nbsp;tradition and a testimony to his capacity outside the field of opera.&nbsp;Visionary and politically engaged, he remains – alongside&nbsp;<a shape="rect" title="Giuseppe Garibaldi" href="https://en.wikipedia.org/wiki/Giuseppe_Garibaldi">Garibaldi</a>&nbsp;and&nbsp;<a shape="rect" title="Camillo Benso, Count of Cavour" href="https://en.wikipedia.org/wiki/Camillo_Benso,_Count_of_Cavour">Cavour</a>&nbsp;– an emblematic figure of the reunification process of the&nbsp;<a shape="rect" class="mw-redirect" title="Italian peninsula" href="https://en.wikipedia.org/wiki/Italian_peninsula">Italian peninsula</a>&nbsp;(the&nbsp;<em><a shape="rect" class="mw-redirect" title="Risorgimento" href="https://en.wikipedia.org/wiki/Risorgimento">Risorgimento</a></em>).</p> | |
</div></htmlarea> | |
<input>Michelle</input> | |
<output>Great love and great achievements involve great risk.</output> | |
<secret>42</secret> | |
</text-controls> | |
<typed-controls> | |
<email>[email protected]</email> | |
<us-phone>5555555555</us-phone> | |
<number>299792458</number> | |
<currency>10.99</currency> | |
<us-state>CA</us-state> | |
</typed-controls> | |
<date-time-controls> | |
<date>2009-10-16</date> | |
<time>17:47:57</time> | |
<datetime>2009-10-16T17:48:03</datetime> | |
<dropdown-date>2009-10-16</dropdown-date> | |
<fields-date>2009-10-16</fields-date> | |
</date-time-controls> | |
<selection-controls> | |
<dropdown>cat</dropdown> | |
<radio-buttons>cat</radio-buttons> | |
<checkboxes>cat bird</checkboxes> | |
<single-list>cat</single-list> | |
<multiple-list>cat bird</multiple-list> | |
<boolean>false</boolean> | |
<dynamic-data-dropdown/> | |
<autocomplete label="United States">us</autocomplete> | |
<autocomplete-result/> | |
</selection-controls> | |
<attachment-controls> | |
<static-image filename="step.jpg" mediatype="image/jpeg" size="37401">oxf:/forms/orbeon/controls/form/step.jpg</static-image> | |
<image-attachment filename="crater.jpg" mediatype="image/jpeg" size="16952">oxf:/forms/orbeon/controls/form/crater.jpg</image-attachment> | |
<image-annotation><image filename="" mediatype="" size=""/><annotation/></image-annotation> | |
<file-attachment filename="" mediatype="" size=""/> | |
</attachment-controls> | |
<buttons> | |
<browser-button/> | |
<link-button/> | |
</buttons> | |
<us-address> | |
<street-number>1600</street-number> | |
<street-name>Pennsylvania Avenue NW</street-name> | |
<apt-suite/> | |
<city>Washington</city> | |
<state>DC</state> | |
<zip>20500</zip> | |
</us-address> | |
<us-address/> | |
</form> | |
</xf:instance> | |
<xf:bind id="fr-form-binds" ref="instance('fr-form-instance')"> | |
<xf:bind id="text-controls-bind" ref="text-controls" name="text-controls"> | |
<xf:bind id="input-bind" ref="input" name="input"/> | |
<xf:bind id="textarea-bind" ref="textarea" name="textarea"/> | |
<xf:bind id="secret-bind" ref="secret" name="secret" type="xs:string" required="true()" constraint=". = '42'"/> | |
<xf:bind ref="output" id="output-bind" name="output"/> | |
<xf:bind ref="htmlarea" id="htmlarea-bind" name="htmlarea"/> | |
</xf:bind> | |
<xf:bind id="date-time-controls-bind" ref="date-time-controls" name="date-time-controls"> | |
<xf:bind id="date-bind" ref="date" type="xf:date" name="date"/> | |
<xf:bind id="time-bind" ref="time" type="xf:time" name="time"/> | |
<xf:bind id="datetime-bind" ref="datetime" type="xf:dateTime" name="datetime"/> | |
<xf:bind id="dropdown-date-bind" ref="dropdown-date" type="xf:date" name="dropdown-date"/> | |
<xf:bind id="fields-date-bind" ref="fields-date" type="xf:date" name="fields-date"/> | |
</xf:bind> | |
<xf:bind id="buttons-bind" ref="buttons" name="buttons" relevant="$fr-mode = ('new', 'edit', 'test')"> | |
<xf:bind id="browser-button-bind" ref="browser-button" name="browser-button"/> | |
<xf:bind id="link-button-bind" ref="link-button" name="link-button"/> | |
</xf:bind> | |
<xf:bind id="selection-controls-bind" ref="selection-controls" name="selection-controls"> | |
<xf:bind id="dropdown-bind" ref="dropdown" type="xf:string" name="dropdown"/> | |
<xf:bind id="radio-buttons-bind" ref="radio-buttons" type="xf:string" name="radio-buttons"/> | |
<xf:bind id="checkboxes-bind" ref="checkboxes" type="xf:string" name="checkboxes"/> | |
<xf:bind id="single-list-bind" ref="single-list" type="xf:string" name="single-list"/> | |
<xf:bind id="multiple-list-bind" ref="multiple-list" name="multiple-list"/> | |
<xf:bind id="autocomplete-bind" ref="autocomplete" name="autocomplete"/> | |
<xf:bind id="boolean-bind" ref="boolean" type="xf:boolean" name="boolean"/> | |
<xf:bind name="dynamic-data-dropdown" id="dynamic-data-dropdown-bind" ref="dynamic-data-dropdown" type="xf:string"/> | |
<xf:bind name="autocomplete-result" id="autocomplete-result-bind" ref="autocomplete-result" relevant="normalize-space($autocomplete)" calculate="$autocomplete"/> | |
</xf:bind> | |
<xf:bind id="attachment-controls-bind" ref="attachment-controls" name="attachment-controls"> | |
<xf:bind id="image-attachment-bind" ref="image-attachment" type="xs:anyURI" name="image-attachment"/> | |
<xf:bind id="image-annotation-bind" ref="image-annotation" name="image-annotation"/> | |
<xf:bind id="file-attachment-bind" ref="file-attachment" type="xs:anyURI" name="file-attachment"/> | |
<xf:bind ref="static-image" id="static-image-bind" type="xf:anyURI" name="static-image"/> | |
</xf:bind> | |
<xf:bind name="typed-controls" id="typed-controls-bind" ref="typed-controls"> | |
<xf:bind ref="email" id="email-bind" type="xf:email" name="email"/> | |
<xf:bind ref="currency" id="currency-bind" type="xf:decimal" name="currency"/> | |
<xf:bind ref="us-phone" id="us-phone-bind" constraint=". = '' or matches(., '^\d{10}$')" name="us-phone"/> | |
<xf:bind ref="number" id="number-bind" name="number" type="xf:decimal"/> | |
<xf:bind ref="us-state" id="us-state-bind" type="xf:string" name="us-state"/> | |
</xf:bind> | |
<xf:bind name="us-address" id="us-address-bind" ref="us-address"/> | |
</xf:bind> | |
<xf:instance xxf:readonly="true" id="fr-form-metadata"> | |
<metadata> | |
<application-name>orbeon</application-name> | |
<form-name>controls</form-name> | |
<title xml:lang="en">Form Builder Controls</title> | |
<description xml:lang="en">This form shows all the built-in controls supported by Form Builder</description> | |
<title xml:lang="fr">Contrôles de Form Builder</title> | |
<description xml:lang="fr">Ce formulaire montre tous les contrôles supportés par Form Builder</description> | |
</metadata> | |
</xf:instance> | |
<xf:instance id="fr-form-attachments"> | |
<attachments> | |
<css mediatype="text/css" filename="" size=""/> | |
<pdf mediatype="application/pdf" filename="" size=""/> | |
</attachments> | |
</xf:instance> | |
<xf:instance xxf:readonly="true" id="fr-form-resources"> | |
<resources> | |
<resource xml:lang="en"> | |
<static-image> | |
<label>Image</label> | |
<hint/> | |
</static-image> | |
<email> | |
<label>Email Address</label> | |
<hint>Email field with validation</hint> | |
</email> | |
<us-phone> | |
<label>US Phone Number</label> | |
<hint>US phone number field</hint> | |
</us-phone> | |
<number> | |
<label>Number</label> | |
<hint>Number field with validation</hint> | |
</number> | |
<currency> | |
<label>Currency</label> | |
<hint>Currency field</hint> | |
</currency> | |
<us-state> | |
<label>US State</label> | |
<hint>US state selector</hint> | |
</us-state> | |
<browser-button> | |
<label>Standard Button</label> | |
<hint>Standard browser button</hint> | |
</browser-button> | |
<link-button> | |
<label>Link Button</label> | |
<hint>Button as a link</hint> | |
</link-button> | |
<image-attachment> | |
<label>Image Attachment</label> | |
<hint>Attach an image</hint> | |
</image-attachment> | |
<image-annotation> | |
<label>Image annotation</label> | |
<hint/> | |
</image-annotation> | |
<file-attachment> | |
<label>File Attachment</label> | |
<hint>Attach a file</hint> | |
</file-attachment> | |
<selection-controls> | |
<label>Selection Controls</label> | |
</selection-controls> | |
<dropdown> | |
<label>Dropdown Menu</label> | |
<hint>Standard dropdown</hint> | |
<item> | |
<label>Cat</label> | |
<value>cat</value> | |
</item> | |
<item> | |
<label>Dog</label> | |
<value>dog</value> | |
</item> | |
<item> | |
<label>Bird</label> | |
<value>bird</value> | |
</item> | |
<item> | |
<label>Fish</label> | |
<value>fish</value> | |
</item> | |
</dropdown> | |
<radio-buttons> | |
<label>Radio Buttons</label> | |
<hint>Standard radio buttons</hint> | |
<item> | |
<label>Cat</label> | |
<value>cat</value> | |
</item> | |
<item> | |
<label>Dog</label> | |
<value>dog</value> | |
</item> | |
<item> | |
<label>Bird</label> | |
<value>bird</value> | |
</item> | |
<item> | |
<label>Fish</label> | |
<value>fish</value> | |
</item> | |
</radio-buttons> | |
<checkboxes> | |
<label>Checkboxes</label> | |
<hint>Standard checkboxes</hint> | |
<item> | |
<label>Cat</label> | |
<value>cat</value> | |
</item> | |
<item> | |
<label>Dog</label> | |
<value>dog</value> | |
</item> | |
<item> | |
<label>Bird</label> | |
<value>bird</value> | |
</item> | |
<item> | |
<label>Fish</label> | |
<value>fish</value> | |
</item> | |
</checkboxes> | |
<single-list> | |
<label>Scrollable List</label> | |
<hint>Standard single-selection list</hint> | |
<item> | |
<label>Cat</label> | |
<value>cat</value> | |
</item> | |
<item> | |
<label>Dog</label> | |
<value>dog</value> | |
</item> | |
<item> | |
<label>Bird</label> | |
<value>bird</value> | |
</item> | |
<item> | |
<label>Fish</label> | |
<value>fish</value> | |
</item> | |
</single-list> | |
<multiple-list> | |
<label>Scrollable Checkboxes</label> | |
<hint>Scrollable selector with checkboxes</hint> | |
<item> | |
<label>Cat</label> | |
<value>cat</value> | |
</item> | |
<item> | |
<label>Dog</label> | |
<value>dog</value> | |
</item> | |
<item> | |
<label>Bird</label> | |
<value>bird</value> | |
</item> | |
<item> | |
<label>Fish</label> | |
<value>fish</value> | |
</item> | |
</multiple-list> | |
<boolean> | |
<label>Boolean Input</label> | |
<hint>An input which captures "true" or "false"</hint> | |
</boolean> | |
<dynamic-data-dropdown> | |
<label>Dynamic Data Dropdown</label> | |
<hint/> | |
</dynamic-data-dropdown> | |
<date> | |
<label>Date</label> | |
<hint>Standard date field</hint> | |
</date> | |
<time> | |
<label>Time</label> | |
<hint>Standard time field</hint> | |
</time> | |
<datetime> | |
<label>Date and Time</label> | |
<hint>Standard date and time field</hint> | |
</datetime> | |
<dropdown-date> | |
<label>Dropdown Date</label> | |
<hint>Date selector with dropdown menus</hint> | |
</dropdown-date> | |
<fields-date> | |
<label>Fields Date</label> | |
<hint>Date selector with separate fields</hint> | |
</fields-date> | |
<textarea> | |
<label>Text Area</label> | |
<hint>Standard text area</hint> | |
</textarea> | |
<htmlarea> | |
<label>Formatted Text</label> | |
<hint>Rich text editor</hint> | |
</htmlarea> | |
<text-controls> | |
<label>Text Controls</label> | |
</text-controls> | |
<typed-controls> | |
<label>Typed Controls</label> | |
</typed-controls> | |
<input> | |
<label>Input Field</label> | |
<hint>Standard input field</hint> | |
</input> | |
<output> | |
<label>Text Output</label> | |
<hint/> | |
</output> | |
<secret> | |
<label>Password Field</label> | |
<hint>The password is 42 ;)</hint> | |
</secret> | |
<date-time-controls> | |
<label>Date and Time</label> | |
</date-time-controls> | |
<buttons> | |
<label>Buttons</label> | |
</buttons> | |
<us-address> | |
<label>US Address Template</label> | |
</us-address> | |
<attachment-controls> | |
<label>Attachments</label> | |
</attachment-controls> | |
<autocomplete> | |
<label>Autocomplete</label> | |
<hint>Enter the name of a country</hint> | |
<code>Country code</code> | |
</autocomplete> | |
<autocomplete-result> | |
<label>Autocomplete Selection</label> | |
<hint/> | |
</autocomplete-result> | |
</resource> | |
<resource xml:lang="fr"> | |
<static-image> | |
<label>Image</label> | |
<hint/> | |
</static-image> | |
<email> | |
<label>Adresse email</label> | |
<hint>Email field with validation</hint> | |
</email> | |
<us-phone> | |
<label>Téléphone US</label> | |
<hint>US phone number field</hint> | |
</us-phone> | |
<number> | |
<label>Nombre</label> | |
<hint>Number field with validation</hint> | |
</number> | |
<currency> | |
<label>Devise</label> | |
<hint>Currency field</hint> | |
</currency> | |
<us-state> | |
<label>Etat US</label> | |
<hint>US state selector</hint> | |
</us-state> | |
<browser-button> | |
<label>Bouton</label> | |
<hint>Bouton navigateur standard</hint> | |
</browser-button> | |
<link-button> | |
<label>Bouton lien</label> | |
<hint>Lien agissant comme un bouton</hint> | |
</link-button> | |
<image-attachment> | |
<label>Image jointe</label> | |
<hint>Joindre une image</hint> | |
</image-attachment> | |
<image-annotation> | |
<label>Annotation d'image</label> | |
<hint/> | |
</image-annotation> | |
<file-attachment> | |
<label>Fichier joint</label> | |
<hint>Joindre un fichier</hint> | |
</file-attachment> | |
<selection-controls> | |
<label>Contrôles de sélection</label> | |
</selection-controls> | |
<dropdown> | |
<label>Menu déroulant</label> | |
<hint>Menu standard</hint> | |
<item> | |
<label>Chat</label> | |
<value>cat</value> | |
</item> | |
<item> | |
<label>Chien</label> | |
<value>dog</value> | |
</item> | |
<item> | |
<label>Oiseau</label> | |
<value>bird</value> | |
</item> | |
<item> | |
<label>Poisson</label> | |
<value>fish</value> | |
</item> | |
</dropdown> | |
<radio-buttons> | |
<label>Boutons radio</label> | |
<hint>Boutons radio standards</hint> | |
<item> | |
<label>Chat</label> | |
<value>cat</value> | |
</item> | |
<item> | |
<label>Chien</label> | |
<value>dog</value> | |
</item> | |
<item> | |
<label>Oiseau</label> | |
<value>bird</value> | |
</item> | |
<item> | |
<label>Poisson</label> | |
<value>fish</value> | |
</item> | |
</radio-buttons> | |
<checkboxes> | |
<label>Cases à cocher</label> | |
<hint>Cases à cocher standards</hint> | |
<item> | |
<label>Chat</label> | |
<value>cat</value> | |
</item> | |
<item> | |
<label>Chien</label> | |
<value>dog</value> | |
</item> | |
<item> | |
<label>Oiseau</label> | |
<value>bird</value> | |
</item> | |
<item> | |
<label>Poisson</label> | |
<value>fish</value> | |
</item> | |
</checkboxes> | |
<single-list> | |
<label>Liste défilante</label> | |
<hint>Liste de sélection simple standard</hint> | |
<item> | |
<label>Chat</label> | |
<value>cat</value> | |
</item> | |
<item> | |
<label>Chien</label> | |
<value>dog</value> | |
</item> | |
<item> | |
<label>Oiseau</label> | |
<value>bird</value> | |
</item> | |
<item> | |
<label>Poisson</label> | |
<value>fish</value> | |
</item> | |
</single-list> | |
<multiple-list> | |
<label>Cases à cocher défilantes</label> | |
<hint>Composant cases à cocher avec ascenseur</hint> | |
<item> | |
<label>Chat</label> | |
<value>cat</value> | |
</item> | |
<item> | |
<label>Chien</label> | |
<value>dog</value> | |
</item> | |
<item> | |
<label>Oiseau</label> | |
<value>bird</value> | |
</item> | |
<item> | |
<label>Poisson</label> | |
<value>fish</value> | |
</item> | |
</multiple-list> | |
<boolean> | |
<label>Boolean Input</label> | |
<hint>An input which captures "true" or "false"</hint> | |
</boolean> | |
<dynamic-data-dropdown> | |
<label>Dynamic Data Dropdown</label> | |
<hint/> | |
</dynamic-data-dropdown> | |
<date> | |
<label>Date</label> | |
<hint>Champ date standard</hint> | |
</date> | |
<time> | |
<label>Heure</label> | |
<hint>Champ heure standard</hint> | |
</time> | |
<datetime> | |
<label>Date et heure</label> | |
<hint>Champ date et heure standard</hint> | |
</datetime> | |
<dropdown-date> | |
<label>Date avec menus</label> | |
<hint>Sélecteur de date avec menus</hint> | |
</dropdown-date> | |
<fields-date> | |
<label>Date avec champs</label> | |
<hint>Sélecteur de date avec champs séparés</hint> | |
</fields-date> | |
<textarea> | |
<label>Zone de texte</label> | |
<hint>Zone de texte standard</hint> | |
</textarea> | |
<htmlarea> | |
<label>Texte formatté</label> | |
<hint>Editeur de texte enrichi</hint> | |
</htmlarea> | |
<text-controls> | |
<label>Contrôles texte</label> | |
</text-controls> | |
<typed-controls> | |
<label>Contrôles typés</label> | |
</typed-controls> | |
<input> | |
<label>Champ de texte</label> | |
<hint>Champ de texte standard</hint> | |
</input> | |
<output> | |
<label>Sortie texte</label> | |
<hint/> | |
</output> | |
<secret> | |
<label>Mot de passe</label> | |
<hint>Le mot de passe est 42 ;)</hint> | |
</secret> | |
<date-time-controls> | |
<label>Contrôles date et heure</label> | |
</date-time-controls> | |
<buttons> | |
<label>Boutons</label> | |
</buttons> | |
<us-address> | |
<label>Modèle Adresse US</label> | |
</us-address> | |
<attachment-controls> | |
<label>Fichiers joints</label> | |
</attachment-controls> | |
<autocomplete> | |
<label>Complétion automatique</label> | |
<hint>Entrez le nom d'un pays</hint> | |
<code>Code du pays</code> | |
</autocomplete> | |
<autocomplete-result> | |
<label>Résultat de la complétion</label> | |
<hint/> | |
</autocomplete-result> | |
</resource> | |
</resources> | |
</xf:instance> | |
<xf:instance id="fr-service-request-instance" xxf:exclude-result-prefixes="#all"> | |
<request/> | |
</xf:instance> | |
<xf:instance id="fr-service-response-instance" xxf:exclude-result-prefixes="#all"> | |
<response/> | |
</xf:instance> | |
<xf:instance id="autocomplete-search-instance"> | |
<instance> | |
<country-name>United States</country-name> | |
</instance> | |
</xf:instance> | |
<xf:instance id="autocomplete-itemset-instance"> | |
<country/> | |
</xf:instance> | |
<xf:submission id="autocomplete-submission" ref="instance('autocomplete-search-instance')" validate="false" method="post" resource="/fr/service/custom/orbeon/controls/countries" replace="instance" instance="autocomplete-itemset-instance"/> | |
</xf:model><xbl:xbl xmlns:xbl="http://www.w3.org/ns/xbl" xmlns:xxbl="http://orbeon.org/oxf/xml/xbl" xmlns:fbf="java:org.orbeon.oxf.fb.FormBuilder" xmlns:component="http://orbeon.org/oxf/xml/form-builder/component/orbeon/library" xmlns:fb="http://orbeon.org/oxf/xml/form-builder" xmlns:p="http://www.orbeon.com/oxf/pipeline"><xbl:binding id="orbeon-address-component" element="component|address" class="fr-section-component"><xbl:implementation><xf:model id="address-model"><xf:instance id="fr-form-instance" xxbl:mirror="true"><empty/></xf:instance><xf:instance id="fr-form-template"><address> | |
<street-number/> | |
<street-name/> | |
<apt-suite/> | |
<city/> | |
<state/> | |
<zip/> | |
</address></xf:instance><xf:bind><xf:bind id="street-number-bind" name="street-number" required="true()" ref="street-number"> | |
<xf:constraint id="constraint-8-constraint" value="string() castable as xs:integer" level="warning"/> | |
</xf:bind><xf:bind id="street-name-bind" name="street-name" ref="street-name" required="true()"/><xf:bind id="apt-suite-bind" name="apt-suite" ref="apt-suite"/><xf:bind id="city-bind" name="city" ref="city" required="true()"/><xf:bind id="state-bind" name="state" ref="state" required="true()"/><xf:bind id="zip-bind" name="zip" required="true()" ref="zip" type="xs:integer"/></xf:bind><xf:instance id="fr-form-resources"><resources><resource xml:lang="en"><address> | |
<label>US Address</label> | |
<help/> | |
</address><street-number> | |
<label>Street Number</label> | |
<hint/> | |
<alert>The street number is usually a number</alert> | |
</street-number><street-name> | |
<label>Street Name</label> | |
<hint/> | |
<help/> | |
<alert/> | |
</street-name><apt-suite> | |
<label>Apt/Suite</label> | |
<hint/> | |
<help/> | |
<alert/> | |
</apt-suite><city> | |
<label>City</label> | |
<hint/> | |
<help/> | |
<alert/> | |
</city><state> | |
<label>State</label> | |
<hint/> | |
<help/> | |
<alert/> | |
</state><zip> | |
<label>Zip</label> | |
<hint/> | |
</zip></resource><resource xml:lang="fr"><address> | |
<label>Adresse US</label> | |
<help/> | |
</address><street-number> | |
<label>Numéro de rue</label> | |
<hint/> | |
<alert>Le numéro de rue est en général un nombre</alert> | |
</street-number><street-name> | |
<label>Nom de rue</label> | |
<hint/> | |
<help/> | |
<alert/> | |
</street-name><apt-suite> | |
<label>Appartement/suite</label> | |
<hint/> | |
<help/> | |
<alert/> | |
</apt-suite><city> | |
<label>Ville</label> | |
<hint/> | |
<help/> | |
<alert/> | |
</city><state> | |
<label>Etat</label> | |
<hint/> | |
<help/> | |
<alert/> | |
</state><zip> | |
<label>Code postal</label> | |
<hint/> | |
</zip></resource></resources></xf:instance><xf:instance id="readonly"><readonly/></xf:instance><xf:var name="fr-params" value="xxf:instance('fr-parameters-instance')"/><xf:var name="fr-mode" value="$fr-params/mode"/><xf:bind ref="instance('fr-form-instance')" readonly="$fr-mode = ('view', 'pdf', 'email') or instance('readonly') = 'true' or ($fr-params/app = 'orbeon' and $fr-params/form = 'builder')"/><xf:action ev:event="xforms-model-construct-done"><xf:action if="empty(instance()/*)"><xf:insert context="instance()" origin="instance('fr-form-template')/*"/>> | |
<xf:rebuild/><xf:recalculate xxf:defauls="true"/><xf:revalidate/></xf:action></xf:action></xf:model></xbl:implementation><xbl:template><xf:var name="context" id="context" value="xxf:binding-context('orbeon-address-component')"/><xf:var name="readonly" as="xs:boolean" value="exf:readonly($context)"><xf:setvalue ev:event="xforms-enabled xforms-value-changed" ref="instance('readonly')" value="exf:readonly($context)"/></xf:var><xf:var name="fr-resources" as="element()?"><xxf:sequence value="$fr-resources" xxbl:scope="outer"/></xf:var><xf:var name="form-resources" value="instance('fr-form-resources')/(resource[@xml:lang = xxf:instance('fr-language-instance')], resource[1])[1]" as="element(resource)"/><xf:group appearance="xxf:internal"><fr:grid xmlns:oxf="http://www.orbeon.com/oxf/processors" columns="3"> | |
<xh:tr> | |
<xh:td> | |
<xf:input id="street-number-control" bind="street-number-bind"> | |
<xf:label ref="$form-resources/street-number/label"/> | |
<xf:hint ref="$form-resources/street-number/hint"/> | |
<xf:alert ref="$form-resources/street-number/alert" validation="constraint-8-constraint"/> | |
<xf:alert ref="$fr-resources/detail/labels/alert"/> | |
</xf:input> | |
</xh:td> | |
<xh:td> | |
<xf:input xmlns:pipeline="java:org.orbeon.oxf.processor.pipeline.PipelineFunctionLibrary" id="street-name-control" bind="street-name-bind"> | |
<xf:label ref="$form-resources/street-name/label"/> | |
<xf:hint ref="$form-resources/street-name/hint"/> | |
<xf:alert ref="$fr-resources/detail/labels/alert"/> | |
</xf:input> | |
</xh:td> | |
<xh:td> | |
<xf:input xmlns:pipeline="java:org.orbeon.oxf.processor.pipeline.PipelineFunctionLibrary" id="apt-suite-control" bind="apt-suite-bind"> | |
<xf:label ref="$form-resources/apt-suite/label"/> | |
<xf:hint ref="$form-resources/apt-suite/hint"/> | |
<xf:alert ref="$fr-resources/detail/labels/alert"/> | |
</xf:input> | |
</xh:td> | |
</xh:tr> | |
<xh:tr> | |
<xh:td> | |
<xf:input xmlns:pipeline="java:org.orbeon.oxf.processor.pipeline.PipelineFunctionLibrary" id="city-control" bind="city-bind"> | |
<xf:label ref="$form-resources/city/label"/> | |
<xf:hint ref="$form-resources/city/hint"/> | |
<xf:alert ref="$fr-resources/detail/labels/alert"/> | |
</xf:input> | |
</xh:td> | |
<xh:td> | |
<fr:us-state xmlns="http://orbeon.org/oxf/xml/form-builder" xmlns:pipeline="java:org.orbeon.oxf.processor.pipeline.PipelineFunctionLibrary" id="state-control" bind="state-bind"> | |
<xf:label ref="$form-resources/state/label"/> | |
<xf:hint ref="$form-resources/state/hint"/> | |
<xf:alert ref="$fr-resources/detail/labels/alert"/> | |
</fr:us-state> | |
</xh:td> | |
<xh:td> | |
<xf:input xmlns:pipeline="java:org.orbeon.oxf.processor.pipeline.PipelineFunctionLibrary" id="zip-control" bind="zip-bind"> | |
<xf:label ref="$form-resources/zip/label"/> | |
<xf:hint ref="$form-resources/zip/hint"/> | |
<xf:alert ref="$fr-resources/detail/labels/alert"/> | |
</xf:input> | |
</xh:td> | |
</xh:tr> | |
</fr:grid></xf:group></xbl:template></xbl:binding></xbl:xbl> | |
</xh:head> | |
<xh:body> | |
<fr:view> | |
<fr:body xmlns:xbl="http://www.w3.org/ns/xbl" xmlns:oxf="http://www.orbeon.com/oxf/processors" xmlns:p="http://www.orbeon.com/oxf/pipeline" xmlns:fb="http://orbeon.org/oxf/xml/form-builder"> | |
<fr:section id="text-controls-section" bind="text-controls-bind"> | |
<xf:label ref="$form-resources/text-controls/label"/> | |
<fr:grid columns="3"> | |
<xh:tr> | |
<xh:td> | |
<xf:input bind="input-bind" id="input-control"> | |
<xf:label ref="$form-resources/input/label"/> | |
<xf:hint ref="$form-resources/input/hint"/> | |
</xf:input> | |
</xh:td> | |
<xh:td> | |
<xf:output bind="output-bind" id="output-control"> | |
<xf:label ref="$form-resources/output/label"/> | |
</xf:output> | |
</xh:td> | |
<xh:td> | |
<xf:secret id="secret-control" bind="secret-bind" xxf:autocomplete="off" class="fr-width-10em"> | |
<xf:label ref="$form-resources/secret/label"/> | |
<xf:hint ref="$form-resources/secret/hint"/> | |
</xf:secret> | |
</xh:td> | |
</xh:tr> | |
</fr:grid> | |
<fr:grid columns="1"> | |
<xh:tr> | |
<xh:td> | |
<xf:textarea bind="textarea-bind" id="textarea-control"> | |
<xf:label ref="$form-resources/textarea/label"/> | |
<xf:hint ref="$form-resources/textarea/hint"/> | |
</xf:textarea> | |
</xh:td> | |
</xh:tr> | |
<xh:tr> | |
<xh:td> | |
<fr:tinymce bind="htmlarea-bind" id="htmlarea-control"> | |
<xf:label ref="$form-resources/htmlarea/label"/> | |
<xf:hint ref="$form-resources/htmlarea/hint"/> | |
<xf:alert ref="$fr-resources/detail/labels/alert"/> | |
</fr:tinymce> | |
</xh:td> | |
</xh:tr> | |
</fr:grid> | |
</fr:section> | |
<fr:section id="typed-controls-section" bind="typed-controls-bind"> | |
<xf:label ref="$form-resources/typed-controls/label"/> | |
<fr:grid> | |
<xh:tr> | |
<xh:td> | |
<xf:input bind="email-bind" id="email-control"> | |
<xf:label ref="$form-resources/email/label"/> | |
<xf:hint ref="$form-resources/email/hint"/> | |
</xf:input> | |
</xh:td> | |
<xh:td> | |
<fr:us-phone bind="us-phone-bind" id="us-phone-control"> | |
<xf:label ref="$form-resources/us-phone/label"/> | |
<xf:hint ref="$form-resources/us-phone/hint"/> | |
<xf:alert ref="$fr-resources/detail/labels/alert"/> | |
</fr:us-phone> | |
</xh:td> | |
<xh:td> | |
<fr:number id="number-control" digits-after-decimal="0" bind="number-bind" class="fr-width-10em" suffix="m/s"> | |
<xf:label ref="$form-resources/number/label"/> | |
<xf:hint ref="$form-resources/number/hint"/> | |
<xf:alert ref="$fr-resources/detail/labels/alert"/> | |
</fr:number> | |
</xh:td> | |
</xh:tr> | |
<xh:tr> | |
<xh:td> | |
<fr:currency bind="currency-bind" id="currency-control" class="fr-width-10em"> | |
<xf:label ref="$form-resources/currency/label"/> | |
<xf:hint ref="$form-resources/currency/hint"/> | |
<xf:alert ref="$fr-resources/detail/labels/alert"/> | |
</fr:currency> | |
</xh:td> | |
<xh:td> | |
<fr:us-state bind="us-state-bind" id="us-state-control" class="fr-width-10em"> | |
<xf:label ref="$form-resources/us-state/label"/> | |
<xf:hint ref="$form-resources/us-state/hint"/> | |
<xf:alert ref="$fr-resources/detail/labels/alert"/> | |
</fr:us-state> | |
</xh:td> | |
<xh:td/> | |
</xh:tr> | |
</fr:grid> | |
</fr:section> | |
<fr:section id="date-time-controls-section" bind="date-time-controls-bind"> | |
<xf:label ref="$form-resources/date-time-controls/label"/> | |
<fr:grid columns="3"> | |
<xh:tr> | |
<xh:td> | |
<xf:input bind="date-bind" id="date-control"> | |
<xf:label ref="$form-resources/date/label"/> | |
<xf:hint ref="$form-resources/date/hint"/> | |
</xf:input> | |
</xh:td> | |
<xh:td> | |
<xf:input bind="time-bind" id="time-control"> | |
<xf:label ref="$form-resources/time/label"/> | |
<xf:hint ref="$form-resources/time/hint"/> | |
</xf:input> | |
</xh:td> | |
<xh:td> | |
<xf:input bind="datetime-bind" id="datetime-control"> | |
<xf:label ref="$form-resources/datetime/label"/> | |
<xf:hint ref="$form-resources/datetime/hint"/> | |
</xf:input> | |
</xh:td> | |
</xh:tr> | |
<xh:tr> | |
<xh:td> | |
<fr:dropdown-date bind="dropdown-date-bind" id="dropdown-date-control"> | |
<xf:label ref="$form-resources/dropdown-date/label"/> | |
<xf:hint ref="$form-resources/dropdown-date/hint"/> | |
<xf:alert ref="$fr-resources/detail/labels/alert"/> | |
</fr:dropdown-date> | |
</xh:td> | |
<xh:td> | |
<fr:fields-date bind="fields-date-bind" id="fields-date-control"> | |
<xf:label ref="$form-resources/fields-date/label"/> | |
<xf:hint ref="$form-resources/fields-date/hint"/> | |
<xf:alert ref="$fr-resources/detail/labels/alert"/> | |
</fr:fields-date> | |
</xh:td> | |
<xh:td/> | |
</xh:tr> | |
</fr:grid> | |
</fr:section> | |
<fr:section id="selection-controls-section" bind="selection-controls-bind"> | |
<xf:label ref="$form-resources/selection-controls/label"/> | |
<fr:grid columns="3"> | |
<xh:tr> | |
<xh:td> | |
<fr:dropdown-select1 bind="dropdown-bind" id="dropdown-control" class="fr-width-12em"> | |
<xf:label ref="$form-resources/dropdown/label"/> | |
<xf:hint ref="$form-resources/dropdown/hint"/> | |
<xf:itemset ref="$form-resources/dropdown/item"> | |
<xf:label ref="label"/> | |
<xf:value ref="value"/> | |
</xf:itemset> | |
</fr:dropdown-select1> | |
</xh:td> | |
<xh:td> | |
<xf:select1 appearance="full" bind="radio-buttons-bind" id="radio-buttons-control"> | |
<xf:label ref="$form-resources/radio-buttons/label"/> | |
<xf:hint ref="$form-resources/radio-buttons/hint"/> | |
<xf:itemset ref="$form-resources/radio-buttons/item"> | |
<xf:label ref="label"/> | |
<xf:value ref="value"/> | |
</xf:itemset> | |
</xf:select1> | |
</xh:td> | |
<xh:td> | |
<xf:select appearance="full" bind="checkboxes-bind" id="checkboxes-control"> | |
<xf:label ref="$form-resources/checkboxes/label"/> | |
<xf:hint ref="$form-resources/checkboxes/hint"/> | |
<xf:itemset ref="$form-resources/checkboxes/item"> | |
<xf:label ref="label"/> | |
<xf:value ref="value"/> | |
</xf:itemset> | |
</xf:select> | |
</xh:td> | |
</xh:tr> | |
<xh:tr> | |
<xh:td> | |
<xf:select1 appearance="compact" bind="single-list-bind" id="single-list-control"> | |
<xf:label ref="$form-resources/single-list/label"/> | |
<xf:hint ref="$form-resources/single-list/hint"/> | |
<xf:itemset ref="$form-resources/single-list/item"> | |
<xf:label ref="label"/> | |
<xf:value ref="value"/> | |
</xf:itemset> | |
</xf:select1> | |
</xh:td> | |
<xh:td> | |
<fr:box-select xmlns="http://orbeon.org/oxf/xml/form-builder" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:xxbl="http://orbeon.org/oxf/xml/xbl" bind="multiple-list-bind" id="multiple-list-control"> | |
<xf:label ref="$form-resources/multiple-list/label"/> | |
<xf:hint ref="$form-resources/multiple-list/hint"/> | |
<xf:alert ref="$fr-resources/detail/labels/alert"/> | |
<xf:itemset ref="$form-resources/multiple-list/item"> | |
<xf:label ref="label"/> | |
<xf:value ref="value"/> | |
</xf:itemset> | |
</fr:box-select> | |
</xh:td> | |
<xh:td> | |
<xf:input xmlns="http://orbeon.org/oxf/xml/form-builder" bind="boolean-bind" id="boolean-control"> | |
<xf:label ref="$form-resources/boolean/label"/> | |
<xf:hint ref="$form-resources/boolean/hint"/> | |
</xf:input> | |
</xh:td> | |
</xh:tr> | |
<xh:tr> | |
<xh:td> | |
<fr:autocomplete bind="autocomplete-bind" labelref="@label" id="autocomplete-control" dynamic-itemset="true" max-results-displayed="5"> | |
<xf:label ref="$form-resources/autocomplete/label"/> | |
<xf:hint ref="$form-resources/autocomplete/hint"/> | |
<xf:alert ref="$fr-resources/detail/labels/alert"/> | |
<xf:itemset ref="instance('autocomplete-itemset-instance')/country"> | |
<xf:label ref="name"/> | |
<xf:value ref="us-code"/> | |
</xf:itemset> | |
<xf:action ev:event="fr-search-changed"> | |
<xf:var name="search-value" value="event('fr-search-value')"/> | |
<xf:setvalue ref="instance('autocomplete-search-instance')/country-name" value="$search-value"/> | |
<xf:send submission="autocomplete-submission"/> | |
</xf:action> | |
</fr:autocomplete> | |
</xh:td> | |
<xh:td> | |
<xf:output id="autocomplete-result-control" bind="autocomplete-result-bind"> | |
<xf:label ref="$form-resources/autocomplete-result/label"/> | |
<xf:hint ref="$form-resources/autocomplete-result/hint"/> | |
</xf:output> | |
</xh:td> | |
<xh:td> | |
<fr:databound-select1 xmlns:xxbl="http://orbeon.org/oxf/xml/xbl" id="dynamic-data-dropdown-control" appearance="minimal" resource="/fr/service/custom/orbeon/controls/countries?all=true" bind="dynamic-data-dropdown-bind"> | |
<xf:label ref="$form-resources/dynamic-data-dropdown/label"/> | |
<xf:hint ref="$form-resources/dynamic-data-dropdown/hint"/> | |
<xf:alert ref="$fr-resources/detail/labels/alert"/> | |
<xf:itemset ref="/*/country"> | |
<xf:label ref="name"/> | |
<xf:value ref="us-code"/> | |
</xf:itemset> | |
</fr:databound-select1> | |
</xh:td> | |
</xh:tr> | |
</fr:grid> | |
</fr:section> | |
<fr:section id="attachment-controls-section" bind="attachment-controls-bind"> | |
<xf:label ref="$form-resources/attachment-controls/label"/> | |
<fr:grid columns="2"> | |
<xh:tr> | |
<xh:td> | |
<xf:output mediatype="image/*" value="." bind="static-image-bind" id="static-image-control" class="fr-attachment"> | |
<xf:label ref="$form-resources/static-image/label"/> | |
</xf:output> | |
</xh:td> | |
<xh:td> | |
<fr:image-attachment bind="image-attachment-bind" id="image-attachment-control" class="fr-attachment"> | |
<xf:label ref="$form-resources/image-attachment/label"/> | |
<xf:hint ref="$form-resources/image-attachment/hint"/> | |
<xf:alert ref="$fr-resources/detail/labels/alert"/> | |
<xf:filename ref="@filename"/> | |
<xf:mediatype ref="@mediatype"/> | |
<xxf:size ref="@size"/> | |
</fr:image-attachment> | |
</xh:td> | |
</xh:tr> | |
<xh:tr> | |
<xh:td> | |
<fr:wpaint bind="image-annotation-bind" id="image-annotation-control" class="fr-attachment"> | |
<xf:label ref="$form-resources/image-annotation/label"/> | |
<xf:hint ref="$form-resources/image-annotation/hint"/> | |
<xf:alert ref="$fr-resources/detail/labels/alert"/> | |
<xf:filename ref="@filename"/> | |
<xf:mediatype ref="@mediatype"/> | |
<xxf:size ref="@size"/> | |
</fr:wpaint> | |
</xh:td> | |
<xh:td> | |
<fr:attachment bind="file-attachment-bind" id="file-attachment-control" class="fr-attachment"> | |
<xf:label ref="$form-resources/file-attachment/label"/> | |
<xf:hint ref="$form-resources/file-attachment/hint"/> | |
<xf:alert ref="$fr-resources/detail/labels/alert"/> | |
<xf:filename ref="@filename"/> | |
<xf:mediatype ref="@mediatype"/> | |
<xxf:size ref="@size"/> | |
</fr:attachment> | |
</xh:td> | |
</xh:tr> | |
</fr:grid> | |
</fr:section> | |
<fr:section id="buttons-section" bind="buttons-bind"> | |
<xf:label ref="$form-resources/buttons/label"/> | |
<fr:grid columns="2"> | |
<xh:tr> | |
<xh:td> | |
<xf:trigger bind="browser-button-bind" id="browser-button-control"> | |
<xf:label ref="$form-resources/browser-button/label"/> | |
<xf:hint ref="$form-resources/browser-button/hint"/> | |
</xf:trigger> | |
</xh:td> | |
<xh:td> | |
<xf:trigger appearance="minimal" bind="link-button-bind" id="link-button-control"> | |
<xf:label ref="$form-resources/link-button/label"/> | |
<xf:hint ref="$form-resources/link-button/hint"/> | |
</xf:trigger> | |
</xh:td> | |
<xh:td/> | |
</xh:tr> | |
</fr:grid> | |
</fr:section> | |
<fr:section id="us-address-control" bind="us-address-bind"> | |
<xf:label ref="$form-resources/us-address/label"/> | |
<component:address xmlns:component="http://orbeon.org/oxf/xml/form-builder/component/orbeon/library"/> | |
</fr:section> | |
</fr:body> | |
</fr:view> | |
</xh:body> | |
</xh:html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment