Scott.Idem/OSIT-AE-App-Svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Now with JSON validity checking. Done for the day.

Browse Source
This commit is contained in:
Scott Idem
2024-07-24 18:22:19 -04:00
parent 274b599ff1
commit 37c51cee29
1 changed files with 24 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/routes/core/person_view.svelte
View File

@@ -43,6 +43,19 @@ $: if ($lq__person_obj?.data_json && ae_tmp.value__data_json === null) {
// JSON.stringify(jsObj, null, 4);
}
ae_tmp.valid__data_json = null;
$: if (ae_tmp.value__data_json && ae_tmp.value__data_json.length) {
console.log(`ae_tmp.value__data_json.length:`, ae_tmp.value__data_json.length);
try {
JSON.parse(ae_tmp.value__data_json);
ae_tmp.valid__data_json = true;
} catch (e) {
ae_tmp.valid__data_json = false;
console.error(`JSON.parse error:`, e);
}
}
// $events_slct.person_obj = $lq__person_obj;
@@ -553,13 +566,22 @@ onMount(() => {
<!-- {/if} -->
</div>
<p>JSON length: {(ae_tmp.value__data_json ? ae_util.number_w_commas(ae_tmp.value__data_json.length) : 0)} characters</p>
<p>
JSON length: {(ae_tmp.value__data_json ? ae_util.number_w_commas(ae_tmp.value__data_json.length) : 0)} characters
{#if ae_tmp.valid__data_json}
<span class="fas fa-check text-green-500"></span>
{:else}
<span class="fas fa-exclamation-triangle text-red-500"></span>
Invalid JSON
{/if}
</p>
<div class="flex flex-wrap gap-2 p-1">
<button
type="button"
class="btn btn-md variant-glass-primary hover:variant-filled-primary"
disabled={(ae_tmp.value__data_json == $lq__person_obj.data_json)}
disabled={(!$ae_loc.trusted_access || ae_tmp.value__data_json == $lq__person_obj.data_json)}
on:click={() => {
console.log('*** Save button clicked ***');