Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
[Events Calendar] Initial port to v4.0
- Loading branch information
Showing
11 changed files
with
1,009 additions
and
1 deletion.
There are no files selected for viewing
This file contains 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
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <!-- Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW) | ||
| wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html --> | ||
| <!-- DataAjaxFragmentStart --> | ||
| <li> | ||
| <section> | ||
| <h4><a href="http://www.canada.gc.ca" rel="external">Ajax 1 - Single-Day Event</a></h4> | ||
| <p><time datetime="2012-03-11">Ajax 1 - March 11th 2012</time></p> | ||
| <p>Event Description</p> | ||
| </section> | ||
| </li> | ||
| <li> | ||
| <section> | ||
| <h4><a href="http://www.canada.gc.ca" rel="external">Ajax 1 - Multi-Day Event</a></h4> | ||
| <p><time datetime="2012-03-22">March 22nd, 2012</time> to <time datetime="2012-04-26">Ajax 1 - April 26th, 2012</time></p> | ||
| <p>Event Description</p> | ||
| </section> | ||
| </li> | ||
| <!-- DataAjaxFragmentEnd --> | ||
| </html> |
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="fr"> | ||
| <!-- Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW) | ||
| wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html --> | ||
| <!-- DataAjaxFragmentStart --> | ||
| <li> | ||
| <section> | ||
| <h4><a href="http://www.canada.gc.ca" rel="external">Ajax 1 - Événement de seul-jour</a></h4> | ||
| <p><time datetime="2012-03-11">11 mars 2012</time></p> | ||
| <p>Description de l'événement</p> | ||
| </section> | ||
| </li> | ||
| <li> | ||
| <section> | ||
| <h4><a href="http://www.canada.gc.ca" rel="external">Ajax 1 - Événement sur plusieurs jours</a></h4> | ||
| <p>Le <time datetime="2012-03-22">22 mars 2012</time> au <time datetime="2012-04-26">26 avril 2012</time></p> | ||
| <p>Description de l'événement</p> | ||
| </section> | ||
| </li> | ||
| <!-- DataAjaxFragmentEnd --> | ||
| </html> |
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,31 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <!-- Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW) | ||
| wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html --> | ||
| <!-- DataAjaxFragmentStart --> | ||
| <li> | ||
| <section> | ||
| <h4>Ajax 2 - Single-Day Event</h4> | ||
| <p><time datetime="2012-03-11">March 11th 2012</time></p> | ||
| <p>Event Description</p> | ||
| <p>Links:</p> | ||
| <ul> | ||
| <li><a href="http://www.canada.gc.ca" rel="external">Ajax 2 - Single-Day Event Link 1</a></li> | ||
| <li><a href="http://www.canada.gc.ca" rel="external">Ajax 2 - Single-Day Event Link 2</a></li> | ||
| </ul> | ||
| </section> | ||
| </li> | ||
| <li> | ||
| <section> | ||
| <h4>Ajax 2 - Multi-Day Event</h4> | ||
| <p><time datetime="2012-03-22">March 22nd, 2012</time> to <time datetime="2012-04-26">Ajax 2 - April 26th, 2012</time></p> | ||
| <p>Event Description</p> | ||
| <p>Links:</p> | ||
| <ul> | ||
| <li><a href="http://www.canada.gc.ca" rel="external">Ajax 2 - Multi-Day Event Link 1</a></li> | ||
| <li><a href="http://www.canada.gc.ca" rel="external">Ajax 2 - Multi-Day Event Link 2</a></li> | ||
| </ul> | ||
| </section> | ||
| </li> | ||
| <!-- DataAjaxFragmentEnd --> | ||
| </html> |
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,31 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="fr"> | ||
| <!-- Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW) | ||
| wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html --> | ||
| <!-- DataAjaxFragmentStart --> | ||
| <li> | ||
| <section> | ||
| <h4>Ajax 2 - Événement de seul-jour</h4> | ||
| <p><time datetime="2012-03-11">11 mars 2012</time></p> | ||
| <p>Description de l'événement</p> | ||
| <p>Liens :</p> | ||
| <ul> | ||
| <li><a href="http://www.canada.gc.ca" rel="external">Ajax 2 - Événement de seul-jour - Lien 1</a></li> | ||
| <li><a href="http://www.canada.gc.ca" rel="external">Ajax 2 - Événement de seul-jour - Lien 2</a></li> | ||
| </ul> | ||
| </section> | ||
| </li> | ||
| <li> | ||
| <section> | ||
| <h4>Ajax 2 - Événement sur plusieurs jours</h4> | ||
| <p>Le <time datetime="2012-03-22">22 mars 2012</time> au <time datetime="2012-04-26">26 avril 2012</time></p> | ||
| <p>Description de l'événement</p> | ||
| <p>Liens :</p> | ||
| <ul> | ||
| <li><a href="http://www.canada.gc.ca" rel="external">Ajax 2 - Événement sur plusieurs jours - Lien 1</a></li> | ||
| <li><a href="http://www.canada.gc.ca" rel="external">Ajax 2 - Événement sur plusieurs jours - Lien 2</a></li> | ||
| </ul> | ||
| </section> | ||
| </li> | ||
| <!-- DataAjaxFragmentEnd --> | ||
| </html> |
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,51 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <!-- Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW) | ||
| wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html --> | ||
| <!-- DataAjaxFragmentStart --> | ||
| <li class="calendar-display-onshow"> | ||
| <section> | ||
| <h5><a href="http://www.ec.gc.ca" rel="external">Ajax 3 - Event 1</a></h5> | ||
| <p><time datetime="2012-03-11">March 11th 2012</time></p> | ||
| </section> | ||
| </li> | ||
| <li class="calendar-display-onshow"> | ||
| <section> | ||
| <h5><a href="http://canada.gc.ca" rel="external">Ajax 3 - Event 2</a></h5> | ||
| <p><time datetime="2012-03-11">March 11th 2012</time></p> | ||
| </section> | ||
| </li> | ||
| <li class="calendar-display-onshow"> | ||
| <section> | ||
| <h5>Ajax 3 - World Expo Shanghai (Shanghai, China)</h5> | ||
| <p><time datetime="2012-03-22">March 22nd, 2012</time> to <time datetime="2012-04-26">April 26th, 2012</time></p> | ||
| <p>The Canada Pavilion celebrates the vibrancy and the vitality of Canadian communities and the people within them.</p> | ||
| <p>For more information about Canada at Expo 2010 Shanghai, visit: <a href="http://www.expo2010canada.gc.ca/index-eng.cfm" rel="external">www.expo2010canada.gc.ca/index-eng.cfm</a></p> | ||
| </section> | ||
| </li> | ||
| <li class="calendar-display-onshow"> | ||
| <section> | ||
| <h5><a href="http://www.ic.gc.ca" rel="external">Ajax 3 - Event 4</a></h5> | ||
| <p><time datetime="2012-03-24">March 24th 2012</time></p> | ||
| </section> | ||
| </li> | ||
| <li class="calendar-display-onshow"> | ||
| <section> | ||
| <h5><a href="http://www.ec.gc.ca" rel="external">Ajax 3 - Event 6</a></h5> | ||
| <p><time datetime="2012-04-11">April 11th 2012</time></p> | ||
| </section> | ||
| </li> | ||
| <li class="calendar-display-onshow"> | ||
| <section> | ||
| <h5><a href="http://canada.gc.ca" rel="external">Ajax 3 - Event 7</a></h5> | ||
| <p><time datetime="2012-04-23">April 23rd 2012</time></p> | ||
| </section> | ||
| </li> | ||
| <li class="calendar-display-onshow"> | ||
| <section> | ||
| <h5><a href="http://canada.gc.ca" rel="external">Ajax 3 - Event 17</a></h5> | ||
| <p><time datetime="2012-04-23">April 23rd 2012</time></p> | ||
| </section> | ||
| </li> | ||
| <!-- DataAjaxFragmentEnd --> | ||
| </html> |
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,51 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="fr"> | ||
| <!-- Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW) | ||
| wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html --> | ||
| <!-- DataAjaxFragmentStart --> | ||
| <li class="calendar-display-onshow"> | ||
| <section> | ||
| <h5><a href="http://www.ec.gc.ca" rel="external">Ajax 3 - Événement 1</a></h5> | ||
| <p><time datetime="2012-03-11">11 mars 2012</time></p> | ||
| </section> | ||
| </li> | ||
| <li class="calendar-display-onshow"> | ||
| <section> | ||
| <h5><a href="http://canada.gc.ca" rel="external">Ajax 3 - Événement 2</a></h5> | ||
| <p><time datetime="2012-03-11">11 mars 2012</time></p> | ||
| </section> | ||
| </li> | ||
| <li class="calendar-display-onshow"> | ||
| <section> | ||
| <h5>Ajax 3 - Expo 2010 Shanghai</h5> | ||
| <p>Le <time datetime="2012-03-22">22 mars 2012</time> au <time datetime="2012-04-26">26 avril 2012</time></p> | ||
| <p>Le Pavillon du Canada souligne le dynamisme et la vitalité des villes canadiennes et de leurs résidents.</p> | ||
| <p>Pour obtenir de plus amples renseignements, visitez le site Web de Canada à Expo 2010 Shanghai à l’adresse suivante : <a href="http://www.expo2010canada.gc.ca/index-fra.cfm" rel="external">www.expo2010canada.gc.ca/index-fra.cfm</a></p> | ||
| </section> | ||
| </li> | ||
| <li class="calendar-display-onshow"> | ||
| <section> | ||
| <h5><a href="http://www.ic.gc.ca" rel="external">Ajax 3 - Événement 4</a></h5> | ||
| <p><time datetime="2012-03-24">24 mars 2012</time></p> | ||
| </section> | ||
| </li> | ||
| <li class="calendar-display-onshow"> | ||
| <section> | ||
| <h5><a href="http://www.ec.gc.ca" rel="external">Ajax 3 - Événement 6</a></h5> | ||
| <p><time datetime="2012-04-11">4 avril 2012</time></p> | ||
| </section> | ||
| </li> | ||
| <li class="calendar-display-onshow"> | ||
| <section> | ||
| <h5><a href="http://canada.gc.ca" rel="external">Ajax 3 - Événement 7</a></h5> | ||
| <p><time datetime="2012-04-23">23 avril 2012</time></p> | ||
| </section> | ||
| </li> | ||
| <li class="calendar-display-onshow"> | ||
| <section> | ||
| <h5><a href="http://canada.gc.ca" rel="external">Ajax 3 - Événement 17</a></h5> | ||
| <p><time datetime="2012-04-23">23 avril 2012</time></p> | ||
| </section> | ||
| </li> | ||
| <!-- DataAjaxFragmentEnd --> | ||
| </html> |
This file contains 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,138 @@ | ||
| --- | ||
| { | ||
| "title": "Calendar of Events", | ||
| "language": "en", | ||
| "category": "plugin", | ||
| "description": "Dynamically generates a calendar interface for navigating a list of events.", | ||
| "tag": "cal-events", | ||
| "fr": "cal-events" | ||
| } | ||
| --- | ||
| <section> | ||
| <h2>Linking Options</h2> | ||
| <section> | ||
| <h3>Direct Linking</h3> | ||
| <p>In this method, the calendar links to the first link in each event (usually in the event heading).</p> | ||
| <div id="calendar1"></div> | ||
| <div class="wb-cal-evt calendar1"> | ||
| <ol> | ||
| <li> | ||
| <section> | ||
| <h4><a href="http://www.canada.gc.ca" rel="external">Single-Day Event</a></h4> | ||
| <p><time datetime="2012-03-11">March 11th 2012</time></p> | ||
| <p>Event Description</p> | ||
| </section> | ||
| </li> | ||
| <li> | ||
| <section> | ||
| <h4><a href="http://www.canada.gc.ca" rel="external">Multi-Day Event</a></h4> | ||
| <p><time datetime="2012-03-22">March 22nd, 2012</time> to <time datetime="2012-04-26">April 26th, 2012</time></p> | ||
| <p>Event Description</p> | ||
| </section> | ||
| </li> | ||
| </ol> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h3>Details Linking</h3> | ||
| <p>In this method, the calendar links to the details of the event. This is used when an event has multiple links.</p> | ||
| <div id="calendar2"></div> | ||
| <div class="wb-cal-evt event-anchoring calendar2"> | ||
| <ol> | ||
| <li> | ||
| <section> | ||
| <h4>Single-Day Event</h4> | ||
| <p><time datetime="2012-03-11">March 11th 2012</time></p> | ||
| <p>Event Description</p> | ||
| <p>Links:</p> | ||
| <ul> | ||
| <li><a href="http://www.canada.gc.ca" rel="external">Single-Day Event Link 1</a></li> | ||
| <li><a href="http://www.canada.gc.ca" rel="external">Single-Day Event Link 2</a></li> | ||
| </ul> | ||
| </section> | ||
| </li> | ||
| <li> | ||
| <section> | ||
| <h4>Multi-Day Event</h4> | ||
| <p><time datetime="2012-03-22">March 22nd, 2012</time> to <time datetime="2012-04-26">April 26th, 2012</time></p> | ||
| <p>Event Description</p> | ||
| <p>Links:</p> | ||
| <ul> | ||
| <li><a href="http://www.canada.gc.ca" rel="external">Multi-Day Event Link 1</a></li> | ||
| <li><a href="http://www.canada.gc.ca" rel="external">Multi-Day Event Link 2</a></li> | ||
| </ul> | ||
| </section> | ||
| </li> | ||
| </ol> | ||
| </div> | ||
| </section> | ||
| <section> | ||
| <h3>Ajax Events</h3> | ||
| <p>In this method, events are pulled from a remote source.</p> | ||
| <div id="calendar-ajax"></div> | ||
| <div class="wb-cal-evt event-anchoring calendar-ajax"> | ||
| <ol data-cal-events="ajax/cal-include1-en.html ajax/cal-include2-en.html ajax/cal-include3-en.html"></ol> | ||
| </div> | ||
| </section> | ||
| </section> | ||
| <section> | ||
| <h2>Display Options</h2> | ||
| <section> | ||
| <h3>List Filtering</h3> | ||
| <p>This option filters out events from the list that are not for the current month. Enable this option by adding the <code>calendar-display-onshow</code> class to each event that should be filtered by month.</p> | ||
| <p>Events that do not have the <em>calendar-display-onshow</em> class will always be visible.</p> | ||
| <div id="calendar3"></div> | ||
|
|
||
| <div class="wb-cal-evt event-anchoring calendar3"> | ||
| <section> | ||
| <h4>Events List 1</h4> | ||
| <ol> | ||
| <li class="calendar-display-onshow"> | ||
| <section> | ||
| <h5><a href="http://www.ec.gc.ca" rel="external">Event 1</a></h5> | ||
| <p><time datetime="2012-03-11">March 11th 2012</time></p> | ||
| </section> | ||
| </li> | ||
| <li class="calendar-display-onshow"> | ||
| <section> | ||
| <h5><a href="http://canada.gc.ca" rel="external">Event 2</a></h5> | ||
| <p><time datetime="2012-03-11">March 11th 2012</time></p> | ||
| </section> | ||
| </li> | ||
| <li class="calendar-display-onshow"> | ||
| <section> | ||
| <h5>World Expo Shanghai (Shanghai, China)</h5> | ||
| <p><time datetime="2012-03-22">March 22nd, 2012</time> to <time datetime="2012-04-26">April 26th, 2012</time></p> | ||
| <p>The Canada Pavilion celebrates the vibrancy and the vitality of Canadian communities and the people within them.</p> | ||
| <p>For more information about Canada at Expo 2010 Shanghai, visit: <a href="http://www.expo2010canada.gc.ca/index-eng.cfm" rel="external">www.expo2010canada.gc.ca/index-eng.cfm</a></p> | ||
| </section> | ||
| </li> | ||
| <li class="calendar-display-onshow"> | ||
| <section> | ||
| <h5><a href="http://www.ic.gc.ca" rel="external">Event 4</a></h5> | ||
| <p><time datetime="2012-03-24">March 24th 2012</time></p> | ||
| </section> | ||
| </li> | ||
| <li class="calendar-display-onshow"> | ||
| <section> | ||
| <h5><a href="http://www.ec.gc.ca" rel="external">Event 6</a></h5> | ||
| <p><time datetime="2012-04-11">April 11th 2012</time></p> | ||
| </section> | ||
| </li> | ||
| <li class="calendar-display-onshow"> | ||
| <section> | ||
| <h5><a href="http://canada.gc.ca" rel="external">Event 7</a></h5> | ||
| <p><time datetime="2012-04-23">April 23rd 2012</time></p> | ||
| </section> | ||
| </li> | ||
| <li class="calendar-display-onshow"> | ||
| <section> | ||
| <h5><a href="http://canada.gc.ca" rel="external">Event 17</a></h5> | ||
| <p><time datetime="2012-04-23">April 23rd 2012</time></p> | ||
| </section> | ||
| </li> | ||
| </ol> | ||
| </section> | ||
| </div> | ||
| </section> | ||
| </section> |
Oops, something went wrong.