/**
* @param {Locale} locale - Translate text
* @returns {string}
*/
export default ({locale}) => (`
<ul class="tui-image-editor-submenu-item">
<li class="tui-image-editor-submenu-align">
<div class="tui-image-editor-checkbox-wrap fixed-width">
<div class="tui-image-editor-checkbox">
<input type="checkbox" id="tie-grayscale">
<label for="tie-grayscale">${locale.localize('Grayscale')}</label>
</div>
<div class="tui-image-editor-checkbox">
<input type="checkbox" id="tie-invert">
<label for="tie-invert">${locale.localize('Invert')}</label>
</div>
<div class="tui-image-editor-checkbox">
<input type="checkbox" id="tie-sepia">
<label for="tie-sepia">${locale.localize('Sepia')}</label>
</div>
<div class="tui-image-editor-checkbox">
<input type="checkbox" id="tie-sepia2">
<label for="tie-sepia2">${locale.localize('Sepia2')}</label>
</div>
<div class="tui-image-editor-checkbox">
<input type="checkbox" id="tie-blur">
<label for="tie-blur">${locale.localize('Blur')}</label>
</div>
<div class="tui-image-editor-checkbox">
<input type="checkbox" id="tie-sharpen">
<label for="tie-sharpen">${locale.localize('Sharpen')}</label>
</div>
<div class="tui-image-editor-checkbox">
<input type="checkbox" id="tie-emboss">
<label for="tie-emboss">${locale.localize('Emboss')}</label>
</div>
</div>
</li>
<li class="tui-image-editor-partition">
<div></div>
</li>
<li class="tui-image-editor-submenu-align">
<div class="tui-image-editor-checkbox-group tui-image-editor-disabled" style="margin-bottom: 7px;">
<div class="tui-image-editor-checkbox-wrap">
<div class="tui-image-editor-checkbox">
<input type="checkbox" id="tie-remove-white">
<label for="tie-remove-white">${locale.localize('Remove White')}</label>
</div>
</div>
<div class="tui-image-editor-newline tui-image-editor-range-wrap short">
<label>${locale.localize('Threshold')}</label>
<div id="tie-removewhite-threshold-range"></div>
</div>
<div class="tui-image-editor-newline tui-image-editor-range-wrap short">
<label>${locale.localize('Distance')}</label>
<div id="tie-removewhite-distance-range"></div>
</div>
</div>
<div class="tui-image-editor-checkbox-group tui-image-editor-disabled">
<div class="tui-image-editor-newline tui-image-editor-checkbox-wrap">
<div class="tui-image-editor-checkbox">
<input type="checkbox" id="tie-gradient-transparency">
<label for="tie-gradient-transparency">${locale.localize('Gradient transparency')}</label>
</div>
</div>
<div class="tui-image-editor-newline tui-image-editor-range-wrap short">
<label>${locale.localize('Value')}</label>
<div id="tie-gradient-transparency-range"></div>
</div>
</div>
</li>
<li class="tui-image-editor-partition only-left-right">
<div></div>
</li>
<li class="tui-image-editor-submenu-align">
<div class="tui-image-editor-checkbox-group tui-image-editor-disabled">
<div class="tui-image-editor-checkbox">
<input type="checkbox" id="tie-brightness">
<label for="tie-brightness">${locale.localize('Brightness')}</label>
</div>
<div class="tui-image-editor-range-wrap short">
<div id="tie-brightness-range"></div>
</div>
</div>
<div class="tui-image-editor-checkbox-group tui-image-editor-disabled">
<div class="tui-image-editor-checkbox">
<input type="checkbox" id="tie-noise">
<label for="tie-noise">${locale.localize('Noise')}</label>
</div>
<div class="tui-image-editor-range-wrap short">
<div id="tie-noise-range"></div>
</div>
</div>
<div class="tui-image-editor-checkbox-group tui-image-editor-disabled">
<div class="tui-image-editor-checkbox">
<input type="checkbox" id="tie-pixelate">
<label for="tie-pixelate">${locale.localize('Pixelate')}</label>
</div>
<div class="tui-image-editor-range-wrap short">
<div id="tie-pixelate-range"></div>
</div>
</div>
<div class="tui-image-editor-checkbox-group tui-image-editor-disabled">
<div class="tui-image-editor-newline tui-image-editor-checkbox-wrap">
<div class="tui-image-editor-checkbox">
<input type="checkbox" id="tie-color-filter">
<label for="tie-color-filter">${locale.localize('Color Filter')}</label>
</div>
</div>
<div class="tui-image-editor-newline tui-image-editor-range-wrap short">
<label>${locale.localize('Threshold')}</label>
<div id="tie-colorfilter-threshole-range"></div>
</div>
</div>
</li>
<li class="tui-image-editor-partition">
<div></div>
</li>
<li>
<div class="filter-color-item">
<div id="tie-filter-tint-color" title="${locale.localize('Tint')}"></div>
<div class="tui-image-editor-checkbox">
<input type="checkbox" id="tie-tint">
<label for="tie-tint"></label>
</div>
</div>
<div class="filter-color-item">
<div id="tie-filter-multiply-color" title="${locale.localize('Multiply')}"></div>
<div class="tui-image-editor-checkbox">
<input type="checkbox" id="tie-multiply">
<label for="tie-multiply"></label>
</div>
</div>
<div class="filter-color-item">
<div id="tie-filter-blend-color" title="${locale.localize('Blend')}"></div>
<div class="tui-image-editor-checkbox">
<input type="checkbox" id="tie-blend">
<label for="tie-blend"></label>
</div>
</div>
</li>
</ul>
`);
|
Download
