ashpie/swaf
1
0
Fork 0
Code Issues 22 Pull Requests Releases 11 Wiki Activity

Add icons to account page

Browse Source
This commit is contained in:
Alice Gaudon 2021-11-09 19:22:10 +01:00
parent c5b6b33abd
commit c29024bb23
3 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/assets/views/auth/account/NamePanel.svelte
View File

@ -15,13 +15,17 @@
<Form action={$locals.route('change-name')} <Form action={$locals.route('change-name')}
submitIcon="save" submitText="Change my name {newName.length > 0 ? 'to ' + newName : ''}" submitIcon="save" submitText="Change my name {newName.length > 0 ? 'to ' + newName : ''}"
confirm="Are you sure you want to change your name to {newName}?"> confirm="Are you sure you want to change your name to {newName}?">
<Field type="text" name="name" placeholder="New name" required bind:value={newName}/> <Field type="text" name="name" icon="user" placeholder="New name" required bind:value={newName}/>
<Field type="checkbox" name="terms" <Field type="checkbox" name="terms"
placeholder="I understand that I can only change my name once every {$locals.name_change_wait_period}" placeholder="I understand that I can only change my name once every {$locals.name_change_wait_period}"
required/> required/>
<Field type="checkbox" name="terms2"
placeholder="I understand that my old name {$locals.user.name} will become available for anyone to take"
required/>
</Form> </Form>
{:else} {:else}
<Message type="info" content="You can change your name in {$locals.can_change_name_in}"/> <Message type="info" content="You will be able to change your name in {$locals.can_change_name_in}" sticky discreet/>
{/if} {/if}
</section> </section>

6
src/assets/views/auth/account/PasswordPanel.svelte
View File

@ -19,12 +19,12 @@
<Form action={$locals.route('change-password')} <Form action={$locals.route('change-password')}
submitIcon="save" submitText="Set password"> submitIcon="save" submitText="Set password">
{#if $locals.has_password} {#if $locals.has_password}
<Field type="password" name="current_password" placeholder="Current password"/> <Field type="password" name="current_password" icon="key" placeholder="Current password"/>
<button type="button" on:click={() => removePasswordMode = true}>Forgot your password?</button> <button type="button" on:click={() => removePasswordMode = true}>Forgot your password?</button>
{/if} {/if}
<Field type="password" name="new_password" placeholder="New password" required/> <Field type="password" name="new_password" icon="key" placeholder="New password" required/>
<Field type="password" name="new_password_confirmation" placeholder="New password confirmation" required/> <Field type="password" name="new_password_confirmation" icon="key" placeholder="New password confirmation" required/>
</Form> </Form>
{/if} {/if}
</section> </section>

2
src/assets/views/auth/account/account.svelte
View File

@ -89,7 +89,7 @@
submitIcon="plus" submitText="Add email address"> submitIcon="plus" submitText="Add email address">
<h3>Add an email address:</h3> <h3>Add an email address:</h3>
<Field type="email" name="email" placeholder="Choose a safe email address" <Field type="email" name="email" icon="at-sign" placeholder="Choose a safe email address"
hint="An email address we can use to identify you in case you lose access to your account" hint="An email address we can use to identify you in case you lose access to your account"
required/> required/>
</Form> </Form>