scout_ante/dashboard-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

RM96 - adding validation to image url inputs

Browse Source
This commit is contained in:
veganedge 2025-02-09 12:55:05 -08:00
parent 0b9bb1dae1
commit 2d5b141027
1 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
frontend/src/components/manage/PanelCreationForm.svelte
View File

@ -147,8 +147,8 @@
</div>
<div class="row">
<Input col2={true} label="Large Image URL" badge="Optional" bind:value={data.image_url} placeholder="https://example.com/image.png" />
<Input col2={true} label="Small Image URL" badge="Optional" bind:value={data.thumbnail_url} placeholder="https://example.com/image.png" />
<Input col2={true} label="Large Image URL" badge="Optional" bind:value={data.image_url} placeholder="https://example.com/image.png" on:blur={handleImageUrlInput}/>
<Input col2={true} label="Small Image URL" badge="Optional" bind:value={data.thumbnail_url} placeholder="https://example.com/image.png" on:blur={handleImageUrlInput}/>
</div>
</div>
</Collapsible>
@ -269,6 +269,21 @@
};
}
// Function to validate image URL
function validateImageUrl(url) {
const validExtensions = ['.gif', '.jpg', '.jpeg', '.png', '.webp'];
return validExtensions.some(ext => url.endsWith(ext));
}
// Function to handle input validation
function handleImageUrlInput(event) {
const url = event.target.value;
if (url && !validateImageUrl(url)) {
alert('Invalid image URL. Please use a URL ending with .gif, .jpg, .jpeg, .png, or .webp');
event.target.value = '';
}
}
function updateColour() {
data.colour = colourToInt(tempColour);
}