Skip to content

Commit

Permalink
Fixed #10811 - Update to PrimeIcons v5.0.0
Browse files Browse the repository at this point in the history
  • Loading branch information
yigitfindikli committed Nov 5, 2021
1 parent da49fdc commit 704bdfc
Show file tree
Hide file tree
Showing 46 changed files with 89 additions and 89 deletions.
4 changes: 2 additions & 2 deletions src/app/components/rating/rating.ts
Original file line number Diff line number Diff line change
Expand Up @@ -36,11 +36,11 @@ export class Rating implements OnInit,ControlValueAccessor {

@Input() cancel: boolean = true;

@Input() iconOnClass: string = 'pi pi-star';
@Input() iconOnClass: string = 'pi pi-star-fill';

@Input() iconOnStyle: any;

@Input() iconOffClass: string = 'pi pi-star-o';
@Input() iconOffClass: string = 'pi pi-star';

@Input() iconOffStyle: any;

Expand Down
2 changes: 1 addition & 1 deletion src/app/showcase/app.config.component.ts
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ import { DomHandler } from 'primeng/dom';
<h4>Component Scale</h4>
<div class="config-scale">
<button icon="pi pi-minus" type="button" pButton (click)="decrementScale()" class="p-button-text" [disabled]="scale === scales[0]"></button>
<i class="pi pi-circle-on" *ngFor="let s of scales" [ngClass]="{'scale-active': s === scale}"></i>
<i class="pi pi-circle-fill" *ngFor="let s of scales" [ngClass]="{'scale-active': s === scale}"></i>
<button icon="pi pi-plus" type="button" pButton (click)="incrementScale()" class="p-button-text" [disabled]="scale === scales[scales.length - 1]"></button>
</div>
Expand Down
12 changes: 6 additions & 6 deletions src/app/showcase/components/carousel/carouseldemo.html
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ <h6 class="p-mt-0 p-mb-3">${{product.price}}</h6>
<span [class]="'product-badge status-'+product.inventoryStatus.toLowerCase()">{{product.inventoryStatus}}</span>
<div class="car-buttons p-mt-5">
<p-button type="button" styleClass="p-button p-button-rounded p-mr-2" icon="pi pi-search"></p-button>
<p-button type="button" styleClass="p-button-success p-button-rounded p-mr-2" icon="pi pi-star"></p-button>
<p-button type="button" styleClass="p-button-success p-button-rounded p-mr-2" icon="pi pi-star-fill"></p-button>
<p-button type="button" styleClass="p-button-help p-button-rounded" icon="pi pi-cog"></p-button>
</div>
</div>
Expand All @@ -50,7 +50,7 @@ <h6 class="p-mt-0 p-mb-3">${{product.price}}</h6>
<span [class]="'product-badge status-'+product.inventoryStatus.toLowerCase()">{{product.inventoryStatus}}</span>
<div class="car-buttons p-mt-5">
<p-button type="button" styleClass="p-button p-button-rounded p-mr-2" icon="pi pi-search"></p-button>
<p-button type="button" styleClass="p-button-success p-button-rounded p-mr-2" icon="pi pi-star"></p-button>
<p-button type="button" styleClass="p-button-success p-button-rounded p-mr-2" icon="pi pi-star-fill"></p-button>
<p-button type="button" styleClass="p-button-help p-button-rounded" icon="pi pi-cog"></p-button>
</div>
</div>
Expand All @@ -76,7 +76,7 @@ <h6 class="p-mt-0 p-mb-3">${{product.price}}</h6>
<span [class]="'product-badge status-'+product.inventoryStatus.toLowerCase()">{{product.inventoryStatus}}</span>
<div class="car-buttons p-mt-5">
<p-button type="button" styleClass="p-button p-button-rounded p-mr-2" icon="pi pi-search"></p-button>
<p-button type="button" styleClass="p-button-success p-button-rounded p-mr-2" icon="pi pi-star"></p-button>
<p-button type="button" styleClass="p-button-success p-button-rounded p-mr-2" icon="pi pi-star-fill"></p-button>
<p-button type="button" styleClass="p-button-help p-button-rounded" icon="pi pi-cog"></p-button>
</div>
</div>
Expand Down Expand Up @@ -437,7 +437,7 @@ <h5>Dependencies</h5>
&lt;span [class]="'product-badge status-'+product.inventoryStatus.toLowerCase()"&gt;&#123;&#123;product.inventoryStatus&#125;&#125;&lt;/span&gt;
&lt;div class="car-buttons p-mt-5"&gt;
&lt;p-button type="button" styleClass="p-button p-button-rounded p-mr-2" icon="pi pi-search"&gt;&lt;/p-button&gt;
&lt;p-button type="button" styleClass="p-button-success p-button-rounded p-mr-2" icon="pi pi-star"&gt;&lt;/p-button&gt;
&lt;p-button type="button" styleClass="p-button-success p-button-rounded p-mr-2" icon="pi pi-star-fill"&gt;&lt;/p-button&gt;
&lt;p-button type="button" styleClass="p-button-help p-button-rounded" icon="pi pi-cog"&gt;&lt;/p-button&gt;
&lt;/div&gt;
&lt;/div&gt;
Expand All @@ -461,7 +461,7 @@ <h5>Dependencies</h5>
&lt;span [class]="'product-badge status-'+product.inventoryStatus.toLowerCase()"&gt;&#123;&#123;product.inventoryStatus&#125;&#125;&lt;/span&gt;
&lt;div class="car-buttons p-mt-5"&gt;
&lt;p-button type="button" styleClass="p-button p-button-rounded p-mr-2" icon="pi pi-search"&gt;&lt;/p-button&gt;
&lt;p-button type="button" styleClass="p-button-success p-button-rounded p-mr-2" icon="pi pi-star"&gt;&lt;/p-button&gt;
&lt;p-button type="button" styleClass="p-button-success p-button-rounded p-mr-2" icon="pi pi-star-fill"&gt;&lt;/p-button&gt;
&lt;p-button type="button" styleClass="p-button-help p-button-rounded" icon="pi pi-cog"&gt;&lt;/p-button&gt;
&lt;/div&gt;
&lt;/div&gt;
Expand All @@ -485,7 +485,7 @@ <h5>Dependencies</h5>
&lt;span [class]="'product-badge status-'+product.inventoryStatus.toLowerCase()"&gt;&#123;&#123;product.inventoryStatus&#125;&#125;&lt;/span&gt;
&lt;div class="car-buttons p-mt-5"&gt;
&lt;p-button type="button" styleClass="p-button p-button-rounded p-mr-2" icon="pi pi-search"&gt;&lt;/p-button&gt;
&lt;p-button type="button" styleClass="p-button-success p-button-rounded p-mr-2" icon="pi pi-star"&gt;&lt;/p-button&gt;
&lt;p-button type="button" styleClass="p-button-success p-button-rounded p-mr-2" icon="pi pi-star-fill"&gt;&lt;/p-button&gt;
&lt;p-button type="button" styleClass="p-button-help p-button-rounded" icon="pi pi-cog"&gt;&lt;/p-button&gt;
&lt;/div&gt;
&lt;/div&gt;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -16,13 +16,13 @@ <h3 class="first">CSS</h3>
&#125;
</code>
</pre>

<h3>HTML</h3>
<pre>
<code class="language-markup" pCode ngNonBindable ngPreserveWhitespaces>
&lt;div id="pm" style="width:300px"&gt;
&lt;div&gt;
&lt;div&gt;&lt;a data-icon="pi-file-o"&gt;File&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;&lt;a data-icon="pi-file"&gt;File&lt;/a&gt;&lt;/div&gt;
&lt;div&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a data-icon="pi-plus"&gt;New&lt;/a&gt;
Expand All @@ -39,7 +39,7 @@ <h3>HTML</h3>
&lt;/div&gt;
</code>
</pre>

<h3>Javascript</h3>
<pre>
<code class="language-javascript" pCode ngNonBindable ngPreserveWhitespaces>
Expand Down Expand Up @@ -110,18 +110,18 @@ <h3>Getting Started</h3>
<p>CodeHighlighter is applied to a code element with [pCode] directive. The &lt;code&gt; should have
a style class having language- prefix to specify the language to highlight. See Prismjs docs for the list of available languages.
An example block with css code would be as follows.</p>
<p> It is important to note that in order to use any of the the non-default languages ( markup, css, clike and javascript) you

<p> It is important to note that in order to use any of the the non-default languages ( markup, css, clike and javascript) you
add an import statement for the specific language, for most in the app module.</p>

<h3>Language Import</h3>
<pre>
<code class="language-typescript" pCode ngNonBindable ngPreserveWhitespaces>
/* Import the language you need to highlight */
import &#x27;prismjs/components/prism-sql.js&#x27;;
</code>
</pre>
</pre>

<pre>
<code class="language-markup" pCode ngNonBindable ngPreserveWhitespaces>
&lt;pre&gt;
Expand All @@ -134,11 +134,11 @@ <h3>Language Import</h3>
&lt;/code&gt;
&lt;/pre&gt;
</code>
</pre>
</pre>
<h3>Dependencies</h3>
<p>Prismjs</p>
</p-tabPanel>

<p-tabPanel header="Source">
<a href="https://github.com/primefaces/primeng/tree/master/src/app/showcase/components/codehighlighter" class="btn-viewsource" target="_blank">
<span>View on GitHub</span>
Expand Down
24 changes: 12 additions & 12 deletions src/app/showcase/components/rating/ratingdemo.html
Original file line number Diff line number Diff line change
Expand Up @@ -8,16 +8,16 @@ <h1>Rating</h1>

<div class="content-section implementation">
<div class="card">
<h5>Basic</h5>
<h5>Basic</h5>
<p-rating [(ngModel)]="val1"></p-rating>

<h5>No Cancel</h5>
<h5>No Cancel</h5>
<p-rating [(ngModel)]="val2" [cancel]="false"></p-rating>

<h5>ReadOnly</h5>
<h5>ReadOnly</h5>
<p-rating [(ngModel)]="val3" readonly="true" stars="10" [cancel]="false"></p-rating>

<h5>Disabled</h5>
<h5>Disabled</h5>
<p-rating [(ngModel)]="val4" disabled="true" stars="10"></p-rating>
</div>
</div>
Expand All @@ -32,7 +32,7 @@ <h5>Import</h5>

<h5>Getting Started</h5>
<p>Two-way value binding is defined using <i>ngModel</i>.</p>

<app-code lang="markup" ngNonBindable ngPreserveWhitespaces>
&lt;p-rating [(ngModel)]="val"&gt;&lt;/p-rating&gt;
</app-code>
Expand Down Expand Up @@ -99,13 +99,13 @@ <h5>Properties</h5>
<tr>
<td>iconOnClass</td>
<td>string</td>
<td>pi pi-star</td>
<td>pi pi-star-fill</td>
<td>Style class of the on icon.</td>
</tr>
<tr>
<td>iconOffClass</td>
<td>string</td>
<td>pi pi-star</td>
<td>pi pi-star-fill</td>
<td>Style class of the off icon.</td>
</tr>
<tr>
Expand Down Expand Up @@ -206,16 +206,16 @@ <h5>Dependencies</h5>
<span>Edit in StackBlitz</span>
</a>
<app-code lang="markup" ngNonBindable ngPreserveWhitespaces>
&lt;h5&gt;Basic&lt;/h5&gt;
&lt;h5&gt;Basic&lt;/h5&gt;
&lt;p-rating [(ngModel)]="val1"&gt;&lt;/p-rating&gt;

&lt;h5&gt;No Cancel&lt;/h5&gt;
&lt;h5&gt;No Cancel&lt;/h5&gt;
&lt;p-rating [(ngModel)]="val2" [cancel]="false"&gt;&lt;/p-rating&gt;

&lt;h5&gt;ReadOnly&lt;/h5&gt;
&lt;h5&gt;ReadOnly&lt;/h5&gt;
&lt;p-rating [ngModel]="val3" readonly="true" stars="10" [cancel]="false"&gt;&lt;/p-rating&gt;

&lt;h5&gt;Disabled&lt;/h5&gt;
&lt;h5&gt;Disabled&lt;/h5&gt;
&lt;p-rating [ngModel]="val4" disabled="true" stars="10"&gt;&lt;/p-rating&gt;
</app-code>

Expand All @@ -242,4 +242,4 @@ <h5>Dependencies</h5>
</ng-template>
</p-tabPanel>
</p-tabView>
</div>
</div>
2 changes: 1 addition & 1 deletion src/app/showcase/components/table/tabledemo.html
Original file line number Diff line number Diff line change
Expand Up @@ -2129,7 +2129,7 @@ <h5>Data Export</h5>
&lt;p-table #dt [columns]="cols" [value]="cars" selectionMode="multiple" [(selection)]="selectedCars"&gt;
&lt;ng-template pTemplate="caption"&gt;
&lt;div class="ui-helper-clearfix" style="text-align: left"&gt;
&lt;button type="button" pButton icon="pi pi-file-o" iconPos="left" label="CSV" (click)="dt.exportCSV()" style="margin-right: 0.5em;"&gt;&lt;/button&gt;
&lt;button type="button" pButton icon="pi pi-file" iconPos="left" label="CSV" (click)="dt.exportCSV()" style="margin-right: 0.5em;"&gt;&lt;/button&gt;
&lt;button type="button" pButton icon="pi pi-file-excel" iconPos="left" label="EXCEL" (click)="exportExcel()" style="margin-right: 0.5em;" class="ui-button-success"&gt;&lt;/button&gt;
&lt;button type="button" pButton icon="pi pi-file-pdf" iconPos="left" label="PDF" (click)="exportPdf()" class="ui-button-warning"&gt;&lt;/button&gt;
&lt;button type="button" pButton icon="pi pi-file" iconPos="left" label="CSV - Selection Only" (click)="dt.exportCSV(&#123;selectionOnly:true&#125;)" style="float:right"&gt;&lt;/button&gt;
Expand Down
4 changes: 2 additions & 2 deletions src/app/showcase/components/table/tableexportdemo.html
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ <h1>Table <span>Export</span></h1>
<p-table #dt [columns]="cols" [value]="products" selectionMode="multiple" [(selection)]="selectedProducts" responsiveLayout="scroll">
<ng-template pTemplate="caption">
<div class="p-d-flex">
<button type="button" pButton pRipple icon="pi pi-file-o" (click)="dt.exportCSV()" class="p-mr-2" pTooltip="CSV" tooltipPosition="bottom"></button>
<button type="button" pButton pRipple icon="pi pi-file" (click)="dt.exportCSV()" class="p-mr-2" pTooltip="CSV" tooltipPosition="bottom"></button>
<button type="button" pButton pRipple icon="pi pi-file-excel" (click)="exportExcel()" class="p-button-success p-mr-2" pTooltip="XLS" tooltipPosition="bottom"></button>
<button type="button" pButton pRipple icon="pi pi-file-pdf" (click)="exportPdf()" class="p-button-warning p-mr-2" pTooltip="PDF" tooltipPosition="bottom"></button>
<button type="button" pButton pRipple icon="pi pi-filter" (click)="dt.exportCSV({selectionOnly:true})" class="p-button-info p-ml-auto" pTooltip="Selection Only" tooltipPosition="bottom"></button>
Expand Down Expand Up @@ -49,7 +49,7 @@ <h1>Table <span>Export</span></h1>
&lt;p-table #dt [columns]="cols" [value]="products" selectionMode="multiple" [(selection)]="selectedProducts" responsiveLayout="scroll"&gt;
&lt;ng-template pTemplate="caption"&gt;
&lt;div class="p-d-flex"&gt;
&lt;button type="button" pButton pRipple icon="pi pi-file-o" (click)="dt.exportCSV()" class="p-mr-2" pTooltip="CSV" tooltipPosition="bottom"&gt;&lt;/button&gt;
&lt;button type="button" pButton pRipple icon="pi pi-file" (click)="dt.exportCSV()" class="p-mr-2" pTooltip="CSV" tooltipPosition="bottom"&gt;&lt;/button&gt;
&lt;button type="button" pButton pRipple icon="pi pi-file-excel" (click)="exportExcel()" class="p-button-success p-mr-2" pTooltip="XLS" tooltipPosition="bottom"&gt;&lt;/button&gt;
&lt;button type="button" pButton pRipple icon="pi pi-file-pdf" (click)="exportPdf()" class="p-button-warning p-mr-2" pTooltip="PDF" tooltipPosition="bottom"&gt;&lt;/button&gt;
&lt;button type="button" pButton pRipple icon="pi pi-filter" (click)="dt.exportCSV(&#123;selectionOnly:true&#125;)" class="p-button-info p-ml-auto" pTooltip="Selection Only" tooltipPosition="bottom"&gt;&lt;/button&gt;
Expand Down
4 changes: 2 additions & 2 deletions src/app/showcase/components/tabview/tabviewdemo.html
Original file line number Diff line number Diff line change
Expand Up @@ -161,7 +161,7 @@ <h5>Tooltips</h5>
architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione
voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.</p>
</p-tabPanel>
<p-tabPanel header="Header III" leftIcon="pi pi-user" rightIcon="pi pi-star" tooltip="1990">
<p-tabPanel header="Header III" leftIcon="pi pi-user" rightIcon="pi pi-star-fill" tooltip="1990">
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati
cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.
Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.</p>
Expand Down Expand Up @@ -737,7 +737,7 @@ <h5>Dependencies</h5>
architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione
voluptatem sequi nesciunt. Consectetur, adipisci velit, sed quia non numquam eius modi.&lt;/p&gt;
&lt;/p-tabPanel&gt;
&lt;p-tabPanel header="Header III" leftIcon="pi pi-user" rightIcon="pi pi-star" tooltip="1990"&gt;
&lt;p-tabPanel header="Header III" leftIcon="pi pi-user" rightIcon="pi pi-star-fill" tooltip="1990"&gt;
&lt;p&gt;At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati
cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.
Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus.&lt;/p&gt;
Expand Down

0 comments on commit 704bdfc

Please sign in to comment.