Skip to content

Commit

Permalink
update inplace docs
Browse files Browse the repository at this point in the history
  • Loading branch information
@mehmetcetin01140
mehmetcetin01140 committed Dec 19, 2024
1 parent c693938 commit a1cf3f7
Show file tree
Hide file tree
Showing 4 changed files with 24 additions and 24 deletions.
12 changes: 6 additions & 6 deletions apps/showcase/doc/inplace/basicdoc.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,10 +10,10 @@ import { Component } from '@angular/core';
</app-docsectiontext>
<div class="card">
<p-inplace>
<ng-template pTemplate="display">
<ng-template #display>
<span>View Content</span>
</ng-template>
<ng-template pTemplate="content">
<ng-template #content>
<p class="m-0">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Expand All @@ -27,21 +27,21 @@ import { Component } from '@angular/core';
export class BasicDoc {
code: Code = {
basic: `<p-inplace>
<ng-template pTemplate="display">
<ng-template #display>
<span>View Content</span>
</ng-template>
<ng-template pTemplate="content">
<ng-template #content>
<p class="m-0">
Lorem ipsum dolor sit amet, consectetur adipiscing elit...
</p>
</ng-template>
</p-inplace>`,
html: `<div class="card">
<p-inplace>
<ng-template pTemplate="display">
<ng-template #display>
<span>View Content</span>
</ng-template>
<ng-template pTemplate="content">
<ng-template #content>
<p class="m-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</ng-template>
</p-inplace>
Expand Down
12 changes: 6 additions & 6 deletions apps/showcase/doc/inplace/imagedoc.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,13 +10,13 @@ import { Component } from '@angular/core';
</app-docsectiontext>
<div class="card">
<p-inplace>
<ng-template pTemplate="display">
<ng-template #display>
<span class="inline-flex items-center gap-2">
<span class="pi pi-image" style="vertical-align: middle"></span>
<span class="ml-2">View Photo</span>
</span>
</ng-template>
<ng-template pTemplate="content">
<ng-template #content>
<img class="w-full sm:w-80 shadow-md" src="https://primefaces.org/cdn/primeng/images/demo/galleria/galleria5.jpg" alt="Nature" />
</ng-template>
</p-inplace>
Expand All @@ -27,13 +27,13 @@ import { Component } from '@angular/core';
export class ImageDoc {
code: Code = {
basic: `<p-inplace>
<ng-template pTemplate="display">
<ng-template #display>
<span class="inline-flex items-center gap-2">
<span class="pi pi-image" style="vertical-align: middle"></span>
<span class="ml-2">View Photo</span>
</span>
</ng-template>
<ng-template pTemplate="content">
<ng-template #content>
<img
class="w-full sm:w-80 shadow-md"
src="https://primefaces.org/cdn/primeng/images/demo/galleria/galleria5.jpg"
Expand All @@ -43,13 +43,13 @@ export class ImageDoc {
</p-inplace>`,
html: `<div class="card">
<p-inplace>
<ng-template pTemplate="display">
<ng-template #display>
<span class="inline-flex items-center gap-2">
<span class="pi pi-image" style="vertical-align: middle"></span>
<span class="ml-2">View Photo</span>
</span>
</ng-template>
<ng-template pTemplate="content">
<ng-template #content>
<img
class="w-full sm:w-80 shadow-md"
src="https://primefaces.org/cdn/primeng/images/demo/galleria/galleria5.jpg"
Expand Down
12 changes: 6 additions & 6 deletions apps/showcase/doc/inplace/inputdoc.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,10 +13,10 @@ import { Component } from '@angular/core';
</app-docsectiontext>
<div class="card">
<p-inplace>
<ng-template pTemplate="display">
<ng-template #display>
<span>Click to Edit</span>
</ng-template>
<ng-template pTemplate="content" let-closeCallback="closeCallback">
<ng-template #content let-closeCallback="closeCallback">
<span class="inline-flex items-center gap-2">
<input type="text" pInputText [pAutoFocus]="true" />
<button (click)="closeCallback($event)" pButton icon="pi pi-times" text severity="danger"></button>
Expand All @@ -30,10 +30,10 @@ import { Component } from '@angular/core';
export class InputDoc {
code: Code = {
basic: `<p-inplace>
<ng-template pTemplate="display">
<ng-template #display>
<span>Click to Edit</span>
</ng-template>
<ng-template pTemplate="content" let-closeCallback="closeCallback">
<ng-template #content let-closeCallback="closeCallback">
<span class="inline-flex items-center gap-2">
<input type="text" pInputText autofocus />
<button (click)="closeCallback($event)" pButton icon="pi pi-times" text severity="danger"></button>
Expand All @@ -42,10 +42,10 @@ export class InputDoc {
</p-inplace>`,
html: `<div class="card">
<p-inplace>
<ng-template pTemplate="display">
<ng-template #display>
<span>Click to Edit</span>
</ng-template>
<ng-template pTemplate="content" let-closeCallback="closeCallback">
<ng-template #content let-closeCallback="closeCallback">
<span class="inline-flex items-center gap-2">
<input type="text" pInputText autofocus />
<button (click)="closeCallback($event)" pButton icon="pi pi-times" text severity="danger"></button>
Expand Down
12 changes: 6 additions & 6 deletions apps/showcase/doc/inplace/lazydoc.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,15 +17,15 @@ import { Component } from '@angular/core';
</ng-template>
<ng-template #content>
<p-table [value]="products" responsiveLayout="scroll">
<ng-template pTemplate="header">
<ng-template #header>
<tr>
<th>Code</th>
<th>Name</th>
<th>Category</th>
<th>Quantity</th>
</tr>
</ng-template>
<ng-template pTemplate="body" let-product>
<ng-template #body let-product>
<tr>
<td>{{ product.code }}</td>
<td>{{ product.name }}</td>
Expand All @@ -52,15 +52,15 @@ export class LazyDoc {
</ng-template>
<ng-template #content>
<p-table [value]="products" responsiveLayout="scroll">
<ng-template pTemplate="header">
<ng-template #header>
<tr>
<th>Code</th>
<th>Name</th>
<th>Category</th>
<th>Quantity</th>
</tr>
</ng-template>
<ng-template pTemplate="body" let-product>
<ng-template #body let-product>
<tr>
<td>{{ product.code }}</td>
<td>{{ product.name }}</td>
Expand All @@ -78,15 +78,15 @@ export class LazyDoc {
</ng-template>
<ng-template #content>
<p-table [value]="products" responsiveLayout="scroll">
<ng-template pTemplate="header">
<ng-template #header>
<tr>
<th>Code</th>
<th>Name</th>
<th>Category</th>
<th>Quantity</th>
</tr>
</ng-template>
<ng-template pTemplate="body" let-product>
<ng-template #body let-product>
<tr>
<td>{{ product.code }}</td>
<td>{{ product.name }}</td>
Expand Down

0 comments on commit a1cf3f7

Please sign in to comment.