feat: description templates

src/lib/system/Edit.svelte

@@ -4,6 +4,8 @@
     // import moment from 'moment-timezone';
     import { currentUser } from '../../stores';
 
+    const descriptions: string[] = JSON.parse(localStorage.getItem("pk-config"))?.description_templates;
+
     import { System } from '../../api/types';
     import api from '../../api';
 
@@ -82,6 +84,16 @@
 </Row>
 <div class="my-2">
     <b>Description:</b><br />
+    {#if descriptions.length > 0 && descriptions[0].trim() != ""}
+    <Button size="sm" color="primary" on:click={() => input.description = descriptions[0]}>Template 1</Button>
+    {/if}
+    {#if descriptions.length > 1 && descriptions[1].trim() != ""}
+    <Button size="sm" color="primary" on:click={() => input.description = descriptions[1]}>Template 2</Button>
+    {/if}
+    {#if descriptions.length > 2 && descriptions[2].trim() != ""}
+    <Button size="sm" color="primary" on:click={() => input.description = descriptions[2]}>Template 3</Button>
+    {/if}
+    <br>
     <textarea class="form-control" bind:value={input.description} maxlength={1000} use:autosize placeholder={user.description}/>
 </div>
 <Button style="flex: 0" color="primary" on:click={submit}>Submit</Button> <Button style="flex: 0" color="light" on:click={() => editMode = false}>Back</Button>