Skip to content

Commit 0853c9f

Browse files
oscar-guerinoscar-guerin
committed
chore: reformat code
1 parent fc13901 commit 0853c9f

File tree

62 files changed

+343
-299
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

62 files changed

+343
-299
lines changed

‎projects/ngx-form-app/e2e/src/app.e2e-spec.ts

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
import {AppPage} from './app.po';
2-
import {browser, logging} from 'protractor';
1+
import { AppPage } from './app.po';
2+
import { browser, logging } from 'protractor';
33

44
describe('workspace-project App', () => {
55
let page: AppPage;

‎projects/ngx-form-app/e2e/src/app.po.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import {browser, by, element} from 'protractor';
1+
import { browser, by, element } from 'protractor';
22

33
export class AppPage {
44

‎projects/ngx-form-app/src/app/address-form/address-form.component.ts

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
import {Component, inject, OnInit} from '@angular/core';
2-
import {ControlContainer, ReactiveFormsModule} from '@angular/forms';
3-
import {AddressForm} from '../form/address.form';
4-
import {NgxFormGroup} from '@paddls/ngx-form';
1+
import { Component, inject, OnInit } from '@angular/core';
2+
import { ControlContainer, ReactiveFormsModule } from '@angular/forms';
3+
import { AddressForm } from '../form/address.form';
4+
import { NgxFormGroup } from '@paddls/ngx-form';
55

66
@Component({
77
selector: 'app-address-form',

‎projects/ngx-form-app/src/app/app-routing.module.ts

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
import {NgModule} from '@angular/core';
2-
import {RouterModule, Routes} from '@angular/router';
1+
import { NgModule } from '@angular/core';
2+
import { RouterModule, Routes } from '@angular/router';
33

44

55
const routes: Routes = [];

‎projects/ngx-form-app/src/app/app/app.component.html

+49-16
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,38 @@
1-
<button type="button" (click)="onResetForm()">Reset form</button>
2-
<button type="button" (click)="onRestore()">Restore form</button>
3-
<button type="button" (click)="onEmpty()">Empty form</button>
4-
<button type="button" (click)="onCancel()">Cancel form</button>
5-
<button type="button" (click)="onLoadUserProfile()">Load user profile</button>
1+
<button (click)="onResetForm()"
2+
type="button">Reset form
3+
</button>
4+
<button (click)="onRestore()"
5+
type="button">Restore form
6+
</button>
7+
<button (click)="onEmpty()"
8+
type="button">Empty form
9+
</button>
10+
<button (click)="onCancel()"
11+
type="button">Cancel form
12+
</button>
13+
<button (click)="onLoadUserProfile()"
14+
type="button">Load user profile
15+
</button>
616

717
<h1>User profile :</h1>
818

9-
<form [formGroup]="userForm" (ngSubmit)="onSubmit()">
19+
<form (ngSubmit)="onSubmit()"
20+
[formGroup]="userForm">
1021
<h2>Personal informations :</h2>
1122
<div>
1223
<label for="firstName">FirstName : </label>
13-
<input type="text" id="firstName" name="firstName" formControlName="firstName"/>
24+
<input formControlName="firstName"
25+
id="firstName"
26+
name="firstName"
27+
type="text"/>
1428
</div>
1529

1630
<div>
1731
<label for="lastname">LastName : </label>
18-
<input type="text" id="lastname" name="lastname" formControlName="lastname"/>
32+
<input formControlName="lastname"
33+
id="lastname"
34+
name="lastname"
35+
type="text"/>
1936
</div>
2037

2138
<h2>Address :</h2>
@@ -33,7 +50,9 @@ <h2>Skills :</h2>
3350
}
3451
</ul>
3552

36-
<button type="button" (click)="onAddSkill()">Add Skill</button>
53+
<button (click)="onAddSkill()"
54+
type="button">Add Skill
55+
</button>
3756

3857
<h2>Companies :</h2>
3958
@for (control of companyForms.controls; track control; let i = $index) {
@@ -42,26 +61,40 @@ <h2>Companies :</h2>
4261
</ng-container>
4362
}
4463

45-
<button type="button" (click)="onAddCompany()">Add company</button>
64+
<button (click)="onAddCompany()"
65+
type="button">Add company
66+
</button>
4667

47-
<input type="submit" style="display: block"/>
68+
<input style="display: block"
69+
type="submit"/>
4870
</form>
4971

50-
<form [formGroup]="signUpForm" (submit)="onSubmitSignUp()">
72+
<form (submit)="onSubmitSignUp()"
73+
[formGroup]="signUpForm">
5174
<div>
5275
<label for="email">Email : </label>
53-
<input type="text" id="email" name="email" formControlName="email"/>
76+
<input formControlName="email"
77+
id="email"
78+
name="email"
79+
type="text"/>
5480
</div>
5581

5682
<div>
5783
<label for="password">Password : </label>
58-
<input type="text" id="password" name="password" formControlName="password"/>
84+
<input formControlName="password"
85+
id="password"
86+
name="password"
87+
type="text"/>
5988
</div>
6089

6190
<div>
6291
<label for="confirmPassword">Confirmation : </label>
63-
<input type="text" id="passwordConfirm" name="confirmPassword" formControlName="confirmPassword"/>
92+
<input formControlName="confirmPassword"
93+
id="passwordConfirm"
94+
name="confirmPassword"
95+
type="text"/>
6496
</div>
6597

66-
<input type="submit" style="display: block"/>
98+
<input style="display: block"
99+
type="submit"/>
67100
</form>

‎projects/ngx-form-app/src/app/app/app.component.ts

+10-10
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
1-
import {Component} from '@angular/core';
2-
import {BuildForm, FormChild, NgxFormArray, NgxFormGroup} from '@paddls/ngx-form';
3-
import {UserForm} from '../form/user.form';
4-
import {CompanyForm} from '../form/company.form';
5-
import {AddressForm} from '../form/address.form';
6-
import {SignupForm} from '../form/signup.form';
7-
import {ReactiveFormsModule} from '@angular/forms';
8-
import {AddressFormComponent} from '../address-form/address-form.component';
9-
10-
import {CompanyFormComponent} from '../company-form/company-form.component';
1+
import { Component } from '@angular/core';
2+
import { BuildForm, FormChild, NgxFormArray, NgxFormGroup } from '@paddls/ngx-form';
3+
import { UserForm } from '../form/user.form';
4+
import { CompanyForm } from '../form/company.form';
5+
import { AddressForm } from '../form/address.form';
6+
import { SignupForm } from '../form/signup.form';
7+
import { ReactiveFormsModule } from '@angular/forms';
8+
import { AddressFormComponent } from '../address-form/address-form.component';
9+
10+
import { CompanyFormComponent } from '../company-form/company-form.component';
1111

1212
@Component({
1313
selector: 'app-root',

‎projects/ngx-form-app/src/app/company-form/company-form.component.html

+8-2
Original file line numberDiff line numberDiff line change
@@ -3,12 +3,18 @@ <h5>Company</h5>
33

44
<div>
55
<label for="companyName">Company's name : </label>
6-
<input type="text" id="companyName" name="companyName" formControlName="name"/>
6+
<input formControlName="name"
7+
id="companyName"
8+
name="companyName"
9+
type="text"/>
710
</div>
811

912
<div>
1013
<label for="companySiret">Company's Siret : </label>
11-
<input type="text" id="companySiret" name="companySiret" formControlName="siret"/>
14+
<input formControlName="siret"
15+
id="companySiret"
16+
name="companySiret"
17+
type="text"/>
1218
</div>
1319

1420
<app-address-form formGroupName="address"></app-address-form>

‎projects/ngx-form-app/src/app/company-form/company-form.component.ts

+5-5
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
import {Component, inject, OnInit} from '@angular/core';
2-
import {ControlContainer, ReactiveFormsModule} from '@angular/forms';
3-
import {NgxFormGroup} from '@paddls/ngx-form';
4-
import {CompanyForm} from '../form/company.form';
5-
import {AddressFormComponent} from '../address-form/address-form.component';
1+
import { Component, inject, OnInit } from '@angular/core';
2+
import { ControlContainer, ReactiveFormsModule } from '@angular/forms';
3+
import { NgxFormGroup } from '@paddls/ngx-form';
4+
import { CompanyForm } from '../form/company.form';
5+
import { AddressFormComponent } from '../address-form/address-form.component';
66

77
@Component({
88
selector: 'app-company-form',

‎projects/ngx-form-app/src/app/form/address.form.ts

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import {FormControl, UpdateOn} from '@paddls/ngx-form';
1+
import { FormControl, UpdateOn } from '@paddls/ngx-form';
22

33
@UpdateOn('blur')
44
export class AddressForm {
@@ -16,6 +16,6 @@ export class AddressForm {
1616
public city: string;
1717

1818
public constructor(data: Partial<AddressForm> = {}) {
19-
Object.assign(this, data);
19+
Object.assign(this, data);
2020
}
2121
}

‎projects/ngx-form-app/src/app/form/company.form.ts

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
import {FormControl, FormGroup} from '@paddls/ngx-form';
2-
import {AddressForm} from './address.form';
1+
import { FormControl, FormGroup } from '@paddls/ngx-form';
2+
import { AddressForm } from './address.form';
33

44
export class CompanyForm {
55

‎projects/ngx-form-app/src/app/form/signup.form.ts

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
import {FormControl, Validator} from '@paddls/ngx-form';
2-
import {Validators} from '@angular/forms';
3-
import {matchingPasswords} from '../validators/matching-passwords.validator';
1+
import { FormControl, Validator } from '@paddls/ngx-form';
2+
import { Validators } from '@angular/forms';
3+
import { matchingPasswords } from '../validators/matching-passwords.validator';
44

55
@Validator(matchingPasswords('password', 'confirmPassword'))
66
export class SignupForm {

‎projects/ngx-form-app/src/app/form/user.form.ts

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
import {FormArray, FormControl, FormGroup, UpdateOn, Validator} from '@paddls/ngx-form';
2-
import {CompanyForm} from './company.form';
3-
import {AddressForm} from './address.form';
4-
import {Validators} from '@angular/forms';
1+
import { FormArray, FormControl, FormGroup, UpdateOn, Validator } from '@paddls/ngx-form';
2+
import { CompanyForm } from './company.form';
3+
import { AddressForm } from './address.form';
4+
import { Validators } from '@angular/forms';
55

66
const defaultAddress: AddressForm = new AddressForm({
77
route: 'User route',

‎projects/ngx-form-app/src/app/validators/matching-passwords.validator.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import {AbstractControl, UntypedFormGroup, ValidatorFn} from '@angular/forms';
1+
import { AbstractControl, UntypedFormGroup, ValidatorFn } from '@angular/forms';
22

33
export function matchingPasswords(passwordKey: string, confirmedKey: string): ValidatorFn {
44
return (group: UntypedFormGroup): {[key: string]: any} => {

‎projects/ngx-form-app/src/index.html

+5-2
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,11 @@
44
<meta charset="utf-8">
55
<title>NgxFormApp</title>
66
<base href="/">
7-
<meta name="viewport" content="width=device-width, initial-scale=1">
8-
<link rel="icon" type="image/x-icon" href="favicon.ico">
7+
<meta content="width=device-width, initial-scale=1"
8+
name="viewport">
9+
<link href="favicon.ico"
10+
rel="icon"
11+
type="image/x-icon">
912
</head>
1013
<body>
1114
<app-root></app-root>

‎projects/ngx-form-app/src/main.ts

+7-7
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
1-
import {enableProdMode, importProvidersFrom} from '@angular/core';
1+
import { enableProdMode, importProvidersFrom } from '@angular/core';
22

33

4-
import {environment} from './environments/environment';
5-
import {provideNgxForm} from '@paddls/ngx-form';
6-
import {AppRoutingModule} from './app/app-routing.module';
7-
import {bootstrapApplication, BrowserModule} from '@angular/platform-browser';
8-
import {ReactiveFormsModule} from '@angular/forms';
9-
import {AppComponent} from './app/app/app.component';
4+
import { environment } from './environments/environment';
5+
import { provideNgxForm } from '@paddls/ngx-form';
6+
import { AppRoutingModule } from './app/app-routing.module';
7+
import { bootstrapApplication, BrowserModule } from '@angular/platform-browser';
8+
import { ReactiveFormsModule } from '@angular/forms';
9+
import { AppComponent } from './app/app/app.component';
1010

1111
if (environment.production) {
1212
enableProdMode();

‎projects/ngx-form-app/src/test.ts

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
// This file is required by karma.conf.js and loads recursively all the .spec and framework files
22

33
import 'zone.js/dist/zone-testing';
4-
import {getTestBed} from '@angular/core/testing';
5-
import {BrowserDynamicTestingModule, platformBrowserDynamicTesting} from '@angular/platform-browser-dynamic/testing';
4+
import { getTestBed } from '@angular/core/testing';
5+
import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing';
66

77
// First, initialize the Angular testing environment.
88
getTestBed().initTestEnvironment(

‎projects/ngx-form/README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ This library was generated with [Angular CLI](https://github.com/angular/angular
55
## Code scaffolding
66

77
Run `ng generate component component-name --project ngx-form` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ngx-form`.
8-
> Note: Don't forget to add `--project ngx-form` or else it will be added to the default project in your `angular.json` file.
8+
> Note: Don't forget to add `--project ngx-form` or else it will be added to the default project in your `angular.json` file.
99
1010
## Build
1111

‎projects/ngx-form/src/lib/common/common.spec.ts

+8-8
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
1-
import {FormControl} from '../decorator/form-control.decorator';
2-
import {FormGroupContext} from '../decorator/form-group.decorator';
3-
import {NgxFormBuilder} from '../core/ngx-form.builder';
4-
import {NgxFormGroup} from '../model/ngx-form-group.model';
5-
import {transformSmartValueToValue, transformValueToSmartValue} from './common';
6-
import {FormArray} from '../decorator/form-array.decorator';
7-
import {TestBed} from '@angular/core/testing';
8-
import {provideNgxForm} from '../ngx-form.module';
1+
import { FormControl } from '../decorator/form-control.decorator';
2+
import { FormGroupContext } from '../decorator/form-group.decorator';
3+
import { NgxFormBuilder } from '../core/ngx-form.builder';
4+
import { NgxFormGroup } from '../model/ngx-form-group.model';
5+
import { transformSmartValueToValue, transformValueToSmartValue } from './common';
6+
import { FormArray } from '../decorator/form-array.decorator';
7+
import { TestBed } from '@angular/core/testing';
8+
import { provideNgxForm } from '../ngx-form.module';
99

1010
class UserForm {
1111

‎projects/ngx-form/src/lib/common/common.ts

+9-9
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
1-
import {findPropertyFormContexts, FormContextCommon} from './decorator.common';
2-
import {FORM_CONTROL_SUFFIX_METADATA_KEY} from '../decorator/form-control.decorator';
3-
import {FORM_GROUP_SUFFIX_METADATA_KEY, FormGroupContext} from '../decorator/form-group.decorator';
4-
import {FORM_ARRAY_SUFFIX_METADATA_KEY, FormArrayContext} from '../decorator/form-array.decorator';
5-
import {NgxFormArray} from '../model/ngx-form-array.model';
6-
import {FORM_GROUP_INSTANCE_METADATA_KEY, NgxFormGroup} from '../model/ngx-form-group.model';
7-
import {Observable} from 'rxjs';
8-
import {NgxFormControl} from '../model/ngx-form-control.model';
9-
import {set} from './functions/set';
1+
import { findPropertyFormContexts, FormContextCommon } from './decorator.common';
2+
import { FORM_CONTROL_SUFFIX_METADATA_KEY } from '../decorator/form-control.decorator';
3+
import { FORM_GROUP_SUFFIX_METADATA_KEY, FormGroupContext } from '../decorator/form-group.decorator';
4+
import { FORM_ARRAY_SUFFIX_METADATA_KEY, FormArrayContext } from '../decorator/form-array.decorator';
5+
import { NgxFormArray } from '../model/ngx-form-array.model';
6+
import { FORM_GROUP_INSTANCE_METADATA_KEY, NgxFormGroup } from '../model/ngx-form-group.model';
7+
import { Observable } from 'rxjs';
8+
import { NgxFormControl } from '../model/ngx-form-control.model';
9+
import { set } from './functions/set';
1010

1111
export interface Handler {
1212

‎projects/ngx-form/src/lib/common/decorator.common.spec.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import {addFormContextCommon, PROPERTY_CONFIGURATIONS_METADATA_KEY} from './decorator.common';
1+
import { addFormContextCommon, PROPERTY_CONFIGURATIONS_METADATA_KEY } from './decorator.common';
22

33
describe('DecoratorCommon', () => {
44

‎projects/ngx-form/src/lib/common/decorator.common.ts

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import 'reflect-metadata';
2-
import {FORM_CONTROL_SUFFIX_METADATA_KEY} from '../decorator/form-control.decorator';
3-
import {FORM_GROUP_SUFFIX_METADATA_KEY} from '../decorator/form-group.decorator';
4-
import {FORM_ARRAY_SUFFIX_METADATA_KEY} from '../decorator/form-array.decorator';
2+
import { FORM_CONTROL_SUFFIX_METADATA_KEY } from '../decorator/form-control.decorator';
3+
import { FORM_GROUP_SUFFIX_METADATA_KEY } from '../decorator/form-group.decorator';
4+
import { FORM_ARRAY_SUFFIX_METADATA_KEY } from '../decorator/form-array.decorator';
55

66
export const PROPERTY_CONFIGURATIONS_METADATA_KEY: string = 'ngx-form:form-context-commons';
77

‎projects/ngx-form/src/lib/common/functions/set.spec.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import {set} from './set';
1+
import { set } from './set';
22

33
describe('set', () => {
44
it('should set a value at a given path with dot notation', () => {

‎projects/ngx-form/src/lib/core/async-validator.resolver.spec.ts

+8-8
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
1-
import {TestBed} from '@angular/core/testing';
2-
import {provideNgxForm} from '../ngx-form.module';
3-
import {Injectable} from '@angular/core';
4-
import {AsyncValidatorFn, FormControl, ValidationErrors} from '@angular/forms';
5-
import {Observable, of} from 'rxjs';
6-
import {AsyncValidatorResolver} from './async-validator.resolver';
7-
import {delay, map} from 'rxjs/operators';
8-
import {AsyncValidatorFactory, AsyncValidatorFactoryWithProviders} from '../factory/async-validator.factory';
1+
import { TestBed } from '@angular/core/testing';
2+
import { provideNgxForm } from '../ngx-form.module';
3+
import { Injectable } from '@angular/core';
4+
import { AsyncValidatorFn, FormControl, ValidationErrors } from '@angular/forms';
5+
import { Observable, of } from 'rxjs';
6+
import { AsyncValidatorResolver } from './async-validator.resolver';
7+
import { delay, map } from 'rxjs/operators';
8+
import { AsyncValidatorFactory, AsyncValidatorFactoryWithProviders } from '../factory/async-validator.factory';
99

1010
const myAsyncValidator: AsyncValidatorFn = () =>
1111
of(void 0).pipe(

‎projects/ngx-form/src/lib/core/async-validator.resolver.ts

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
import {inject, Injectable, Injector, Type} from '@angular/core';
2-
import {AsyncValidatorFn} from '@angular/forms';
3-
import {AsyncValidatorConfig} from '../decorator/async-validator.decorator';
1+
import { inject, Injectable, Injector, Type } from '@angular/core';
2+
import { AsyncValidatorFn } from '@angular/forms';
3+
import { AsyncValidatorConfig } from '../decorator/async-validator.decorator';
44

55
@Injectable()
66
export class AsyncValidatorResolver {

0 commit comments

Comments
 (0)