10.0.8-beta • Published 3 years ago

@next-level-integration/inputs v10.0.8-beta

Weekly downloads
597
License
MIT
Repository
-
Last release
3 years ago

@next-level-integration/inputs

Install:

npm install @next-level-integration/inputs

Peer Requirements:

npm install angular2-text-mask --save
Importing:
import { NliInputsModule } from '@next-level-integration/inputs';
Add this to the styles:
.nli-primary {
color: mat-color($primary-color) !important;
}
.nli-accent {
color: mat-color($accent-color) !important;
}
.nli-warn {
color: mat-color($warn-color) !important;
}
.nli-primary-bg {
background-color: mat-color($primary-color) !important;
}
.nli-accent-bg {
background-color: mat-color($accent-color) !important;
}
.nli-warn-bg {
background-color: mat-color($warn-color) !important;
}
.nli-primary-border {
border-color: mat-color($primary-color) !important;
border-top-color: mat-color($primary-color) !important;
border-bottom-color: mat-color($primary-color) !important;
border-left-color: mat-color($primary-color) !important;
border-right-color: mat-color($primary-color) !important;
}
.nli-accent-border {
border-color: mat-color($accent-color) !important;
border-top-color: mat-color($accent-color) !important;
border-bottom-color: mat-color($accent-color) !important;
border-left-color: mat-color($accent-color) !important;
border-right-color: mat-color($accent-color) !important;
}
.nli-warn-border {
border-color: mat-color($warn-color) !important;
border-top-color: mat-color($warn-color) !important;
border-bottom-color: mat-color($warn-color) !important;
border-left-color: mat-color($warn-color) !important;
border-right-color: mat-color($warn-color) !important;
}

Usage (text)

HTML
<nli-text name="username"
[formControl]="loginForm.controls['username']"
inputLabel="Username"
inputClass="sample-input"
errorMsg="This field is mandatory.">
</nli-text>
TS
public loginForm!: FormGroup;

constructor(private fb: FormBuilder) {
  this.loginForm = fb.group({
    username: ['', Validators.required],
    password: ['', Validators.required]
});

Usage (password)

HTML
<nli-password  name="password"
[formControl]="loginForm.controls['password']"
inputLabel="Password"
inputClass="sample-input"
errorMsg="This field is mandatory.">
</nli-password>
TS
public loginForm!: FormGroup;

constructor(private fb: FormBuilder) {
  this.loginForm = fb.group({
    username: ['', Validators.required],
    password: ['', Validators.required]
});

Usage (select)

HTML
<nli-select name="selectCity"
    staticText="Please select a city"
    inputLabel="City"  [dataList]="citiesList"
    inputClass="white-combo" [formControl]="testForm.controls['cities']">
</nli-select>
TS
public citiesList = [{
    label: 'Cologne',
    value: 'cologne'
    },
    {
    label: 'Brasov',
    value: 'brasov'
}];
public testForm!: FormGroup;

constructor(private fb: FormBuilder) {
    this.testForm = fb.group({
        cities: ['', Validators.required]
});

Usage (long text)

HTML
<nli-longText name="desc"
    [formControl]="testForm.controls['desc']"
    inputLabel="Description"
    inputClass="sample-longText"
    rows="5"
    errorMsg="This field is mandatory">
</nli-longText>
TS
public testForm!: FormGroup;

constructor(private fb: FormBuilder) {
    this.testForm = fb.group({
        desc: ['', Validators.required]
});

Usage (file upload)

HTML
<nli-file-upload name="uploadPhoto"
    inputLabel="Upload Photo"
    [formControl]="testForm.controls['photo']"
    (onFileUpload)="uploaded($event)">
</nli-file-upload>
TS
public testForm!: FormGroup;
    
constructor(private fb: FormBuilder) {
    this.testForm = fb.group({
        cities: ['', Validators.required]
    });
}

uploaded(files: FileList) {
    alert(`You have selected ${files[0].name}`);
}

Usage (time date picker)

HTML
<nli-timedatepicker name="timestamp" (change)="changeDate($event)"></nli-timedatepicker>
TS
public testForm!: FormGroup;
    
changeDate($event) {
console.log($event);
this.timestamp = $event;
}

Changelog:

  • 1.0.0 Initial version
  • 2.0.0 Moved from BrowserModule and BrowserAnimationsModule to CommonModule
  • 2.1.0 Added autocomplete option to text ( expects array of strings )
  • 3.0.0 Added nli-timedatepicker component ( testing phase )
  • 3.0.1 timepicker bugfixes
  • 3.0.2 timepicker bugfixes
  • 3.1.0 timepicker uses 2 digits now
  • 3.1.1 minor fix for 2 digits init
  • 3.1.2 error css class fix
10.0.7

3 years ago

10.0.8-beta

3 years ago

10.0.5

3 years ago

10.0.6

3 years ago

10.0.6-beta

3 years ago

10.0.3

3 years ago

10.0.1

3 years ago

10.0.2

3 years ago

10.0.0

4 years ago

9.6.2

4 years ago

9.9.0-beta.1

4 years ago

9.9.0-beta.2

4 years ago

9.9.0-beta.3

4 years ago

9.8.0-beta

4 years ago

9.7.0-beta

4 years ago

0.1.0-beta.3

4 years ago

0.1.0-beta.2

4 years ago

0.1.0-beta.1

4 years ago

9.6.2-beta.2

4 years ago

9.6.2-beta

4 years ago

9.6.0-beta.4

4 years ago

9.6.1

4 years ago

9.6.0-beta.3

4 years ago

9.6.0

4 years ago

9.6.0-beta.2

4 years ago

9.6.0-beta.1

4 years ago

9.6.0-beta

4 years ago

9.5.19

4 years ago

9.5.18

4 years ago

9.5.19-beta.2

4 years ago

9.5.19-beta.1

4 years ago

9.5.18-beta.1

4 years ago

9.5.18-beta.2

4 years ago

9.5.16

4 years ago

9.5.17

4 years ago

9.5.15

4 years ago

9.5.14

4 years ago

9.5.14-beta1

4 years ago

9.5.14-clear1

4 years ago

9.5.13

4 years ago

9.5.12

4 years ago

9.5.11

4 years ago

9.5.10

4 years ago

9.5.9

4 years ago

9.5.11-beta1

4 years ago

9.5.8

4 years ago

9.5.8-beta

4 years ago

9.5.7

4 years ago

9.5.6

4 years ago

9.5.5

4 years ago

9.5.4

4 years ago

9.5.3

4 years ago

9.5.2

4 years ago

9.5.1

4 years ago

9.4.20

4 years ago

9.4.19-beta.1

4 years ago

9.4.19-beta2

4 years ago

9.4.19-beta1

4 years ago

9.4.20-beta1

4 years ago

9.4.19

4 years ago

9.4.18

4 years ago

9.4.17

4 years ago

9.4.16

4 years ago

9.4.15

4 years ago

9.4.14

4 years ago

9.4.11-beta.3

4 years ago

9.4.13

4 years ago

9.4.12

4 years ago

9.4.11

4 years ago

9.4.11-beta.2

4 years ago

9.4.10

4 years ago

9.5.1-beta.1

4 years ago

9.4.9

4 years ago

9.4.7-beta.17

4 years ago

9.4.8

4 years ago

9.4.7-beta.15

4 years ago

9.4.7-beta.14

4 years ago

9.4.7-beta.6

4 years ago

9.4.7-beta.5

4 years ago

9.4.7-beta.12

4 years ago

9.4.7-beta.13

4 years ago

9.4.7-beta.2

4 years ago

9.4.7-beta.4

4 years ago

9.4.7-beta.1

4 years ago

9.4.6-beta.1

4 years ago

9.4.6

5 years ago

9.4.5

5 years ago

9.4.5-beta1

5 years ago

9.4.4

5 years ago

9.4.3-beta-03

5 years ago

9.4.3-beta-01

5 years ago

9.4.3

5 years ago

9.4.2

5 years ago

9.4.1

5 years ago

9.3.10

5 years ago

9.3.9

5 years ago

9.3.8

5 years ago

9.3.6

5 years ago

9.3.5

5 years ago

9.3.4

5 years ago

9.3.2

5 years ago

9.3.1

5 years ago

9.3.1-beta.1

5 years ago

9.2.9-beta.11

5 years ago

9.2.9-beta.10

5 years ago

9.2.9-beta.3

5 years ago

9.2.9-beta.4

5 years ago

9.2.9-beta.7

5 years ago

9.2.9-beta.5

5 years ago

9.3.0

5 years ago

9.2.9-beta.6

5 years ago

9.2.9-beta.9

5 years ago

9.2.9-beta.2

5 years ago

9.2.9-beta.1

5 years ago

9.2.8-beta.3

5 years ago

9.2.8-beta.2

5 years ago

9.2.8-beta.1

5 years ago

9.2.7

5 years ago

9.2.7-beta.3

5 years ago

9.2.7-beta.2

5 years ago

9.2.6

5 years ago

9.2.7-beta.1

5 years ago

9.2.6-beta3

5 years ago

9.2.6-beta2

5 years ago

9.2.6-beta1

5 years ago

9.2.5

5 years ago

9.2.4

5 years ago

9.2.3

5 years ago

9.2.2

5 years ago

9.2.1

5 years ago

9.2.0

5 years ago

9.2.0-beta.5

5 years ago

9.2.0-beta.4

5 years ago

9.2.0-beta.2

5 years ago

9.2.0-beta.3

5 years ago

9.1.6-beta

5 years ago

9.1.6

5 years ago

9.1.5-beta

5 years ago

9.1.3-beta

5 years ago

9.1.4-beta

5 years ago

9.2.0-beta

5 years ago

9.1.2

5 years ago

9.1.1

5 years ago

9.1.0-beta

5 years ago

9.0.11

5 years ago

9.0.9

5 years ago

9.0.10

5 years ago

9.0.8-beta.2

5 years ago

9.0.8-beta.3

5 years ago

9.0.8-beta.1

5 years ago

9.0.7-beta.12

5 years ago

9.0.7-beta.9

5 years ago

9.0.7-beta.8

5 years ago

9.0.7-beta.6

5 years ago

9.0.8

5 years ago

9.0.7

5 years ago

9.0.7-beta.5

5 years ago

9.0.7-beta.4

5 years ago

9.0.6

5 years ago

9.0.5-beta.6

5 years ago

9.0.6-beta.2

5 years ago

9.0.3

5 years ago

9.0.5-beta.2

5 years ago

9.0.4-beta.2

5 years ago

9.0.3-beta.2

5 years ago

9.0.2

5 years ago

9.0.0-beta.2

5 years ago

9.0.1

5 years ago

9.0.0-beta.1

5 years ago

9.0.0-beta.0

5 years ago

3.2.0

5 years ago

3.1.9

5 years ago

3.1.8

5 years ago

3.1.7

5 years ago

3.1.6

5 years ago

3.1.5

5 years ago

3.1.4

5 years ago

3.1.3

5 years ago

3.1.2

5 years ago

3.1.1

5 years ago

3.1.0

5 years ago

3.0.5

5 years ago

3.0.4

5 years ago

3.0.3

5 years ago

3.0.2

6 years ago

3.0.1

6 years ago

3.0.0

6 years ago

2.1.0

6 years ago

2.0.0

6 years ago

1.0.0

6 years ago