Samuele E. Locatelli
87 lines
2.3 KiB
HTML
87 lines
2.3 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<title>Globalize App example using Webpack</title>
|
|
</head>
|
|
<body>
|
|
|
|
<h1>Globalize App example using Webpack</h1>
|
|
|
|
<div id="requirements">
|
|
<h2>Requirements</h2>
|
|
<ul>
|
|
<li>Read README.md for instructions on how to run the demo.
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div id="demo" style="display: none">
|
|
<p id="intro-1">Use Globalize to internationalize your application.</p>
|
|
<table border="1" style="marginBottom: 1em;">
|
|
<tbody>
|
|
<tr>
|
|
<td><span id="number-label">Standalone Number</span></td>
|
|
<td>"<span id="number"></span>"</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span id="currency-label">Standalone Currency</span></td>
|
|
<td>"<span id="currency"></span>"</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span id="date-label">Standalone Date</span></td>
|
|
<td>"<span id="date"></span>"</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span id="relative-time-label">Standalone Relative Time</span></td>
|
|
<td>"<span id="relative-time"></span>"</td>
|
|
</tr>
|
|
<tr>
|
|
<td><span id="unit-label">Standalone Unit</span></td>
|
|
<td>"<span id="unit"></span>"</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<p id="message-1">
|
|
An example of a message using mixed number "{number}", currency "{currency}", date "{date}", relative time "{relativeTime}", and unit "{unit}".
|
|
</p>
|
|
<p id="message-2">
|
|
An example of a message with pluralization support:
|
|
{count, plural,
|
|
one {You have one remaining task}
|
|
other {You have # remaining tasks}
|
|
}.
|
|
</p>
|
|
</div>
|
|
|
|
{%
|
|
var hasShownLocaleHelp;
|
|
for ( var chunk in o.htmlWebpackPlugin.files.chunks ) {
|
|
if ( /globalize-compiled-data-/.test( chunk ) && chunk !== "globalize-compiled-data-en" ) {
|
|
if ( !hasShownLocaleHelp ) {
|
|
hasShownLocaleHelp = true;
|
|
%}
|
|
<!--
|
|
Load support for the `en` (English) locale.
|
|
|
|
For displaying the application in a different locale, replace `en` with
|
|
whatever other supported locale you want, e.g., `pt` (Portuguese).
|
|
|
|
For supporting additional locales simultaneously and then having your
|
|
application to change it dynamically, load the multiple files here. Then,
|
|
use `Globalize.locale( <locale> )` in your application to dynamically set
|
|
it.
|
|
-->
|
|
{% } %}
|
|
<!-- <script src="{%=o.htmlWebpackPlugin.files.chunks[chunk].entry %}"></script> -->
|
|
{% } else { %}
|
|
<script src="{%=o.htmlWebpackPlugin.files.chunks[chunk].entry %}"></script>
|
|
{%
|
|
}
|
|
}
|
|
%}
|
|
|
|
</body>
|
|
</html>
|