Update commit, add context images

This commit is contained in:
Will Bradley 2023-09-06 21:54:05 -07:00
parent 7ddee7120d
commit 096e655063
Signed by: will
GPG Key ID: 1159B930701263F3
8 changed files with 75 additions and 25 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 94 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 128 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 226 KiB

BIN
img/exit-5-i280-i680.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 213 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 123 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 228 KiB

View File

@ -36,6 +36,22 @@
background: transparent; background: transparent;
color: white; color: white;
} }
.tranString span.stringTxt {
line-height: 1.49em;
font-weight: normal;
}
.tranString .contextPhoto {
height: 1.8em;
margin-right: 0.5em;
border: 1px solid RGBA(13,110,253,1);
cursor: help;
}
.tranString .contextPhoto.enlarged {
height: 150px;
float: left;
position: relative;
z-index: 999;
}
.buttonwrapper { .buttonwrapper {
display: inline-block; display: inline-block;
width: 2em; width: 2em;
@ -118,8 +134,8 @@
</div> </div>
</div> </div>
<div class="output" id="out-e"></div>
<div class="output" id="out-f"></div> <div class="output" id="out-f"></div>
<div class="output" id="out-e"></div>
<div class="output" id="out-g"></div> <div class="output" id="out-g"></div>
<div class="output" id="out-h"></div> <div class="output" id="out-h"></div>
<div class="output" id="out-d"></div> <div class="output" id="out-d"></div>
@ -390,18 +406,40 @@
out += "<img alt='"+imageAlt+"' title='"+imageAlt+"' src='img/"+img+".webp' style='height: 1.5em; margin-right: 1em' />"; out += "<img alt='"+imageAlt+"' title='"+imageAlt+"' src='img/"+img+".webp' style='height: 1.5em; margin-right: 1em' />";
} }
var valueEl = document.createElement("input"); if (value.includes("I 278")) {
valueEl.setAttribute("type", "text"); out += "<img class='contextPhoto' src='img/exit-i278-brooklynqueensexpressway,48street-brooklyn.png' />";
valueEl.setAttribute("class", classes); } else if (value.includes("H1 East")) {
valueEl.setAttribute("size", size); out += "<img class='contextPhoto' src='img/exit-h1-east-airport.png' />";
valueEl.setAttribute("readonly", true); } else if (value.includes("3: D19")) {
valueEl.setAttribute("data-key", key); out += "<img class='contextPhoto' src='img/exit-3-d19-maisons-alfort-alfortville-stmaurice.png' />";
valueEl.setAttribute("title", english); } else if (value.includes("5: I 280")) {
valueEl.setAttribute("value", value); out += "<img class='contextPhoto' src='img/exit-5-i280-i680.png' />";
out += valueEl.outerHTML; } else if (value.includes("19: NY 25")) {
out += "<img class='contextPhoto' src='img/exit-19-ny25-woodhavenboulevard-queensboulevard.png' />";
} else if (value.includes("13B: Halawa")) {
out += "<img class='contextPhoto' src='img/exit-13B-halawaheights-stadium.png' />";
} else if (value.includes("172: Priest")) {
out += "<img class='contextPhoto' src='img/exit-172-priest-drive.png' />";
}
if (editable) { if (editable) {
var valueEl = document.createElement("input");
valueEl.setAttribute("type", "text");
valueEl.setAttribute("class", classes);
valueEl.setAttribute("size", size);
valueEl.setAttribute("readonly", true);
valueEl.setAttribute("data-key", key);
valueEl.setAttribute("title", english);
valueEl.setAttribute("value", value);
out += valueEl.outerHTML;
out += "<span class='buttonwrapper'><button class='editbutton btn btn-xs btn-light text-warning' type='button' style='display:none;'><i class='bi bi-pencil-fill'></i></button><button class='savebutton btn btn-xs btn-light text-success' style='display: none;' type='button'><i class='bi bi-check-lg'></i></button></span>"; out += "<span class='buttonwrapper'><button class='editbutton btn btn-xs btn-light text-warning' type='button' style='display:none;'><i class='bi bi-pencil-fill'></i></button><button class='savebutton btn btn-xs btn-light text-success' style='display: none;' type='button'><i class='bi bi-check-lg'></i></button></span>";
} else {
var valueEl = document.createElement("span");
valueEl.setAttribute("class", classes);
valueEl.setAttribute("data-key", key);
valueEl.setAttribute("title", english);
valueEl.innerText = value;
out += valueEl.outerHTML;
} }
out += "</span>"; out += "</span>";
@ -434,6 +472,12 @@
function loadEventHandlers(){ function loadEventHandlers(){
$(".contextPhoto").hover(function(){
$(this).addClass("enlarged");
}, function(){
$(this).removeClass("enlarged");
});
$(".tranString").hover(function(){ $(".tranString").hover(function(){
let editBtn = $(this).children(".buttonwrapper").find(".editbutton"); let editBtn = $(this).children(".buttonwrapper").find(".editbutton");
if (editBtn.prop("disabled") == false) { if (editBtn.prop("disabled") == false) {
@ -632,15 +676,17 @@
"Main Street", "Main Street",
"Broadway Avenue", "Broadway Avenue",
"3rd Street", "3rd Street",
"Highway 99" "Highway 99",
"H1 East, Airport",
"I 278 West, Brooklyn-Queens Expressway, 48th Street, Brooklyn"
]; ];
const nextExits = [ const nextExits = [
"35A: CA 1, Pacific Coast Highway, Los Angeles", "3: D19, D6, Maisons Alfort, Alfortville, Saint Maurice",
"13: CA 22, Los Angeles", "19: NY 25, Woodhaven Boulevard, Queens Boulevard",
"243: I 10, Eisenhower Freeway", "13B: Halawa Heights, Stadium",
"19: Downtown", "5: I 280, I 680",
"15: M4, Queen's Expressway; London" "172: Priest Drive"
]; ];
// dist_direction_onto_street // dist_direction_onto_street
@ -715,7 +761,7 @@
var fmtObj = { var fmtObj = {
dir: dir, dir: dir,
dist: dist, dist: dist,
nextStr: ((i+1) % nextStreets.length) nextStr: nextStreets[(i+1) % nextStreets.length]
}; };
var fmtKey = btoa(JSON.stringify(fmtObj)); var fmtKey = btoa(JSON.stringify(fmtObj));
window.fmtSoundData[fmtKey] = fmtObj; window.fmtSoundData[fmtKey] = fmtObj;
@ -736,7 +782,7 @@
streetFmt = streetFmt.replace("%1$s", buildTranStringInput(dist, data[dist], "text-bg-warning")); streetFmt = streetFmt.replace("%1$s", buildTranStringInput(dist, data[dist], "text-bg-warning"));
streetFmt = streetFmt.replace("%2$s", streetDir); streetFmt = streetFmt.replace("%2$s", streetDir);
streetFmt = streetFmt.replace("%3$s", buildTranStringInput('onto', data['onto'], "text-bg-info")); streetFmt = streetFmt.replace("%3$s", buildTranStringInput('onto', data['onto'], "text-bg-info"));
streetFmt = streetFmt.replace("%4$s", buildTranStringInput("", nextStreets[(i+1) % nextStreets.length], "text-bg-secondary", false)); // non-editable streetFmt = streetFmt.replace("%4$s", buildTranStringInput("", fmtObj.nextStr, "text-bg-secondary", false)); // non-editable
streetFmt = streetFmt.replace("%5$s", buildTranStringInput(dir+"_street_verb", streetDirVerb, "text-bg-danger")); //optional streetFmt = streetFmt.replace("%5$s", buildTranStringInput(dir+"_street_verb", streetDirVerb, "text-bg-danger")); //optional
$("#out-e").append(inputPre + $("#out-e").append(inputPre +
@ -756,7 +802,7 @@
// //
var fmtObj = { var fmtObj = {
dir: dir, dir: dir,
dist: ((i+1) % distance.length), dist: dist,
nextStr: nextStr nextStr: nextStr
}; };
var fmtKey = btoa(JSON.stringify(fmtObj)); var fmtKey = btoa(JSON.stringify(fmtObj));
@ -806,7 +852,7 @@
var fmtObj = { var fmtObj = {
dir: dir, dir: dir,
dist: dist, dist: dist,
nextStr: ((i+1) % nextStreets.length) nextStr: nextStreets[(i+1) % nextStreets.length]
}; };
var fmtKey = btoa(JSON.stringify(fmtObj)); var fmtKey = btoa(JSON.stringify(fmtObj));
window.fmtSoundData[fmtKey] = fmtObj; window.fmtSoundData[fmtKey] = fmtObj;
@ -827,7 +873,7 @@
streetFmt = streetFmt.replace("%1$s", buildTranStringInput(dist, data[dist], "text-bg-warning")); streetFmt = streetFmt.replace("%1$s", buildTranStringInput(dist, data[dist], "text-bg-warning"));
streetFmt = streetFmt.replace("%2$s", streetDir); streetFmt = streetFmt.replace("%2$s", streetDir);
streetFmt = streetFmt.replace("%3$s", buildTranStringInput('onto', data['onto'], "text-bg-info")); streetFmt = streetFmt.replace("%3$s", buildTranStringInput('onto', data['onto'], "text-bg-info"));
streetFmt = streetFmt.replace("%4$s", buildTranStringInput("", nextStreets[(i+1) % nextStreets.length], "text-bg-secondary", false)); // non-editable streetFmt = streetFmt.replace("%4$s", buildTranStringInput("", fmtObj.nextStr, "text-bg-secondary", false)); // non-editable
streetFmt = streetFmt.replace("%5$s", buildTranStringInput(dir+"_street_verb", streetDirVerb, "text-bg-danger")); //optional streetFmt = streetFmt.replace("%5$s", buildTranStringInput(dir+"_street_verb", streetDirVerb, "text-bg-danger")); //optional
$("#out-g").append(inputPre + $("#out-g").append(inputPre +
@ -877,6 +923,7 @@
var dir = fmtObj.dir; var dir = fmtObj.dir;
var dist = fmtObj.dist; var dist = fmtObj.dist;
var onto = fmtObj.onto;
var nextStr = fmtObj.nextStr; var nextStr = fmtObj.nextStr;
// //
@ -898,11 +945,14 @@
streetFmt = streetFmt.replace("%1$s", buildTranStringInput(dist, window.modifiedSoundData[dist], "text-bg-warning")); streetFmt = streetFmt.replace("%1$s", buildTranStringInput(dist, window.modifiedSoundData[dist], "text-bg-warning"));
streetFmt = streetFmt.replace("%2$s", streetDir); streetFmt = streetFmt.replace("%2$s", streetDir);
streetFmt = streetFmt.replace("%3$s", buildTranStringInput('onto', window.modifiedSoundData['onto'], "text-bg-info")); streetFmt = streetFmt.replace("%3$s", buildTranStringInput('onto', window.modifiedSoundData[onto], "text-bg-info"));
streetFmt = streetFmt.replace("%4$s", buildTranStringInput("", nextStreets[nextStr], "text-bg-secondary", false)); // non-editable streetFmt = streetFmt.replace("%4$s", buildTranStringInput("", nextStr, "text-bg-secondary", false)); // non-editable
streetFmt = streetFmt.replace("%5$s", buildTranStringInput(dir+"_street_verb", streetDirVerb, "text-bg-danger")); //optional streetFmt = streetFmt.replace("%5$s", buildTranStringInput(dir+"_street_verb", streetDirVerb, "text-bg-danger")); //optional
$(o).parent().parent().html(streetFmt); var oldEl = $(o).parent();
var parent = $(oldEl).parent();
oldEl.remove(); // remove ourselves
parent.prepend(streetFmt); // prepend new html
}); });
$("#submitpopup textarea").text("Translation change request:\n```\n"+ $("#submitpopup textarea").text("Translation change request:\n```\n"+
@ -920,7 +970,7 @@
} }
function loadLocale(){ function loadLocale(){
var commitHash = "1bf45f09395f67c9c5ebaa0c1d4ab7a52889bc50"; var commitHash = "a8611eb2a09e04a37b9bfd245bf8394d0ab818ee";
var sourceUrl = "https://raw.githubusercontent.com/organicmaps/organicmaps/"+commitHash+"/data/strings/sound.txt"; var sourceUrl = "https://raw.githubusercontent.com/organicmaps/organicmaps/"+commitHash+"/data/strings/sound.txt";
$("#sourceUrl").attr("href", sourceUrl).text("sound.txt"); $("#sourceUrl").attr("href", sourceUrl).text("sound.txt");