Skip to content

Commit df04f1c

Browse files
hiddewiehiddewie
committed
badges and pills
1 parent b782820 commit df04f1c

File tree

1 file changed

+27
-27
lines changed

1 file changed

+27
-27
lines changed

‎proxy/js/ui.js‎

Lines changed: 27 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -127,14 +127,14 @@ function showSearchResults(results) {
127127
? `
128128
<div class="mb-1 d-flex align-items-center">
129129
<span class="flex-grow-1">
130-
<span class="badge badge-light">0 results</span>
130+
<span class="badge rounded-pill text-bg-light">0 results</span>
131131
</span>
132132
</div>
133133
`
134134
: `
135135
<div class="mb-1 d-flex align-items-center">
136136
<span class="flex-grow-1">
137-
<span class="badge badge-light">${results.length} results</span>
137+
<span class="badge rounded-pill text-bg-light">${results.length} results</span>
138138
</span>
139139
<button class="btn btn-sm btn-primary" type="button" style="vertical-align: text-bottom" onclick="viewSearchResultsOnMap(${bounds})">
140140
<svg width="auto" height="16" viewBox="-4 0 36 36" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M14 0c7.732 0 14 5.641 14 12.6C28 23.963 14 36 14 36S0 24.064 0 12.6C0 5.641 6.268 0 14 0Z" fill="white"/><circle fill="var(--primary)" fill-rule="nonzero" cx="14" cy="14" r="7"/></g></svg>
@@ -657,31 +657,31 @@ function popupContent(properties) {
657657
${properties.osm_id ? `<a title="Edit" href="https://www.openstreetmap.org/edit?node=${properties.osm_id}" target="_blank">${icons.edit}</a>` : ''}
658658
</h6>
659659
<h6>
660-
${properties.reporting_marks ? `<span class="badge badge-pill badge-light">reporting marks: <span class="text-monospace">${properties.reporting_marks}</span></span>` : ''}
661-
${properties.railway_ref ? `<span class="badge badge-pill badge-light">reference: <span class="text-monospace">${properties.railway_ref}</span></span>` : ''}
662-
${properties.ref ? `<span class="badge badge-pill badge-light">reference: <span class="text-monospace">${properties.ref}</span></span>` : ''}
663-
${properties.uic_ref ? `<span class="badge badge-pill badge-light">UIC reference: <span class="text-monospace">${properties.uic_ref}</span></span>` : ''}
664-
${properties.position ? `<span class="badge badge-pill badge-light">position: ${properties.position}</span>` : ''}
665-
${properties.pos ? `<span class="badge badge-pill badge-light">position: ${properties.pos}</span>` : ''}
666-
${properties.operator ? `<span class="badge badge-pill badge-light">operator: ${properties.operator}</span>` : ''}
667-
${properties.track_ref ? `<span class="badge badge-pill badge-light">track: ${properties.track_ref}</span>` : ''}
668-
${properties.highspeed === true ? `<span class="badge badge-pill badge-light">high speed</span>` : ''}
669-
${properties.usage ? `<span class="badge badge-pill badge-light">usage: <span class="text-monospace">${properties.usage}</span></span>` : ''}
670-
${properties.service ? `<span class="badge badge-pill badge-light">service: <span class="text-monospace">${properties.service}</span></span>` : ''}
671-
${properties.tunnel === true ? `<span class="badge badge-pill badge-light">tunnel</span>` : ''}
672-
${properties.bridge === true ? `<span class="badge badge-pill badge-light">bridge</span>` : ''}
673-
${properties.railway_local_operated === true ? `<span class="badge badge-pill badge-light">operated locally</span>` : ''}
674-
${properties.maxspeed ? `<span class="badge badge-pill badge-light">maximum speed: ${properties.maxspeed} km/h</span>` : ''}
675-
${properties.direction_both ? `<span class="badge badge-pill badge-light">both directions</span>` : ''}
676-
${properties.train_protection ? `<span class="badge badge-pill badge-light">train protection: <span class="text-monospace">${properties.train_protection}</span></span>` : ''}
677-
${properties.deactivated === true ? `<span class="badge badge-pill badge-light">deactivated</span>` : ''}
678-
${properties.type === 'line' ? `<span class="badge badge-pill badge-light">line signal</span>` : ''}
679-
${properties.electrification_state ? `<span class="badge badge-pill badge-light">line electrification: <span class="text-monospace">${properties.electrification_state}</span></span>` : ''}
680-
${properties.voltage ? `<span class="badge badge-pill badge-light">voltage: ${properties.voltage} V</span>` : ''}
681-
${properties.frequency ? `<span class="badge badge-pill badge-light">frequency: ${properties.frequency.toFixed(2)} Hz</span>` : ''}
682-
${properties.gauge0 ? `<span class="badge badge-pill badge-light">gauge: ${properties.gauge0}</span>` : ''}
683-
${properties.gauge1 ? `<span class="badge badge-pill badge-light">gauge: ${properties.gauge1}</span>` : ''}
684-
${properties.gauge2 ? `<span class="badge badge-pill badge-light">gauge: ${properties.gauge2}</span>` : ''}
660+
${properties.reporting_marks ? `<span class="badge rounded-pill text-bg-light">reporting marks: <span class="text-monospace">${properties.reporting_marks}</span></span>` : ''}
661+
${properties.railway_ref ? `<span class="badge rounded-pill text-bg-light">reference: <span class="text-monospace">${properties.railway_ref}</span></span>` : ''}
662+
${properties.ref ? `<span class="badge rounded-pill text-bg-light">reference: <span class="text-monospace">${properties.ref}</span></span>` : ''}
663+
${properties.uic_ref ? `<span class="badge rounded-pill text-bg-light">UIC reference: <span class="text-monospace">${properties.uic_ref}</span></span>` : ''}
664+
${properties.position ? `<span class="badge rounded-pill text-bg-light">position: ${properties.position}</span>` : ''}
665+
${properties.pos ? `<span class="badge rounded-pill text-bg-light">position: ${properties.pos}</span>` : ''}
666+
${properties.operator ? `<span class="badge rounded-pill text-bg-light">operator: ${properties.operator}</span>` : ''}
667+
${properties.track_ref ? `<span class="badge rounded-pill text-bg-light">track: ${properties.track_ref}</span>` : ''}
668+
${properties.highspeed === true ? `<span class="badge rounded-pill text-bg-light">high speed</span>` : ''}
669+
${properties.usage ? `<span class="badge rounded-pill text-bg-light">usage: <span class="text-monospace">${properties.usage}</span></span>` : ''}
670+
${properties.service ? `<span class="badge rounded-pill text-bg-light">service: <span class="text-monospace">${properties.service}</span></span>` : ''}
671+
${properties.tunnel === true ? `<span class="badge rounded-pill text-bg-light">tunnel</span>` : ''}
672+
${properties.bridge === true ? `<span class="badge rounded-pill text-bg-light">bridge</span>` : ''}
673+
${properties.railway_local_operated === true ? `<span class="badge rounded-pill text-bg-light">operated locally</span>` : ''}
674+
${properties.maxspeed ? `<span class="badge rounded-pill text-bg-light">maximum speed: ${properties.maxspeed} km/h</span>` : ''}
675+
${properties.direction_both ? `<span class="badge rounded-pill text-bg-light">both directions</span>` : ''}
676+
${properties.train_protection ? `<span class="badge rounded-pill text-bg-light">train protection: <span class="text-monospace">${properties.train_protection}</span></span>` : ''}
677+
${properties.deactivated === true ? `<span class="badge rounded-pill text-bg-light">deactivated</span>` : ''}
678+
${properties.type === 'line' ? `<span class="badge rounded-pill text-bg-light">line signal</span>` : ''}
679+
${properties.electrification_state ? `<span class="badge rounded-pill text-bg-light">line electrification: <span class="text-monospace">${properties.electrification_state}</span></span>` : ''}
680+
${properties.voltage ? `<span class="badge rounded-pill text-bg-light">voltage: ${properties.voltage} V</span>` : ''}
681+
${properties.frequency ? `<span class="badge rounded-pill text-bg-light">frequency: ${properties.frequency.toFixed(2)} Hz</span>` : ''}
682+
${properties.gauge0 ? `<span class="badge rounded-pill text-bg-light">gauge: ${properties.gauge0}</span>` : ''}
683+
${properties.gauge1 ? `<span class="badge rounded-pill text-bg-light">gauge: ${properties.gauge1}</span>` : ''}
684+
${properties.gauge2 ? `<span class="badge rounded-pill text-bg-light">gauge: ${properties.gauge2}</span>` : ''}
685685
</h6>
686686
`;
687687
}

0 commit comments

Comments
 (0)