Skip to content

Commit

Permalink
navcurrent, resize, wb-focus + linspacing
Browse files Browse the repository at this point in the history
  • Loading branch information
SebastianBurke committed Aug 1, 2024
1 parent 9aca247 commit ad6ebf4
Show file tree
Hide file tree
Showing 14 changed files with 460 additions and 36 deletions.
136 changes: 136 additions & 0 deletions _data/wet-boew.json
Original file line number Diff line number Diff line change
Expand Up @@ -671,6 +671,108 @@
]
}
}
,{
"@context": {
"@version": 1.1,
"dct": "http://purl.org/dc/terms/",
"title": { "@id": "dct:title", "@container": "@language" },
"description": { "@id": "dct:description", "@container": "@language" },
"modified": "dct:modified"
},
"title": {
"en": "json-fetch",
"fr": "json-fetch"
},
"description": {
"en": "Handles JSON data fetching and triggers events for success or failure.",
"fr": "Gère la récupération de données JSON et déclenche des événements pour le succès ou l'échec."
},
"modified": "2024-08-01",
"componentName": "json-fetch",
"status": "stable",
"pages": {
"examples": [
{
"title": "JSON fetch",
"language": "en",
"path": "./json-fetch-en.html"
},
{
"title": "JSON fetch",
"language": "fr",
"path": "./json-fetch-fr.html"
}
]
}
}
,{
"@context": {
"@version": 1.1,
"dct": "http://purl.org/dc/terms/",
"title": { "@id": "dct:title", "@container": "@language" },
"description": { "@id": "dct:description", "@container": "@language" },
"modified": "dct:modified"
},
"title": {
"en": "NavCurrent",
"fr": "NavCurrent"
},
"description": {
"en": "Identifies URLs in a navigation system that match the current page URL or a URL in the breadcrumb trail.",
"fr": "Identifie les URL dans un système de navigation qui correspondent à l'URL de la page actuelle ou à une URL dans le fil d'Ariane."
},
"modified": "2024-08-01",
"componentName": "wb-navcurr",
"status": "stable",
"pages": {
"examples": [
{
"title": "NavCurrent",
"language": "en",
"path": "./navcurrent-en.html"
},
{
"title": "NavCurrent",
"language": "fr",
"path": "./navcurrent-fr.html"
}
]
}
}
,{
"@context": {
"@version": 1.1,
"dct": "http://purl.org/dc/terms/",
"title": { "@id": "dct:title", "@container": "@language" },
"description": { "@id": "dct:description", "@container": "@language" },
"modified": "dct:modified"
},
"title": {
"en": "Resize",
"fr": "Resize"
},
"description": {
"en": "Handles text and window resizing events, and triggers events based on changes in text size, window width, and window height.",
"fr": "Gère les événements de redimensionnement du texte et de la fenêtre, et déclenche des événements basés sur les changements de taille du texte, de la largeur et de la hauteur de la fenêtre."
},
"modified": "2024-08-01",
"componentName": "wb-rsz",
"status": "stable",
"pages": {
"examples": [
{
"title": "Resize",
"language": "en",
"path": "./resize-en.html"
},
{
"title": "Resize",
"language": "fr",
"path": "./resize-fr.html"
}
]
}
}
,{
"@context": {
"@version": 1.1,
Expand Down Expand Up @@ -843,6 +945,40 @@
]
}
}
,{
"@context": {
"@version": 1.1,
"dct": "http://purl.org/dc/terms/",
"title": { "@id": "dct:title", "@container": "@language" },
"description": { "@id": "dct:description", "@container": "@language" },
"modified": "dct:modified"
},
"title": {
"en": "wb-focus",
"fr": "wb-focus"
},
"description": {
"en": "A user-agent safe method for assigning focus to an element.",
"fr": "Méthode sécurisée pour assigner le focus à un élément."
},
"modified": "2024-08-01",
"componentName": "wb-focus",
"status": "stable",
"pages": {
"examples": [
{
"title": "wb-focus",
"language": "en",
"path": "./wb-focus-en.html"
},
{
"title": "wb-focus",
"language": "fr",
"path": "./wb-focus-fr.html"
}
]
}
}
,{
"@context": {
"@version": 1.1,
Expand Down
22 changes: 11 additions & 11 deletions wet-boew/ajax-fetch/ajax-fetch-en.html
Original file line number Diff line number Diff line change
Expand Up @@ -8,25 +8,25 @@
}
---
<ul class="list-inline">
<li><a class="btn btn-primary" href="https://github.com/wet-boew/GCWeb/issues/new?title=Ajax%20Fetch">Questions or comments?</a></li>
<li><a class="btn btn-primary" href="https://github.com/wet-boew/GCWeb/issues/new?title=Ajax%20Fetch">Questions or comments?</a></li>
</ul>

<p>The ajax-fetch component in WET-BOEW handles Ajax requests by triggering an event, processing the request, and triggering custom events for success or failure to facilitate response handling. The component defines the following events:</p>

<ul class="list-inline">
<li><strong>ajax-fetch.wb:</strong> Triggered to initiate an Ajax request based on the provided options.</li>
<li><strong>ajax-fetched.wb:</strong> Triggered when the Ajax request is successfully completed, containing the response data and other relevant information.</li>
<li><strong>ajax-failed.wb:</strong> Triggered when the Ajax request fails, containing the error information and the status of the failed request.</li>
<li><strong>ajax-fetch.wb:</strong> Triggered to initiate an Ajax request based on the provided options.</li>
<li><strong>ajax-fetched.wb:</strong> Triggered when the Ajax request is successfully completed, containing the response data and other relevant information.</li>
<li><strong>ajax-failed.wb:</strong> Triggered when the Ajax request fails, containing the error information and the status of the failed request.</li>
</ul>

<p>It is used in the following components:</p>

<ul class="list-inline">
<li><a class="btn btn-primary" href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/data-ajax/data-ajax-en.html">Data Ajax</a></li>
<li><a class="btn btn-primary" href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/feeds/feeds-en.html">Feeds</a></li>
<li><a class="btn btn-primary" href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/menu/menu-en.html">Menu</a></li>
<li><a class="btn btn-primary" href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/multimedia/multimedia-audio-en.html">Multimedia Player - Audio-only</a></li>
<li><a class="btn btn-primary" href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/multimedia/multimedia-en.html">Multimedia Player - Video</a></li>
<li><a class="btn btn-primary" href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/multimedia/multimedia-youtube-en.html">Multimedia Player - YouTube</a></li>
<li><a class="btn btn-primary" href="https://wet-boew.github.io/wet-boew/demos/datalist/datalist-dynamic-en.html">Datalist polyfill (auto-complete) - Dynamic</a></li>
<li><a href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/data-ajax/data-ajax-en.html">Data Ajax</a></li>
<li><a href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/feeds/feeds-en.html">Feeds</a></li>
<li><a href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/menu/menu-en.html">Menu</a></li>
<li><a href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/multimedia/multimedia-audio-en.html">Multimedia Player - Audio-only</a></li>
<li><a href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/multimedia/multimedia-en.html">Multimedia Player - Video</a></li>
<li><a href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/multimedia/multimedia-youtube-en.html">Multimedia Player - YouTube</a></li>
<li><a href="https://wet-boew.github.io/wet-boew/demos/datalist/datalist-dynamic-en.html">Datalist polyfill (auto-complete) - Dynamic</a></li>
</ul>
22 changes: 11 additions & 11 deletions wet-boew/ajax-fetch/ajax-fetch-fr.html
Original file line number Diff line number Diff line change
Expand Up @@ -8,25 +8,25 @@
}
---
<ul class="list-inline">
<li><a class="btn btn-primary" href="https://github.com/wet-boew/GCWeb/issues/new?title=Ajax%20Fetch">Questions ou commentaires ?</a></li>
<li><a class="btn btn-primary" href="https://github.com/wet-boew/GCWeb/issues/new?title=Ajax%20Fetch">Questions ou commentaires ?</a></li>
</ul>

<p>Le composant ajax-fetch dans WET-BOEW gère les requêtes Ajax en déclenchant un événement pour initier la requête, en traitant la requête et en déclenchant des événements personnalisés pour le succès ou l'échec afin de faciliter le traitement des réponses. Le composant définit les événements suivants :</p>

<ul class="list-inline">
<li><strong>ajax-fetch.wb :</strong> Déclenché pour initier une requête Ajax basée sur les options fournies.</li>
<li><strong>ajax-fetched.wb :</strong> Déclenché lorsque la requête Ajax est complétée avec succès, contenant les données de réponse et d'autres informations pertinentes.</li>
<li><strong>ajax-failed.wb :</strong> Déclenché lorsque la requête Ajax échoue, contenant les informations sur l'erreur et le statut de la requête échouée.</li>
<li><strong>ajax-fetch.wb :</strong> Déclenché pour initier une requête Ajax basée sur les options fournies.</li>
<li><strong>ajax-fetched.wb :</strong> Déclenché lorsque la requête Ajax est complétée avec succès, contenant les données de réponse et d'autres informations pertinentes.</li>
<li><strong>ajax-failed.wb :</strong> Déclenché lorsque la requête Ajax échoue, contenant les informations sur l'erreur et le statut de la requête échouée.</li>
</ul>

<p>Il est utilisé dans les composants suivants :</p>

<ul class="list-inline">
<li><a class="btn btn-primary" href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/data-ajax/data-ajax-fr.html">Data Ajax</a></li>
<li><a class="btn btn-primary" href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/feeds/feeds-fr.html">Fils de syndication</a></li>
<li><a class="btn btn-primary" href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/menu/menu-fr.html">Menu</a></li>
<li><a class="btn btn-primary" href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/multimedia/multimedia-audio-fr.html">Lecteur multimédia - Audio seulement</a></li>
<li><a class="btn btn-primary" href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/multimedia/multimedia-fr.html">Lecteur multimédia - Vidéo</a></li>
<li><a class="btn btn-primary" href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/multimedia/multimedia-youtube-fr.html">Lecteur multimédia - YouTube</a></li>
<li><a class="btn btn-primary" href="https://wet-boew.github.io/wet-boew/demos/datalist/datalist-dynamic-fr.html">Correctif « datalist » (saisie automatique) - Dynamique</a></li>
<li><a href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/data-ajax/data-ajax-fr.html">Data Ajax</a></li>
<li><a href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/feeds/feeds-fr.html">Fils de syndication</a></li>
<li><a href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/menu/menu-fr.html">Menu</a></li>
<li><a href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/multimedia/multimedia-audio-fr.html">Lecteur multimédia - Audio seulement</a></li>
<li><a href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/multimedia/multimedia-fr.html">Lecteur multimédia - Vidéo</a></li>
<li><a href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/multimedia/multimedia-youtube-fr.html">Lecteur multimédia - YouTube</a></li>
<li><a href="https://wet-boew.github.io/wet-boew/demos/datalist/datalist-dynamic-fr.html">Correctif « datalist » (saisie automatique) - Dynamique</a></li>
</ul>
14 changes: 7 additions & 7 deletions wet-boew/json-fetch/json-fetch-en.html
Original file line number Diff line number Diff line change
Expand Up @@ -8,21 +8,21 @@
}
---
<ul class="list-inline">
<li><a class="btn btn-primary" href="https://github.com/wet-boew/GCWeb/issues/new?title=JSON%20fetch">Questions or comments?</a></li>
<li><a class="btn btn-primary" href="https://github.com/wet-boew/GCWeb/issues/new?title=JSON%20fetch">Questions or comments?</a></li>
</ul>

<p>The json-fetch component in WET-BOEW manages JSON data retrieval by triggering events to start the fetch operation, process the data, and handle responses. It defines custom events to signal the success or failure of the fetch operation, and can also handle dataset names via the wb-jsonpatch plugin. The component defines the following events:</p>

<ul class="list-inline">
<li><strong>json-fetch.wb:</strong> Triggered to initiate a JSON fetch operation.</li>
<li><strong>json-fetched.wb:</strong> Triggered when a JSON fetch is successful, providing the fetched response and other related data.</li>
<li><strong>json-failed.wb:</strong> Triggered when a JSON fetch fails, providing error information and status details.</li>
<li><strong>postpone.wb-jsonmanager:</strong> Triggered to postpone handling if a dataset name is encountered, allowing the wb-jsonpatch plugin to manage it.</li>
<li><strong>json-fetch.wb:</strong> Triggered to initiate a JSON fetch operation.</li>
<li><strong>json-fetched.wb:</strong> Triggered when a JSON fetch is successful, providing the fetched response and other related data.</li>
<li><strong>json-failed.wb:</strong> Triggered when a JSON fetch fails, providing error information and status details.</li>
<li><strong>postpone.wb-jsonmanager:</strong> Triggered to postpone handling if a dataset name is encountered, allowing the wb-jsonpatch plugin to manage it.</li>
</ul>

<p>It is used in the following components:</p>

<ul class="list-inline">
<li><a class="btn btn-primary" href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-data-json/data-json-en.html">Data JSON</a></li>
<li><a class="btn btn-primary" href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-jsonmanager/jsonmanager-en.html">JSON Manager</a></li>
<li><a href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-data-json/data-json-en.html">Data JSON</a></li>
<li><a href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-jsonmanager/jsonmanager-en.html">JSON Manager</a></li>
</ul>
14 changes: 7 additions & 7 deletions wet-boew/json-fetch/json-fetch-fr.html
Original file line number Diff line number Diff line change
Expand Up @@ -8,21 +8,21 @@
}
---
<ul class="list-inline">
<li><a class="btn btn-primary" href="https://github.com/wet-boew/GCWeb/issues/new?title=JSON%20fetch">Questions ou commentaires ?</a></li>
<li><a class="btn btn-primary" href="https://github.com/wet-boew/GCWeb/issues/new?title=JSON%20fetch">Questions ou commentaires ?</a></li>
</ul>

<p>Le composant json-fetch dans WET-BOEW gère la récupération des données JSON en déclenchant des événements pour démarrer l'opération de récupération, traiter les données et gérer les réponses. Il définit des événements personnalisés pour signaler le succès ou l'échec de l'opération de récupération, et peut également gérer les noms de jeux de données via le plugin wb-jsonpatch. Le composant définit les événements suivants :</p>

<ul class="list-inline">
<li><strong>json-fetch.wb :</strong> Déclenché pour initier une opération de récupération JSON.</li>
<li><strong>json-fetched.wb :</strong> Déclenché lorsque la récupération JSON est réussie, fournissant la réponse récupérée et d'autres données connexes.</li>
<li><strong>json-failed.wb :</strong> Déclenché lorsque la récupération JSON échoue, fournissant des informations sur l'erreur et des détails sur le statut.</li>
<li><strong>postpone.wb-jsonmanager :</strong> Déclenché pour reporter le traitement si un nom de jeu de données est rencontré, permettant au plugin wb-jsonpatch de le gérer.</li>
<li><strong>json-fetch.wb :</strong> Déclenché pour initier une opération de récupération JSON.</li>
<li><strong>json-fetched.wb :</strong> Déclenché lorsque la récupération JSON est réussie, fournissant la réponse récupérée et d'autres données connexes.</li>
<li><strong>json-failed.wb :</strong> Déclenché lorsque la récupération JSON échoue, fournissant des informations sur l'erreur et des détails sur le statut.</li>
<li><strong>postpone.wb-jsonmanager :</strong> Déclenché pour reporter le traitement si un nom de jeu de données est rencontré, permettant au plugin wb-jsonpatch de le gérer.</li>
</ul>

<p>Il est utilisé dans les composants suivants :</p>

<ul class="list-inline">
<li><a class="btn btn-primary" href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-data-json/data-json-fr.html">Data JSON</a></li>
<li><a class="btn btn-primary" href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-jsonmanager/jsonmanager-fr.html">Gestionnaire JSON</a></li>
<li><a href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-data-json/data-json-fr.html">Data JSON</a></li>
<li><a href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/wb-jsonmanager/jsonmanager-fr.html">Gestionnaire JSON</a></li>
</ul>
34 changes: 34 additions & 0 deletions wet-boew/navcurrent/index.json-ld
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
{
"@context": {
"@version": 1.1,
"dct": "http://purl.org/dc/terms/",
"title": { "@id": "dct:title", "@container": "@language" },
"description": { "@id": "dct:description", "@container": "@language" },
"modified": "dct:modified"
},
"title": {
"en": "NavCurrent",
"fr": "NavCurrent"
},
"description": {
"en": "Identifies URLs in a navigation system that match the current page URL or a URL in the breadcrumb trail.",
"fr": "Identifie les URL dans un système de navigation qui correspondent à l'URL de la page actuelle ou à une URL dans le fil d'Ariane."
},
"modified": "2024-08-01",
"componentName": "wb-navcurr",
"status": "stable",
"pages": {
"examples": [
{
"title": "NavCurrent",
"language": "en",
"path": "./navcurrent-en.html"
},
{
"title": "NavCurrent",
"language": "fr",
"path": "./navcurrent-fr.html"
}
]
}
}
25 changes: 25 additions & 0 deletions wet-boew/navcurrent/navcurrent-en.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
---
{
"title": "NavCurrent",
"language": "en",
"description": "Identifies URLs in a navigation system that match the current page URL or a URL in the breadcrumb trail.",
"altLangPage": "wb-navcurr-fr.html",
"dateModified": "2024-08-01"
}
---

<ul class="list-inline">
<li><a class="btn btn-primary" href="https://github.com/wet-boew/GCWeb/issues/new?title=WET-BOEW%20NavCurrent">Questions or comments?</a></li>
</ul>

<p>The wb-navcurr component in WET-BOEW identifies URLs in a navigation system that match the current page URL or a URL in the breadcrumb trail. It triggers a custom event to apply the "current" state to the matching navigation item. The component defines the following events:</p>

<ul class="list-inline">
<li><strong>navcurr.wb:</strong> Triggered to identify and mark the navigation item that matches the current page URL or breadcrumb trail URL.</li>
</ul>

<p>It is used in the following components:</p>

<ul class="list-inline">
<li><a href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/menu/menu-en.html">Menu</a></li>
</ul>
25 changes: 25 additions & 0 deletions wet-boew/navcurrent/navcurrent-fr.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
---
{
"title": "NavCurrent",
"language": "fr",
"description": "Identifie les URL dans un système de navigation qui correspondent à l'URL de la page actuelle ou à une URL dans le fil d'Ariane.",
"altLangPage": "wb-navcurr-en.html",
"dateModified": "2024-08-01"
}
---

<ul class="list-inline">
<li><a class="btn btn-primary" href="https://github.com/wet-boew/GCWeb/issues/new?title=WET-BOEW%20NavCurrent">Questions ou commentaires ?</a></li>
</ul>

<p>Le composant wb-navcurr dans WET-BOEW identifie les URL dans un système de navigation qui correspondent à l'URL de la page actuelle ou à une URL dans le fil d'Ariane. Il déclenche un événement personnalisé pour appliquer l'état "actuel" à l'élément de navigation correspondant. Le composant définit l'événement suivant :</p>

<ul class="list-inline">
<li><strong>navcurr.wb :</strong> Déclenché pour identifier et marquer l'élément de navigation qui correspond à l'URL de la page actuelle ou à l'URL du fil d'Ariane.</li>
</ul>

<p>Il est utilisé dans les composants suivants :</p>

<ul class="list-inline">
<li><a href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/menu/menu-fr.html">Menu</a></li>
</ul>
Loading

0 comments on commit ad6ebf4

Please sign in to comment.