steven/gpx.studio
1
0
Fork 0
mirror of https://github.com/gpxstudio/gpx.studio.git synced 2025-09-10 20:27:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix line weight attribute with correct one: line width

Browse Source
This commit is contained in:
vcoppe
2025-01-01 14:40:28 +01:00
parent 077f2b4435
commit 6cb6c88cd1
7 changed files with 40 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
website/src/lib/components/file-list/StyleDialog.svelte
View File

@@ -14,20 +14,20 @@
export let item: ListItem;
export let open = false;
const { defaultOpacity, defaultWeight } = settings;
const { defaultOpacity, defaultWidth } = settings;
let colors: string[] = [];
let color: string | undefined = undefined;
let opacity: number[] = [];
let weight: number[] = [];
let width: number[] = [];
let colorChanged = false;
let opacityChanged = false;
let weightChanged = false;
let widthChanged = false;
function setStyleInputs() {
colors = [];
opacity = [];
weight = [];
width = [];
$selection.forEach((item) => {
if (item instanceof ListFileItem) {
@@ -47,9 +47,9 @@
opacity.push(o);
}
});
style.weight.forEach((w) => {
if (!weight.includes(w)) {
weight.push(w);
style.width.forEach((w) => {
if (!width.includes(w)) {
width.push(w);
}
});
}
@@ -66,8 +66,8 @@
if (style['gpx_style:opacity'] && !opacity.includes(style['gpx_style:opacity'])) {
opacity.push(style['gpx_style:opacity']);
}
if (style['gpx_style:weight'] && !weight.includes(style['gpx_style:weight'])) {
weight.push(style['gpx_style:weight']);
if (style['gpx_style:width'] && !width.includes(style['gpx_style:width'])) {
width.push(style['gpx_style:width']);
}
}
if (!colors.includes(layer.layerColor)) {
@@ -79,11 +79,11 @@
color = colors[0];
opacity = [opacity[0] ?? $defaultOpacity];
weight = [weight[0] ?? $defaultWeight];
width = [width[0] ?? $defaultWidth];
colorChanged = false;
opacityChanged = false;
weightChanged = false;
widthChanged = false;
}
$: if ($selection && open) {
@@ -123,18 +123,18 @@
{$_('menu.style.width')}
<div class="w-40 p-2">
<Slider
bind:value={weight}
id="weight"
bind:value={width}
id="width"
min={1}
max={10}
step={1}
onValueChange={() => (weightChanged = true)}
onValueChange={() => (widthChanged = true)}
/>
</div>
</Label>
<Button
variant="outline"
disabled={!colorChanged && !opacityChanged && !weightChanged}
disabled={!colorChanged && !opacityChanged && !widthChanged}
on:click={() => {
let style = {};
if (colorChanged) {
@@ -143,8 +143,8 @@
if (opacityChanged) {
style['gpx_style:opacity'] = opacity[0];
}
if (weightChanged) {
style['gpx_style:weight'] = weight[0];
if (widthChanged) {
style['gpx_style:width'] = width[0];
}
dbUtils.setStyleToSelection(style);
@@ -152,8 +152,8 @@
if (style['gpx_style:opacity']) {
$defaultOpacity = style['gpx_style:opacity'];
}
if (style['gpx_style:weight']) {
$defaultWeight = style['gpx_style:weight'];
if (style['gpx_style:width']) {
$defaultWidth = style['gpx_style:width'];
}
}