Skip to content

Commit 4d42d5b

Browse files
author
Conrad Sollitt
committed
📒 Add Excel and CSV Export to Places Examples
1 parent 0fcef08 commit 4d42d5b

22 files changed

+366
-28
lines changed

‎examples/html/cities-hbs.htm‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,23 @@ <h1>{{i18n 'Largest Cities in'}} {{country}}, {{region}}</h1>
66
<nav>
77
<a href="#/{{i18n_Locale}}/">{{i18n 'Countries'}}</a>
88
<a href="#/{{i18n_Locale}}/regions/{{country}}">{{i18n 'Regions'}}</a>
9+
<span class="download">{{i18n 'Download'}}</span>
10+
<img class="download"
11+
src="img/Excel.svg"
12+
height="16"
13+
width="16"
14+
alt="{{i18n 'Download to Excel'}}"
15+
title="{{i18n 'Download to Excel'}}"
16+
data-export-excel-selector="table"
17+
data-export-file-name="{{i18n 'Cities'}}.xlsx">
18+
<img class="download"
19+
src="img/Excel.svg"
20+
height="16"
21+
width="16"
22+
alt="{{i18n 'Download to CSV'}}"
23+
title="{{i18n 'Download to CSV'}}"
24+
data-export-csv-selector="table"
25+
data-export-file-name="{{i18n 'Cities'}}.csv">
926
</nav>
1027

1128
<input data-filter-selector="table" placeholder="{{i18n 'Enter filter'}}">

‎examples/html/cities-js.htm‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,25 @@ <h1><span data-i18n="Largest Cities in"></span> <span data-bind="country"></span
66
<nav>
77
<a href="#/en/" data-i18n="Countries" data-i18n-href></a>
88
<a href="#/[window.i18n_Locale]/regions/[country]" data-i18n="Regions" data-bind-attr="href"></a>
9+
<span class="download" data-i18n="Download"></span>
10+
<img class="download"
11+
src="img/Excel.svg"
12+
height="16"
13+
width="16"
14+
alt="Download to Excel"
15+
title="Download to Excel"
16+
data-export-excel-selector="table"
17+
data-export-file-name="[[Cities]].xlsx"
18+
data-i18n-attr="alt, title, data-export-file-name">
19+
<img class="download"
20+
src="img/Excel.svg"
21+
height="16"
22+
width="16"
23+
alt="Download to CSV"
24+
title="Download to CSV"
25+
data-export-csv-selector="table"
26+
data-export-file-name="[[Cities]].csv"
27+
data-i18n-attr="alt, title, data-export-file-name">
928
</nav>
1029

1130
<input data-filter-selector="table" placeholder="Enter filter" data-i18n-attr="placeholder">

‎examples/html/cities-react.jsx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -54,6 +54,7 @@ export function ShowCities(props) {
5454
<nav>
5555
<Link to={'/' + props.params.lang + '/'}>{i18n.text('Countries')}</Link>
5656
<Link to={'/' + props.params.lang + '/regions/' + props.params.country}>{i18n.text('Regions')}</Link>
57+
<DownloadLinks fileName="Cities" />
5758
</nav>
5859

5960
<InputFilter

‎examples/html/cities-vue.htm‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,25 @@ <h1><span v-i18n="'Largest Cities in'"></span> {{ country }}, {{ region }}</h1>
66
<nav>
77
<a v-bind:href="'#/' + i18n_Locale + '/'" v-i18n="'Countries'"></a>
88
<a v-bind:href="'#/' + i18n_Locale + '/regions/' + country" v-i18n="'Regions'"></a>
9+
<span class="download" v-i18n="'Download'"></span>
10+
<img class="download"
11+
src="img/Excel.svg"
12+
height="16"
13+
width="16"
14+
alt="Download to Excel"
15+
title="Download to Excel"
16+
data-export-excel-selector="table"
17+
data-export-file-name="[[Cities]].xlsx"
18+
v-i18n-attr="'alt, title, data-export-file-name'">
19+
<img class="download"
20+
src="img/Excel.svg"
21+
height="16"
22+
width="16"
23+
alt="Download to CSV"
24+
title="Download to CSV"
25+
data-export-csv-selector="table"
26+
data-export-file-name="[[Cities]].csv"
27+
v-i18n-attr="'alt, title, data-export-file-name'">
928
</nav>
1029

1130
<input data-filter-selector="table" placeholder="Enter filter" v-i18n-attr="'placeholder'">

‎examples/html/cities-web.htm‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,25 @@ <h1><span data-i18n="Largest Cities in"></span> <span url-param="country"></span
33
<nav>
44
<a href="#/en/" data-i18n="Countries" data-i18n-href></a>
55
<a href="#/[window.i18n_Locale]/regions/[country]" data-i18n="Regions" url-attr-param="href"></a>
6+
<span class="download" data-i18n="Download"></span>
7+
<img class="download"
8+
src="img/Excel.svg"
9+
height="16"
10+
width="16"
11+
alt="Download to Excel"
12+
title="Download to Excel"
13+
data-export-excel-selector="table"
14+
data-export-file-name="[[Cities]].xlsx"
15+
data-i18n-attr="alt, title, data-export-file-name">
16+
<img class="download"
17+
src="img/Excel.svg"
18+
height="16"
19+
width="16"
20+
alt="Download to CSV"
21+
title="Download to CSV"
22+
data-export-csv-selector="table"
23+
data-export-file-name="[[Cities]].csv"
24+
data-i18n-attr="alt, title, data-export-file-name">
625
</nav>
726

827
<json-data url="{rootApiUrl}/cities/:country/:region" url-params load-only-once>

‎examples/html/regions-hbs.htm‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,23 @@ <h1></h1>
55

66
<nav>
77
<a href="#/{{i18n_Locale}}/">{{i18n 'Countries'}}</a>
8+
<span class="download">{{i18n 'Download'}}</span>
9+
<img class="download"
10+
src="img/Excel.svg"
11+
height="16"
12+
width="16"
13+
alt="{{i18n 'Download to Excel'}}"
14+
title="{{i18n 'Download to Excel'}}"
15+
data-export-excel-selector="table"
16+
data-export-file-name="{{i18n 'Regions'}}.xlsx">
17+
<img class="download"
18+
src="img/Excel.svg"
19+
height="16"
20+
width="16"
21+
alt="{{i18n 'Download to CSV'}}"
22+
title="{{i18n 'Download to CSV'}}"
23+
data-export-csv-selector="table"
24+
data-export-file-name="{{i18n 'Regions'}}.csv">
825
</nav>
926

1027
<input

‎examples/html/regions-js.htm‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,25 @@ <h1></h1>
55

66
<nav>
77
<a href="#/en/" data-i18n="Countries" data-i18n-href></a>
8+
<span class="download" data-i18n="Download"></span>
9+
<img class="download"
10+
src="img/Excel.svg"
11+
height="16"
12+
width="16"
13+
alt="Download to Excel"
14+
title="Download to Excel"
15+
data-export-excel-selector="table"
16+
data-export-file-name="[[Regions]].xlsx"
17+
data-i18n-attr="alt, title, data-export-file-name">
18+
<img class="download"
19+
src="img/Excel.svg"
20+
height="16"
21+
width="16"
22+
alt="Download to CSV"
23+
title="Download to CSV"
24+
data-export-csv-selector="table"
25+
data-export-file-name="[[Regions]].csv"
26+
data-i18n-attr="alt, title, data-export-file-name">
827
</nav>
928

1029
<input

‎examples/html/regions-react.jsx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -58,6 +58,7 @@ export function ShowRegions(props) {
5858

5959
<nav>
6060
<Link to={'/' + props.params.lang + '/'}>{i18n.text('Countries')}</Link>
61+
<DownloadLinks fileName="Regions" />
6162
</nav>
6263

6364
<InputFilter

‎examples/html/regions-vue.htm‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,25 @@ <h1></h1>
55

66
<nav>
77
<a v-bind:href="'#/' + i18n_Locale + '/'" v-i18n="'Countries'"></a>
8+
<span class="download" v-i18n="'Download'"></span>
9+
<img class="download"
10+
src="img/Excel.svg"
11+
height="16"
12+
width="16"
13+
alt="Download to Excel"
14+
title="Download to Excel"
15+
data-export-excel-selector="table"
16+
data-export-file-name="[[Regions]].xlsx"
17+
v-i18n-attr="'alt, title, data-export-file-name'">
18+
<img class="download"
19+
src="img/Excel.svg"
20+
height="16"
21+
width="16"
22+
alt="Download to CSV"
23+
title="Download to CSV"
24+
data-export-csv-selector="table"
25+
data-export-file-name="[[Regions]].csv"
26+
v-i18n-attr="'alt, title, data-export-file-name'">
827
</nav>
928

1029
<input data-filter-selector="table"

‎examples/html/regions-web.htm‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,25 @@ <h1><span>Regions for Country Code</span> <span url-param="country"></span></h1>
22

33
<nav>
44
<a href="#/en/" data-i18n="Countries" data-i18n-href></a>
5+
<span class="download" data-i18n="Download"></span>
6+
<img class="download"
7+
src="img/Excel.svg"
8+
height="16"
9+
width="16"
10+
alt="Download to Excel"
11+
title="Download to Excel"
12+
data-export-excel-selector="table"
13+
data-export-file-name="[[Regions]].xlsx"
14+
data-i18n-attr="alt, title, data-export-file-name">
15+
<img class="download"
16+
src="img/Excel.svg"
17+
height="16"
18+
width="16"
19+
alt="Download to CSV"
20+
title="Download to CSV"
21+
data-export-csv-selector="table"
22+
data-export-file-name="[[Regions]].csv"
23+
data-i18n-attr="alt, title, data-export-file-name">
524
</nav>
625

726
<!--

0 commit comments

Comments
 (0)