fix
This commit is contained in:
parent
e806d848f2
commit
5096950ce4
6
.env
6
.env
|
@ -1,8 +1,8 @@
|
||||||
# project endpoint (required) [example: http://localhost/v1]
|
# project endpoint (required) [example: http://localhost/v1]
|
||||||
VITE_APPWRITE_ENDPOINT=http://localhost/v1
|
VITE_APPWRITE_ENDPOINT=http://erant-deploy.erant.cz/v1
|
||||||
|
|
||||||
# project id (required) [example: 638871b363904655d784]
|
# project id (required) [example: 638871b363904655d784]
|
||||||
VITE_APPWRITE_PROJECT_ID=639f1cad34056246ee78
|
VITE_APPWRITE_PROJECT_ID=63af924ab3995db64755
|
||||||
|
|
||||||
# project hostname (required) [example: http://localhost:5173]
|
# project hostname (required) [example: http://localhost:5173]
|
||||||
VITE_HOSTNAME=http://localhost:5173
|
VITE_HOSTNAME=http://erant-deploy.erant.cz
|
||||||
|
|
|
@ -3,23 +3,24 @@
|
||||||
|
|
||||||
export let name = ''
|
export let name = ''
|
||||||
export let placeholder = ''
|
export let placeholder = ''
|
||||||
|
export let value = ''
|
||||||
|
|
||||||
let input
|
export let input
|
||||||
let vissible = false
|
let vissible = false
|
||||||
|
|
||||||
function changeVisibility(i) {
|
function changeVisibility(i) {
|
||||||
if (!vissible) {
|
if (!vissible) {
|
||||||
i.type = 'text'
|
i.type = 'text'
|
||||||
vissible = true
|
vissible = true
|
||||||
} else {
|
} else {
|
||||||
i.type = 'password'
|
i.type = 'password'
|
||||||
vissible = false
|
vissible = false
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<input bind:this={input} type="password" {name} {placeholder} minlength="8" class="input" required />
|
<input bind:value bind:this={input} type="password" {name} {placeholder} minlength="8" class="input" required />
|
||||||
<button type="button" on:click={changeVisibility(input)}>
|
<button type="button" on:click={changeVisibility(input)}>
|
||||||
<Eye active={vissible} />
|
<Eye active={vissible} />
|
||||||
</button>
|
</button>
|
||||||
|
|
|
@ -1,9 +1,36 @@
|
||||||
<script>
|
<script>
|
||||||
|
import { account } from '$lib/appwrite'
|
||||||
|
import { ID } from 'appwrite'
|
||||||
import HiddenInput from '../lib/Components/Inputs/Hidden_Input.svelte'
|
import HiddenInput from '../lib/Components/Inputs/Hidden_Input.svelte'
|
||||||
import GoogleLogo from '../lib/svg/GoogleLogo.svelte'
|
import GoogleLogo from '../lib/svg/GoogleLogo.svelte'
|
||||||
import TopImage from '../lib/svg/Top-Image.svelte'
|
import TopImage from '../lib/svg/Top-Image.svelte'
|
||||||
|
|
||||||
export let purpose = 'register' //possible values login, register
|
export let purpose = 'register' //possible values login, register
|
||||||
|
|
||||||
|
let email = 'otaprokopec@gmail.com'
|
||||||
|
let password = 'aaaaaaaa'
|
||||||
|
let repeatPassword = 'aaaaaaaa'
|
||||||
|
let name = 'Ota Prokopec'
|
||||||
|
$: console.log(password)
|
||||||
|
|
||||||
|
const register = async () => {
|
||||||
|
//if (password === repeatPassword || name.length < 8 || email.length < 8) throw new Error('conditions are not fine')
|
||||||
|
await account.create(ID.unique(), email, password, name)
|
||||||
|
await account.createEmailSession(email, password, name)
|
||||||
|
await account.createVerification(`${location.origin}/`)
|
||||||
|
}
|
||||||
|
//register email verification
|
||||||
|
/*const urlParams = new URLSearchParams(location.search)
|
||||||
|
const userId = urlParams.get('userId')
|
||||||
|
const secret = urlParams.get('secret')
|
||||||
|
;(async () => {
|
||||||
|
try {
|
||||||
|
await account.updateVerification(userId, secret)
|
||||||
|
navigate('/')
|
||||||
|
} catch (err) {
|
||||||
|
console.log(err)
|
||||||
|
}
|
||||||
|
})()*/
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="main">
|
<div class="main">
|
||||||
|
@ -31,22 +58,22 @@
|
||||||
</form>
|
</form>
|
||||||
{:else}
|
{:else}
|
||||||
<form>
|
<form>
|
||||||
<input type="text" placeholder="Name" autocomplete="full-name" required />
|
<input bind:value={name} type="text" placeholder="Name" autocomplete="full-name" required />
|
||||||
<input type="text" placeholder="E-mail" autocomplete="email" required />
|
<input bind:value={email} type="text" placeholder="E-mail" autocomplete="email" required />
|
||||||
<HiddenInput placeholder="Password" />
|
<HiddenInput bind:value={password} placeholder="Password" />
|
||||||
<HiddenInput placeholder="Re-type password" />
|
<HiddenInput bind:value={repeatPassword} placeholder="Re-type password" />
|
||||||
<input type="submit" value="Sign up" />
|
|
||||||
</form>
|
</form>
|
||||||
|
<button on:click={() => register()}>Sign up</button>
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="continue_with">
|
<div class="continue_with">
|
||||||
<button>
|
<button on:click={() => account.createOAuth2Session('google')}>
|
||||||
<GoogleLogo />
|
<GoogleLogo />
|
||||||
<p>Continue with Google</p>
|
<p>Continue with Google</p>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<button>
|
<button on:click={() => account.createOAuth2Session('facebook')}>
|
||||||
<p>Continue with Facebook</p>
|
<p>Continue with Facebook</p>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue