mainContainer.js
1.35 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
export default ({
locale,
biImage,
commonStyle,
headerStyle,
loadButtonStyle,
downloadButtonStyle,
submenuStyle,
}) => `
<div class="tui-image-editor-main-container" style="${commonStyle}">
<div class="tui-image-editor-header" style="${headerStyle}">
<div class="tui-image-editor-header-logo">
<img src="${biImage}" />
</div>
<div class="tui-image-editor-header-buttons">
<div style="${loadButtonStyle}">
${locale.localize('Load')}
<input type="file" class="tui-image-editor-load-btn" />
</div>
<button class="tui-image-editor-download-btn" style="${downloadButtonStyle}">
${locale.localize('Download')}
</button>
</div>
</div>
<div class="tui-image-editor-main">
<div class="tui-image-editor-submenu">
<div class="tui-image-editor-submenu-style" style="${submenuStyle}"></div>
</div>
<div class="tui-image-editor-wrap">
<div class="tui-image-editor-size-wrap">
<div class="tui-image-editor-align-wrap">
<div class="tui-image-editor"></div>
</div>
</div>
</div>
</div>
</div>
`;