starred/UpSnap
1
0
Fork 0
mirror of https://github.com/seriousm4x/UpSnap.git synced 2026-07-23 14:03:47 -04:00
Code Issues Packages Projects Releases Wiki Activity

feat: network scan: replace netmask for all devices #169

Browse Source
This commit is contained in:
seriousm4x
2023-08-18 14:19:08 +02:00
parent a2d09762b3
commit 109f374269
2 changed files with 1405 additions and 497 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1829
frontend/pnpm-lock.yaml generated
View File

File diff suppressed because it is too large Load Diff

73
frontend/src/lib/components/NetworkScan.svelte
View File

@@ -18,6 +18,8 @@
devices: []
};
let addAllCheckbox = true;
let replaceNetmaskCheckbox = false;
let replaceNetmask = '';
onMount(() => {
if (!$settingsPriv) {
@@ -75,7 +77,11 @@
}
async function createDevice(device: ScannedDevice): Promise<Device> {
device.netmask = scanResponse.netmask;
if (replaceNetmaskCheckbox) {
device.netmask = replaceNetmask;
} else {
device.netmask = scanResponse.netmask;
}
return $pocketbase.collection('devices').create(device);
}
@@ -195,12 +201,55 @@
</div>
</div>
{/each}
<div class="form-control max-w-fit flex flex-row flex-wrap gap-4 mt-4 ms-auto">
<h2 class="card-title mt-4">Add all devices</h2>
<div class="form-control max-w-fit">
<label class="label cursor-pointer">
<input type="checkbox" class="checkbox" bind:checked={addAllCheckbox} />
<span class="label-text ms-2">Include devices where name is "Unknown"</span>
<input type="checkbox" class="checkbox" bind:checked={replaceNetmaskCheckbox} />
<span class="label-text ms-2">Replace netmask for all devices?</span>
</label>
{#if addAllCheckbox}
</div>
{#if replaceNetmaskCheckbox}
<div class="form-control max-w-fit">
<label class="label cursor-pointer" for="replaceNetmaskInput">
<span class="label-text ms-2">New netmask</span>
</label>
<input
id="replaceNetmaskInput"
class="input input-bordered"
type="text"
placeholder="255.255.0.0"
bind:value={replaceNetmask}
/>
</div>
{/if}
{#if scanResponse.devices.find((dev) => dev.name === 'Unknown')}
<div class="form-control max-w-fit">
<label class="label cursor-pointer">
<input type="checkbox" class="checkbox" bind:checked={addAllCheckbox} />
<span class="label-text ms-2">Include devices where name is "Unknown"</span>
</label>
{#if addAllCheckbox}
<button
class="btn btn-success"
on:click={() => addAll()}
disabled={scanResponse.devices.length === 0}
>
<Fa icon={faPlus} /> Add all ({scanResponse.devices.length})
</button>
{:else}
<button
class="btn btn-success"
on:click={() => addAll()}
disabled={scanResponse.devices.filter((dev) => dev.name !== 'Unknown').length === 0}
>
<Fa icon={faPlus} /> Add all ({scanResponse.devices.filter(
(dev) => dev.name !== 'Unknown'
).length})
</button>
{/if}
</div>
{:else}
<div class="form-control max-w-fit">
<button
class="btn btn-success"
on:click={() => addAll()}
@@ -208,18 +257,8 @@
>
<Fa icon={faPlus} /> Add all ({scanResponse.devices.length})
</button>
{:else}
<button
class="btn btn-success"
on:click={() => addAll()}
disabled={scanResponse.devices.filter((dev) => dev.name !== 'Unknown').length === 0}
>
<Fa icon={faPlus} /> Add all ({scanResponse.devices.filter(
(dev) => dev.name !== 'Unknown'
).length})
</button>
{/if}
</div>
</div>
{/if}
{/if}
</div>
</div>