will/organicmaps-locale-viewer
1
0
Fork 0
mirror of https://github.com/zyphlar/organicmaps-locale-viewer.git synced 2024-03-08 13:27:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

adjust colors and headings

Browse Source
This commit is contained in:
Will Bradley 2023-08-29 13:14:29 -07:00
parent 878e3725e0
commit 62a0a33a29
Signed by: will
GPG Key ID: 1159B930701263F3
1 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
index.html
View File

@ -42,9 +42,9 @@
</head> </head>
<body style="padding: 1em;"> <body style="padding: 1em;">
<div style="position: fixed; top: 0; right: 0; width: 30%; z-index: 999; background: white; border: 1px solid gray; padding: 1em;"> <div style="position: fixed; top: 0; right: 0; width: 30%; z-index: 999; background: white; border: 1px solid gray; padding: 1em;">
<h5>Organic Maps Locale Viewer/Editor</h5> <h3 style="font-size: 1.5em;">Organic Maps Locale Viewer / Editor</h3>
<p>Don't worry about adding or removing periods like <span class="badge bg-secondary">.</span> <span class="badge bg-secondary">。</span>(Japanese) or <span class="badge bg-secondary">।</span>(Hindi) at the end of strings. They will not affect the TTS speech either way.<br/>You may hover over phrases to see their English version in a popup. Right-to-left languages may not be displayed correctly. Click the edit button next to a string and then click the save button to make changes.</p> <p>Don't worry about adding or removing periods like <span class="badge bg-secondary">.</span> <span class="badge bg-secondary">。</span>(Japanese) or <span class="badge bg-secondary">।</span>(Hindi) at the end of strings. They will not affect the TTS speech either way.<br/>You may hover over phrases to see their English version in a popup. Right-to-left languages may not be displayed correctly. Click the edit button next to a string and then click the save button to make changes.</p>
<h6>Locale language:</h6> <b>Locale language:</b>
<select id="localeSelect" class="form-control"> <select id="localeSelect" class="form-control">
<option value="ar">ﺎﻠﻋﺮﺒﻳﺓ</option> <option value="ar">ﺎﻠﻋﺮﺒﻳﺓ</option>
<option value="be">Беларусь</option> <option value="be">Беларусь</option>
@ -95,9 +95,9 @@
<!-- position: absolute; z-index: 999; padding: 1em; box-shadow: 2px 2px 6px #999; top: 20%; left: 20%; width: 60%; background: white; border: 1px solid black;" --> <!-- position: absolute; z-index: 999; padding: 1em; box-shadow: 2px 2px 6px #999; top: 20%; left: 20%; width: 60%; background: white; border: 1px solid black;" -->
<div id="submitpopup" style="display: none;"> <div id="submitpopup" style="display: none;">
<h3>Copy this text: <button address="any text" class="btn btn-sm btn-primary copyToClipboard"><span>Copy</span></h3> <b>Copy this text: </b><button address="any text" class="btn btn-sm btn-primary copyToClipboard"><span>Copy</span></button>
<textarea class="form-control" style="height: 20em; font-family: monospace;"></textarea> <textarea class="form-control" style="height: 20em; font-family: monospace;"></textarea>
<h5>Then, paste it into a new comment on <a href="https://github.com/organicmaps/organicmaps/pull/3130" target="_blank">this Github pull request</a></h5> <p><b>Then,</b> paste it into a new comment on <a href="https://github.com/organicmaps/organicmaps/pull/3130" target="_blank">this Github pull request</a></p>
<!-- <!--
<p style="text-align: center; margin-top: 2em;"> <p style="text-align: center; margin-top: 2em;">
<button id="closesubmitpopup" class="btn btn-danger">Done</button> <button id="closesubmitpopup" class="btn btn-danger">Done</button>
@ -203,10 +203,10 @@
<ul> <ul>
<li><span class="badge text-bg-warning">%1$s</span> will be replaced by the distance, like "in 500 meters."</li> <li><span class="badge text-bg-warning">%1$s</span> will be replaced by the distance, like "in 500 meters."</li>
<li><span class="badge text-bg-primary">%2$s</span> will be replaced by the direction, like "make a right turn."</li> <li><span class="badge text-bg-primary">%2$s</span> will be replaced by the direction, like "make a right turn."</li>
<li><span class="badge text-bg-info">%3$s</span> will be replaced by the name or number of the street or exit, like "Main Street" or "Exit 123."</li> <li><span class="badge text-bg-secondary">%3$s</span> will be replaced by the name or number of the street or exit, like "Main Street" or "Exit 123."</li>
</ul> </ul>
For example "<span class="badge text-bg-warning">%1$s</span> <span class="badge text-bg-primary">%2$s</span> onto <span class="badge text-bg-info">%3$s</span>"<br/> becomes "<span class="badge text-bg-warning">In 500 meters</span> <span class="badge text-bg-primary">make a right turn</span> onto <span class="badge text-bg-info">Main Street</span>"<br/><br/> For example "<span class="badge text-bg-warning">%1$s</span> <span class="badge text-bg-primary">%2$s</span> onto <span class="badge text-bg-secondary">%3$s</span>"<br/> becomes "<span class="badge text-bg-warning">In 500 meters</span> <span class="badge text-bg-primary">make a right turn</span> onto <span class="badge text-bg-secondary">Main Street</span>"<br/><br/>
whereas "<span class="badge text-bg-info">%3$s</span> is the place to <span class="badge text-bg-primary">%2$s</span> when you reach it <span class="badge text-bg-warning">%1$s</span>"<br/> becomes "<span class="badge text-bg-info">Main Street</span> is the place to <span class="badge text-bg-primary">make a right turn</span> when you reach it <span class="badge text-bg-warning">in 500 meters</span>." whereas "<span class="badge text-bg-secondary">%3$s</span> is the place to <span class="badge text-bg-primary">%2$s</span> when you reach it <span class="badge text-bg-warning">%1$s</span>"<br/> becomes "<span class="badge text-bg-secondary">Main Street</span> is the place to <span class="badge text-bg-primary">make a right turn</span> when you reach it <span class="badge text-bg-warning">in 500 meters</span>."
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
@ -530,7 +530,7 @@
var nextDir = direction[(i + 2) % direction.length]; var nextDir = direction[(i + 2) % direction.length];
$("#out-b").append(inputPre + $("#out-b").append(inputPre +
buildTranStringInput(dir, data[dir]) + buildTranStringInput(dir, data[dir]) +
buildTranStringInput("then", data["then"], "text-bg-secondary") + buildTranStringInput("then", data["then"], "text-bg-success") +
buildTranStringInput(nextDir, data[nextDir]) + buildTranStringInput(nextDir, data[nextDir]) +
inputPost); inputPost);
} }
@ -552,7 +552,7 @@
$("#out-d").append(inputPre + $("#out-d").append(inputPre +
buildTranStringInput(dist, data[dist], "text-bg-warning") + buildTranStringInput(dist, data[dist], "text-bg-warning") +
buildTranStringInput(dir, data[dir]) + buildTranStringInput(dir, data[dir]) +
buildTranStringInput("then", data["then"], "text-bg-secondary") + buildTranStringInput("then", data["then"], "text-bg-success") +
buildTranStringInput(nextDir, data[nextDir]) + buildTranStringInput(nextDir, data[nextDir]) +
inputPost); inputPost);
} }
@ -583,7 +583,7 @@
ttsFmt = ttsFmt.replace("%1$s", buildTranStringInput(dist, data[dist], "text-bg-warning")); ttsFmt = ttsFmt.replace("%1$s", buildTranStringInput(dist, data[dist], "text-bg-warning"));
ttsFmt = ttsFmt.replace("%2$s", streetDir); ttsFmt = ttsFmt.replace("%2$s", streetDir);
ttsFmt = ttsFmt.replace("%3$s", buildTranStringInput("", nextStreets[(i+1) % nextStreets.length], "text-bg-info", false)); // non-editable ttsFmt = ttsFmt.replace("%3$s", buildTranStringInput("", nextStreets[(i+1) % nextStreets.length], "text-bg-secondary", false)); // non-editable
$("#out-e").append(inputPre + $("#out-e").append(inputPre +
ttsFmt + ttsFmt +
@ -619,7 +619,7 @@
ttsFmt = ttsFmt.replace("%1$s", buildTranStringInput(dist, data[dist], "text-bg-warning")); ttsFmt = ttsFmt.replace("%1$s", buildTranStringInput(dist, data[dist], "text-bg-warning"));
ttsFmt = ttsFmt.replace("%2$s", streetDir); ttsFmt = ttsFmt.replace("%2$s", streetDir);
ttsFmt = ttsFmt.replace("%3$s", buildTranStringInput("", nextStreets[(i+1) % nextStreets.length], "text-bg-info", false)); // non-editable ttsFmt = ttsFmt.replace("%3$s", buildTranStringInput("", nextStreets[(i+1) % nextStreets.length], "text-bg-secondary", false)); // non-editable
$("#out-f").append(inputPre + $("#out-f").append(inputPre +
ttsFmt + ttsFmt +
@ -683,7 +683,7 @@
streetFmt = streetFmt.replace("%1$s", buildTranStringInput(dist, window.modifiedSoundData[dist], "text-bg-warning")); // no full stops streetFmt = streetFmt.replace("%1$s", buildTranStringInput(dist, window.modifiedSoundData[dist], "text-bg-warning")); // no full stops
streetFmt = streetFmt.replace("%2$s", streetDir); // no full stops streetFmt = streetFmt.replace("%2$s", streetDir); // no full stops
streetFmt = streetFmt.replace("%3$s", buildTranStringInput("", nextStreets[nextStr], "text-bg-info", false)); // non-editable streetFmt = streetFmt.replace("%3$s", buildTranStringInput("", nextStreets[nextStr], "text-bg-secondary", false)); // non-editable
$(o).parent().parent().html(streetFmt); $(o).parent().parent().html(streetFmt);
}); });