Skip to content

Commit

Permalink
#98: Form error message directive
Browse files Browse the repository at this point in the history
  • Loading branch information
@nganntqe170236 @thongdanghoang
nganntqe170236 authored and thongdanghoang committed Jan 25, 2025
1 parent 070f8f9 commit d4aa844
Show file tree
Hide file tree
Showing 12 changed files with 446 additions and 254 deletions.
53 changes: 17 additions & 36 deletions sep490-frontend/src/app/modules/core/services/theme.service.ts
View file
Original file line number Diff line number Diff line change
@@ -1,10 +1,25 @@
import {Injectable} from '@angular/core';
import {definePreset} from '@primeng/themes';
import Material from '@primeng/themes/material';
import Aura from '@primeng/themes/aura';
import {PrimeNG, ThemeType} from 'primeng/config';
import {BehaviorSubject, Observable, of} from 'rxjs';

const MyPreset = definePreset(Material, {
const MyPreset = definePreset(Aura, {
primitive: {
red: {
50: '#fef8f8',
100: '#fbdfdf',
200: '#f8c5c6',
300: '#f5acad',
400: '#f29293',
500: '#ef797a',
600: '#cb6768',
700: '#a75555',
800: '#834343',
900: '#603031',
950: '#3c1e1f'
}
},
semantic: {
primary: {
50: '#f4fcfd',
Expand All @@ -18,40 +33,6 @@ const MyPreset = definePreset(Material, {
800: '#107076',
900: '#0c5156',
950: '#073336'
},
colorScheme: {
light: {
surface: {
0: '#ffffff',
50: '{neutral.50}',
100: '{neutral.100}',
200: '{neutral.200}',
300: '{neutral.300}',
400: '{neutral.400}',
500: '{neutral.500}',
600: '{neutral.600}',
700: '{neutral.700}',
800: '{neutral.800}',
900: '{neutral.900}',
950: '{neutral.950}'
}
},
dark: {
surface: {
0: '#ffffff',
50: '{neutral.50}',
100: '{neutral.100}',
200: '{neutral.200}',
300: '{neutral.300}',
400: '{neutral.400}',
500: '{neutral.500}',
600: '{neutral.600}',
700: '{neutral.700}',
800: '{neutral.800}',
900: '{neutral.900}',
950: '{neutral.950}'
}
}
}
}
});
Expand Down
94 changes: 94 additions & 0 deletions sep490-frontend/src/app/modules/dev/components/toolbox/toolbox.component.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,3 +35,97 @@
<ng-template #actionsTemplate let-product>
<p-button icon="pi pi-ellipsis-v" [rounded]="true" [text]="true" severity="contrast"/>
</ng-template>

<div class="flex justify-center flex-wrap gap-4 mb-6">
<p-button label="Primary" [raised]="true"/>
<p-button label="Secondary" [raised]="true" severity="secondary"/>
<p-button label="Success" [raised]="true" severity="success"/>
<p-button label="Info" [raised]="true" severity="info"/>
<p-button label="Warn" [raised]="true" severity="warn"/>
<p-button label="Help" [raised]="true" severity="help"/>
<p-button label="Danger" [raised]="true" severity="danger"/>
<p-button label="Contrast" [raised]="true" severity="contrast"/>
</div>

<div class="flex justify-center flex-wrap gap-4 mb-6">
<p-button label="Primary" variant="text"/>
<p-button label="Secondary" variant="text" severity="secondary"/>
<p-button label="Success" variant="text" severity="success"/>
<p-button label="Info" variant="text" severity="info"/>
<p-button label="Warn" variant="text" severity="warn"/>
<p-button label="Help" variant="text" severity="help"/>
<p-button label="Danger" variant="text" severity="danger"/>
<p-button label="Plain" variant="text" severity="contrast"/>
</div>

<div class="flex justify-center flex-wrap gap-4 mb-6">
<p-button label="Primary" variant="text" [raised]="true"/>
<p-button label="Secondary" variant="text" [raised]="true" severity="secondary"/>
<p-button label="Success" variant="text" [raised]="true" severity="success"/>
<p-button label="Info" variant="text" [raised]="true" severity="info"/>
<p-button label="Warn" variant="text" [raised]="true" severity="warn"/>
<p-button label="Help" variant="text" [raised]="true" severity="help"/>
<p-button label="Danger" variant="text" [raised]="true" severity="danger"/>
<p-button label="Plain" variant="text" [raised]="true" severity="contrast"/>
</div>

<div class="flex justify-center flex-wrap gap-4 mb-6">
<p-button label="Primary" variant="outlined"/>
<p-button label="Secondary" variant="outlined" severity="secondary"/>
<p-button label="Success" variant="outlined" severity="success"/>
<p-button label="Info" variant="outlined" severity="info"/>
<p-button label="Warn" variant="outlined" severity="warn"/>
<p-button label="Help" variant="outlined" severity="help"/>
<p-button label="Danger" variant="outlined" severity="danger"/>
<p-button label="Contrast" variant="outlined" severity="contrast"/>
</div>

<div class="flex justify-center flex-wrap gap-4 mb-6">
<p-button icon="pi pi-check"/>
<p-button icon="pi pi-bookmark" severity="secondary"/>
<p-button icon="pi pi-search" severity="success"/>
<p-button icon="pi pi-user" severity="info"/>
<p-button icon="pi pi-bell" severity="warn"/>
<p-button icon="pi pi-heart" severity="help"/>
<p-button icon="pi pi-times" severity="danger"/>
</div>

<div class="flex justify-center flex-wrap gap-4 mb-6">
<p-button icon="pi pi-check" [rounded]="true"/>
<p-button icon="pi pi-bookmark" [rounded]="true" severity="secondary"/>
<p-button icon="pi pi-search" [rounded]="true" severity="success"/>
<p-button icon="pi pi-user" [rounded]="true" severity="info"/>
<p-button icon="pi pi-bell" [rounded]="true" severity="warn"/>
<p-button icon="pi pi-heart" [rounded]="true" severity="help"/>
<p-button icon="pi pi-times" [rounded]="true" severity="danger"/>
</div>

<div class="flex justify-center flex-wrap gap-4 mb-6">
<p-button icon="pi pi-check" [rounded]="true" [outlined]="true"/>
<p-button icon="pi pi-bookmark" [rounded]="true" severity="secondary" [outlined]="true"/>
<p-button icon="pi pi-search" [rounded]="true" severity="success" [outlined]="true"/>
<p-button icon="pi pi-user" [rounded]="true" severity="info" [outlined]="true"/>
<p-button icon="pi pi-bell" [rounded]="true" severity="warn" [outlined]="true"/>
<p-button icon="pi pi-heart" [rounded]="true" severity="help" [outlined]="true"/>
<p-button icon="pi pi-times" [rounded]="true" severity="danger" [outlined]="true"/>
</div>

<div class="flex justify-center flex-wrap gap-4 mb-6">
<p-button icon="pi pi-check" [rounded]="true" [text]="true" [raised]="true"/>
<p-button icon="pi pi-bookmark" [rounded]="true" [text]="true" [raised]="true" severity="secondary"/>
<p-button icon="pi pi-search" [rounded]="true" [text]="true" [raised]="true" severity="success"/>
<p-button icon="pi pi-user" [rounded]="true" [text]="true" [raised]="true" severity="info"/>
<p-button icon="pi pi-bell" [rounded]="true" [text]="true" [raised]="true" severity="warn"/>
<p-button icon="pi pi-heart" [rounded]="true" [text]="true" [raised]="true" severity="help"/>
<p-button icon="pi pi-times" [rounded]="true" [text]="true" [raised]="true" severity="danger"/>
</div>

<div class="flex justify-center flex-wrap gap-4 mb-6">
<p-button icon="pi pi-check" [rounded]="true" [text]="true"/>
<p-button icon="pi pi-bookmark" [rounded]="true" [text]="true" severity="secondary"/>
<p-button icon="pi pi-search" [rounded]="true" [text]="true" severity="success"/>
<p-button icon="pi pi-user" [rounded]="true" [text]="true" severity="info"/>
<p-button icon="pi pi-bell" [rounded]="true" [text]="true" severity="warn"/>
<p-button icon="pi pi-heart" [rounded]="true" [text]="true" severity="help"/>
<p-button icon="pi pi-times" [rounded]="true" [text]="true" severity="danger"/>
</div>
Loading

0 comments on commit d4aa844

Please sign in to comment.