Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

[PE] Load default styles from image

Browse source
This commit is contained in:
Julia Radzhabova 2019-07-18 11:37:34 +03:00
parent 4af91fb4f8
commit 9012784170
4 changed files with 47 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
apps/presentationeditor/main/app/controller/Toolbar.js
View file

@ -1960,26 +1960,51 @@ define([
me.toolbar.listTheme.menuPicker.store.reset([]); // remove all
var themeStore = this.getCollection('SlideThemes'),
mainController = this.getApplication().getController('Main');
mainController = this.getApplication().getController('Main'),
imageUrl = (window.devicePixelRatio > 1) ? '../../../../sdkjs/common/Images/fonts_thumbnail@2x.png' : '../../../../sdkjs/common/Images/fonts_thumbnail.png';
if (themeStore) {
var arr = [];
_.each(defaultThemes.concat(docThemes), function(theme) {
arr.push(new Common.UI.DataViewModel({
imageUrl: theme.get_Image(),
var arr1 = [], arr2 = [];
_.each(defaultThemes, function(theme, index) {
var tip = mainController.translationTable[theme.get_Name()] || theme.get_Name();
arr1.push(new Common.UI.DataViewModel({
imageUrl: imageUrl,
uid : Common.UI.getId(),
themeId : theme.get_Index(),
tip : mainController.translationTable[theme.get_Name()] || theme.get_Name(),
tip : tip,
itemWidth : 85,
itemHeight : 38
itemHeight : 38,
offsety : index * 38
}));
me.toolbar.listTheme.menuPicker.store.add({
imageUrl: theme.get_Image(),
arr2.push({
imageUrl: imageUrl,
uid : Common.UI.getId(),
themeId : theme.get_Index(),
tip : mainController.translationTable[theme.get_Name()] || theme.get_Name()
tip : tip,
offsety : index * 38
});
});
themeStore.reset(arr);
_.each(docThemes, function(theme) {
var image = theme.get_Image(),
tip = mainController.translationTable[theme.get_Name()] || theme.get_Name();
arr1.push(new Common.UI.DataViewModel({
imageUrl: image,
uid : Common.UI.getId(),
themeId : theme.get_Index(),
tip : tip,
itemWidth : 85,
itemHeight : 38,
offsety : 0
}));
arr2.push({
imageUrl: image,
uid : Common.UI.getId(),
themeId : theme.get_Index(),
tip : tip,
offsety : 0
});
});
themeStore.reset(arr1);
me.toolbar.listTheme.menuPicker.store.reset(arr2);
}
if (me.toolbar.listTheme.menuPicker.store.length > 0 && me.toolbar.listTheme.rendered){

2
apps/presentationeditor/main/app/view/DocumentHolder.js
View file

@ -2032,7 +2032,7 @@ define([
store : PE.getCollection('SlideThemes'),
itemTemplate: _.template([
'<div class="style" id="<%= id %>" style="width: <%= itemWidth %>px;">',
'<div style="background-image: url(<%= imageUrl %>); width: <%= itemWidth %>px; height: <%= itemHeight %>px;"/>',
'<div style="background-image: url(<%= imageUrl %>); width: <%= itemWidth %>px; height: <%= itemHeight %>px;background-position: 0 -<%= offsety %>px;"/>',
'</div>'
].join(''))
}).on('item:click', function(picker, item, record, e) {

4
apps/presentationeditor/main/app/view/Toolbar.js
View file

@ -804,12 +804,12 @@ define([
me.listTheme.fieldPicker.itemTemplate = _.template([
'<div class="style" id="<%= id %>">',
'<div style="background-image: url(<%= imageUrl %>); width: ' + me.listTheme.itemWidth + 'px; height: ' + me.listTheme.itemHeight + 'px;"/>',
'<div style="background-image: url(<%= imageUrl %>); width: ' + me.listTheme.itemWidth + 'px; height: ' + me.listTheme.itemHeight + 'px; background-position: 0 -<%= offsety %>px;"/>',
'</div>'
].join(''));
me.listTheme.menuPicker.itemTemplate = _.template([
'<div class="style" id="<%= id %>">',
'<div style="background-image: url(<%= imageUrl %>); width: ' + me.listTheme.itemWidth + 'px; height: ' + me.listTheme.itemHeight + 'px;"/>',
'<div style="background-image: url(<%= imageUrl %>); width: ' + me.listTheme.itemWidth + 'px; height: ' + me.listTheme.itemHeight + 'px; background-position: 0 -<%= offsety %>px;"/>',
'</div>'
].join(''));

8
apps/presentationeditor/main/resources/less/toolbar.less
View file

@ -332,4 +332,12 @@
z-index: @zindex-dropdown - 20;
background-color: @gray-light;
border: 1px solid @gray;
}
.combo-styles {
.style {
> div {
background-size: auto;
}
}
}