prime: get rid of bootstrap

Co-Authored-by: Johnny Mariéthoz <[email protected]>
rero · Nov 5, 2024 · 0d23baf · 0d23baf
1 parent a9b2684
commit 0d23baf
Show file tree

Hide file tree

Showing 68 changed files with 742 additions and 1,358 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,62 @@
   <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>
+
+<p-panel header="Typography" styleClass="mt-3">
+  <h1>Heading 1</h1>
+  <p>
+    Cras fermentum velit vitae auctor aliquet. Nunc non congue urna, at blandit nibh. Donec ac
+    fermentum felis. Vivamus tincidunt arcu ut lacus hendrerit, eget mattis dui finibus.
+  </p>
+
+  <h2>Heading 2</h2>
+  <p>
+    Cras fermentum velit vitae auctor aliquet. Nunc non congue urna, at blandit nibh. Donec ac
+    fermentum felis. Vivamus tincidunt arcu ut lacus hendrerit, eget mattis dui finibus.
+  </p>
+  <h3>Heading 3</h3>
+  <p>
+    Cras fermentum velit vitae auctor aliquet. Nunc non congue urna, at blandit nibh. Donec ac
+    fermentum felis. Vivamus tincidunt arcu ut lacus hendrerit, eget mattis dui finibus.
+  </p>
+  <h4>Heading 4</h4>
+  <p>
+    Cras fermentum velit vitae auctor aliquet. Nunc non congue urna, at blandit nibh. Donec ac
+    fermentum felis. Vivamus tincidunt arcu ut lacus hendrerit, eget mattis dui finibus.
+  </p>
+  <h5>Heading 5</h5>
+  <p>
+    Cras fermentum velit vitae auctor aliquet. Nunc non congue urna, at blandit nibh. Donec ac
+    fermentum felis. Vivamus tincidunt arcu ut lacus hendrerit, eget mattis dui finibus.
+  </p>
+  <h6>Heading 6</h6>
+  <p>
+    Cras fermentum velit vitae auctor aliquet. Nunc non congue urna, at blandit nibh. Donec ac
+    fermentum felis. Vivamus tincidunt arcu ut lacus hendrerit, eget mattis dui finibus.
+  </p>
+  <ul>
+    <li><span>Base Text</span></li>
+    <li><span class="text-primary">Primary Text</span></li>
+    <li><span class="text-color-secondary">Secondary Text</span></li>
+    <li><a href="#">Home Link</a></li>
+    <li><span class="text-link">Text Link</span></li>
+    <li><span class="text-info">Text Info</span></li>
+    <li><span class="text-success">Text Success</span></li>
+    <li><span class="text-warning">Text Warning</span></li>
+    <li><span class="text-error">Text Error</span></li>
+  </ul>
+</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/editor.component.html b/projects/ng-core-tester/src/app/record/editor/editor.component.html
@@ -21,6 +21,6 @@
     <pre [innerHTML]="modelDisplay"></pre>
   </div>
 </p-card>
-<div class="mt-4">
+<div class="mt-2">
   <ng-core-editor (modelChange)="modelChanged($event)"></ng-core-editor>
 </div>