Migrate images to CDN

volvachev · Feb 6, 2023 · 00ec546 · 00ec546
1 parent 95f68c4
commit 00ec546
Show file tree

Hide file tree

Showing 52 changed files with 474 additions and 474 deletions.
diff --git a/src/app/showcase/app.config.component.ts b/src/app/showcase/app.config.component.ts
diff --git a/src/app/showcase/app.menu.component.ts b/src/app/showcase/app.menu.component.ts
@@ -14,7 +14,7 @@ declare let gtag: Function;
     template: `
         <div class="layout-sidebar" [ngClass]="{ active: active }">
             <a [routerLink]="['/']" class="logo">
-                <img alt="logo" [src]="'assets/showcase/images/' + (config.dark ? 'primeng-logo-light.svg' : 'primeng-logo-dark.svg')" height="41" />
+                <img alt="logo" [src]="'https://primefaces.org/cdn/primeng/images/' + (config.dark ? 'primeng-logo-light.svg' : 'primeng-logo-dark.svg')" height="41" />
             </a>
             <div class="layout-sidebar-filter p-fluid">
                 <p-autoComplete

diff --git a/src/app/showcase/app.topbar.component.ts b/src/app/showcase/app.topbar.component.ts
diff --git a/src/app/showcase/components/autocomplete/autocompletedemo.html b/src/app/showcase/components/autocomplete/autocompletedemo.html
@@ -15,7 +15,7 @@ <h5>Dropdown and Templating</h5>
         <p-autoComplete [(ngModel)]="selectedCountryAdvanced" [suggestions]="filteredCountries" (completeMethod)="filterCountry($event)" field="name" [dropdown]="true">
             <ng-template let-country pTemplate="item">
                 <div class="country-item">
-                    <img src="assets/showcase/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + country.code.toLowerCase()" />
+                    <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + country.code.toLowerCase()" />
                     <div>{{country.name}}</div>
                 </div>
             </ng-template>
@@ -25,7 +25,7 @@ <h5>Grouped</h5>
         <p-autoComplete [(ngModel)]="selectedCity" [group]="true" [suggestions]="filteredGroups" (completeMethod)="filterGroupedCity($event)" field="label" [dropdown]="true">
             <ng-template let-group pTemplate="group">
                 <div class="flex align-items-center">
-                    <img src="assets/showcase/images/demo/flag/flag_placeholder.png" [class]="'mr-2 flag flag-' + group.value" style="width: 20px"/>
+                    <img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'mr-2 flag flag-' + group.value" style="width: 20px"/>
                     <span>{{group.label}}</span>
                 </div>
             </ng-template>
@@ -178,7 +178,7 @@ <h5>Templating</h5>
 <app-code lang="markup" ngNonBindable ngPreserveWhitespaces>
 &lt;p-autoComplete [(ngModel)]="brand" [suggestions]="filteredBrands" (completeMethod)="filterBrands($event)"&gt;
     &lt;ng-template let-brand pTemplate="item"&gt;
-            &lt;img src="assets/showcase/images/demo/car/&#123;&#123;brand&#125;&#125;.png" style="width:32px;display:inline-block;margin:5px 0 2px 5px"/&gt;
+            &lt;img src="https://primefaces.org/cdn/primeng/images/demo/car/&#123;&#123;brand&#125;&#125;.png" style="width:32px;display:inline-block;margin:5px 0 2px 5px"/&gt;
             &lt;div style="font-size:18px;float:right;margin:10px 10px 0 0"&gt;&#123;&#123;brand&#125;&#125;&lt;/div&gt;
     &lt;/ng-template&gt;
 &lt;/p-autoComplete&gt;
@@ -718,7 +718,7 @@ <h5>Dependencies</h5>
     &lt;p-autoComplete [(ngModel)]="selectedCountryAdvanced" [suggestions]="filteredCountries" (completeMethod)="filterCountry($event)" field="name" [dropdown]="true"&gt;
         &lt;ng-template let-country pTemplate="item"&gt;
             &lt;div class="country-item"&gt;
-                &lt;img src="assets/showcase/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + country.code.toLowerCase()" /&gt;
+                &lt;img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'flag flag-' + country.code.toLowerCase()" /&gt;
                 &lt;div&gt;&#123;&#123;country.name&#125;&#125;&lt;/div&gt;
             &lt;/div&gt;
         &lt;/ng-template&gt;
@@ -728,7 +728,7 @@ <h5>Dependencies</h5>
     &lt;p-autoComplete [(ngModel)]="selectedCity" [group]="true" [suggestions]="filteredGroups" (completeMethod)="filterGroupedCity($event)" field="label" [dropdown]="true"&gt;
         &lt;ng-template let-group pTemplate="group"&gt;
             &lt;div class="flex align-items-center"&gt;
-                &lt;img src="assets/showcase/images/demo/flag/flag_placeholder.png" [class]="'mr-2 flag flag-' + group.value" style="width: 20px"/&gt;
+                &lt;img src="https://primefaces.org/cdn/primeng/images/demo/flag/flag_placeholder.png" [class]="'mr-2 flag flag-' + group.value" style="width: 20px"/&gt;
                 &lt;span&gt;&#123;&#123;group.label&#125;&#125;&lt;/span&gt;
             &lt;/div&gt;
         &lt;/ng-template&gt;

diff --git a/src/app/showcase/components/avatar/avatardemo.html b/src/app/showcase/components/avatar/avatardemo.html
@@ -59,28 +59,28 @@ <h5>Icon - Badge</h5>
         <div class="col-12 md:col-4">
             <div class="card">
                 <h5>Image</h5>
-                <p-avatar image="assets/showcase/images/demo/avatar/amyelsner.png" styleClass="mr-2" size="xlarge" shape="circle"></p-avatar>
-                <p-avatar image="assets/showcase/images/demo/avatar/asiyajavayant.png" styleClass="mr-2" size="large" shape="circle"></p-avatar>
-                <p-avatar image="assets/showcase/images/demo/avatar/onyamalimba.png" styleClass="mr-2" shape="circle"></p-avatar>
+                <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" styleClass="mr-2" size="xlarge" shape="circle"></p-avatar>
+                <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/asiyajavayant.png" styleClass="mr-2" size="large" shape="circle"></p-avatar>
+                <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/onyamalimba.png" styleClass="mr-2" shape="circle"></p-avatar>
             </div>
         </div>
         <div class="col-12 md:col-4">
             <div class="card">
                 <h5>Avatar Group</h5>
                 <p-avatarGroup styleClass="mb-3">
-                    <p-avatar image="assets/showcase/images/demo/avatar/amyelsner.png" size="large" shape="circle"></p-avatar>
-                    <p-avatar image="assets/showcase/images/demo/avatar/asiyajavayant.png" size="large" shape="circle"></p-avatar>
-                    <p-avatar image="assets/showcase/images/demo/avatar/onyamalimba.png" size="large" shape="circle"></p-avatar>
-                    <p-avatar image="assets/showcase/images/demo/avatar/ionibowcher.png" size="large" shape="circle"></p-avatar>
-                    <p-avatar image="assets/showcase/images/demo/avatar/xuxuefeng.png" size="large"shape="circle"></p-avatar>
+                    <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" size="large" shape="circle"></p-avatar>
+                    <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/asiyajavayant.png" size="large" shape="circle"></p-avatar>
+                    <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/onyamalimba.png" size="large" shape="circle"></p-avatar>
+                    <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/ionibowcher.png" size="large" shape="circle"></p-avatar>
+                    <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/xuxuefeng.png" size="large"shape="circle"></p-avatar>
                     <p-avatar label="+2" shape="circle" size="large" [style]="{'background-color':'#9c27b0', 'color': '#ffffff'}"></p-avatar>
                 </p-avatarGroup>
             </div>
         </div>
         <div class="col-12 md:col-4">
             <div class="card">
                 <h5>Image - Badge</h5>
-                    <p-avatar image="assets/showcase/images/demo/organization/walter.jpg" pBadge value="4" severity="danger" styleClass="mr-2" size="xlarge"></p-avatar>
+                    <p-avatar image="https://primefaces.org/cdn/primeng/images/demo/organization/walter.jpg" pBadge value="4" severity="danger" styleClass="mr-2" size="xlarge"></p-avatar>
             </div>
         </div>
     </div>
@@ -375,28 +375,28 @@ <h5>Dependencies</h5>
     &lt;div class="col-12 md:col-4"&gt;
         &lt;div class="card"&gt;
             &lt;h5&gt;Image&lt;/h5&gt;
-            &lt;p-avatar image="assets/showcase/images/demo/avatar/amyelsner.png" styleClass="mr-2" size="xlarge" shape="circle"&gt;&lt;/p-avatar&gt;
-            &lt;p-avatar image="assets/showcase/images/demo/avatar/asiyajavayant.png" styleClass="mr-2" size="large" shape="circle"&gt;&lt;/p-avatar&gt;
-            &lt;p-avatar image="assets/showcase/images/demo/avatar/onyamalimba.png" styleClass="mr-2" shape="circle"&gt;&lt;/p-avatar&gt;
+            &lt;p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" styleClass="mr-2" size="xlarge" shape="circle"&gt;&lt;/p-avatar&gt;
+            &lt;p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/asiyajavayant.png" styleClass="mr-2" size="large" shape="circle"&gt;&lt;/p-avatar&gt;
+            &lt;p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/onyamalimba.png" styleClass="mr-2" shape="circle"&gt;&lt;/p-avatar&gt;
         &lt;/div&gt;
     &lt;/div&gt;
     &lt;div class="col-12 md:col-4"&gt;
         &lt;div class="card"&gt;
             &lt;h5&gt;Avatar Group&lt;/h5&gt;
             &lt;p-avatarGroup styleClass="mb-3"&gt;
-                &lt;p-avatar image="assets/showcase/images/demo/avatar/amyelsner.png" size="large" shape="circle"&gt;&lt;/p-avatar&gt;
-                &lt;p-avatar image="assets/showcase/images/demo/avatar/asiyajavayant.png" size="large" shape="circle"&gt;&lt;/p-avatar&gt;
-                &lt;p-avatar image="assets/showcase/images/demo/avatar/onyamalimba.png" size="large" shape="circle"&gt;&lt;/p-avatar&gt;
-                &lt;p-avatar image="assets/showcase/images/demo/avatar/ionibowcher.png" size="large" shape="circle"&gt;&lt;/p-avatar&gt;
-                &lt;p-avatar image="assets/showcase/images/demo/avatar/xuxuefeng.png" size="large"shape="circle"&gt;&lt;/p-avatar&gt;
+                &lt;p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/amyelsner.png" size="large" shape="circle"&gt;&lt;/p-avatar&gt;
+                &lt;p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/asiyajavayant.png" size="large" shape="circle"&gt;&lt;/p-avatar&gt;
+                &lt;p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/onyamalimba.png" size="large" shape="circle"&gt;&lt;/p-avatar&gt;
+                &lt;p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/ionibowcher.png" size="large" shape="circle"&gt;&lt;/p-avatar&gt;
+                &lt;p-avatar image="https://primefaces.org/cdn/primeng/images/demo/avatar/xuxuefeng.png" size="large"shape="circle"&gt;&lt;/p-avatar&gt;
                 &lt;p-avatar label="+2" shape="circle" size="large" [style]="&#123;'background-color':'#9c27b0', 'color': '#ffffff'&#125;"&gt;&lt;/p-avatar&gt;
             &lt;/p-avatarGroup&gt;
         &lt;/div&gt;
     &lt;/div&gt;
     &lt;div class="col-12 md:col-4"&gt;
         &lt;div class="card"&gt;
             &lt;h5&gt;Image - Badge&lt;/h5&gt;
-                &lt;p-avatar image="assets/showcase/images/demo/organization/walter.jpg" pBadge value="4" severity="danger" styleClass="mr-2" size="xlarge"&gt;&lt;/p-avatar&gt;
+                &lt;p-avatar image="https://primefaces.org/cdn/primeng/images/demo/organization/walter.jpg" pBadge value="4" severity="danger" styleClass="mr-2" size="xlarge"&gt;&lt;/p-avatar&gt;
         &lt;/div&gt;
     &lt;/div&gt;
 &lt;/div&gt;

diff --git a/src/app/showcase/components/button/buttondemo.html b/src/app/showcase/components/button/buttondemo.html
@@ -124,12 +124,12 @@ <h5>Loading</h5>
         <h5>Templating</h5>
         <p-button styleClass="px-3">
             <ng-template pTemplate="content">
-                <img alt="logo" src="assets/showcase/images/primeng-icon-white.svg" style="width: 1.5rem"/>
+                <img alt="logo" src="https://primefaces.org/cdn/primeng/images/primeng-icon-white.svg" style="width: 1.5rem"/>
             </ng-template>
         </p-button>
 
         <p-button styleClass="p-button-outlined">
-            <img alt="logo" src="assets/showcase/images/primeng-icon.svg" style="width: 1.5rem"/>
+            <img alt="logo" src="https://primefaces.org/cdn/primeng/images/primeng-icon.svg" style="width: 1.5rem"/>
             <span class="ml-2 font-bold">PrimeNG</span>
         </p-button>
 
@@ -610,12 +610,12 @@ <h5>Dependencies</h5>
 &lt;h5&gt;Templating&lt;/h5&gt;
 &lt;p-button styleClass="px-3"&gt;
     &lt;ng-template pTemplate="content"&gt;
-        &lt;img alt="logo" src="assets/showcase/images/primeng-icon-white.svg" style="width: 1.5rem"/&gt;
+        &lt;img alt="logo" src="https://primefaces.org/cdn/primeng/images/primeng-icon-white.svg" style="width: 1.5rem"/&gt;
     &lt;/ng-template&gt;
 &lt;/p-button&gt;
 
 &lt;p-button styleClass="p-button-outlined"&gt;
-    &lt;img alt="logo" src="assets/showcase/images/primeng-icon.svg" style="width: 1.5rem"/&gt;
+    &lt;img alt="logo" src="https://primefaces.org/cdn/primeng/images/primeng-icon.svg" style="width: 1.5rem"/&gt;
     &lt;span class="ml-2 font-bold"&gt;PrimeNG&lt;/span&gt;
 &lt;/p-button&gt;
 

diff --git a/src/app/showcase/components/card/carddemo.html b/src/app/showcase/components/card/carddemo.html
@@ -14,7 +14,7 @@ <h1>Card</h1>
 
     <p-card header="Advanced Card" subheader="Card Subheader" [style]="{width: '360px'}" styleClass="p-card-shadow">
         <ng-template pTemplate="header">
-            <img alt="Card" src="assets/showcase/images/usercard.png">
+            <img alt="Card" src="https://primefaces.org/cdn/primeng/images/usercard.png">
         </ng-template>
         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt
             quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!</p>
@@ -186,15 +186,15 @@ <h5>Dependencies</h5>
 <app-code lang="markup" ngNonBindable ngPreserveWhitespaces>
 &lt;p-card header="Simple Card" [style]="&#123;'width': '25rem', 'margin-bottom': '2em'&#125;"&gt;
     &lt;ng-template pTemplate="header"&gt;
-        &lt;img alt="Card" src="assets/showcase/images/usercard.png"&gt;
+        &lt;img alt="Card" src="https://primefaces.org/cdn/primeng/images/usercard.png"&gt;
     &lt;/ng-template&gt;
     &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt
         quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!&lt;/p&gt;
 &lt;/p-card&gt;
 
 &lt;p-card header="Advanced Card" subheader="Card Subheader" [style]="&#123;width: '360px'&#125;" styleClass="p-card-shadow"&gt;
     &lt;ng-template pTemplate="header"&gt;
-        &lt;img alt="Card" src="assets/showcase/images/usercard.png"&gt;
+        &lt;img alt="Card" src="https://primefaces.org/cdn/primeng/images/usercard.png"&gt;
     &lt;/ng-template&gt;
     &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt
         quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!&lt;/p&gt;

diff --git a/src/app/showcase/components/carousel/carouseldemo.html b/src/app/showcase/components/carousel/carouseldemo.html
@@ -16,7 +16,7 @@ <h5>Basic</h5>
                 <div class="product-item">
                     <div class="product-item-content">
                         <div class="mb-3">
-                            <img src="assets/showcase/images/demo/product/{{product.image}}" [alt]="product.name" class="product-image" />
+                            <img src="https://primefaces.org/cdn/primeng/images/demo/product/{{product.image}}" [alt]="product.name" class="product-image" />
                         </div>
                         <div>
                             <h4 class="mb-1">{{product.name}}</h4>
@@ -42,7 +42,7 @@ <h5>Circular, AutoPlay, 3 Items per Page and Scroll by 1</h5>
                 <div class="product-item">
                     <div class="product-item-content">
                         <div class="mb-3">
-                            <img src="assets/showcase/images/demo/product/{{product.image}}" [alt]="product.name" class="product-image" />
+                            <img src="https://primefaces.org/cdn/primeng/images/demo/product/{{product.image}}" [alt]="product.name" class="product-image" />
                         </div>
                         <div>
                             <h4 class="mb-1">{{product.name}}</h4>
@@ -68,7 +68,7 @@ <h5>Vertical</h5>
                 <div class="product-item">
                     <div class="product-item-content">
                         <div class="mb-3">
-                            <img src="assets/showcase/images/demo/product/{{product.image}}" [alt]="product.name" class="product-image" />
+                            <img src="https://primefaces.org/cdn/primeng/images/demo/product/{{product.image}}" [alt]="product.name" class="product-image" />
                         </div>
                         <div>
                             <h4 class="mb-1">{{product.name}}</h4>
@@ -429,7 +429,7 @@ <h5>Dependencies</h5>
         &lt;div class="product-item"&gt;
             &lt;div class="product-item-content"&gt;
                 &lt;div class="mb-3"&gt;
-                    &lt;img src="assets/showcase/images/demo/product/&#123;&#123;product.image&#125;&#125;" [alt]="product.name" class="product-image" /&gt;
+                    &lt;img src="https://primefaces.org/cdn/primeng/images/demo/product/&#123;&#123;product.image&#125;&#125;" [alt]="product.name" class="product-image" /&gt;
                 &lt;/div&gt;
                 &lt;div&gt;
                     &lt;h4 class="mb-1"&gt;&#123;&#123;product.name&#125;&#125;&lt;/h4&gt;
@@ -453,7 +453,7 @@ <h5>Dependencies</h5>
         &lt;div class="product-item"&gt;
             &lt;div class="product-item-content"&gt;
                 &lt;div class="mb-3"&gt;
-                    &lt;img src="assets/showcase/images/demo/product/&#123;&#123;product.image&#125;&#125;" [alt]="product.name" class="product-image" /&gt;
+                    &lt;img src="https://primefaces.org/cdn/primeng/images/demo/product/&#123;&#123;product.image&#125;&#125;" [alt]="product.name" class="product-image" /&gt;
                 &lt;/div&gt;
                 &lt;div&gt;
                     &lt;h4 class="mb-1"&gt;&#123;&#123;product.name&#125;&#125;&lt;/h4&gt;
@@ -477,7 +477,7 @@ <h5>Dependencies</h5>
         &lt;div class="product-item"&gt;
             &lt;div class="product-item-content"&gt;
                 &lt;div class="mb-3"&gt;
-                    &lt;img src="assets/showcase/images/demo/product/&#123;&#123;product.image&#125;&#125;" [alt]="product.name" class="product-image" /&gt;
+                    &lt;img src="https://primefaces.org/cdn/primeng/images/demo/product/&#123;&#123;product.image&#125;&#125;" [alt]="product.name" class="product-image" /&gt;
                 &lt;/div&gt;
                 &lt;div&gt;
                     &lt;h4 class="mb-1"&gt;&#123;&#123;product.name&#125;&#125;&lt;/h4&gt;