Skip to content

Commit

Permalink
Merge master
Browse files Browse the repository at this point in the history
  • Loading branch information
@cetincakiroglu
cetincakiroglu committed Nov 29, 2023
1 parent 8492812 commit 76d92ae
Show file tree
Hide file tree
Showing 4 changed files with 126 additions and 126 deletions.
65 changes: 31 additions & 34 deletions src/app/showcase/doc/inputgroup/basicdoc.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,55 +24,52 @@ import { Code } from '../../domain/code';
<input type="text" pInputText placeholder="Website" />
</p-inputGroup>
</div>
<app-code [code]="code" selector="inputgroup-basic-demo"></app-code>
<app-code [code]="code" selector="input-group-basic-demo"></app-code>
`
})
export class BasicDoc {
code: Code = {
basic: `
<p-inputGroup>
<p-inputGroupAddon>
<i class="pi pi-user"></i>
</p-inputGroupAddon>
<input pInputText placeholder="Username" />
</p-inputGroup>
<p-inputGroup class="p-inputgroup">
<p-inputGroupAddon>$</p-inputGroupAddon>
<input type="text" pInputText placeholder="Price" />
<p-inputGroupAddon>.00</p-inputGroupAddon>
</p-inputGroup>
<p-inputGroup class="p-inputgroup">
<p-inputGroupAddon>www</p-inputGroupAddon>
<input type="text" pInputText placeholder="Website" />
</p-inputGroup>`,

html: `
<div class="card flex flex-column md:flex-row gap-3">
<p-inputGroup>
basic: `<p-inputGroup>
<p-inputGroupAddon>
<i class="pi pi-user"></i>
<i class="pi pi-user"></i>
</p-inputGroupAddon>
<input pInputText placeholder="Username" />
</p-inputGroup>
<p-inputGroup class="p-inputgroup">
<input pInputText placeholder="Username" />
</p-inputGroup>
<p-inputGroup>
<p-inputGroupAddon>$</p-inputGroupAddon>
<input type="text" pInputText placeholder="Price" />
<input type="text" pInputText placeholder="Price" />
<p-inputGroupAddon>.00</p-inputGroupAddon>
</p-inputGroup>
<p-inputGroup class="p-inputgroup">
</p-inputGroup>
<p-inputGroup>
<p-inputGroupAddon>www</p-inputGroupAddon>
<input type="text" pInputText placeholder="Website" />
<input type="text" pInputText placeholder="Website" />
</p-inputGroup>`,

html: `<div class="card flex flex-column md:flex-row gap-3">
<p-inputGroup>
<p-inputGroupAddon>
<i class="pi pi-user"></i>
</p-inputGroupAddon>
<input pInputText placeholder="Username" />
</p-inputGroup>
<p-inputGroup>
<p-inputGroupAddon>$</p-inputGroupAddon>
<input type="text" pInputText placeholder="Price" />
<p-inputGroupAddon>.00</p-inputGroupAddon>
</p-inputGroup>
<p-inputGroup>
<p-inputGroupAddon>www</p-inputGroupAddon>
<input type="text" pInputText placeholder="Website" />
</p-inputGroup>
</div>`,
</div>`,

typescript: `
import { Component } from '@angular/core';
@Component({
selector: 'inputgroup-basic-demo',
templateUrl: './inputgroup-basic-demo.html'
selector: 'input-group-basic-demo',
templateUrl: './input-group-basic-demo.html'
})
export class InputgroupBasicDemo {
}`
export class InputGroupBasicDemo { }`
};
}
68 changes: 33 additions & 35 deletions src/app/showcase/doc/inputgroup/buttondoc.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,49 +29,47 @@ import { Code } from '../../domain/code';
})
export class ButtonDoc {
code: Code = {
basic: `
<p-inputGroup >
<button type="button" pButton label="Search"></button>
<input type="text" pInputText placeholder="Keyword" />
</p-inputGroup>
basic: `<p-inputGroup>
<button type="button" pButton label="Search"></button>
<input type="text" pInputText placeholder="Keyword" />
</p-inputGroup>
<p-inputGroup>
<input type="text" pInputText placeholder="Keyword" />
<button type="button" pButton icon="pi pi-refresh" styleClass="p-button-warn"></button>
</p-inputGroup>
<p-inputGroup>
<button type="button" pButton icon="pi pi-check" styleClass="p-button-success"></button>
<input type="text" pInputText placeholder="Vote" />
<button type="button" pButton icon="pi pi-times" styleClass="p-button-danger"></button>
</p-inputGroup>`,
html: `
<div class="card flex flex-column md:flex-row gap-3">
<p-inputGroup >
<button type="button" pButton label="Search"></button>
<input type="text" pInputText placeholder="Keyword" />
</p-inputGroup>
<p-inputGroup>
<input type="text" pInputText placeholder="Keyword" />
<button type="button" pButton icon="pi pi-refresh" styleClass="p-button-warn"></button>
</p-inputGroup>
<p-inputGroup>
<button type="button" pButton icon="pi pi-check" styleClass="p-button-success"></button>
<input type="text" pInputText placeholder="Vote" />
<button type="button" pButton icon="pi pi-times" styleClass="p-button-danger"></button>
</p-inputGroup>
<p-inputGroup>
<input type="text" pInputText placeholder="Keyword" />
<button type="button" pButton icon="pi pi-refresh" styleClass="p-button-warn"></button>
</p-inputGroup>
<p-inputGroup>
<button type="button" pButton icon="pi pi-check" styleClass="p-button-success"></button>
<input type="text" pInputText placeholder="Vote" />
<button type="button" pButton icon="pi pi-times" styleClass="p-button-danger"></button>
</p-inputGroup>`,
html: `<div class="card flex flex-column md:flex-row gap-3">
<p-inputGroup>
<button type="button" pButton label="Search"></button>
<input type="text" pInputText placeholder="Keyword" />
</p-inputGroup>
<p-inputGroup>
<input type="text" pInputText placeholder="Keyword" />
<button type="button" pButton icon="pi pi-refresh" styleClass="p-button-warn"></button>
</p-inputGroup>
<p-inputGroup>
<button type="button" pButton icon="pi pi-check" styleClass="p-button-success"></button>
<input type="text" pInputText placeholder="Vote" />
<button type="button" pButton icon="pi pi-times" styleClass="p-button-danger"></button>
</p-inputGroup>
</div>`,

typescript: `
import { Component } from '@angular/core';
@Component({
selector: 'inputgroup-button-demo',
templateUrl: './inputgroup-button-demo.html'
selector: 'input-group-button-demo',
templateUrl: './input-group-button-demo.html'
})
export class InputgroupButtonDemo {
export class InputGroupButtonDemo {
}`
};
}
59 changes: 31 additions & 28 deletions src/app/showcase/doc/inputgroup/checkboxdoc.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ import { Code } from '../../domain/code';
<p-inputGroupAddon><p-radioButton name="category" value="site" [(ngModel)]="category"></p-radioButton></p-inputGroupAddon>
</p-inputGroup>
</div>
<app-code [code]="code" selector="inputgroup-checkbox-demo"></app-code>
<app-code [code]="code" selector="input-group-checkbox-demo"></app-code>
`
})
export class CheckboxDoc {
Expand All @@ -35,45 +35,48 @@ export class CheckboxDoc {
category: string | undefined;

code: Code = {
basic: `
<p-inputGroup>
<p-inputGroupAddon><p-checkbox [(ngModel)]="checkbox1" [binary]="true"></p-checkbox></p-inputGroupAddon>
<input type="text" pInputText placeholder="Username" />
</p-inputGroup>
<p-inputGroup>
<input type="text" pInputText placeholder="Price" />
<p-inputGroupAddon><p-radioButton name="category" value="price" [(ngModel)]="category"></p-radioButton></p-inputGroupAddon>
basic: `<p-inputGroup>
<p-inputGroupAddon><p-checkbox [(ngModel)]="checkbox1" [binary]="true"></p-checkbox></p-inputGroupAddon>
<input type="text" pInputText placeholder="Username" />
</p-inputGroup>
<p-inputGroup>
<p-inputGroupAddon><p-checkbox [(ngModel)]="checkbox2" [binary]="true"></p-checkbox></p-inputGroupAddon>
<input type="text" pInputText placeholder="Website" />
<p-inputGroupAddon><p-radioButton name="category" value="site" [(ngModel)]="category"></p-radioButton></p-inputGroupAddon>
</p-inputGroup>`,
html: `
<div class="card flex flex-column md:flex-row gap-3">
<p-inputGroup>
<p-inputGroupAddon><p-checkbox [(ngModel)]="checkbox1" [binary]="true"></p-checkbox></p-inputGroupAddon>
<input type="text" pInputText placeholder="Username" />
</p-inputGroup>
<p-inputGroup>
<input type="text" pInputText placeholder="Price" />
<p-inputGroupAddon><p-radioButton name="category" value="price" [(ngModel)]="category"></p-radioButton></p-inputGroupAddon>
<input type="text" pInputText placeholder="Price" />
<p-inputGroupAddon><p-radioButton name="category" value="price" [(ngModel)]="category"></p-radioButton></p-inputGroupAddon>
</p-inputGroup>
<p-inputGroup>
<p-inputGroupAddon><p-checkbox [(ngModel)]="checkbox2" [binary]="true"></p-checkbox></p-inputGroupAddon>
<input type="text" pInputText placeholder="Website" />
<p-inputGroupAddon><p-radioButton name="category" value="site" [(ngModel)]="category"></p-radioButton></p-inputGroupAddon>
<p-inputGroupAddon><p-checkbox [(ngModel)]="checkbox2" [binary]="true"></p-checkbox></p-inputGroupAddon>
<input type="text" pInputText placeholder="Website" />
<p-inputGroupAddon><p-radioButton name="category" value="site" [(ngModel)]="category"></p-radioButton></p-inputGroupAddon>
</p-inputGroup>`,

html: `<div class="card flex flex-column md:flex-row gap-3">
<p-inputGroup>
<p-inputGroupAddon><p-checkbox [(ngModel)]="checkbox1" [binary]="true"></p-checkbox></p-inputGroupAddon>
<input type="text" pInputText placeholder="Username" />
</p-inputGroup>
<p-inputGroup>
<input type="text" pInputText placeholder="Price" />
<p-inputGroupAddon><p-radioButton name="category" value="price" [(ngModel)]="category"></p-radioButton></p-inputGroupAddon>
</p-inputGroup>
<p-inputGroup>
<p-inputGroupAddon><p-checkbox [(ngModel)]="checkbox2" [binary]="true"></p-checkbox></p-inputGroupAddon>
<input type="text" pInputText placeholder="Website" />
<p-inputGroupAddon><p-radioButton name="category" value="site" [(ngModel)]="category"></p-radioButton></p-inputGroupAddon>
</p-inputGroup>
</div>`,

typescript: `
import { Component } from '@angular/core';
@Component({
selector: 'inputgroup-checkbox-demo',
templateUrl: './inputgroup-checkbox-demo.html'
selector: 'input-group-checkbox-demo',
templateUrl: './input-group-checkbox-demo.html'
})
export class InputgroupCheckboxDemo {
export class InputGroupCheckboxDemo {
checkbox1: boolean = false;
checkbox2: boolean = false;
Expand Down
60 changes: 31 additions & 29 deletions src/app/showcase/doc/inputgroup/multipledoc.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,47 +22,49 @@ import { Code } from '../../domain/code';
<p-inputGroupAddon>.00</p-inputGroupAddon>
</p-inputGroup>
</div>
<app-code [code]="code" selector="inputgroup-multiple-demo"></app-code>
<app-code [code]="code" selector="input-group-multiple-demo"></app-code>
`
})
export class MultipleDoc {
code: Code = {
basic: `
<p-inputGroup class="w-full md:w-30rem">
<p-inputGroupAddon>
<i class="pi pi-clock"></i>
</p-inputGroupAddon>
<p-inputGroupAddon>
<i class="pi pi-star-fill"></i>
</p-inputGroupAddon>
<input type="text" pInputText placeholder="Price" />
<p-inputGroupAddon>$</p-inputGroupAddon>
<p-inputGroupAddon>.00</p-inputGroupAddon>
</p-inputGroup>`,
basic: `<p-inputGroup class="w-full md:w-30rem">
<p-inputGroupAddon>
<i class="pi pi-clock"></i>
</p-inputGroupAddon>
html: `
<div class="card flex justify-content-center">
<p-inputGroup class="w-full md:w-30rem">
<p-inputGroupAddon>
<i class="pi pi-clock"></i>
</p-inputGroupAddon>
<p-inputGroupAddon>
<i class="pi pi-star-fill"></i>
</p-inputGroupAddon>
<input type="text" pInputText placeholder="Price" />
<p-inputGroupAddon>$</p-inputGroupAddon>
<p-inputGroupAddon>.00</p-inputGroupAddon>
</p-inputGroup>
<p-inputGroupAddon>
<i class="pi pi-star-fill"></i>
</p-inputGroupAddon>
<input type="text" pInputText placeholder="Price" />
<p-inputGroupAddon>$</p-inputGroupAddon>
<p-inputGroupAddon>.00</p-inputGroupAddon>
</p-inputGroup>`,

html: `<div class="card flex justify-content-center">
<p-inputGroup class="w-full md:w-30rem">
<p-inputGroupAddon>
<i class="pi pi-clock"></i>
</p-inputGroupAddon>
<p-inputGroupAddon>
<i class="pi pi-star-fill"></i>
</p-inputGroupAddon>
<input type="text" pInputText placeholder="Price" />
<p-inputGroupAddon>$</p-inputGroupAddon>
<p-inputGroupAddon>.00</p-inputGroupAddon>
</p-inputGroup>
</div>`,

typescript: `
import { Component } from '@angular/core';
@Component({
selector: 'inputgroup-multiple-demo',
templateUrl: './inputgroup-multiple-demo.html'
selector: 'input-group-multiple-demo',
templateUrl: './input-group-multiple-demo.html'
})
export class InputgroupMultipleDemo {
export class InputGroupMultipleDemo {
}`
};
}

0 comments on commit 76d92ae

Please sign in to comment.