Skip to content

Commit

Permalink
Close #23
Browse files Browse the repository at this point in the history 
All cycleway separation widths now adjustable; also corrects a text overflow and cell width sizing issue in the lane labeling. Still causes some text overflow issues. Will open new issue for this.
  • Loading branch information
@trivisonno
trivisonno committed Jun 27, 2023
1 parent 0632d17 commit 784f740
Show file tree
Hide file tree
Showing 2 changed files with 177 additions and 48 deletions.
97 changes: 97 additions & 0 deletions crosssection.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,13 @@
html {
font-family: sans-serif;
}

table.streetmix {
table-layout: fixed;
}
table.streetmix td {
/* word-break: break-all; */
}
</style>
<link rel="stylesheet" href="css/main.css" />
</style>
Expand Down Expand Up @@ -410,6 +417,30 @@
</div>
</div>

<div class="input-group mb-3">
<label class="col-sm-7 col-form-label" style="text-decoration: underline;text-decoration-color: red;">cycleway:right:separation:right:width</label>
<input id="cycleway:right:separation:right:width" type="text" class="form-control" aria-label="Default select example" aria-describedby="basic-addon1" placeholder="2' default" value=""></input>
<div class="input-group-text">
<input class="form-check-input mt-0" id="ftcycleway:right:separation:right:width" type="checkbox" value="" aria-label="Checkbox for following text input" checked><span style="padding-left:0.5rem">ft</span>
</div>
</div>

<div class="input-group mb-3">
<label class="col-sm-7 col-form-label" style="text-decoration: underline;text-decoration-color: blue;">cycleway:left:separation:left:width</label>
<input id="cycleway:left:separation:left:width" type="text" class="form-control" aria-label="Default select example" aria-describedby="basic-addon1" placeholder="2' default" value=""></input>
<div class="input-group-text">
<input class="form-check-input mt-0" id="ftcycleway:left:separation:left:width" type="checkbox" value="" aria-label="Checkbox for following text input" checked><span style="padding-left:0.5rem">ft</span>
</div>
</div>

<div class="input-group mb-3">
<label class="col-sm-7 col-form-label" style="text-decoration: underline;text-decoration-color: blue;">cycleway:left:separation:right:width</label>
<input id="cycleway:left:separation:right:width" type="text" class="form-control" aria-label="Default select example" aria-describedby="basic-addon1" placeholder="2' default" value=""></input>
<div class="input-group-text">
<input class="form-check-input mt-0" id="ftcycleway:left:separation:right:width" type="checkbox" value="" aria-label="Checkbox for following text input" checked><span style="padding-left:0.5rem">ft</span>
</div>
</div>

<div class="input-group mb-3">
<label class="col-sm-7 col-form-label">oneway:bicycle</label>
<select id="oneway:bicycle" class="form-select form-select-sm" aria-label="Default select example" aria-describedby="basic-addon1">
Expand Down Expand Up @@ -595,6 +626,30 @@ <h5 id="offcanvasRightLabel">Aerial Lane Viewer</h5>
feature.properties.tags['cycleway:right:separation:left:width'] = Number(document.getElementById("cycleway:right:separation:left:width").value.replace("'",''))
}
}

if (document.getElementById("cycleway:right:separation:right:width").value != "") {
if (document.getElementById("ftcycleway:right:separation:right:width").checked && (document.getElementById("cycleway:right:separation:right:width").value.includes("'")) == false) {
feature.properties.tags['cycleway:right:separation:right:width'] = document.getElementById("cycleway:right:separation:right:width").value + "'"
} else {
feature.properties.tags['cycleway:right:separation:right:width'] = Number(document.getElementById("cycleway:right:separation:right:width").value.replace("'",''))
}
}

if (document.getElementById("cycleway:left:separation:left:width").value != "") {
if (document.getElementById("ftcycleway:left:separation:left:width").checked && (document.getElementById("cycleway:left:separation:left:width").value.includes("'")) == false) {
feature.properties.tags['cycleway:left:separation:left:width'] = document.getElementById("cycleway:left:separation:left:width").value + "'"
} else {
feature.properties.tags['cycleway:left:separation:left:width'] = Number(document.getElementById("cycleway:left:separation:left:width").value.replace("'",''))
}
}

if (document.getElementById("cycleway:left:separation:right:width").value != "") {
if (document.getElementById("ftcycleway:left:separation:right:width").checked && (document.getElementById("cycleway:left:separation:right:width").value.includes("'")) == false) {
feature.properties.tags['cycleway:left:separation:right:width'] = document.getElementById("cycleway:left:separation:right:width").value + "'"
} else {
feature.properties.tags['cycleway:left:separation:right:width'] = Number(document.getElementById("cycleway:left:separation:right:width").value.replace("'",''))
}
}
}


Expand Down Expand Up @@ -682,6 +737,48 @@ <h5 id="offcanvasRightLabel">Aerial Lane Viewer</h5>
drawLanes(streetsAsGeojson)
}, true);

document.getElementById("cycleway:right:separation:right:width").addEventListener("keyup", function(){
if (document.getElementById("cycleway:right:separation:right:width").value!="") {
feature.properties.tags['cycleway:right:separation:right:width'] = document.getElementById("cycleway:right:separation:right:width").value
if (document.getElementById("ftcycleway:right:separation:right:width").checked) {
feature.properties.tags['cycleway:right:separation:right:width'] += "'"
}
} else {
delete feature.properties.tags['cycleway:right:separation:right:width']
}

loadCrossSection(feature)
drawLanes(streetsAsGeojson)
}, true);

document.getElementById("cycleway:left:separation:left:width").addEventListener("keyup", function(){
if (document.getElementById("cycleway:left:separation:left:width").value!="") {
feature.properties.tags['cycleway:left:separation:left:width'] = document.getElementById("cycleway:left:separation:left:width").value
if (document.getElementById("ftcycleway:left:separation:left:width").checked) {
feature.properties.tags['cycleway:left:separation:left:width'] += "'"
}
} else {
delete feature.properties.tags['cycleway:left:separation:left:width']
}

loadCrossSection(feature)
drawLanes(streetsAsGeojson)
}, true);

document.getElementById("cycleway:left:separation:right:width").addEventListener("keyup", function(){
if (document.getElementById("cycleway:left:separation:right:width").value!="") {
feature.properties.tags['cycleway:left:separation:right:width'] = document.getElementById("cycleway:left:separation:right:width").value
if (document.getElementById("ftcycleway:left:separation:right:width").checked) {
feature.properties.tags['cycleway:left:separation:right:width'] += "'"
}
} else {
delete feature.properties.tags['cycleway:left:separation:right:width']
}

loadCrossSection(feature)
drawLanes(streetsAsGeojson)
}, true);


document.getElementById("cycleway:lanes:forward").addEventListener("keyup", function(){
if (document.getElementById("cycleway:lanes:forward").value!="") {
Expand Down
Loading

0 comments on commit 784f740

Please sign in to comment.