improvement: use original input value in case of error, clear input
after submission
This commit is contained in:
parent
c27b91cd06
commit
5415daebc5
|
@ -26,8 +26,10 @@
|
||||||
|
|
||||||
export let error
|
export let error
|
||||||
export let pending
|
export let pending
|
||||||
|
export let pendingRequest
|
||||||
|
|
||||||
let value
|
let value = ''
|
||||||
|
$: value = error && pendingRequest && pendingRequest.url || ''
|
||||||
let form
|
let form
|
||||||
|
|
||||||
let inputClasses = ''
|
let inputClasses = ''
|
||||||
|
@ -44,6 +46,11 @@
|
||||||
e.preventDefault()
|
e.preventDefault()
|
||||||
|
|
||||||
createEvent(value, { logger })
|
createEvent(value, { logger })
|
||||||
|
value = ''
|
||||||
|
}
|
||||||
|
|
||||||
|
const handleChange = (e) => {
|
||||||
|
value = e.currentTarget.value
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
@ -54,10 +61,11 @@
|
||||||
id="url"
|
id="url"
|
||||||
name="url"
|
name="url"
|
||||||
class={inputClasses}
|
class={inputClasses}
|
||||||
bind:value={value}
|
|
||||||
disabled={pending}
|
disabled={pending}
|
||||||
placeholder="Paste / type FB event URL or event number..."
|
placeholder="Paste / type FB event URL or event number..."
|
||||||
title="Please insert Facebook Event URL / Number"
|
title="Please insert Facebook Event URL / Number"
|
||||||
|
on:change={handleChange}
|
||||||
|
value={value}
|
||||||
/>
|
/>
|
||||||
<input
|
<input
|
||||||
id="submit"
|
id="submit"
|
||||||
|
|
|
@ -13,6 +13,7 @@
|
||||||
<div class="input-container">
|
<div class="input-container">
|
||||||
<Input
|
<Input
|
||||||
{pending}
|
{pending}
|
||||||
|
{pendingRequest}
|
||||||
{error}
|
{error}
|
||||||
/>
|
/>
|
||||||
<Status
|
<Status
|
||||||
|
|
Loading…
Reference in New Issue