prime: get rid of bootstrap

Co-Authored-by: Johnny Mariéthoz <[email protected]>
rero · Oct 31, 2024 · 50be9e2 · 50be9e2
1 parent a9b2684
commit 50be9e2
Show file tree

Hide file tree

Showing 60 changed files with 618 additions and 1,192 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -28,7 +28,6 @@
     "@ngx-translate/core": "^15.0.0",
     "@ngx-translate/http-loader": "^8.0.0",
     "@types/marked": "^4.0.8",
-    "bootstrap": "^4.6.2",
     "crypto-js": "^4.2.0",
     "easymde": "^2.18.0",
     "font-awesome": "^4.7.0",

diff --git a/projects/ng-core-tester/src/app/app-routing.module.ts b/projects/ng-core-tester/src/app/app-routing.module.ts
@@ -370,20 +370,24 @@ const routes: Routes = [
             {
               label: 'Relevance',
               value: 'relevance',
-              defaultQuery: true
+              defaultQuery: true,
+              icon: 'fa-sort-amount-desc'
             },
             {
               label: 'Date descending',
               value: 'newest',
-              defaultNoQuery: true
+              defaultNoQuery: true,
+              icon: 'fa-sort-amount-desc'
             },
             {
               label: 'Date ascending',
               value: 'oldest',
+              icon: 'fa-sort-amount-asc'
             },
             {
               label: 'Title',
-              value: 'title'
+              value: 'title',
+              icon: 'fa-sort-alpha-asc'
             }
           ],
           exportFormats: [

diff --git a/projects/ng-core-tester/src/app/home/home.component.html b/projects/ng-core-tester/src/app/home/home.component.html
@@ -42,3 +42,17 @@
   <input pInputText class="w-full" type="text" id="markdown" value="*Hello* **world**" [(ngModel)]="markdownText">
   <div class="my-3" [innerHTML]="markdownText | markdown"></div>
 </p-panel>
+
+<p-panel header="Text Read More" styleClass="mt-3">
+<ng-core-text-read-more
+text="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. "
+[unit]="'character'"
+[limit]="10"
+[showMoreLabel]="'Show more' | translate"
+[showLessLabel]="'Show less' | translate"
+/>
+</p-panel>
+
+<p-panel header="Error" styleClass="mt-3">
+  <ng-core-error [error]="{title: 'title', status: 'error'}"/>
+</p-panel>
diff --git a/projects/ng-core-tester/src/app/menu/menu.component.html b/projects/ng-core-tester/src/app/menu/menu.component.html
@@ -28,7 +28,7 @@
         }
         <span class="ml-2">{{ item.label }}</span>
         @if (item.badge) {
-          <p-badge [ngClass]="{ 'ml-auto': !root, 'ml-2': root }" [value]="item.badge"></p-badge>
+          <p-badge [ngClass]="{ 'ml-auto': !root, 'ml-2': root }" [value]="item.badge"/>
         }
         @if (item.shortcut) {
           <span class="ml-auto border-1 surface-border border-round surface-100 text-xs p-1">{{ item.shortcut }}</span>
@@ -42,7 +42,7 @@
         }
         <span class="ml-2">{{ item.label }}</span>
         @if (item.badge) {
-          <p-badge [ngClass]="{ 'ml-auto': !root, 'ml-2': root }" [value]="item.badge"></p-badge>
+          <p-badge [ngClass]="{ 'ml-auto': !root, 'ml-2': root }" [value]="item.badge"/>
         }
         @if (item.shortcut) {
           <span class="ml-auto border-1 surface-border border-round surface-100 text-xs p-1">{{ item.shortcut }}</span>

diff --git a/projects/ng-core-tester/src/app/menu/menu.component.scss b/projects/ng-core-tester/src/app/menu/menu.component.scss
diff --git a/projects/ng-core-tester/src/app/menu/menu.component.ts b/projects/ng-core-tester/src/app/menu/menu.component.ts
@@ -22,8 +22,7 @@ import { MenuItem, MessageService } from 'primeng/api';
 
 @Component({
   selector: 'app-menu',
-  templateUrl: './menu.component.html',
-  styleUrl: './menu.component.scss'
+  templateUrl: './menu.component.html'
 })
 export class MenuComponent implements OnInit {
 

diff --git a/projects/ng-core-tester/src/app/record/editor/schema.json b/projects/ng-core-tester/src/app/record/editor/schema.json
@@ -105,7 +105,7 @@
               "formlyConfig": {
                 "type": "textarea",
                 "props": {
-                  "rows": 3
+                  "grids": 3
                 }
               }
             }
@@ -169,18 +169,18 @@
               "title": "Name",
               "type": "string",
               "minLength": 3,
-              "className": "col-lg-6"
+              "className": "lg:col-6"
             },
             "hidden": {
               "title": "Hidden name",
               "type": "string",
               "minLength": 3,
-              "className": "col-lg-6",
+              "className": "lg:col-6",
               "widget": {
                 "formlyConfig": {
                   "props": {
                     "hide": true,
-                    "itemCssClass": "col-lg-6"
+                    "itemCssClass": "lg:col-6"
                   }
                 }
               }
@@ -203,7 +203,7 @@
           "widget": {
             "formlyConfig": {
               "props": {
-                "containerCssClass": "row"
+                "containerCssClass": "grid"
               }
             }
           }
@@ -218,7 +218,7 @@
               "widget": {
                 "formlyConfig": {
                   "props": {
-                    "itemCssClass": "col-lg-6"
+                    "itemCssClass": "lg:col-6"
                   }
                 }
               }
@@ -232,7 +232,7 @@
               "widget": {
                 "formlyConfig": {
                   "props": {
-                    "itemCssClass": "col-lg-6"
+                    "itemCssClass": "lg:col-6"
                   }
                 }
               }
@@ -244,7 +244,7 @@
               "widget": {
                 "formlyConfig": {
                   "props": {
-                    "itemCssClass": "col-lg-6"
+                    "itemCssClass": "lg:col-6"
                   }
                 }
               }
@@ -253,7 +253,7 @@
           "widget": {
             "formlyConfig": {
               "props": {
-                "containerCssClass": "row"
+                "containerCssClass": "grid"
               }
             }
           }
@@ -325,7 +325,7 @@
       "widget": {
         "formlyConfig": {
           "props": {
-            "cssClass": "w-md-50"
+            "cssClass": "w-6"
           }
         }
       }
@@ -407,7 +407,7 @@
           "widget": {
             "formlyConfig": {
               "props": {
-                "itemCssClass": "col-md-6"
+                "itemCssClass": "md:col-6"
               }
             }
           }
@@ -419,7 +419,7 @@
           "widget": {
             "formlyConfig": {
               "props": {
-                "itemCssClass": "col-md-6"
+                "itemCssClass": "md:col-6"
               }
             }
           }
@@ -428,7 +428,7 @@
       "widget": {
         "formlyConfig": {
           "props": {
-            "containerCssClass": "row",
+            "containerCssClass": "grid",
             "hideLabel": true
           }
         }
@@ -484,15 +484,15 @@
         "widget": {
           "formlyConfig": {
             "props": {
-              "itemCssClass": "col-lg-6"
+              "itemCssClass": "lg:col-6"
             }
           }
         }
       },
       "widget": {
         "formlyConfig": {
           "props": {
-            "containerCssClass": "row"
+            "containerCssClass": "grid"
           }
         }
       }
@@ -508,15 +508,15 @@
         "widget": {
           "formlyConfig": {
             "props": {
-              "itemCssClass": "col-lg-6"
+              "itemCssClass": "lg:col-6"
             }
           }
         }
       },
       "widget": {
         "formlyConfig": {
           "props": {
-            "containerCssClass": "row"
+            "containerCssClass": "grid"
           }
         }
       }
@@ -570,7 +570,7 @@
         "widget": {
           "formlyConfig": {
             "props": {
-              "containerCssClass": "row"
+              "containerCssClass": "grid"
             }
           }
         }
@@ -1204,7 +1204,7 @@
             "displayWords": true,
             "limitChars": 200,
             "limitWords": 10,
-            "rows": 5
+            "grids": 5
           }
         }
       }
@@ -1541,7 +1541,7 @@
         "formlyConfig": {
           "type": "textarea",
           "props": {
-            "rows": 5
+            "grids": 5
           }
         }
       }