Modifier les paramètres régionaux de l’interface utilisateur de l’espace de travail AEM Forms changing-the-locale-of-aem-forms-workspace-user-interface

Connectez-vous à CRXDE Lite.

L’URL par défaut de CRXDE Lite est https://[server]:[port]/lc/crx/de/index.jsp.

Naviguez jusqu’à l’emplacement apps/ws/locales et créez un dossier nw..

Copiez le fichier translation.json de l’emplacement /apps/ws/locales/en-US à l’emplacement /apps/ws/locales/nw.

Naviguez jusqu’à /apps/ws/locales/nw et ouvrez le fichier translation.json pour le modifier. Apportez des modifications spécifiques aux paramètres régionaux au fichier translation.json.

Les exemples suivants contiennent le fichier translation.json pour les paramètres régionaux anglais et français de l’espace de travail AEM Forms.

A l’aide d’un client WebDAV, placez les fichiers image dans la variable /apps/ws/images dossier.

Naviguez jusqu’à​ /apps/ws/css. Ouvrez newStyle.css pour le modifier et ajoutez les entrées suivantes :

#categoryListBar .content.nw {
     background: #3e3e3e url(../images/Categories_nw.png) no-repeat 10px 10px;
 }

#filterListBar .content.nw {
    background: #3e3e3e url(../images/Queues_nw.png) no-repeat 10px 10px;
}

#processNameListBar .content.nw {
    background: #3e3e3e url(../images/Processes_nw.png) no-repeat 10px 10px;
}

Effectuez toutes les modifications sémantiques répertoriées dans l’article Personnaliser lʼespace de travail.

Accédez au js/runtime/utility et ouvrez le fichier* usersession.js* pour le modifier.

Recherchez le code figurant dans le bloc de code original et ajoutez la condition lang !== ‘nw’ à l’instruction « if » :

// Orignal code
setLocale = function () {
        var lang = $.trim(i18n.lng());
        if (lang === null || lang === '' || (lang !== 'fr-FR' && lang !== 'de-DE' && lang !== 'ja-JP')) {
            window.lcWorkspace.locale = 'en-US';
        } else {
            window.lcWorkspace.locale = lang;
        }
    }

//new code
 setLocale = function () {
        var lang = $.trim(i18n.lng());
        if (lang === null || lang === '' || (lang !== 'fr-FR' && lang !== 'de-DE' && lang !== 'ja-JP' && lang !== 'nw')) {
            window.lcWorkspace.locale = 'en-US';
        } else {
            window.lcWorkspace.locale = lang;
        }
    }

Téléchargez et extrayez le fichier Package de l’interface utilisateur jQuery, accédez à <extracted jquery="" ui="" package="">\jquery-ui-1.10.2.zip\jquery-ui-1.10.2\ui\i18n.

Copiez le fichier jquery.ui.datepicker-nw.js pour le code de paramètres régionaux dans apps/ws/js/libs/jqueryui et apportez des modifications spécifiques aux paramètres régionaux au fichier.

Naviguez jusqu’à apps/ws/js et ouvrez le fichier jquery.ui.datepicker-nw.js pour le modifier.

Dans le fichier main.js, créez un alias pour jquery.ui.datepicker-nw.js. Le code permettant de créer un alias pour le fichier jquery.ui.datepicker-nw.js est :

jqueryuidatepickernw : pathprefix + 'libs/jqueryui/jquery.ui.datepicker-nw'

Utilisez l’alias jqueryuidatepickernw pour ajouter le fichier jquery.ui.datepicker-nw.js à tous les fichiers utilisant datepicker. L’API datepicker est utilisée dans les fichiers suivants :

• js/runtime/views/outofoffice.js
• js/runtime/views/searchtemplatedetails.js

L’exemple de code ci-dessous montre comment ajouter l’entrée de jquery.ui.datepicker-nw.js :

//Original Code
define([
    'jquery',
    'underscore',
    'backbone',
    'jqueryui',
    'jqueryuidatepickerja',
    'jqueryuidatepickerde',
    'jqueryuidatepickerfr',
    'slimscroll',
    'usersearchview',
    'logmanagerutil',
    'loggerutil'
], function ($, _, Backbone, jQueryUI, jQueryUIDatePickerJA, jQueryUIDatePickerDE, jQueryUIDatePickerFR, slimScroll, UserSearch, LogManager, Logger) {

// Code with Date Picker alias for new language
define([
    'jquery',
    'underscore',
    'backbone',
    'jqueryui',
    'jqueryuidatepickerja',
    'jqueryuidatepickerde',
    'jqueryuidatepickerfr',
    'jqueryuidatepickernw', // Date Picker alias
    'slimscroll',
    'usersearchview',
    'logmanagerutil',
    'loggerutil'
], function ($, _, Backbone, jQueryUI, jQueryUIDatePickerJA, jQueryUIDatePickerDE, jQueryUIDatePickerFR, jQueryUIDatePickerNW, slimScroll, UserSearch, LogManager, Logger) {

Dans tous les fichiers qui utilisent l’API datepicker, modifiez les paramètres par défaut de l’API datepicker. L’API datepicker est utilisée dans les fichiers suivants :

• apps\ws\js\runtime\views\searchtemplatedetails.js
• apps\ws\js\runtime\views\outofoffice.js

Modifiez le code suivant pour ajouter les nouveaux paramètres régionaux :

if (locale === 'ja-JP') {
   $.datepicker.setDefaults($.datepicker.regional.ja);
} else if (locale === 'de-DE') {
   $.datepicker.setDefaults($.datepicker.regional.de);
} else if (locale === 'fr-FR') {
   $.datepicker.setDefaults($.datepicker.regional.fr);
} else {
   $.datepicker.setDefaults($.datepicker.regional['']);
}