localized theme names, dropdown improvements

This commit is contained in:
Zuzanna 2026-03-20 20:51:58 +01:00
parent be5b359e35
commit 2667e3a388
2 changed files with 10 additions and 6 deletions

View File

@ -134,8 +134,12 @@ define(req, function(AppConfig, Default, Language) {
}
};
Messages.diagram_modes = "Themes"; // XXX
Messages.diagram_modesOptionLabel = "Change theme to {0}, will refresh app"; // XXX
Messages.diagram_sketchTheme = "sketch"
Messages.diagram_simpleTheme = "simple"
Messages.diagram_classicTheme = "classic"
return Messages;
});

View File

@ -245,7 +245,7 @@ define([
};
var mkModeButton = function (framework) {
var modes = ['kennedy', 'sketch'];
var modes = [Messages.diagram_sketchTheme, Messages.diagram_simpleTheme, Messages.diagram_classicTheme];
var types = [];
modes.forEach(function(mode){
@ -266,22 +266,22 @@ define([
$('.cp-dropdown-content').find('.cp-dropdown-element-active').removeClass('cp-dropdown-element-active');
$self.addClass('cp-dropdown-element-active');
$self.closest('li').focus();
$('.cp-dropdown-content').hide();
},
});
});
var initialMode = parameters.get('ui') || checkDefaultTheme();
var $drawer = UIElements.createDropdown({
text: Messages.diagram_modes,
text: Messages.themeButton,
options: types,
common: framework._.sfCommon,
iconCls: 'color-palette',
initialValue: initialMode
initialValue: parameters.get('ui') || checkDefaultTheme()
});
framework._.toolbar.$theme = $drawer.find('ul.cp-dropdown-content');
framework._.toolbar.$bottomL.append($drawer);
$drawer.addClass('cp-toolbar-appmenu');
$drawer.on('click', function () {
$('a[data-value="' + initialMode + '"]').addClass('cp-dropdown-element-active');
$('a[data-value="' + parameters.get('ui') || checkDefaultTheme() + '"]').addClass('cp-dropdown-element-active');
});
};
mkModeButton(framework);