steven/gpx.studio
1
0
Fork 0
mirror of https://github.com/gpxstudio/gpx.studio.git synced 2025-09-05 01:42:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

rename "vertical file list" to "file tree"

Browse Source
This commit is contained in:
vcoppe
2024-12-28 15:52:29 +01:00
parent d7aae81c41
commit 7a80e9e104
13 changed files with 43 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
website/src/lib/components/Map.svelte
View File

@@ -28,7 +28,7 @@
easing: () => 1
};
const { distanceUnits, elevationProfile, verticalFileView, bottomPanelSize, rightPanelSize } =
const { distanceUnits, elevationProfile, treeFileView, bottomPanelSize, rightPanelSize } =
settings;
let scaleControl = new mapboxgl.ScaleControl({
unit: $distanceUnits
@@ -202,10 +202,7 @@
}
});
$: if (
$map &&
(!$verticalFileView || !$elevationProfile || $bottomPanelSize || $rightPanelSize)
) {
$: if ($map && (!$treeFileView || !$elevationProfile || $bottomPanelSize || $rightPanelSize)) {
$map.resize();
}
</script>

16
website/src/lib/components/Menu.svelte
View File

@@ -22,7 +22,7 @@
Sun,
Moon,
Layers,
GalleryVertical,
ListTree,
Languages,
Settings,
Info,
@@ -83,7 +83,7 @@
velocityUnits,
temperatureUnits,
elevationProfile,
verticalFileView,
treeFileView,
currentBasemap,
previousBasemap,
currentOverlays,
@@ -243,7 +243,7 @@
{/if}
<Shortcut key="H" ctrl={true} />
</Menubar.Item>
{#if $verticalFileView}
{#if $treeFileView}
{#if $selection.getSelected().some((item) => item instanceof ListFileItem)}
<Menubar.Separator />
<Menubar.Item
@@ -284,7 +284,7 @@
{$_('menu.center')}
<Shortcut key="⏎" ctrl={true} />
</Menubar.Item>
{#if $verticalFileView}
{#if $treeFileView}
<Menubar.Separator />
<Menubar.Item on:click={copySelection} disabled={$selection.size === 0}>
<ClipboardCopy size="16" class="mr-1" />
@@ -327,9 +327,9 @@
{$_('menu.elevation_profile')}
<Shortcut key="P" ctrl={true} />
</Menubar.CheckboxItem>
<Menubar.CheckboxItem bind:checked={$verticalFileView}>
<GalleryVertical size="16" class="mr-1" />
{$_('menu.vertical_file_view')}
<Menubar.CheckboxItem bind:checked={$treeFileView}>
<ListTree size="16" class="mr-1" />
{$_('menu.tree_file_view')}
<Shortcut key="L" ctrl={true} />
</Menubar.CheckboxItem>
<Menubar.Separator />
@@ -567,7 +567,7 @@
$elevationProfile = !$elevationProfile;
e.preventDefault();
} else if (e.key === 'l' && (e.metaKey || e.ctrlKey)) {
$verticalFileView = !$verticalFileView;
$treeFileView = !$treeFileView;
e.preventDefault();
} else if (e.key === 'h' && (e.metaKey || e.ctrlKey)) {
if ($allHidden) {

4
website/src/lib/components/file-list/FileList.svelte
View File

@@ -17,9 +17,9 @@
setContext('orientation', orientation);
setContext('recursive', recursive);
const { verticalFileView } = settings;
const { treeFileView } = settings;
verticalFileView.subscribe(($vertical) => {
treeFileView.subscribe(($vertical) => {
if ($vertical) {
selection.update(($selection) => {
$selection.forEach((item) => {

8
website/src/lib/components/file-list/FileListNode.svelte
View File

@@ -39,19 +39,19 @@
node instanceof GPXFile && item instanceof ListFileItem
? node.metadata.name
: node instanceof Track
? node.name ?? `${$_('gpx.track')} ${(item as ListTrackItem).trackIndex + 1}`
? (node.name ?? `${$_('gpx.track')} ${(item as ListTrackItem).trackIndex + 1}`)
: node instanceof TrackSegment
? `${$_('gpx.segment')} ${(item as ListTrackSegmentItem).segmentIndex + 1}`
: node instanceof Waypoint
? node.name ?? `${$_('gpx.waypoint')} ${(item as ListWaypointItem).waypointIndex + 1}`
? (node.name ?? `${$_('gpx.waypoint')} ${(item as ListWaypointItem).waypointIndex + 1}`)
: node instanceof GPXFile && item instanceof ListWaypointsItem
? $_('gpx.waypoints')
: '';
const { verticalFileView } = settings;
const { treeFileView } = settings;
function openIfSelectedChild() {
if (collapsible && get(verticalFileView) && $selection.hasAnyChildren(item, false)) {
if (collapsible && get(treeFileView) && $selection.hasAnyChildren(item, false)) {
collapsible.openNode();
}
}

6
website/src/lib/components/gpx-layer/GPXLayer.ts
View File

@@ -89,7 +89,7 @@ function getMarkerForSymbol(symbol: string | undefined, layerColor: string) {
</svg>`;
}
const { directionMarkers, verticalFileView, defaultOpacity, defaultWeight } = settings;
const { directionMarkers, treeFileView, defaultOpacity, defaultWeight } = settings;
export class GPXLayer {
map: mapboxgl.Map;
@@ -271,7 +271,7 @@ export class GPXLayer {
return;
}
if (get(verticalFileView)) {
if (get(treeFileView)) {
if ((e.ctrlKey || e.metaKey) && get(selection).hasAnyChildren(new ListWaypointsItem(this.fileId), false)) {
addSelectItem(new ListWaypointItem(this.fileId, marker._waypoint._data.index));
} else {
@@ -415,7 +415,7 @@ export class GPXLayer {
}
let item = undefined;
if (get(verticalFileView) && file.getSegments().length > 1) { // Select inner item
if (get(treeFileView) && file.getSegments().length > 1) { // Select inner item
item = file.children[trackIndex].children.length > 1 ? new ListTrackSegmentItem(this.fileId, trackIndex, segmentIndex) : new ListTrackItem(this.fileId, trackIndex);
} else {
item = new ListFileItem(this.fileId);

4
website/src/lib/components/toolbar/tools/Waypoint.svelte
View File

@@ -34,11 +34,11 @@
label: ''
};
const { verticalFileView } = settings;
const { treeFileView } = settings;
$: canCreate = $selection.size > 0;
$: if ($verticalFileView && $selection) {
$: if ($treeFileView && $selection) {
selectedWaypoint.update(() => {
if ($selection.size === 1) {
let item = $selection.getSelected()[0];