artin/miniPaint
1
0
Fork 0
mirror of https://github.com/viliusle/miniPaint.git synced 2026-02-06 11:42:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

Make "details" box translatable

Browse Source
This commit is contained in:
Volkov Maksim 2023-11-27 00:18:11 +03:00 committed by GitHub
parent dcc3d08d33
commit b3cb94e7bd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/js/core/gui/gui-details.js
View File

@ -15,17 +15,17 @@ var template = `
<div class="row"> <div class="row">
<span class="trn label">X</span> <span class="trn label">X</span>
<input type="number" id="detail_x" step="any" /> <input type="number" id="detail_x" step="any" />
<button class="extra reset" type="button" id="reset_x" title="Reset">Reset</button> <button class="extra reset trn" type="button" id="reset_x" title="Reset">Reset</button>
</div> </div>
<div class="row"> <div class="row">
<span class="trn label">Y:</span> <span class="trn label">Y:</span>
<input type="number" id="detail_y" step="any" /> <input type="number" id="detail_y" step="any" />
<button class="extra reset" type="button" id="reset_y" title="Reset">Reset</button> <button class="extra reset trn" type="button" id="reset_y" title="Reset">Reset</button>
</div> </div>
<div class="row"> <div class="row">
<span class="trn label">Width:</span> <span class="trn label">Width:</span>
<input type="number" id="detail_width" step="any" /> <input type="number" id="detail_width" step="any" />
<button class="extra reset" type="button" id="reset_size" title="Reset">Reset</button> <button class="extra reset trn" type="button" id="reset_size" title="Reset">Reset</button>
</div> </div>
<div class="row"> <div class="row">
<span class="trn label">Height:</span> <span class="trn label">Height:</span>
@ -35,12 +35,12 @@ var template = `
<div class="row"> <div class="row">
<span class="trn label">Rotate:</span> <span class="trn label">Rotate:</span>
<input type="number" min="-360" max="360" id="detail_rotate" /> <input type="number" min="-360" max="360" id="detail_rotate" />
<button class="extra reset" type="button" id="reset_rotate" title="Reset">Reset</button> <button class="extra reset trn" type="button" id="reset_rotate" title="Reset">Reset</button>
</div> </div>
<div class="row"> <div class="row">
<span class="trn label">Opacity:</span> <span class="trn label">Opacity:</span>
<input type="number" min="0" max="100" id="detail_opacity" /> <input type="number" min="0" max="100" id="detail_opacity" />
<button class="extra reset" type="button" id="reset_opacity" title="Reset">Reset</button> <button class="extra reset trn" type="button" id="reset_opacity" title="Reset">Reset</button>
</div> </div>
<div class="row"> <div class="row">
<span class="trn label">Color:</span> <span class="trn label">Color:</span>
@ -122,11 +122,14 @@ class GUI_details_class {
this.Tools_settings = new Tools_settings_class(); this.Tools_settings = new Tools_settings_class();
this.Helper = new Helper_class(); this.Helper = new Helper_class();
this.layer_details_active = false; this.layer_details_active = false;
this.Tools_translate = new Tools_translate_class();
} }
render_main_details() { render_main_details() {
document.getElementById('toggle_details').innerHTML = template; document.getElementById('toggle_details').innerHTML = template;
if (config.LANG != 'en') {
this.Tools_translate.translate(config.LANG, document.getElementById('toggle_details'));
}
this.render_details(true); this.render_details(true);
} }