TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-28 05:37:34 +03:00
Code Issues Projects Releases Wiki Activity

Updated image editor settings

Browse Source 
refs https://github.com/TryGhost/Team/issues/3034

- updates frame options for pintura image editor
- cleans up image editor loading state based on settings
This commit is contained in:
Rishabh 2023-04-20 17:27:43 +01:00
parent 49eac033a3
commit bcd0ed539c
1 changed files with 44 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
ghost/admin/app/components/koenig-image-editor.js
View File

@ -19,10 +19,16 @@ export default class KoenigImageEditor extends Component {
}
get pinturaJsUrl() {
if (!this.settings.pintura) {
return null;
}
return this.config.pintura?.js || this.settings.pinturaJsUrl;
}
get pinturaCSSUrl() {
if (!this.settings.pintura) {
return null;
}
return this.config.pintura?.css || this.settings.pinturaCssUrl;
}
@ -145,11 +151,46 @@ export default class KoenigImageEditor extends Component {
'frame',
'sticker'
],
stickerStickToImage: true,
frameOptions: [
// No frame
[undefined, locale => locale.labelNone],
// Sharp edge frame
['solidSharp', locale => locale.frameLabelMatSharp],
// Rounded edge frame
['solidRound', locale => locale.frameLabelMatRound],
// A single line frame
['lineSingle', locale => locale.frameLabelLineSingle],
// A frame with cornenr hooks
['hook', locale => locale.frameLabelCornerHooks],
// A polaroid frame
['polaroid', locale => locale.frameLabelPolaroid]
],
cropSelectPresetFilter: 'landscape',
cropSelectPresetOptions: [
[undefined, 'Custom'],
[1, 'Square'],
// shown when cropSelectPresetFilter is set to 'landscape'
[2 / 1, '2:1'],
[3 / 2, '3:2'],
[4 / 3, '4:3'],
[16 / 10, '16:10'],
[16 / 9, '16:9'],
// shown when cropSelectPresetFilter is set to 'portrait'
[1 / 2, '1:2'],
[2 / 3, '2:3'],
[3 / 4, '3:4'],
[10 / 16, '10:16'],
[9 / 16, '9:16']
],
locale: {
labelButtonExport: 'Save and close'
},
cropEnableButtonToggleCropLimit: true,
cropSelectPresetFilter: true
}
});
editor.on('loaderror', () => {