Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

FLUID-6303: Adding a localization preference #949

Merged
merged 30 commits into from Jan 23, 2019
Merged
Show file tree
Hide file tree
Changes from 23 commits
Commits
Show all changes
30 commits
Select commit Hold shift + click to select a range
40270ac
FLUID-6303: added new l10n panel, adjuster, enactor and panel template
BlueSlug Sep 27, 2018
60ebce3
FLUID-6303: Cherry-picking work from BlueSlug
BlueSlug Sep 28, 2018
8b8ef19
FLUID-6303: removed "default" option from list of locales
BlueSlug Sep 28, 2018
a8db3a3
FLUID-6303: fixes to localization aux schema
BlueSlug Sep 28, 2018
13752d3
FLUID-6303: Cherry-picking work from BlueSlug
BlueSlug Sep 28, 2018
87e01cb
FLUID-6303: changed l10n classes from "..locale.." to "..localization.."
BlueSlug Sep 28, 2018
785be1f
FLUID-6303: added tests for localization panel
BlueSlug Sep 28, 2018
0cbd657
FLUID-6303: added preliminary tests for l10n enactor
BlueSlug Oct 1, 2018
5e2d457
FLUID-6303: Added l10n enactor event to be fired on model change
BlueSlug Oct 2, 2018
d229f40
FLUID-6303: added checks for l10n change event arguments
BlueSlug Oct 2, 2018
a211c54
FLUID-6303: added checks for l10n change event arguments
BlueSlug Oct 2, 2018
6026bc2
FLUID-6303: corrected function call in l10n panel test sequence
BlueSlug Oct 3, 2018
eaa6cee
FLUID-6303: Cherry-Picking work from BlueSlug
BlueSlug Oct 3, 2018
458b3b7
FLUID-6303: Cherry-Picking work from BlueSlug
BlueSlug Oct 4, 2018
151e671
FLUID-6303: added l10n panel to localized UIO demo page, custom template
BlueSlug Oct 4, 2018
0ad180a
FLUID-6303: moved the l10n panel to the demo's js file rather than html
BlueSlug Oct 4, 2018
81bfbb2
FLUID-6303: added message bundles for new localization panel
BlueSlug Sep 27, 2018
51e877f
FLUID-6303: Updating localization panel and enactor.
jobara Dec 20, 2018
92c2525
FLUID-6303: Moved example to a sub directory to make room for more.
jobara Dec 20, 2018
66a61cd
FLUID-6303: Removing localizated UIO demo.
jobara Dec 20, 2018
9b63817
FLUID-6303: Updating the farsi translation
jobara Jan 8, 2019
c9e7746
FLUID-6303: Localizing templates used in the localization examples.
jobara Jan 8, 2019
1c9cad8
FLUID-6303: updated Farsi translations
jobara Jan 10, 2019
eb0863e
FLUID-6303: Addressing code review comments.
jobara Jan 14, 2019
8fdd1f7
FLUID-6303: Fixing up testem integration and updating Infusion depend…
jobara Jan 14, 2019
63e03e8
FLUID-6303: rolling back testem to v2.12.0
jobara Jan 14, 2019
86b4685
FLUID-6303: Corrected some errors with LocalizationPrefsEditor config.
jobara Jan 16, 2019
01a3878
FLUID-6303: Refactoring based on "design crit" feedback.
jobara Jan 17, 2019
8482065
FLUID-6303: added a comment and removed unused configuration.
jobara Jan 18, 2019
e62fbd9
FLUID-6303: changing default lang to "" from "default"
jobara Jan 20, 2019
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
1 change: 1 addition & 0 deletions demos/prefsFramework/html/SeparatedPanelPrefsEditor.html
@@ -1,6 +1,7 @@
<form id="options" class="flc-prefsEditor-scrollContainer fl-prefsEditor">
<div>
<ul class="fl-prefsEditor-panels">
<li class="flc-prefsEditor-panel fl-prefsEditor-panel"><div class="flc-prefsEditor-localization"></div></li>
<li class="flc-prefsEditor-panel fl-prefsEditor-panel"><div class="flc-prefsEditor-text-size"></div></li>
<li class="flc-prefsEditor-panel fl-prefsEditor-panel"><div class="flc-prefsEditor-text-font"></div></li>
<li class="flc-prefsEditor-panel fl-prefsEditor-panel"><div class="flc-prefsEditor-letter-space"></div></li>
Expand Down
Expand Up @@ -12,6 +12,7 @@
<li class="flc-prefsEditor-panel fl-prefsEditor-panel"><div class="flc-prefsEditor-enhanceInputs"></div></li>
<li class="flc-prefsEditor-panel fl-prefsEditor-panel"><div class="flc-prefsEditor-speak"></div></li>
<li class="flc-prefsEditor-panel fl-prefsEditor-panel"><div class="demo-prefsEditor-simplify"></div></li>
<li class="flc-prefsEditor-panel fl-prefsEditor-panel"><div class="flc-prefsEditor-localization"></div></li>
</ul>
</div>
</form>
4 changes: 4 additions & 0 deletions demos/prefsFramework/index.html
Expand Up @@ -61,11 +61,13 @@
<script type="text/javascript" src="../../src/framework/preferences/js/Panels.js"></script>
<script type="text/javascript" src="../../src/framework/preferences/js/SelfVoicingPanel.js"></script>
<script type="text/javascript" src="../../src/framework/preferences/js/LetterSpacePanel.js"></script>
<script type="text/javascript" src="../../src/framework/preferences/js/LocalizationPanel.js"></script>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The manual test shows the localization panel added for this demo doesn't perform a language change on the page when switching to a non-English localization option.

<script type="text/javascript" src="../../src/framework/preferences/js/WordSpacePanel.js"></script>
<script type="text/javascript" src="../../src/framework/preferences/js/SyllabificationPanel.js"></script>
<script type="text/javascript" src="../../src/framework/preferences/js/Enactors.js"></script>
<script type="text/javascript" src="../../src/framework/preferences/js/SelfVoicingEnactor.js"></script>
<script type="text/javascript" src="../../src/framework/preferences/js/LetterSpaceEnactor.js"></script>
<script type="text/javascript" src="../../src/framework/preferences/js/LocalizationEnactor.js"></script>
<script type="text/javascript" src="../../src/framework/preferences/js/WordSpaceEnactor.js"></script>
<script type="text/javascript" src="../../src/framework/preferences/js/SyllabificationEnactor.js"></script>
<script type="text/javascript" src="../../src/framework/preferences/js/SeparatedPanelPrefsEditor.js"></script>
Expand All @@ -77,6 +79,7 @@
<script type="text/javascript" src="../../src/framework/preferences/js/StarterSchemas.js"></script>
<script type="text/javascript" src="../../src/framework/preferences/js/SelfVoicingSchemas.js"></script>
<script type="text/javascript" src="../../src/framework/preferences/js/LetterSpaceSchemas.js"></script>
<script type="text/javascript" src="../../src/framework/preferences/js/LocalizationSchemas.js"></script>
<script type="text/javascript" src="../../src/framework/preferences/js/WordSpaceSchemas.js"></script>
<script type="text/javascript" src="../../src/framework/preferences/js/SyllabificationSchemas.js"></script>
<script type="text/javascript" src="../../src/framework/preferences/js/Builder.js"></script>
Expand All @@ -103,6 +106,7 @@
"fluid.prefs.auxSchema.letterSpace", // this will add the letter space adjuster and enactor
"fluid.prefs.auxSchema.wordSpace", // this will add the word space adjuster and enactor
"demo.prefsEditor.auxSchema.syllabification", // this will add the syllabification adjuster and enactor
"fluid.prefs.auxSchema.localization", // this will add the localization adjuster and enactor
"demo.prefsEditor.auxSchema.simplify", // this will add the simplify adjuster and enactor
"demo.prefsEditor.progressiveEnhancement" // progressive enhancement - may add selfVoicing
],
Expand Down
5 changes: 3 additions & 2 deletions examples/framework/preferences/captionsPreference/index.html
Expand Up @@ -10,16 +10,17 @@
<link rel="stylesheet" type="text/css" href="../../../../src/framework/preferences/css/PrefsEditor.css" />
<link rel="stylesheet" type="text/css" href="../../../../src/framework/preferences/css/SeparatedPanelPrefsEditor.css" />

<title>Preferences Editor: Using Grades</title>
<title>Preferences Editor: Captions Preference</title>
<script type="text/javascript" src="https://www.youtube.com/iframe_api"></script>
<script type="text/javascript" src="../../../../src/lib/jquery/core/js/jquery.js"></script>
<script type="text/javascript" src="../../../../src/lib/jquery/ui/js/version.js"></script>
<script type="text/javascript" src="../../../../src/lib/jquery/ui/js/keycode.js"></script>
<script type="text/javascript" src="../../../../src/lib/url-polyfill/js/url-polyfill.js"></script>


<script type="text/javascript" src="../../../../src/framework/core/js/Fluid.js"></script>
<script type="text/javascript" src="../../../../src/framework/core/js/FluidDocument.js"></script>
<script type="text/javascript" src="../../../../src/framework/core/js/jquery.keyboard-a11y.js"></script>
<script type="text/javascript" src="../../../../src/framework/core/js/Fluid.js"></script>
<script type="text/javascript" src="../../../../src/framework/core/js/FluidPromises.js"></script>
<script type="text/javascript" src="../../../../src/framework/core/js/DataSource.js"></script>
<script type="text/javascript" src="../../../../src/framework/core/js/FluidRequests.js"></script>
Expand Down
@@ -0,0 +1,105 @@
<!DOCTYPE html>
<html lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport">

<link rel="stylesheet" type="text/css" href="../../../../../../src/lib/normalize/css/normalize.css" />
<link rel="stylesheet" type="text/css" href="../../../../../../src/framework/core/css/fluid.css" />

<link rel="stylesheet" type="text/css" href="../../../../../../src/framework/preferences/css/PrefsEditor.css" />
<link rel="stylesheet" type="text/css" href="../../../../../../src/framework/preferences/css/SeparatedPanelPrefsEditor.css" />

<title>Editor de preferencias: Preferencia de localización</title>
<script type="text/javascript" src="../../../../../../src/lib/jquery/core/js/jquery.js"></script>
<script type="text/javascript" src="../../../../../../src/lib/jquery/ui/js/version.js"></script>
<script type="text/javascript" src="../../../../../../src/lib/jquery/ui/js/keycode.js"></script>
<script type="text/javascript" src="../../../../../../src/lib/url-polyfill/js/url-polyfill.js"></script>

<script type="text/javascript" src="../../../../../../src/framework/core/js/Fluid.js"></script>
<script type="text/javascript" src="../../../../../../src/framework/core/js/FluidDocument.js"></script>
<script type="text/javascript" src="../../../../../../src/framework/core/js/jquery.keyboard-a11y.js"></script>
<script type="text/javascript" src="../../../../../../src/framework/core/js/FluidPromises.js"></script>
<script type="text/javascript" src="../../../../../../src/framework/core/js/DataSource.js"></script>
<script type="text/javascript" src="../../../../../../src/framework/core/js/FluidRequests.js"></script>
<script type="text/javascript" src="../../../../../../src/framework/core/js/FluidDOMUtilities.js"></script>
<script type="text/javascript" src="../../../../../../src/framework/core/js/FluidIoC.js"></script>
<script type="text/javascript" src="../../../../../../src/framework/core/js/DataBinding.js"></script>
<script type="text/javascript" src="../../../../../../src/framework/core/js/RemoteModel.js"></script>
<script type="text/javascript" src="../../../../../../src/framework/core/js/ModelTransformation.js"></script>
<script type="text/javascript" src="../../../../../../src/framework/core/js/ModelTransformationTransforms.js"></script>
<script type="text/javascript" src="../../../../../../src/framework/core/js/FluidView.js"></script>
<script type="text/javascript" src="../../../../../../src/framework/core/js/ResourceLoader.js"></script>
<script type="text/javascript" src="../../../../../../src/lib/fastXmlPull/js/fastXmlPull.js"></script>
<script type="text/javascript" src="../../../../../../src/framework/renderer/js/fluidParser.js"></script>
<script type="text/javascript" src="../../../../../../src/framework/core/js/MessageResolver.js"></script>
<script type="text/javascript" src="../../../../../../src/framework/renderer/js/fluidRenderer.js"></script>
<script type="text/javascript" src="../../../../../../src/framework/renderer/js/RendererUtilities.js"></script>
<script type="text/javascript" src="../../../../../../src/framework/enhancement/js/ContextAwareness.js"></script>
<script type="text/javascript" src="../../../../../../src/framework/enhancement/js/ProgressiveEnhancement.js"></script>

<script type="text/javascript" src="../../../../../../src/framework/preferences/js/URLUtilities.js"></script>
<script type="text/javascript" src="../../../../../../src/framework/preferences/js/Store.js"></script>
<script type="text/javascript" src="../../../../../../src/framework/preferences/js/UIEnhancer.js"></script>
<script type="text/javascript" src="../../../../../../src/framework/preferences/js/ArrowScrolling.js"></script>
<script type="text/javascript" src="../../../../../../src/framework/preferences/js/PrefsEditor.js"></script>
<script type="text/javascript" src="../../../../../../src/framework/preferences/js/Panels.js"></script>
<script type="text/javascript" src="../../../../../../src/framework/preferences/js/LocalizationPanel.js"></script>
<script type="text/javascript" src="../../../../../../src/framework/preferences/js/Enactors.js"></script>
<script type="text/javascript" src="../../../../../../src/framework/preferences/js/LocalizationEnactor.js"></script>
<script type="text/javascript" src="../../../../../../src/framework/preferences/js/SeparatedPanelPrefsEditor.js"></script>
<script type="text/javascript" src="../../../../../../src/components/slidingPanel/js/SlidingPanel.js"></script>
<script type="text/javascript" src="../../../../../../src/components/switch/js/Switch.js"></script>
<script type="text/javascript" src="../../../../../../src/framework/preferences/js/PrimaryBuilder.js"></script>
<script type="text/javascript" src="../../../../../../src/framework/preferences/js/Builder.js"></script>
<script type="text/javascript" src="../../../../../../src/framework/preferences/js/AuxBuilder.js"></script>
<script type="text/javascript" src="../../../../../../src/framework/preferences/js/LocalizationSchemas.js"></script>

<script type="text/javascript" src="../js/localization.js"></script>
</head>

<body class="fl-focus">

<!-- BEGIN markup for Preferences Editor -->
<div class="flc-prefsEditor-separatedPanel fl-prefsEditor-separatedPanel">
<!--
This div is for the sliding panel bar that shows and hides the Preference Editor controls in the mobile view.
A separate panel bar for mobile displays is needed to preserver the correct tab order.
-->
<div class="fl-panelBar fl-panelBar-smallScreen">
<span class="fl-prefsEditor-buttons">
<button class="flc-slidingPanel-toggleButton fl-prefsEditor-showHide"> mostrar/ocultar</button>
<button class="flc-prefsEditor-reset fl-prefsEditor-reset"><span class="fl-icon-undo"></span> Reiniciar</button>
</span>
</div>

<!-- This is the div that will contain the Preference Editor component -->
<div class="flc-slidingPanel-panel flc-prefsEditor-iframe"></div>

<!--
This div is for the sliding panel bar that shows and hides the Preference Editor controls in the desktop view.
A separate panel bar for desktop displays is needed to preserver the correct tab order.
-->
<div class="fl-panelBar fl-panelBar-wideScreen">
<span class="fl-prefsEditor-buttons">
<button class="flc-slidingPanel-toggleButton fl-prefsEditor-showHide"> mostrar/ocultar</button>
<button class="flc-prefsEditor-reset fl-prefsEditor-reset"><span class="fl-icon-undo"></span> Reiniciar</button>
</span>
</div>
</div>
<!-- END markup for Preferences Editor -->

<h1>Hola Mundo!</h1>

<script type="text/javascript">
var prefsEditor = example.prefsEditor(".flc-prefsEditor-separatedPanel", {
terms: {
"templatePrefix": "../../../../../../src/framework/preferences/html",
"messagePrefix": "../../../../../../src/framework/preferences/messages"
},
template: "../html/prefsEditor.html",
defaultLocale: "es"
});
</script>
</body>
</html>