De landinstelling van de gebruikersinterface van de AEM Forms-werkruimte wijzigen changing-the-locale-of-aem-forms-workspace-user-interface

Meld u aan bij CRXDE Lite.

De standaard-URL van CRXDE Lite is https://[server]:[port]/lc/crx/de/index.jsp.

Naar de locatie navigeren apps/ws/locales en maak een nieuwe map nw.

Het bestand kopiëren translation.jsonvanaf de locatie /apps/ws/locales/en-US naar locatie /apps/ws/locales/nw.

Navigeren naar /apps/ws/locales/nw en open translation.json voor bewerken. Wijzig de landinstelling in het bestand translatie.json.

De volgende voorbeelden bevatten het bestand translatie.json voor Engelse en Franse landinstellingen van de AEM Forms-werkruimte.

Plaats de afbeeldingsbestanden met een WebDAV-client in het dialoogvenster /apps/ws/images map.

Navigeren naar /apps/ws/css. Openen newStyle.css voor het bewerken en toevoegen van de volgende vermeldingen:

#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;
}

Alle semantische wijzigingen uitvoeren die worden vermeld in het dialoogvenster Aanpassing werkruimte artikel.

Ga naar de js/runtime/utility en open het bestand* usersessie.js* voor bewerking.

Zoek de code in het oorspronkelijke codeblok en voeg voorwaarde toe lang !== 'nw' op de instructie 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;
        }
    }

Download en extraheer de jQuery-UI-pakket, navigeer naar <extracted jquery="" ui="" package="">\jquery-ui-1.10.2.zip\jquery-ui-1.10.2\ui\i18n.

Kopieer het bestand jquery.ui.datepicker-nw.js voor de landinstellingscode nu naar apps/ws/js/libs/jqueryui en breng specifieke wijzigingen voor de landinstelling aan in het bestand.

Navigeren naar apps/ws/js en opent u de jquery.ui.datepicker-nw.js bestand voor bewerking.

Maak in het bestand main.js een alias voor jquery.ui.datepicker-nw.js. De code waarmee een alias voor de jquery.ui.datepicker-nw.js bestand is:

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

Alias gebruiken jqueryuidatepickernw de jquery.ui.datepicker-nw.js in alle bestanden die datepicker gebruiken. De datepicker wordt gebruikt in de volgende bestanden:

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

De voorbeeldcode hieronder laat zien hoe u de vermelding jquery.ui.datepicker-nw.js toevoegt:

//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) {

Wijzig in alle bestanden die de datepicker-API gebruiken de standaard datepicker-API-instellingen. De datepicker-API wordt gebruikt in de volgende bestanden:

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

Wijzig de volgende code om de nieuwe landinstelling toe te voegen:

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['']);
}