Skip to content

Commit ab32202

Browse files
SebastianBurkeGarneauma
SebastianBurke
and
Garneauma
authored
Content - Calendar: Create example page (#2414)
* calendar simple example pages and index.json-ld * Minor adjustments --------- Co-authored-by: Marc-André Garneau <marcandre.garneau@servicecanada.gc.ca>
1 parent 789afc6 commit ab32202

File tree

4 files changed

+107
-0
lines changed

4 files changed

+107
-0
lines changed

‎_data/wet-boew.json‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -137,6 +137,40 @@
137137
]
138138
}
139139
}
140+
,{
141+
"@context": {
142+
"@version": 1.1,
143+
"dct": "http://purl.org/dc/terms/",
144+
"title": { "@id": "dct:title", "@container": "@language" },
145+
"description": { "@id": "dct:description", "@container": "@language" },
146+
"modified": "dct:modified"
147+
},
148+
"title": {
149+
"en": "Calendar",
150+
"fr": "Calendrier"
151+
},
152+
"description": {
153+
"en": "Handles date-related functionalities like displaying calendars and picking dates.",
154+
"fr": "Gère les fonctionnalités liées aux dates, telles que l'affichage de calendriers et la sélection de dates."
155+
},
156+
"modified": "2024-08-09",
157+
"componentName": "calendar",
158+
"status": "stable",
159+
"pages": {
160+
"examples": [
161+
{
162+
"title": "Calendar",
163+
"language": "en",
164+
"path": "./calendar-en.html"
165+
},
166+
{
167+
"title": "Calendrier",
168+
"language": "fr",
169+
"path": "./calendar-fr.html"
170+
}
171+
]
172+
}
173+
}
140174
,{
141175
"@context": {
142176
"@version": 1.1,

‎wet-boew/calendar/calendar-en.html‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
---
2+
{
3+
"title": "Calendar",
4+
"language": "en",
5+
"description": "Handles date-related functionalities like displaying calendars and picking dates.",
6+
"altLangPage": "calendar-fr.html",
7+
"dateModified": "2024-08-01"
8+
}
9+
---
10+
<p>The <code>wb-clndr</code> component in WET-BOEW provides date-related functionalities such as displaying calendars, enabling date selection, and supporting multiple date formats. The component is designed to handle date input efficiently across various browsers and use cases.</p>
11+
<p>The component includes the following features:</p>
12+
<ul>
13+
<li><strong>.wb-clndr:</strong> Triggered to initiate an Ajax request based on the provided options. It is responsible for generating and navigating the calendar, allowing users to select dates and view different months and years.</li>
14+
</ul>
15+
<p>The <code>.wb-clndr</code> class is integral to the <code>cal-events</code> component, where it manages the display and navigation of the event calendar. When an event with this class is triggered, it handles updating the calendar interface, including switching months and years, and adjusting the displayed dates accordingly.</p>
16+
<p>It is used in the following components:</p>
17+
<ul>
18+
<li><a href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/cal-events/cal-events-en.html">Calendar of Events</a></li>
19+
<li><a href="https://wet-boew.github.io/wet-boew/demos/datepicker/datepicker-en.html">Input type="date" polyfill (date picker)</a></li>
20+
</ul>

‎wet-boew/calendar/calendar-fr.html‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
---
2+
{
3+
"title": "Calendrier",
4+
"language": "fr",
5+
"description": "Gère les fonctionnalités liées aux dates, telles que l'affichage de calendriers et la sélection de dates.",
6+
"altLangPage": "calendar-en.html",
7+
"dateModified": "2024-08-01"
8+
}
9+
---
10+
<p>Le composant <code>wb-clndr</code> de WET-BOEW fournit des fonctionnalités liées aux dates, telles que l'affichage de calendriers, la sélection de dates et la prise en charge de plusieurs formats de dates. Le composant est conçu pour gérer efficacement les entrées de dates sur divers navigateurs et cas d'utilisation.</p>
11+
<p>Le composant inclut les fonctionnalités suivantes :</p>
12+
<ul>
13+
<li><strong>.wb-clndr :</strong> Déclenché pour initier une requête Ajax en fonction des options fournies. Il est responsable de la génération et de la navigation dans le calendrier, permettant aux utilisateurs de sélectionner des dates et d'afficher différents mois et années.</li>
14+
</ul>
15+
<p>Il est utilisé dans les composants suivants :</p>
16+
<ul>
17+
<li><a href="https://wet-boew.github.io/gcweb-compiled-demos/wetboew-demos/cal-events/cal-events-fr.html">Calendrier d'événements</a></li>
18+
<li><a href="https://wet-boew.github.io/wet-boew/demos/datepicker/datepicker-fr.html">Correctif « input type="date" » (sélecteur de date)</a></li>
19+
</ul>

‎wet-boew/calendar/index.json-ld‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
{
2+
"@context": {
3+
"@version": 1.1,
4+
"dct": "http://purl.org/dc/terms/",
5+
"title": { "@id": "dct:title", "@container": "@language" },
6+
"description": { "@id": "dct:description", "@container": "@language" },
7+
"modified": "dct:modified"
8+
},
9+
"title": {
10+
"en": "Calendar",
11+
"fr": "Calendrier"
12+
},
13+
"description": {
14+
"en": "Handles date-related functionalities like displaying calendars and picking dates.",
15+
"fr": "Gère les fonctionnalités liées aux dates, telles que l'affichage de calendriers et la sélection de dates."
16+
},
17+
"modified": "2024-08-09",
18+
"componentName": "calendar",
19+
"status": "stable",
20+
"pages": {
21+
"examples": [
22+
{
23+
"title": "Calendar",
24+
"language": "en",
25+
"path": "./calendar-en.html"
26+
},
27+
{
28+
"title": "Calendrier",
29+
"language": "fr",
30+
"path": "./calendar-fr.html"
31+
}
32+
]
33+
}
34+
}

0 commit comments

Comments
 (0)