mga revised this gist 9 months ago. Go to revision
1 file changed, 38 insertions
formState.ts(file created)
| @@ -0,0 +1,38 @@ | |||
| 1 | + | export default abstract class FromState<T> { | |
| 2 | + | data: T; | |
| 3 | + | loading: boolean; | |
| 4 | + | error: Error | null; | |
| 5 | + | success: boolean; | |
| 6 | + | ||
| 7 | + | constructor(data: T) { | |
| 8 | + | this.data = data; | |
| 9 | + | this.loading = false; | |
| 10 | + | this.error = null; | |
| 11 | + | this.success = false; | |
| 12 | + | } | |
| 13 | + | ||
| 14 | + | reset(): void { | |
| 15 | + | this.loading = false; | |
| 16 | + | this.error = null; | |
| 17 | + | this.success = false; | |
| 18 | + | } | |
| 19 | + | ||
| 20 | + | async submit(): Promise<void> { | |
| 21 | + | this.loading = true; | |
| 22 | + | this.error = null; | |
| 23 | + | try { | |
| 24 | + | await this.post(); | |
| 25 | + | this.success = true; | |
| 26 | + | } catch (error: any) { | |
| 27 | + | console.error("Error while submitting form", error); | |
| 28 | + | this.success = false; | |
| 29 | + | if (error instanceof Error) | |
| 30 | + | this.error = error; | |
| 31 | + | this.handleError(); | |
| 32 | + | } | |
| 33 | + | this.loading = false; | |
| 34 | + | } | |
| 35 | + | ||
| 36 | + | abstract post(): Promise<void>; | |
| 37 | + | handleError(): Promise<void> | void { }; | |
| 38 | + | } | |
Newer
Older