-
+ @if (message.link) {
-
+ @if (!message.useRouter) {
-
+ }
-
+ @if (message.useRouter) {
-
-
+ }
+ }
-
+ @if (!message.link) {
+ }
diff --git a/src/app/layout/common/messages/messages.component.ts b/src/app/layout/common/messages/messages.component.ts
index 4e2c8a43..c003dafa 100644
--- a/src/app/layout/common/messages/messages.component.ts
+++ b/src/app/layout/common/messages/messages.component.ts
@@ -1,12 +1,6 @@
import { Overlay, OverlayRef } from '@angular/cdk/overlay';
import { TemplatePortal } from '@angular/cdk/portal';
-import {
- DatePipe,
- NgClass,
- NgFor,
- NgIf,
- NgTemplateOutlet,
-} from '@angular/common';
+import { DatePipe, NgClass, NgTemplateOutlet } from '@angular/common';
import {
ChangeDetectionStrategy,
ChangeDetectorRef,
@@ -35,10 +29,8 @@ import { Subject, takeUntil } from 'rxjs';
standalone: true,
imports: [
MatButtonModule,
- NgIf,
MatIconModule,
MatTooltipModule,
- NgFor,
NgClass,
NgTemplateOutlet,
RouterLink,
diff --git a/src/app/layout/common/notifications/notifications.component.html b/src/app/layout/common/notifications/notifications.component.html
index 94a72a94..5dc96587 100644
--- a/src/app/layout/common/notifications/notifications.component.html
+++ b/src/app/layout/common/notifications/notifications.component.html
@@ -1,6 +1,6 @@
@@ -53,17 +53,18 @@
class="bg-card relative flex flex-auto flex-col divide-y overflow-y-auto sm:max-h-120"
>
-
@@ -109,7 +109,7 @@
[ngClass]="{
'bg-gray-400 dark:bg-gray-500 sm:opacity-0 sm:group-hover:opacity-100':
message.read,
- 'bg-primary': !message.read
+ 'bg-primary': !message.read,
}"
>
@@ -131,7 +131,7 @@
-
+ @if (message.icon && !message.image) {
+ }
-
+ @if (message.image) {
![]()
-
+ }
-
+ }
-
+ @if (!messages || !messages.length) {
-
+ }
@@ -141,38 +141,38 @@
>
-
-
+ @if (message.title) {
-
-
+ }
+ @if (message.description) {
-
+ }
{{ message.time | date: 'MMM dd, h:mm a' }}
@@ -193,7 +193,7 @@
When you have messages, they will appear here.
-
+ @if (notification.link) {
-
+ @if (!notification.useRouter) {
-
+ }
-
+ @if (notification.useRouter) {
-
-
+ }
+ }
-
+ @if (!notification.link) {
+ }
diff --git a/src/app/layout/common/notifications/notifications.component.ts b/src/app/layout/common/notifications/notifications.component.ts
index 9d42d120..a6cc2dec 100644
--- a/src/app/layout/common/notifications/notifications.component.ts
+++ b/src/app/layout/common/notifications/notifications.component.ts
@@ -1,12 +1,6 @@
import { Overlay, OverlayRef } from '@angular/cdk/overlay';
import { TemplatePortal } from '@angular/cdk/portal';
-import {
- DatePipe,
- NgClass,
- NgFor,
- NgIf,
- NgTemplateOutlet,
-} from '@angular/common';
+import { DatePipe, NgClass, NgTemplateOutlet } from '@angular/common';
import {
ChangeDetectionStrategy,
ChangeDetectorRef,
@@ -35,10 +29,8 @@ import { Subject, takeUntil } from 'rxjs';
standalone: true,
imports: [
MatButtonModule,
- NgIf,
MatIconModule,
MatTooltipModule,
- NgFor,
NgClass,
NgTemplateOutlet,
RouterLink,
diff --git a/src/app/layout/common/quick-chat/quick-chat.component.html b/src/app/layout/common/quick-chat/quick-chat.component.html
index 0aad3db8..faedb1e5 100644
--- a/src/app/layout/common/quick-chat/quick-chat.component.html
+++ b/src/app/layout/common/quick-chat/quick-chat.component.html
@@ -6,7 +6,7 @@
[ngClass]="{
'-translate-x-full shadow sm:-translate-x-96 lg:-translate-x-80':
opened,
- 'translate-x-0': !opened
+ 'translate-x-0': !opened,
}"
>
@@ -15,7 +15,7 @@
(click)="toggle()"
>
-
@@ -113,7 +114,7 @@
[ngClass]="{
'bg-gray-400 dark:bg-gray-500 sm:opacity-0 sm:group-hover:opacity-100':
notification.read,
- 'bg-primary': !notification.read
+ 'bg-primary': !notification.read,
}"
>
@@ -135,9 +136,7 @@
-
+ @if (notification.icon && !notification.image) {
+ }
-
+ @if (notification.image) {
![]()
-
+ }
-
+ }
-
+ @if (!notifications || !notifications.length) {
-
+ }
@@ -147,38 +146,38 @@
>
-
-
+ @if (notification.title) {
-
-
+ }
+ @if (notification.description) {
-
+ }
{{ notification.time | date: 'MMM dd, h:mm a' }}
@@ -199,7 +198,7 @@
When you have notifications, they will appear here.
-
+ @if (chat.contact.avatar) {
![Contact avatar]()
-
-
+ }
+ @if (!chat.contact.avatar) {
+ }
{{ chat.contact.name.charAt(0) }}
-
{{ chat.contact.name }}
@@ -66,7 +66,7 @@
>
-
+ }
-
+ @for (chat of chats; track trackByFn($index, chat)) {
-
+ }
-
+ @if (chat.unreadCount > 0) {
-
-
+ }
+ @if (chat.contact.avatar) {
![Contact avatar]()
-
-
+ }
+ @if (!chat.contact.avatar) {
+ }
{{ chat.contact.name.charAt(0) }}
-
-
+ @if (chat) {
+ @if (
+ first ||
+ last ||
+ chat.messages[i + 1].isMine !==
+ message.isMine ||
+ chat.messages[i + 1].createdAt !==
+ message.createdAt
+ ) {
+ }
-
+ }
@@ -274,28 +264,29 @@
-
-
+ @for (
+ message of chat.messages;
+ track trackByFn(i, message);
+ let i = $index;
+ let first = $first;
+ let last = $last
+ ) {
-
+ @if (
+ first ||
+ (chat.messages[i - 1].createdAt
+ | date: 'd') !==
+ (message.createdAt | date: 'd')
+ ) {
-
+ }
@@ -165,7 +159,7 @@
@@ -188,24 +182,22 @@
'bg-blue-500 text-blue-50':
message.isMine,
'bg-gray-500 text-gray-50':
- !message.isMine
+ !message.isMine,
}"
>
-
+ @if (
+ last ||
+ chat.messages[i + 1].isMine !==
+ message.isMine
+ ) {
+ }
-
{{
@@ -244,9 +234,9 @@
| date: 'HH:mm'
}}
-
+
+ }
-
+ Select a conversation
+
+
-
-
- Select a conversation
-
-
-
-
- No results found!
-
-
-
- {{ resultSet.label.toUpperCase() }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+ @if (resultSets && !resultSets.length) {
+
+ No results found!
+
+ }
+ @for (
+ resultSet of resultSets;
+ track trackByFn($index, resultSet)
+ ) {
+
+ {{ resultSet.label.toUpperCase() }}
+
+ @for (
+ result of resultSet.results;
+ track trackByFn($index, result)
+ ) {
+
+
+ @if (resultSet.id === 'contacts') {
+
+ }
+ }
+
+
+
+ }
+}
-
- ![]()
- ![]()
+ }
+ @if (!result.avatar) {
+
@@ -202,18 +213,18 @@
+ @if (mode === 'add' || mode === 'edit') {
-
+ }
-
+ @if (result.completed) {
-
+ }
+ @if (!result.completed) {
+ }
diff --git a/src/app/layout/common/settings/settings.component.ts b/src/app/layout/common/settings/settings.component.ts index 57239b60..85a45716 100644 --- a/src/app/layout/common/settings/settings.component.ts +++ b/src/app/layout/common/settings/settings.component.ts @@ -1,4 +1,4 @@ -import { NgClass, NgFor } from '@angular/common'; +import { NgClass } from '@angular/common'; import { Component, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core'; import { MatButtonModule } from '@angular/material/button'; import { MatIconModule } from '@angular/material/icon'; @@ -40,7 +40,6 @@ import { Subject, takeUntil } from 'rxjs'; MatIconModule, FuseDrawerComponent, MatButtonModule, - NgFor, NgClass, MatTooltipModule, ], diff --git a/src/app/layout/common/shortcuts/shortcuts.component.html b/src/app/layout/common/shortcuts/shortcuts.component.html index 31878ffc..7cd3166a 100644 --- a/src/app/layout/common/shortcuts/shortcuts.component.html +++ b/src/app/layout/common/shortcuts/shortcuts.component.html @@ -22,21 +22,20 @@
THEME
-
+ @for (theme of config.themes; track theme) {
-
+ }
diff --git a/src/app/layout/common/settings/settings.component.ts b/src/app/layout/common/settings/settings.component.ts index 57239b60..85a45716 100644 --- a/src/app/layout/common/settings/settings.component.ts +++ b/src/app/layout/common/settings/settings.component.ts @@ -1,4 +1,4 @@ -import { NgClass, NgFor } from '@angular/common'; +import { NgClass } from '@angular/common'; import { Component, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core'; import { MatButtonModule } from '@angular/material/button'; import { MatIconModule } from '@angular/material/icon'; @@ -40,7 +40,6 @@ import { Subject, takeUntil } from 'rxjs'; MatIconModule, FuseDrawerComponent, MatButtonModule, - NgFor, NgClass, MatTooltipModule, ], diff --git a/src/app/layout/common/shortcuts/shortcuts.component.html b/src/app/layout/common/shortcuts/shortcuts.component.html index 31878ffc..7cd3166a 100644 --- a/src/app/layout/common/shortcuts/shortcuts.component.html +++ b/src/app/layout/common/shortcuts/shortcuts.component.html @@ -22,21 +22,20 @@
Shortcuts
-
+ @if (mode !== 'view') {
- - Add new
- - Editing
+ @if (mode === 'add') {
+ - Add new
+ }
+ @if (mode === 'modify' || mode === 'edit') {
+ - Editing
+ }
-
+ }
-
+ @if (mode === 'view') {
-
+ }
-
+ @if (mode === 'modify') {
-
+ }
-
+ @if (mode === 'add') {
-
+ }
-
+ @if (mode === 'edit') {
-
+ }
-
+ @if (mode === 'view' || mode === 'modify') {
+ @if (!shortcuts || !shortcuts.length) {
-
-
+ }
+ }
-
-
+ @for (
+ shortcut of shortcuts;
+ track trackByFn($index, shortcut)
+ ) {
-
+ }
-
@@ -205,11 +210,11 @@
When you have shortcuts, they will appear here.
-
+ @if (!isScreenSmall) {
+@if (isScreenSmall) {
-
+}
@@ -101,7 +101,9 @@
>
-
diff --git a/src/app/layout/layouts/horizontal/material/material.component.ts b/src/app/layout/layouts/horizontal/material/material.component.ts
index 0368ae18..fff00cfb 100644
--- a/src/app/layout/layouts/horizontal/material/material.component.ts
+++ b/src/app/layout/layouts/horizontal/material/material.component.ts
@@ -1,4 +1,3 @@
-import { NgIf } from '@angular/common';
import { Component, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core';
import { MatButtonModule } from '@angular/material/button';
import { MatIconModule } from '@angular/material/icon';
@@ -28,7 +27,6 @@ import { Subject, takeUntil } from 'rxjs';
standalone: true,
imports: [
FuseLoadingBarComponent,
- NgIf,
FuseVerticalNavigationComponent,
MatButtonModule,
MatIconModule,
diff --git a/src/app/layout/layouts/horizontal/modern/modern.component.html b/src/app/layout/layouts/horizontal/modern/modern.component.html
index d151301c..8b4714a2 100644
--- a/src/app/layout/layouts/horizontal/modern/modern.component.html
+++ b/src/app/layout/layouts/horizontal/modern/modern.component.html
@@ -2,7 +2,7 @@
@@ -61,9 +61,9 @@
[name]="'mainNavigation'"
[navigation]="navigation.horizontal"
>
-
+ }
-
+ @if (isScreenSmall) {
-
+ }
+@if (isScreenSmall) {
-
+}
@@ -106,7 +106,9 @@
>
-
diff --git a/src/app/layout/layouts/horizontal/enterprise/enterprise.component.ts b/src/app/layout/layouts/horizontal/enterprise/enterprise.component.ts
index c965b415..f2f727b3 100644
--- a/src/app/layout/layouts/horizontal/enterprise/enterprise.component.ts
+++ b/src/app/layout/layouts/horizontal/enterprise/enterprise.component.ts
@@ -1,4 +1,3 @@
-import { NgIf } from '@angular/common';
import { Component, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core';
import { MatButtonModule } from '@angular/material/button';
import { MatIconModule } from '@angular/material/icon';
@@ -29,7 +28,6 @@ import { Subject, takeUntil } from 'rxjs';
standalone: true,
imports: [
FuseLoadingBarComponent,
- NgIf,
FuseVerticalNavigationComponent,
MatButtonModule,
MatIconModule,
diff --git a/src/app/layout/layouts/horizontal/material/material.component.html b/src/app/layout/layouts/horizontal/material/material.component.html
index f08d2824..07c75a11 100644
--- a/src/app/layout/layouts/horizontal/material/material.component.html
+++ b/src/app/layout/layouts/horizontal/material/material.component.html
@@ -2,7 +2,7 @@
-
diff --git a/src/app/layout/layouts/horizontal/centered/centered.component.ts b/src/app/layout/layouts/horizontal/centered/centered.component.ts
index 6296e3b9..46db6688 100644
--- a/src/app/layout/layouts/horizontal/centered/centered.component.ts
+++ b/src/app/layout/layouts/horizontal/centered/centered.component.ts
@@ -1,4 +1,3 @@
-import { NgIf } from '@angular/common';
import { Component, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core';
import { MatButtonModule } from '@angular/material/button';
import { MatIconModule } from '@angular/material/icon';
@@ -28,7 +27,6 @@ import { Subject, takeUntil } from 'rxjs';
standalone: true,
imports: [
FuseLoadingBarComponent,
- NgIf,
FuseVerticalNavigationComponent,
FuseHorizontalNavigationComponent,
MatButtonModule,
diff --git a/src/app/layout/layouts/horizontal/enterprise/enterprise.component.html b/src/app/layout/layouts/horizontal/enterprise/enterprise.component.html
index 989ffdbd..ab3f2b0e 100644
--- a/src/app/layout/layouts/horizontal/enterprise/enterprise.component.html
+++ b/src/app/layout/layouts/horizontal/enterprise/enterprise.component.html
@@ -2,7 +2,7 @@
-
+ @if (!isScreenSmall) {
![Logo image]()
-
+ }
-
+ @if (isScreenSmall) {
-
+ }
-
+ @if (!isScreenSmall) {
-
+ }
@@ -96,7 +96,7 @@
>
-
+ @if (!isScreenSmall) {
![Logo image]()
-
+ }
-
+ @if (isScreenSmall) {
-
+ }
-
+ @if (!isScreenSmall) {
+ }
@@ -90,7 +90,7 @@
[navigation]="navigation.horizontal"
>
-