apps/mapix
4
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

style: polish ui wording

Browse Source
This commit is contained in:
Arne Baeumler
2026-06-07 20:32:54 +02:00
parent d50f6687da
commit 5f2bd97ea9
1 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/server/request-handler.ts
View File

@@ -800,7 +800,7 @@ function htmlPage(): string {
<aside>
<section class="card">
<h2>Nextcloud Share</h2>
<p>Paste a public share link. The app loads the images in the browser and extracts GPS data locally.</p>
<p>Paste a public share link to import images directly in the browser.</p>
<label>
Share URL
<input
@@ -819,7 +819,7 @@ function htmlPage(): string {
<path d="M3 12.5h10" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/>
</svg>
</span>
<span>Load share</span>
<span>Import share</span>
</button>
<button class="danger" id="cancel-share" type="button" disabled>
<span class="button-icon" aria-hidden="true">
@@ -832,7 +832,7 @@ function htmlPage(): string {
</div>
<div class="status-row">
<span class="spinner" id="activity-spinner" aria-hidden="true"></span>
<div class="status" id="share-status">Ready to load a share.</div>
<div class="status" id="share-status">Ready to import a share.</div>
</div>
<div class="progress" aria-label="Loading progress">
<div class="progress-bar" aria-hidden="true">
@@ -850,21 +850,21 @@ function htmlPage(): string {
<h2>Photos</h2>
<small id="photo-count" class="muted">0 photos</small>
<div id="photo-list" class="list">
<div class="empty-state" id="empty-state">No images loaded yet.</div>
<div class="empty-state" id="empty-state">No images imported yet.</div>
</div>
</section>
</aside>
<main>
<section class="map-panel">
<div class="map-label">Hover: thumbnail · click: fullscreen · route: time sorted</div>
<div class="map-label">Hover for thumbnail · click for fullscreen · route sorted by time</div>
<div id="map"></div>
</section>
<section class="card timeline" aria-label="Photo timeline">
<div class="timeline-header">
<div>
<h2>Timeline</h2>
<div class="timeline-summary" id="timeline-summary">No photos loaded yet.</div>
<div class="timeline-summary" id="timeline-summary">No photos imported yet.</div>
</div>
<button class="secondary" id="timeline-clear" type="button" disabled>Clear range</button>
</div>
@@ -1181,7 +1181,7 @@ function htmlPage(): string {
function formatTimelineSummary(photos, unit) {
if (!photos.length) {
return "No photos loaded yet.";
return "No photos imported yet.";
}
const count = photos.length + (photos.length === 1 ? " photo" : " photos");
@@ -1307,9 +1307,9 @@ function htmlPage(): string {
markers.clearLayers();
route.setLatLngs([]);
photoList.replaceChildren(emptyState);
emptyState.textContent = "No images loaded yet.";
emptyState.textContent = "No images imported yet.";
photoCount.textContent = "0 photos";
timelineSummary.textContent = "No photos loaded yet.";
timelineSummary.textContent = "No photos imported yet.";
timelineRange.textContent = "All photos";
timelineUnit.textContent = "Scale: day";
timelineClear.disabled = true;
@@ -1520,11 +1520,11 @@ function htmlPage(): string {
if (!visiblePhotos.length) {
emptyState.textContent = state.photos.length
? "No photos match the selected range."
: "No images loaded yet.";
: "No images imported yet.";
photoList.appendChild(emptyState);
photoCount.textContent = "0 photos";
} else {
emptyState.textContent = "No images loaded yet.";
emptyState.textContent = "No images imported yet.";
photoCount.textContent =
visiblePhotos.length + (visiblePhotos.length === 1 ? " photo shown" : " photos shown");
@@ -1854,7 +1854,7 @@ function htmlPage(): string {
updateStatus(
"Nextcloud import complete: " +
loaded +
" images loaded" +
" images imported" +
(skipped ? ", " + skipped + " skipped" : "") +
"."
);
@@ -1898,7 +1898,7 @@ function htmlPage(): string {
});
clearGallery();
updateStatus("Ready to load a share.");
updateStatus("Ready to import a share.");
</script>
</body>
</html>`;