ayo/astro-reactive-form
ayo/astro-reactive-form
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: implement form submit button limit (#47)

Browse source 
* feat: implement form submit button limit

* feat: add submit control to form
This commit is contained in:
jmakhack 2022-10-06 10:07:02 -04:00 committed by GitHub
parent f1485808c9
commit 97128a0816
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
packages/astro-reactive-form/Form.astro
View file

@ -1,15 +1,18 @@
--- ---
import type { FormGroup } from './core'; import type { FormControl, FormGroup } from './core';
import Field from './components/Field.astro';
import FieldSet from './components/FieldSet.astro'; import FieldSet from './components/FieldSet.astro';
export interface Props { export interface Props {
submitControl?: FormControl;
formGroups: FormGroup[]; formGroups: FormGroup[];
} }
const { formGroups } = Astro.props; const { submitControl, formGroups } = Astro.props;
--- ---
<form class="light"> <form class="light">
{formGroups?.map((group) => <FieldSet group={group} />)} {formGroups?.map((group) => <FieldSet group={group} />)}
{submitControl && (<Field control={submitControl} />)}
</form> </form>
<style> <style>

4
packages/astro-reactive-form/core/form-group.ts
View file

@ -7,7 +7,9 @@ export class FormGroup {
constructor(controls: FormControlBase[], name = '') { constructor(controls: FormControlBase[], name = '') {
this.name = name; this.name = name;
this.controls = controls.map((control) => new FormControl(control)); this.controls = controls
.filter(control => control.type !== 'submit')
.map(control => new FormControl(control));
} }
get(name: string): FormControl | undefined { get(name: string): FormControl | undefined {