170 lines
4.7 KiB
JavaScript
170 lines
4.7 KiB
JavaScript
const traitInputAttr = { placeholder: 'eg. Text here' };
|
|
|
|
export default {
|
|
assetManager: {
|
|
addButton: 'Add image',
|
|
inputPlh: 'http://path/to/the/image.jpg',
|
|
modalTitle: 'Select Image',
|
|
uploadTitle: 'Drop files here or click to upload',
|
|
},
|
|
// Here just as a reference, GrapesJS core doesn't contain any block,
|
|
// so this should be omitted from other local files
|
|
blockManager: {
|
|
labels: {
|
|
// 'block-id': 'Block Label',
|
|
},
|
|
categories: {
|
|
// 'category-id': 'Category Label',
|
|
},
|
|
},
|
|
domComponents: {
|
|
names: {
|
|
'': 'Box',
|
|
wrapper: 'Body',
|
|
text: 'Text',
|
|
comment: 'Comment',
|
|
image: 'Image',
|
|
video: 'Video',
|
|
label: 'Label',
|
|
link: 'Link',
|
|
map: 'Map',
|
|
tfoot: 'Table foot',
|
|
tbody: 'Table body',
|
|
thead: 'Table head',
|
|
table: 'Table',
|
|
row: 'Table row',
|
|
cell: 'Table cell',
|
|
},
|
|
},
|
|
deviceManager: {
|
|
device: 'Device',
|
|
devices: {
|
|
desktop: 'Desktop',
|
|
tablet: 'Tablet',
|
|
mobileLandscape: 'Mobile Landscape',
|
|
mobilePortrait: 'Mobile Portrait',
|
|
},
|
|
},
|
|
panels: {
|
|
buttons: {
|
|
titles: {
|
|
preview: 'Preview',
|
|
fullscreen: 'Fullscreen',
|
|
'sw-visibility': 'View components',
|
|
'export-template': 'View code',
|
|
'open-sm': 'Open Style Manager',
|
|
'open-tm': 'Settings',
|
|
'open-layers': 'Open Layer Manager',
|
|
'open-blocks': 'Open Blocks',
|
|
},
|
|
},
|
|
},
|
|
selectorManager: {
|
|
label: 'Classes',
|
|
selected: 'Selected',
|
|
emptyState: '- State -',
|
|
states: {
|
|
hover: 'Hover',
|
|
active: 'Click',
|
|
'nth-of-type(2n)': 'Even/Odd',
|
|
},
|
|
},
|
|
styleManager: {
|
|
empty: 'Select an element before using Style Manager',
|
|
layer: 'Layer',
|
|
fileButton: 'Images',
|
|
sectors: {
|
|
general: 'General',
|
|
layout: 'Layout',
|
|
typography: 'Typography',
|
|
decorations: 'Decorations',
|
|
extra: 'Extra',
|
|
flex: 'Flex',
|
|
dimension: 'Dimension',
|
|
},
|
|
// Default names for sub properties in Composite and Stack types.
|
|
// Other labels are generated directly from their property names (eg. 'font-size' will be 'Font size').
|
|
properties: {
|
|
'text-shadow-h': 'X',
|
|
'text-shadow-v': 'Y',
|
|
'text-shadow-blur': 'Blur',
|
|
'text-shadow-color': 'Color',
|
|
'box-shadow-h': 'X',
|
|
'box-shadow-v': 'Y',
|
|
'box-shadow-blur': 'Blur',
|
|
'box-shadow-spread': 'Spread',
|
|
'box-shadow-color': 'Color',
|
|
'box-shadow-type': 'Type',
|
|
'margin-top-sub': 'Top',
|
|
'margin-right-sub': 'Right',
|
|
'margin-bottom-sub': 'Bottom',
|
|
'margin-left-sub': 'Left',
|
|
'padding-top-sub': 'Top',
|
|
'padding-right-sub': 'Right',
|
|
'padding-bottom-sub': 'Bottom',
|
|
'padding-left-sub': 'Left',
|
|
'border-width-sub': 'Width',
|
|
'border-style-sub': 'Style',
|
|
'border-color-sub': 'Color',
|
|
'border-top-left-radius-sub': 'Top Left',
|
|
'border-top-right-radius-sub': 'Top Right',
|
|
'border-bottom-right-radius-sub': 'Bottom Right',
|
|
'border-bottom-left-radius-sub': 'Bottom Left',
|
|
'transform-rotate-x': 'Rotate X',
|
|
'transform-rotate-y': 'Rotate Y',
|
|
'transform-rotate-z': 'Rotate Z',
|
|
'transform-scale-x': 'Scale X',
|
|
'transform-scale-y': 'Scale Y',
|
|
'transform-scale-z': 'Scale Z',
|
|
'transition-property-sub': 'Property',
|
|
'transition-duration-sub': 'Duration',
|
|
'transition-timing-function-sub': 'Timing',
|
|
'background-image-sub': 'Image',
|
|
'background-repeat-sub': 'Repeat',
|
|
'background-position-sub': 'Position',
|
|
'background-attachment-sub': 'Attachment',
|
|
'background-size-sub': 'Size',
|
|
},
|
|
// Translate options in style properties
|
|
// options: {
|
|
// float: { // Id of the property
|
|
// ...
|
|
// left: 'Left', // {option id}: {Option label}
|
|
// }
|
|
// }
|
|
},
|
|
traitManager: {
|
|
empty: 'Select an element before using Trait Manager',
|
|
label: 'Component settings',
|
|
categories: {
|
|
// categoryId: 'Category label',
|
|
},
|
|
traits: {
|
|
// The core library generates the name by their `name` property
|
|
labels: {
|
|
// id: 'Id',
|
|
// alt: 'Alt',
|
|
// title: 'Title',
|
|
// href: 'Href',
|
|
},
|
|
// In a simple trait, like text input, these are used on input attributes
|
|
attributes: {
|
|
id: traitInputAttr,
|
|
alt: traitInputAttr,
|
|
title: traitInputAttr,
|
|
href: { placeholder: 'eg. https://google.com' },
|
|
},
|
|
// In a trait like select, these are used to translate option names
|
|
options: {
|
|
target: {
|
|
false: 'This window',
|
|
_blank: 'New window',
|
|
},
|
|
},
|
|
},
|
|
},
|
|
storageManager: {
|
|
recover: 'Do you want to recover unsaved changes?',
|
|
},
|
|
};
|