Skip to content

Commit

Permalink
Added filtered sites examples for share widget. Changed data attribut…
Browse files Browse the repository at this point in the history 
…e overrides to data-wet-boew attribute overrides.
  • Loading branch information
Paul Jackson authored and Paul Jackson committed Jun 5, 2012
1 parent 9df99ab commit e003aff
Show file tree
Hide file tree
Showing 14 changed files with 553 additions and 106 deletions.
2 changes: 1 addition & 1 deletion build/js/css/pe-ap-ie-min.css
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion build/js/css/pe-ap-min.css
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion build/js/pe-ap-min.js
View file

Large diffs are not rendered by default.

2 changes: 2 additions & 0 deletions demos/index-eng.html
View file
Expand Up @@ -134,6 +134,8 @@ <h1 id="wb-cont">Working examples - Web Experience Toolkit (WET)</h1>
<ul>
<li><a href="share/share-eng.html">English example<span class="wb-invisible"> - Share widget</span></a></li>
<li><a href="share/share-fra.html">French example<span class="wb-invisible"> - Share widget</span></a></li>
<li><a href="share/share-filtered-eng.html">English example - Filtered sites<span class="wb-invisible"> - Share widget</span></a></li>
<li><a href="share/share-filtered-fra.html">French example - Filtered sites<span class="wb-invisible"> - Share widget</span></a></li>
</ul>
</section>

Expand Down
4 changes: 3 additions & 1 deletion demos/index-fra.html
View file
Expand Up @@ -116,8 +116,10 @@ <h1 id="wb-cont">Exemples pratiques - Boîte à outils de l’expérience Web (B

<section><h2 id="share">Gadget de partage</h2>
<ul>
<li><a href="share/share-fratml">Exemples - Anglais<span class="wb-invisible"> - Gadget de partage</span></a></li>
<li><a href="share/share-eng.html">Exemples - Anglais<span class="wb-invisible"> - Gadget de partage</span></a></li>
<li><a href="share/share-fra.html">Exemple - Français<span class="wb-invisible"> - Gadget de partaget</span></a></li>
<li><a href="share/share-filtered-eng.html">Exemples - Anglais - Sites filtrés<span class="wb-invisible"> - Gadget de partage</span></a></li>
<li><a href="share/share-filtered-fra.html">Exemple - Français - Sites filtrés<span class="wb-invisible"> - Gadget de partaget</span></a></li>
</ul>
</section>

Expand Down
4 changes: 2 additions & 2 deletions demos/share/share-eng.html
View file
Expand Up @@ -98,8 +98,8 @@
<!-- MainContentStart -->
<h1 id="wb-cont">Share widget - Web Experience Toolkit (WET)</h1>

<div class="wet-boew-share span-3 margin-bottom-none" data="{title:'Page title override',url:'http://www.urloverride.gc.ca'}"></div>
<div class="clear"></div>
<div class="wet-boew-share span-5 margin-bottom-none" data-wet-boew="{title:'Page title override',url:'http://www.urloverride.gc.ca',sites:[]}"></div>
<div class="clear"></div><div class="clear"></div>

<section><h2>Heading 2 (<code>h2</code>) default appearance</h2>
<section><h3>Heading 3 (<code>h3</code>) default appearance</h3>
Expand Down
268 changes: 268 additions & 0 deletions demos/share/share-filtered-eng.html
View file
@@ -0,0 +1,268 @@
<!DOCTYPE html>
<!--[if IE 7]> <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8]> <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<head>
<meta charset="utf-8" />
<!-- Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
www.tbs.gc.ca/ws-nw/wet-boew/terms / www.sct.gc.ca/ws-nw/wet-boew/conditions -->
<title>Share widget - Filtered sites - Web Experience Toolkit (WET)</title>

<link rel="shortcut icon" href="../../build/theme-gcwu-fegc/images/favicon.ico" />
<meta name="dcterms.description" content="English description/Description en anglais" />
<meta name="description" content="English description/Description en anglais" />
<meta name="keywords" content="English keywords/Mots-clés en anglais" />
<meta name="dcterms.creator" content="English name of the content author/Nom en anglais de l'auteur du contenu" />
<meta name="dcterms.title" content="English title/Titre en anglais" />
<meta name="dcterms.issued" title="W3CDTF" content="Date published (YYYY-MM-DD)/Date de publication (AAAA-MM-JJ)" />
<meta name="dcterms.modified" title="W3CDTF" content="Date modified (YYYY-MM-DD)/Date de modification (AAAA-MM-JJ)" />
<meta name="dcterms.subject" title="scheme" content="English subject terms/Termes de sujet en anglais" />
<meta name="dcterms.language" title="ISO639-2" content="eng" />
<meta name="viewport" content="width=device-width, initial-scale=1" />

<script src="../../build/js/jquery.min.js"></script>
<link rel="stylesheet" href="../../build/grids/css/util-min.css" />
<!--[if lte IE 8]>
<link rel="stylesheet" href="../../build/js/css/pe-ap-ie-min.css" />
<link rel="stylesheet" href="../../build/theme-gcwu-fegc/css/theme-ie-min.css" />
<![endif]-->
<!--[if gt IE 8]><!-->
<link rel="stylesheet" href="../../build/js/css/pe-ap-min.css" />
<link rel="stylesheet" href="../../build/theme-gcwu-fegc/css/theme-min.css" />
<!--<![endif]-->

<!-- CustomScriptsCSSStart -->
<!-- CustomScriptsCSSEnd -->
</head>

<body><div id="wb-body">
<div id="wb-skip">
<ul id="wb-tphp">
<li id="wb-skip1"><a href="#wb-cont">Skip to main content</a></li>
<li id="wb-skip2"><a href="#wb-nav">Skip to footer</a></li>
</ul>
</div>

<div id="wb-head"><div id="wb-head-in"><header>
<!-- HeaderStart -->
<nav role="navigation"><div id="gcwu-gcnb"><h2>Government of Canada navigation bar</h2><div id="gcwu-gcnb-in"><div id="gcwu-gcnb-fip">
<div id="gcwu-sig"><div id="gcwu-sig-in"><div id="gcwu-sig-eng" title="Government of Canada"><img src="../../build/theme-gcwu-fegc/images/sig-eng.gif" width="214" height="20" alt="Government of Canada" /></div></div></div>
<ul>
<li id="gcwu-gcnb1"><a rel="external" href="http://www.canada.gc.ca/home.html">Canada.gc.ca</a></li>
<li id="gcwu-gcnb2"><a rel="external" href="http://www.servicecanada.gc.ca/eng/home.shtml">Services</a></li>
<li id="gcwu-gcnb3"><a rel="external" href="http://www.canada.gc.ca/depts/major/depind-eng.html">Departments</a></li>
<li id="gcwu-gcnb-lang"><a href="share-filtered-fra.html" lang="fr">Français</a></li>
</ul>
</div></div></div></nav>

<div id="gcwu-bnr" role="banner"><div id="gcwu-bnr-in">
<div id="gcwu-wmms"><div id="gcwu-wmms-in"><div id="gcwu-wmms-fip" title="Symbol of the Government of Canada"><img src="../../build/theme-gcwu-fegc/images/wmms.gif" width="126" height="30" alt="Symbol of the Government of Canada" /></div></div></div>
<div id="gcwu-title"><p id="gcwu-title-in"><a href="home-accueil-megamenu-theme-gcwu-fegc-eng.html">Site title</a></p></div>

<section role="search"><div id="gcwu-srchbx"><h2>Search</h2>
<form action="#" method="post"><div id="gcwu-srchbx-in">
<label for="gcwu-srch">Search website</label><input id="gcwu-srch" name="gcwu-srch" type="text" value="" size="27" maxlength="150" />
<input id="gcwu-srch-submit" name="gcwu-srch-submit" type="submit" value="Search" data-icon="search" />
</div></form>
</div></section>
</div></div>

<nav role="navigation">
<div id="gcwu-psnb"><h2><span>Site</span> menu</h2><div id="gcwu-psnb-in"><div class="wet-boew-menubar mb-mega"><div>
<ul class="mb-menu" data-ajax-replace="../includes/menu-eng.html">
<li><section><h3><a href="#">Section 1</a></h3></section></li>
<li><section><h3><a href="section2-eng.html">Section 2</a></h3></section></li>
<li><section><h3><a href="#">Section 3</a></h3></section></li>
<li><section><h3><a href="#">Section 4</a></h3></section></li>
<li><div><a href="#">Section 5</a></div></li>
<li><section><h3><a href="#">Section 6</a></h3></section></li>
<li><section><h3><a href="#">Section 7</a></h3></section></li>
</ul>
</div></div></div></div>

<div id="gcwu-bc"><h2>Breadcrumb trail</h2><div id="gcwu-bc-in">
<ol>
<li><a href="home-accueil-megamenu-theme-gcwu-fegc-eng.html">Home</a></li>
<li><a href="section2-eng.html">Section 2</a></li>
<li>Share widget - Filtered sites - Web Experience Toolkit (WET)</li>
</ol>
</div></div>
</nav>
<!-- HeaderEnd -->
</header></div></div>

<div id="wb-core"><div id="wb-core-in" class="equalize">
<div id="wb-main" role="main"><div id="wb-main-in">
<!-- MainContentStart -->
<h1 id="wb-cont">Share widget - Filtered sites - Web Experience Toolkit (WET)</h1>

<div class="wet-boew-share span-4 margin-bottom-none" data-wet-boew="{title:'Page title override',url:'http://www.urloverride.gc.ca'}"></div>
<div class="clear"></div>

<div class="span-8 module-note">
<p>The sites for sharing this Web page are filtered using the following code in settings.js:</p>
<p><code>
var wet_boew_share = {<br />
&#160;&#160;&#160;sites : ['del.icio.us', 'digg', 'facebook', 'google', 'linkedin', 'reddit', 'stumbleupon', 'twitter', 'yahoobuzz']<br />
};
</code></p>

<p>The sites can also be filtered on a page-by-page basis with the <code>data-wet-boew</code> attribute:</p>
<p><code>&lt;div class="wet-boew-share" data-wet-boew="{sites:['digg','facebook','twitter']}"&gt;&lt;/div&gt;</code>
</div>

<section><h2>Heading 2 (<code>h2</code>) default appearance</h2>
<section><h3>Heading 3 (<code>h3</code>) default appearance</h3>
<section><h4>Heading 4 (<code>h4</code>) default appearance</h4>
<section><h5>Heading 5 (<code>h5</code>) default appearance</h5>
<section><h6>Heading 6 (<code>h6</code>) default appearance</h6>
<p>Paragraph default appearance</p>
</section>
</section>
</section>
</section>
</section>

<p><a href="#">Link default appearance</a></p>
<p><a href="mailto:"><code>mailto:</code> link default appearance</a></p>
<p><a href="http://www.">Third party <code>http://www.</code> link default appearance</a></p>
<p><a href=".doc">Link to file downloads based on file type <code>.doc</code>, <code>.psd</code>, <code>.zip</code>, <code>.pdf</code>, <code>.xls</code>, <code>.xlt</code>, <code>.rtf</code> and <code>.txt</code> default appearance</a></p>
<p>Abbreviation default appearance: <abbr title="Treasury Board">TBS</abbr>.</p>

<ul>
<li>unordered list (<code>ul</code>) first level default appearance
<ul>
<li>unordered list (<code>ul</code>) second level default appearance
<ul>
<li>unordered list (<code>ul</code>) third level default appearance</li>
</ul>
</li>
</ul>
</li>
</ul>

<ol>
<li>ordered list (<code>ol</code>) first level default appearance</li>
<li>ordered list (<code>ol</code>) first level default appearance
<ol>
<li>ordered list (<code>ol</code>) second level default appearance</li>
<li>ordered list (<code>ol</code>) second level default appearance
<ol>
<li>ordered list (<code>ol</code>) third level default appearance</li>
<li>ordered list (<code>ol</code>) third level default appearance</li>
</ol>
</li>
</ol>
</li>
</ol>

<table>
<caption>Table caption default appearance</caption>
<thead>
<tr>
<th scope="col">Table header (<code>th</code>) default appearance</th>
<th scope="col">Table header (<code>th</code>) default appearance</th>
</tr>
</thead>
<tbody>
<tr>
<td>Table data (<code>td</code>) default appearance</td>
<td>Table data (<code>td</code>) default appearance</td>
</tr>
</tbody>
</table>

<form action="#" method="post">
<p><label for="data1">Form input default appearance:</label> <input name="data1" type="text" id="data1" /></p>
<p><label for="data2">Form text area default appearance:</label> <textarea name="data2" cols="15" rows="3" id="data2"></textarea></p>
<p><label for="data4">Form <code>select</code> default appearance:</label>
<select id="data4" name="data4">
<option value="Option 1">Option 1</option>
<option value="Option 2">Option 2</option>
<option value="Option 3">Option 3</option>
<option value="Option 4">Option 4</option>
</select></p>
<fieldset><legend>Form <code>legend</code>, <code>fieldset</code> and <code>checkbox</code> default appearance</legend>
<p><label for="data5">Option 1</label>&#160;<input name="checkbox" type="checkbox" id="data5" value="checkbox" />&#160;&#160;
<label for="data6">Option 2</label>&#160;<input name="checkbox" type="checkbox" id="data6" value="checkbox" />&#160;&#160;
<label for="data7">Option 3</label>&#160;<input name="checkbox" type="checkbox" id="data7" value="checkbox" />&#160;&#160;
<label for="data8">Option 4</label>&#160;<input name="checkbox" type="checkbox" id="data8" value="checkbox" /></p>
</fieldset>
<p><input name="submit" type="submit" id="submit" value="Submit default appearance" />
<input name="reset" type="reset" id="reset" value="Reset default appearance" /></p>
</form>

<blockquote>
<p>&quot;Blockquote default appearance&quot;.</p>
</blockquote>

<dl id="gcwu-date-mod" role="contentinfo">
<dt>Date modified:</dt><dd><span><time>2011-10-31</time></span></dd>
</dl>
<div class="clear"></div>
<!-- MainContentEnd -->
</div></div>
</div></div>

<div id="wb-foot"><div id="wb-foot-in"><footer><h2 id="wb-nav">Footer</h2>
<!-- FooterStart -->
<nav role="navigation"><div id="gcwu-sft"><h3>Site footer</h3><div id="gcwu-sft-in">
<div id="gcwu-tctr">
<ul>
<li class="gcwu-tc"><a href="#" rel="license">Terms and conditions</a></li>
<li class="gcwu-tr"><a href="#">Transparency</a></li>
</ul>
</div>
<div class="clear"></div>
<section><div class="span-2"><h4 class="gcwu-col-head"><a href="#">About us</a></h4>
<ul>
<li><a href="#">Our Mandate</a></li>
<li><a href="#">The Minister</a></li>
</ul>
</div></section>
<section><div class="span-2"><h4 class="gcwu-col-head"><a href="#">News</a></h4>
<ul>
<li><a href="#">News releases</a></li>
<li><a href="#">Media advisories</a></li>
<li><a href="#">Multimedia</a></li>
</ul>
</div></section>
<section><div class="span-2"><h4 class="gcwu-col-head"><a href="#">Contact us</a></h4>
<address>
<ul>
<li><a href="#">Phone numbers</a></li>
<li><a href="#">Office locations</a></li>
</ul>
</address>
</div></section>
<section><div class="span-2"><h4 class="gcwu-col-head"><a href="#">Stay connected</a></h4>
<ul>
<li><a rel="external" href="#">YouTube</a></li>
<li><a rel="external" href="#">Twitter</a></li>
<li><a href="#">Feeds</a></li>
</ul>
</div></section>
</div></div></nav>

<nav role="navigation"><div id="gcwu-gcft"><h3>Government of Canada footer</h3><div id="gcwu-gcft-in"><div id="gcwu-gcft-fip">
<ul>
<li><a rel="external" href="http://healthycanadians.gc.ca/index-eng.php"><span>Health</span><br />healthycanadians.gc.ca</a></li>
<li><a rel="external" href="http://www.voyage.gc.ca/index-eng.asp"><span>Travel</span><br />travel.gc.ca</a></li>
<li><a rel="external" href="http://www.servicecanada.gc.ca/eng/home.shtml"><span>Service Canada</span><br />servicecanada.gc.ca</a></li>
<li><a rel="external" href="http://www.jobbank.gc.ca/intro-eng.aspx"><span>Jobs</span><br />jobbank.gc.ca</a></li>
<li><a rel="external" href="http://actionplan.gc.ca/eng/index.asp"><span>Economy</span><br />actionplan.gc.ca</a></li>
<li id="gcwu-gcft-ca"><div><a rel="external" href="http://www.canada.gc.ca/home.html">Canada.gc.ca</a></div></li>
</ul>
</div></div></div></nav>
<!-- FooterEnd -->
</footer>
</div></div></div>

<!-- ScriptsStart -->
<script src="../../build/js/settings.js"></script>
<script src="../../build/js/pe-ap-min.js" id="progressive"></script>
<!-- ScriptsEnd -->
</body>
</html>

0 comments on commit e003aff

Please sign in to comment.