mirror of
https://github.com/richard-loafle/fuse-angular.git
synced 2025-01-06 18:45:08 +00:00
Updated Heroicons icons
This commit is contained in:
Sercan Yemen
parent
e23a21eedf
commit
3175a2faae
|
|
@ -48,7 +48,7 @@
|
|||
|
||||
<mat-icon
|
||||
*ngIf="type === 'warning'"
|
||||
[svgIcon]="'heroicons_solid:exclamation'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:exclamation-triangle'"></mat-icon>
|
||||
|
||||
<mat-icon
|
||||
*ngIf="type === 'error'"
|
||||
|
|
@ -76,7 +76,7 @@
|
|||
class="fuse-alert-dismiss-button"
|
||||
mat-icon-button
|
||||
(click)="dismiss()">
|
||||
<mat-icon [svgIcon]="'heroicons_solid:x'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_solid:x-mark'"></mat-icon>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -8,5 +8,5 @@
|
|||
|
||||
<!-- Default icon -->
|
||||
<ng-template #defaultIconTpl>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:arrows-expand'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:arrows-pointing-out'"></mat-icon>
|
||||
</ng-template>
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@ export class FuseConfirmationService
|
|||
message : 'Are you sure you want to confirm this action?',
|
||||
icon : {
|
||||
show : true,
|
||||
name : 'heroicons_outline:exclamation',
|
||||
name : 'heroicons_outline:exclamation-triangle',
|
||||
color: 'warn',
|
||||
},
|
||||
actions : {
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
[matDialogClose]="undefined">
|
||||
<mat-icon
|
||||
class="text-secondary"
|
||||
[svgIcon]="'heroicons_outline:x'"></mat-icon>
|
||||
[svgIcon]="'heroicons_outline:x-mark'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
</ng-container>
|
||||
|
|
|
|||
|
|
@ -20,5 +20,6 @@ export class IconsService
|
|||
matIconRegistry.addSvgIconSetInNamespace('feather', domSanitizer.bypassSecurityTrustResourceUrl('assets/icons/feather.svg'));
|
||||
matIconRegistry.addSvgIconSetInNamespace('heroicons_outline', domSanitizer.bypassSecurityTrustResourceUrl('assets/icons/heroicons-outline.svg'));
|
||||
matIconRegistry.addSvgIconSetInNamespace('heroicons_solid', domSanitizer.bypassSecurityTrustResourceUrl('assets/icons/heroicons-solid.svg'));
|
||||
matIconRegistry.addSvgIconSetInNamespace('heroicons_mini', domSanitizer.bypassSecurityTrustResourceUrl('assets/icons/heroicons-mini.svg'));
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@
|
|||
(click)="closePanel()">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-current"
|
||||
[svgIcon]="'heroicons_solid:x'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:x-mark'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
<div class="text-lg font-medium leading-10">Messages</div>
|
||||
|
|
@ -38,7 +38,7 @@
|
|||
(click)="markAllAsRead()">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-current"
|
||||
[svgIcon]="'heroicons_solid:mail-open'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:envelope-open'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -99,7 +99,7 @@
|
|||
[matTooltip]="'Remove'">
|
||||
<mat-icon
|
||||
class="icon-size-4"
|
||||
[svgIcon]="'heroicons_solid:x'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:x-mark'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@
|
|||
(click)="closePanel()">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-current"
|
||||
[svgIcon]="'heroicons_solid:x'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:x-mark'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
<div class="text-lg font-medium leading-10">Notifications</div>
|
||||
|
|
@ -38,7 +38,7 @@
|
|||
(click)="markAllAsRead()">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-current"
|
||||
[svgIcon]="'heroicons_solid:mail-open'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:envelope-open'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -99,7 +99,7 @@
|
|||
[matTooltip]="'Remove'">
|
||||
<mat-icon
|
||||
class="icon-size-4"
|
||||
[svgIcon]="'heroicons_solid:x'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:x-mark'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -14,13 +14,13 @@
|
|||
<div class="flex flex-0 items-center justify-center w-16">
|
||||
<mat-icon
|
||||
class="icon-size-6"
|
||||
[svgIcon]="'heroicons_outline:chat-alt-2'"></mat-icon>
|
||||
[svgIcon]="'heroicons_outline:chat-bubble-left-right'"></mat-icon>
|
||||
</div>
|
||||
<div class="text-lg font-medium text-secondary">Team Chat</div>
|
||||
<button
|
||||
class="ml-auto mr-4"
|
||||
mat-icon-button>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:x'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:x-mark'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
</ng-container>
|
||||
|
|
@ -45,7 +45,7 @@
|
|||
<button
|
||||
class="ml-auto mr-4"
|
||||
mat-icon-button>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:x'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:x-mark'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
</ng-container>
|
||||
|
|
@ -179,7 +179,7 @@
|
|||
<div class="flex flex-col flex-auto items-center justify-center w-full h-full p-4">
|
||||
<mat-icon
|
||||
class="icon-size-24"
|
||||
[svgIcon]="'heroicons_outline:chat'"></mat-icon>
|
||||
[svgIcon]="'heroicons_outline:chat-bubble-bottom-center-text'"></mat-icon>
|
||||
<div class="mt-4 text-xl text-center font-medium tracking-tight text-secondary">Select a conversation</div>
|
||||
</div>
|
||||
</ng-template>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
mat-icon-button
|
||||
*ngIf="!opened"
|
||||
(click)="open()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:search'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:magnifying-glass'"></mat-icon>
|
||||
</button>
|
||||
<div
|
||||
class="absolute inset-0 flex items-center shrink-0 z-99 bg-card"
|
||||
|
|
@ -13,7 +13,7 @@
|
|||
@slideOutTop>
|
||||
<mat-icon
|
||||
class="absolute ml-6 sm:ml-8"
|
||||
[svgIcon]="'heroicons_outline:search'"></mat-icon>
|
||||
[svgIcon]="'heroicons_outline:magnifying-glass'"></mat-icon>
|
||||
<input
|
||||
class="w-full h-full px-16 sm:px-18"
|
||||
[formControl]="searchControl"
|
||||
|
|
@ -60,7 +60,7 @@
|
|||
class="absolute top-1/2 right-5 sm:right-7 shrink-0 w-10 h-10 -mt-5"
|
||||
mat-icon-button
|
||||
(click)="close()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:x'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:x-mark'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
</ng-container>
|
||||
|
|
@ -73,7 +73,7 @@
|
|||
[subscriptSizing]="'dynamic'">
|
||||
<mat-icon
|
||||
matPrefix
|
||||
[svgIcon]="'heroicons_outline:search'"></mat-icon>
|
||||
[svgIcon]="'heroicons_outline:magnifying-glass'"></mat-icon>
|
||||
<input
|
||||
matInput
|
||||
[formControl]="searchControl"
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
(click)="settingsDrawer.toggle()">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-white animate-spin-slow"
|
||||
[svgIcon]="'heroicons_solid:cog'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:cog-8-tooth'"></mat-icon>
|
||||
</div>
|
||||
|
||||
<fuse-drawer
|
||||
|
|
@ -21,7 +21,7 @@
|
|||
<div class="flex flex-row items-center px-6 h-20 min-h-20 text-white bg-primary">
|
||||
<mat-icon
|
||||
class="icon-size-7 text-current"
|
||||
[svgIcon]="'heroicons_solid:cog'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:cog-8-tooth'"></mat-icon>
|
||||
<div class="ml-3 text-2xl font-semibold tracking-tight">Settings</div>
|
||||
<button
|
||||
class="ml-auto"
|
||||
|
|
@ -29,7 +29,7 @@
|
|||
(click)="settingsDrawer.close()">
|
||||
<mat-icon
|
||||
class="text-current"
|
||||
[svgIcon]="'heroicons_outline:x'"></mat-icon>
|
||||
[svgIcon]="'heroicons_outline:x-mark'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
|
@ -70,7 +70,7 @@
|
|||
<div class="flex items-center rounded-full overflow-hidden">
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:lightning-bolt'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:bolt'"></mat-icon>
|
||||
</div>
|
||||
<div
|
||||
class="flex items-center ml-2 font-medium leading-5"
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
mat-icon-button
|
||||
(click)="openPanel()"
|
||||
#shortcutsOrigin>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:bookmark'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:squares-plus'"></mat-icon>
|
||||
</button>
|
||||
|
||||
<!-- Shortcuts panel -->
|
||||
|
|
@ -18,7 +18,7 @@
|
|||
(click)="closePanel()">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-current"
|
||||
[svgIcon]="'heroicons_solid:x'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:x-mark'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
<div class="flex items-center text-lg font-medium leading-10">
|
||||
|
|
@ -41,7 +41,7 @@
|
|||
[matTooltip]="'Enter edit mode'">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-current"
|
||||
[svgIcon]="'heroicons_solid:pencil-alt'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:pencil-square'"></mat-icon>
|
||||
</button>
|
||||
<!-- Enter 'add' mode -->
|
||||
<button
|
||||
|
|
|
|||
|
|
@ -36,20 +36,20 @@
|
|||
<span>Profile</span>
|
||||
</button>
|
||||
<button mat-menu-item>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:cog'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:cog-8-tooth'"></mat-icon>
|
||||
<span>Settings</span>
|
||||
</button>
|
||||
<button
|
||||
mat-menu-item
|
||||
[matMenuTriggerFor]="userStatus">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:dots-circle-horizontal'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:ellipsis-horizontal-circle'"></mat-icon>
|
||||
<span>Status</span>
|
||||
</button>
|
||||
<mat-divider class="my-2"></mat-divider>
|
||||
<button
|
||||
mat-menu-item
|
||||
(click)="signOut()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:logout'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:arrow-right-on-rectangle'"></mat-icon>
|
||||
<span>Sign out</span>
|
||||
</button>
|
||||
</mat-menu>
|
||||
|
|
|
|||
|
|
@ -61,7 +61,7 @@
|
|||
class="mr-2"
|
||||
mat-icon-button
|
||||
(click)="toggleNavigation('mainNavigation')">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
|
||||
</button>
|
||||
</ng-container>
|
||||
<!-- Components -->
|
||||
|
|
|
|||
|
|
@ -44,7 +44,7 @@
|
|||
<button
|
||||
mat-icon-button
|
||||
(click)="toggleNavigation('mainNavigation')">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
|
||||
</button>
|
||||
</ng-container>
|
||||
<!-- Components -->
|
||||
|
|
@ -59,7 +59,7 @@
|
|||
class="lg:hidden"
|
||||
mat-icon-button
|
||||
(click)="quickChat.toggle()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:chat-alt-2'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:chat-bubble-left-right'"></mat-icon>
|
||||
</button>
|
||||
<user></user>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -50,7 +50,7 @@
|
|||
<button
|
||||
mat-icon-button
|
||||
(click)="toggleNavigation('mainNavigation')">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
|
||||
</button>
|
||||
</ng-container>
|
||||
<!-- Components -->
|
||||
|
|
|
|||
|
|
@ -53,7 +53,7 @@
|
|||
<button
|
||||
mat-icon-button
|
||||
(click)="toggleNavigation('mainNavigation')">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
|
||||
</button>
|
||||
</ng-container>
|
||||
<!-- Components -->
|
||||
|
|
@ -68,7 +68,7 @@
|
|||
class="lg:hidden"
|
||||
mat-icon-button
|
||||
(click)="quickChat.toggle()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:chat-alt-2'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:chat-bubble-left-right'"></mat-icon>
|
||||
</button>
|
||||
<user></user>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -35,7 +35,7 @@
|
|||
<button
|
||||
mat-icon-button
|
||||
(click)="toggleNavigation('mainNavigation')">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
|
||||
</button>
|
||||
<!-- Components -->
|
||||
<div class="flex items-center pl-2 ml-auto space-x-0.5 sm:space-x-2">
|
||||
|
|
@ -49,7 +49,7 @@
|
|||
class="lg:hidden"
|
||||
mat-icon-button
|
||||
(click)="quickChat.toggle()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:chat-alt-2'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:chat-bubble-left-right'"></mat-icon>
|
||||
</button>
|
||||
<user></user>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -65,7 +65,7 @@
|
|||
<button
|
||||
mat-icon-button
|
||||
(click)="toggleNavigation('mainNavigation')">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
|
||||
</button>
|
||||
<!-- Components -->
|
||||
<div class="flex items-center pl-2 ml-auto space-x-0.5 sm:space-x-2">
|
||||
|
|
@ -78,7 +78,7 @@
|
|||
class="lg:hidden"
|
||||
mat-icon-button
|
||||
(click)="quickChat.toggle()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:chat-alt-2'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:chat-bubble-left-right'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
<button
|
||||
mat-icon-button
|
||||
(click)="toggleNavigation('mainNavigation')">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
|
||||
</button>
|
||||
<!-- Components -->
|
||||
<div class="flex items-center pl-2 ml-auto space-x-0.5 sm:space-x-2">
|
||||
|
|
@ -44,7 +44,7 @@
|
|||
class="lg:hidden"
|
||||
mat-icon-button
|
||||
(click)="quickChat.toggle()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:chat-alt-2'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:chat-bubble-left-right'"></mat-icon>
|
||||
</button>
|
||||
<user></user>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -31,14 +31,14 @@
|
|||
<button
|
||||
mat-icon-button
|
||||
(click)="toggleNavigation('mainNavigation')">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
|
||||
</button>
|
||||
<!-- Navigation appearance toggle button -->
|
||||
<button
|
||||
class="hidden md:inline-flex"
|
||||
mat-icon-button
|
||||
(click)="toggleNavigationAppearance()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:switch-horizontal'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:arrows-right-left'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
<!-- Components -->
|
||||
|
|
@ -53,7 +53,7 @@
|
|||
class="lg:hidden"
|
||||
mat-icon-button
|
||||
(click)="quickChat.toggle()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:chat-alt-2'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:chat-bubble-left-right'"></mat-icon>
|
||||
</button>
|
||||
<user></user>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -44,7 +44,7 @@
|
|||
class="mr-2"
|
||||
mat-icon-button
|
||||
(click)="toggleNavigation('mainNavigation')">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
|
||||
</button>
|
||||
<!-- Components -->
|
||||
<div class="flex items-center pl-2 ml-auto space-x-0.5 sm:space-x-2">
|
||||
|
|
@ -58,7 +58,7 @@
|
|||
class="lg:hidden"
|
||||
mat-icon-button
|
||||
(click)="quickChat.toggle()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:chat-alt-2'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:chat-bubble-left-right'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -31,7 +31,7 @@
|
|||
class="mr-2"
|
||||
mat-icon-button
|
||||
(click)="toggleNavigation('mainNavigation')">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
|
||||
</button>
|
||||
<!-- Components -->
|
||||
<div class="flex items-center pl-2 ml-auto space-x-0.5 sm:space-x-2">
|
||||
|
|
@ -45,7 +45,7 @@
|
|||
class="lg:hidden"
|
||||
mat-icon-button
|
||||
(click)="quickChat.toggle()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:chat-alt-2'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:chat-bubble-left-right'"></mat-icon>
|
||||
</button>
|
||||
<user></user>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@ export const folders = [
|
|||
id : '0197c436-2ef3-424d-b546-8b7f49186e15',
|
||||
title: 'Spam',
|
||||
slug : 'spam',
|
||||
icon : 'heroicons_outline:exclamation',
|
||||
icon : 'heroicons_outline:exclamation-triangle',
|
||||
},
|
||||
{
|
||||
id : '2fa74637-d362-4fd2-9a88-f7195a88bdde',
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ export const boards = [
|
|||
id : '2c82225f-2a6c-45d3-b18a-1132712a4234',
|
||||
title : 'Admin Dashboard',
|
||||
description : 'Roadmap for the new project',
|
||||
icon : 'heroicons_outline:template',
|
||||
icon : 'heroicons_outline:rectangle-group',
|
||||
lastActivity: now.startOf('day').minus({day: 1}).toISO(),
|
||||
members : [
|
||||
'9c510cf3-460d-4a8c-b3be-bcc3db578c08',
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@ export const defaultNavigation: FuseNavigationItem[] = [
|
|||
id : 'dashboards.project',
|
||||
title: 'Project',
|
||||
type : 'basic',
|
||||
icon : 'heroicons_outline:clipboard-check',
|
||||
icon : 'heroicons_outline:clipboard-document-check',
|
||||
link : '/dashboards/project',
|
||||
},
|
||||
{
|
||||
|
|
@ -27,7 +27,7 @@ export const defaultNavigation: FuseNavigationItem[] = [
|
|||
id : 'dashboards.finance',
|
||||
title: 'Finance',
|
||||
type : 'basic',
|
||||
icon : 'heroicons_outline:cash',
|
||||
icon : 'heroicons_outline:banknotes',
|
||||
link : '/dashboards/finance',
|
||||
},
|
||||
{
|
||||
|
|
@ -57,7 +57,7 @@ export const defaultNavigation: FuseNavigationItem[] = [
|
|||
id : 'apps.chat',
|
||||
title: 'Chat',
|
||||
type : 'basic',
|
||||
icon : 'heroicons_outline:chat-alt',
|
||||
icon : 'heroicons_outline:chat-bubble-bottom-center-text',
|
||||
link : '/apps/chat',
|
||||
},
|
||||
{
|
||||
|
|
@ -92,7 +92,7 @@ export const defaultNavigation: FuseNavigationItem[] = [
|
|||
id : 'apps.help-center',
|
||||
title : 'Help Center',
|
||||
type : 'collapsable',
|
||||
icon : 'heroicons_outline:support',
|
||||
icon : 'heroicons_outline:information-circle',
|
||||
link : '/apps/help-center',
|
||||
children: [
|
||||
{
|
||||
|
|
@ -126,7 +126,7 @@ export const defaultNavigation: FuseNavigationItem[] = [
|
|||
id : 'apps.mailbox',
|
||||
title: 'Mailbox',
|
||||
type : 'basic',
|
||||
icon : 'heroicons_outline:mail',
|
||||
icon : 'heroicons_outline:envelope',
|
||||
link : '/apps/mailbox',
|
||||
badge: {
|
||||
title : '27',
|
||||
|
|
@ -137,14 +137,14 @@ export const defaultNavigation: FuseNavigationItem[] = [
|
|||
id : 'apps.notes',
|
||||
title: 'Notes',
|
||||
type : 'basic',
|
||||
icon : 'heroicons_outline:pencil-alt',
|
||||
icon : 'heroicons_outline:pencil-square',
|
||||
link : '/apps/notes',
|
||||
},
|
||||
{
|
||||
id : 'apps.scrumboard',
|
||||
title: 'Scrumboard',
|
||||
type : 'basic',
|
||||
icon : 'heroicons_outline:view-boards',
|
||||
icon : 'heroicons_outline:view-columns',
|
||||
link : '/apps/scrumboard',
|
||||
},
|
||||
{
|
||||
|
|
@ -167,7 +167,7 @@ export const defaultNavigation: FuseNavigationItem[] = [
|
|||
id : 'pages.activities',
|
||||
title: 'Activities',
|
||||
type : 'basic',
|
||||
icon : 'heroicons_outline:menu-alt-2',
|
||||
icon : 'heroicons_outline:bars-3-bottom-left',
|
||||
link : '/pages/activities',
|
||||
},
|
||||
{
|
||||
|
|
@ -629,14 +629,14 @@ export const defaultNavigation: FuseNavigationItem[] = [
|
|||
id : 'pages.maintenance',
|
||||
title: 'Maintenance',
|
||||
type : 'basic',
|
||||
icon : 'heroicons_outline:exclamation',
|
||||
icon : 'heroicons_outline:exclamation-triangle',
|
||||
link : '/pages/maintenance',
|
||||
},
|
||||
{
|
||||
id : 'pages.pricing',
|
||||
title : 'Pricing',
|
||||
type : 'collapsable',
|
||||
icon : 'heroicons_outline:cash',
|
||||
icon : 'heroicons_outline:banknotes',
|
||||
children: [
|
||||
{
|
||||
id : 'pages.pricing.modern',
|
||||
|
|
@ -675,7 +675,7 @@ export const defaultNavigation: FuseNavigationItem[] = [
|
|||
id : 'pages.settings',
|
||||
title: 'Settings',
|
||||
type : 'basic',
|
||||
icon : 'heroicons_outline:cog',
|
||||
icon : 'heroicons_outline:cog-8-tooth',
|
||||
link : '/pages/settings',
|
||||
},
|
||||
],
|
||||
|
|
@ -685,27 +685,27 @@ export const defaultNavigation: FuseNavigationItem[] = [
|
|||
title : 'User Interface',
|
||||
subtitle: 'Building blocks of the UI & UX',
|
||||
type : 'group',
|
||||
icon : 'heroicons_outline:collection',
|
||||
icon : 'heroicons_outline:rectangle-stack',
|
||||
children: [
|
||||
{
|
||||
id : 'user-interface.material-components',
|
||||
title: 'Material Components',
|
||||
type : 'basic',
|
||||
icon : 'heroicons_outline:chip',
|
||||
icon : 'heroicons_outline:square-3-stack-3d',
|
||||
link : '/ui/material-components',
|
||||
},
|
||||
{
|
||||
id : 'user-interface.fuse-components',
|
||||
title: 'Fuse Components',
|
||||
type : 'basic',
|
||||
icon : 'heroicons_outline:chip',
|
||||
icon : 'heroicons_outline:square-3-stack-3d',
|
||||
link : '/ui/fuse-components',
|
||||
},
|
||||
{
|
||||
id : 'user-interface.other-components',
|
||||
title: 'Other Components',
|
||||
type : 'basic',
|
||||
icon : 'heroicons_outline:chip',
|
||||
icon : 'heroicons_outline:square-3-stack-3d',
|
||||
link : '/ui/other-components',
|
||||
},
|
||||
{
|
||||
|
|
@ -719,7 +719,7 @@ export const defaultNavigation: FuseNavigationItem[] = [
|
|||
id : 'user-interface.advanced-search',
|
||||
title: 'Advanced Search',
|
||||
type : 'basic',
|
||||
icon : 'heroicons_outline:search-circle',
|
||||
icon : 'heroicons_outline:magnifying-glass-circle',
|
||||
link : '/ui/advanced-search',
|
||||
},
|
||||
{
|
||||
|
|
@ -733,14 +733,14 @@ export const defaultNavigation: FuseNavigationItem[] = [
|
|||
id : 'user-interface.cards',
|
||||
title: 'Cards',
|
||||
type : 'basic',
|
||||
icon : 'heroicons_outline:duplicate',
|
||||
icon : 'heroicons_outline:square-2-stack',
|
||||
link : '/ui/cards',
|
||||
},
|
||||
{
|
||||
id : 'user-interface.colors',
|
||||
title: 'Colors',
|
||||
type : 'basic',
|
||||
icon : 'heroicons_outline:color-swatch',
|
||||
icon : 'heroicons_outline:swatch',
|
||||
link : '/ui/colors',
|
||||
},
|
||||
{
|
||||
|
|
@ -754,14 +754,14 @@ export const defaultNavigation: FuseNavigationItem[] = [
|
|||
id : 'user-interface.datatable',
|
||||
title: 'Datatable',
|
||||
type : 'basic',
|
||||
icon : 'heroicons_outline:view-list',
|
||||
icon : 'heroicons_outline:table-cells',
|
||||
link : '/ui/datatable',
|
||||
},
|
||||
{
|
||||
id : 'user-interface.forms',
|
||||
title : 'Forms',
|
||||
type : 'collapsable',
|
||||
icon : 'heroicons_outline:pencil-alt',
|
||||
icon : 'heroicons_outline:pencil-square',
|
||||
children: [
|
||||
{
|
||||
id : 'user-interface.forms.fields',
|
||||
|
|
@ -787,7 +787,7 @@ export const defaultNavigation: FuseNavigationItem[] = [
|
|||
id : 'user-interface.icons',
|
||||
title : 'Icons',
|
||||
type : 'collapsable',
|
||||
icon : 'heroicons_outline:lightning-bolt',
|
||||
icon : 'heroicons_outline:bolt',
|
||||
children: [
|
||||
{
|
||||
id : 'user-interface.icons.heroicons-outline',
|
||||
|
|
@ -801,6 +801,12 @@ export const defaultNavigation: FuseNavigationItem[] = [
|
|||
type : 'basic',
|
||||
link : '/ui/icons/heroicons-solid',
|
||||
},
|
||||
{
|
||||
id : 'user-interface.icons.heroicons-mini',
|
||||
title: 'Heroicons Mini',
|
||||
type : 'basic',
|
||||
link : '/ui/icons/heroicons-mini',
|
||||
},
|
||||
{
|
||||
id : 'user-interface.icons.material-twotone',
|
||||
title: 'Material Twotone',
|
||||
|
|
@ -831,7 +837,7 @@ export const defaultNavigation: FuseNavigationItem[] = [
|
|||
id : 'user-interface.page-layouts',
|
||||
title : 'Page Layouts',
|
||||
type : 'collapsable',
|
||||
icon : 'heroicons_outline:template',
|
||||
icon : 'heroicons_outline:rectangle-group',
|
||||
children: [
|
||||
{
|
||||
id : 'user-interface.page-layouts.overview',
|
||||
|
|
@ -958,13 +964,13 @@ export const defaultNavigation: FuseNavigationItem[] = [
|
|||
title : 'Documentation',
|
||||
subtitle: 'Everything you need to know about Fuse',
|
||||
type : 'group',
|
||||
icon : 'heroicons_outline:support',
|
||||
icon : 'heroicons_outline:information-circle',
|
||||
children: [
|
||||
{
|
||||
id : 'documentation.changelog',
|
||||
title: 'Changelog',
|
||||
type : 'basic',
|
||||
icon : 'heroicons_outline:speakerphone',
|
||||
icon : 'heroicons_outline:megaphone',
|
||||
link : '/docs/changelog',
|
||||
badge: {
|
||||
title : '18.0.0',
|
||||
|
|
@ -982,21 +988,21 @@ export const defaultNavigation: FuseNavigationItem[] = [
|
|||
id : 'user-interface.material-components',
|
||||
title: 'Material Components',
|
||||
type : 'basic',
|
||||
icon : 'heroicons_outline:chip',
|
||||
icon : 'heroicons_outline:square-3-stack-3d',
|
||||
link : '/ui/material-components',
|
||||
},
|
||||
{
|
||||
id : 'user-interface.fuse-components',
|
||||
title: 'Fuse Components',
|
||||
type : 'basic',
|
||||
icon : 'heroicons_outline:chip',
|
||||
icon : 'heroicons_outline:square-3-stack-3d',
|
||||
link : '/ui/fuse-components',
|
||||
},
|
||||
{
|
||||
id : 'user-interface.other-components',
|
||||
title: 'Other Components',
|
||||
type : 'basic',
|
||||
icon : 'heroicons_outline:chip',
|
||||
icon : 'heroicons_outline:square-3-stack-3d',
|
||||
link : '/ui/other-components',
|
||||
},
|
||||
],
|
||||
|
|
@ -1010,7 +1016,7 @@ export const defaultNavigation: FuseNavigationItem[] = [
|
|||
title : 'Navigation features',
|
||||
subtitle: 'Collapsable levels & badge styles',
|
||||
type : 'group',
|
||||
icon : 'heroicons_outline:menu',
|
||||
icon : 'heroicons_outline:bars-3',
|
||||
children: [
|
||||
{
|
||||
id : 'navigation-features.level.0',
|
||||
|
|
@ -1189,7 +1195,7 @@ export const compactNavigation: FuseNavigationItem[] = [
|
|||
title : 'UI',
|
||||
tooltip : 'UI',
|
||||
type : 'aside',
|
||||
icon : 'heroicons_outline:collection',
|
||||
icon : 'heroicons_outline:rectangle-stack',
|
||||
children: [], // This will be filled from defaultNavigation so we don't have to manage multiple sets of the same navigation
|
||||
},
|
||||
{
|
||||
|
|
@ -1197,7 +1203,7 @@ export const compactNavigation: FuseNavigationItem[] = [
|
|||
title : 'Navigation',
|
||||
tooltip : 'Navigation',
|
||||
type : 'aside',
|
||||
icon : 'heroicons_outline:menu',
|
||||
icon : 'heroicons_outline:bars-3',
|
||||
children: [], // This will be filled from defaultNavigation so we don't have to manage multiple sets of the same navigation
|
||||
},
|
||||
];
|
||||
|
|
@ -1230,14 +1236,14 @@ export const futuristicNavigation: FuseNavigationItem[] = [
|
|||
id : 'user-interface',
|
||||
title : 'User Interface',
|
||||
type : 'aside',
|
||||
icon : 'heroicons_outline:collection',
|
||||
icon : 'heroicons_outline:rectangle-stack',
|
||||
children: [], // This will be filled from defaultNavigation so we don't have to manage multiple sets of the same navigation
|
||||
},
|
||||
{
|
||||
id : 'navigation-features',
|
||||
title : 'Navigation Features',
|
||||
type : 'aside',
|
||||
icon : 'heroicons_outline:menu',
|
||||
icon : 'heroicons_outline:bars-3',
|
||||
children: [], // This will be filled from defaultNavigation so we don't have to manage multiple sets of the same navigation
|
||||
},
|
||||
];
|
||||
|
|
@ -1267,14 +1273,14 @@ export const horizontalNavigation: FuseNavigationItem[] = [
|
|||
id : 'user-interface',
|
||||
title : 'UI',
|
||||
type : 'group',
|
||||
icon : 'heroicons_outline:collection',
|
||||
icon : 'heroicons_outline:rectangle-stack',
|
||||
children: [], // This will be filled from defaultNavigation so we don't have to manage multiple sets of the same navigation
|
||||
},
|
||||
{
|
||||
id : 'navigation-features',
|
||||
title : 'Misc',
|
||||
type : 'group',
|
||||
icon : 'heroicons_outline:menu',
|
||||
icon : 'heroicons_outline:bars-3',
|
||||
children: [], // This will be filled from defaultNavigation so we don't have to manage multiple sets of the same navigation
|
||||
},
|
||||
];
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@ const now = DateTime.now();
|
|||
export const notifications = [
|
||||
{
|
||||
id : '493190c9-5b61-4912-afe5-78c21f1044d7',
|
||||
icon : 'heroicons_solid:star',
|
||||
icon : 'heroicons_mini:star',
|
||||
title : 'Daily challenges',
|
||||
description: 'Your submission has been accepted',
|
||||
time : now.minus({minute: 25}).toISO(), // 25 minutes ago
|
||||
|
|
@ -24,7 +24,7 @@ export const notifications = [
|
|||
},
|
||||
{
|
||||
id : 'b91ccb58-b06c-413b-b389-87010e03a120',
|
||||
icon : 'heroicons_solid:mail',
|
||||
icon : 'heroicons_mini:envelope',
|
||||
title : 'Mailbox',
|
||||
description: 'You have 15 unread mails across 3 mailboxes',
|
||||
time : now.minus({hour: 3}).toISO(), // 3 hours ago
|
||||
|
|
@ -34,7 +34,7 @@ export const notifications = [
|
|||
},
|
||||
{
|
||||
id : '541416c9-84a7-408a-8d74-27a43c38d797',
|
||||
icon : 'heroicons_solid:refresh',
|
||||
icon : 'heroicons_mini:arrow-path',
|
||||
title : 'Cron jobs',
|
||||
description: 'Your <em>Docker container</em> is ready to publish',
|
||||
time : now.minus({hour: 5}).toISO(), // 5 hours ago
|
||||
|
|
@ -62,7 +62,7 @@ export const notifications = [
|
|||
},
|
||||
{
|
||||
id : 'b85c2338-cc98-4140-bbf8-c226ce4e395e',
|
||||
icon : 'heroicons_solid:mail',
|
||||
icon : 'heroicons_mini:envelope',
|
||||
title : 'Mailbox',
|
||||
description: 'You have 3 new mails',
|
||||
time : now.minus({day: 1}).toISO(), // 1 day ago
|
||||
|
|
@ -72,7 +72,7 @@ export const notifications = [
|
|||
},
|
||||
{
|
||||
id : '8f8e1bf9-4661-4939-9e43-390957b60f42',
|
||||
icon : 'heroicons_solid:star',
|
||||
icon : 'heroicons_mini:star',
|
||||
title : 'Daily challenges',
|
||||
description: 'Your submission has been accepted and you are ready to sign-up for the final assigment which will be ready in 2 days',
|
||||
time : now.minus({day: 3}).toISO(), // 3 days ago
|
||||
|
|
@ -82,7 +82,7 @@ export const notifications = [
|
|||
},
|
||||
{
|
||||
id : '30af917b-7a6a-45d1-822f-9e7ad7f8bf69',
|
||||
icon : 'heroicons_solid:refresh',
|
||||
icon : 'heroicons_mini:arrow-path',
|
||||
title : 'Cron jobs',
|
||||
description: 'Your Vagrant container is ready to download',
|
||||
time : now.minus({day: 4}).toISO(), // 4 days ago
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ export const shortcuts = [
|
|||
id : 'a1ae91d3-e2cb-459b-9be9-a184694f548b',
|
||||
label : 'Changelog',
|
||||
description: 'List of changes',
|
||||
icon : 'heroicons_outline:clipboard-list',
|
||||
icon : 'heroicons_outline:clipboard-document-list',
|
||||
link : '/docs/changelog',
|
||||
useRouter : true,
|
||||
},
|
||||
|
|
@ -20,7 +20,7 @@ export const shortcuts = [
|
|||
id : '2496f42e-2f25-4e34-83d5-3ff9568fd984',
|
||||
label : 'Help center',
|
||||
description: 'FAQs and guides',
|
||||
icon : 'heroicons_outline:support',
|
||||
icon : 'heroicons_outline:information-circle',
|
||||
link : '/apps/help-center',
|
||||
useRouter : true,
|
||||
},
|
||||
|
|
@ -36,7 +36,7 @@ export const shortcuts = [
|
|||
id : '2daac375-a2f7-4393-b4d7-ce6061628b66',
|
||||
label : 'Mailbox',
|
||||
description: '5 new e-mails',
|
||||
icon : 'heroicons_outline:mail',
|
||||
icon : 'heroicons_outline:envelope',
|
||||
link : 'apps/mailbox',
|
||||
useRouter : true,
|
||||
},
|
||||
|
|
@ -60,7 +60,7 @@ export const shortcuts = [
|
|||
id : '0a240ab8-e19d-4503-bf68-20013030d526',
|
||||
label : 'Reload',
|
||||
description: 'Reload the app',
|
||||
icon : 'heroicons_outline:refresh',
|
||||
icon : 'heroicons_outline:arrow-path',
|
||||
link : '/dashboards/project',
|
||||
useRouter : false,
|
||||
},
|
||||
|
|
|
|||
|
|
@ -24,7 +24,7 @@ export const activities = [
|
|||
},
|
||||
{
|
||||
id : 'b91ccb58-b06c-413b-b389-87010e03a120',
|
||||
icon : 'heroicons_solid:mail',
|
||||
icon : 'heroicons_solid:envelope',
|
||||
description : 'You have 15 unread mails across 3 mailboxes',
|
||||
date : now.minus({hours: 3}).toISO(), // 3 hours ago
|
||||
linkedContent: 'Mailbox',
|
||||
|
|
@ -33,7 +33,7 @@ export const activities = [
|
|||
},
|
||||
{
|
||||
id : '541416c9-84a7-408a-8d74-27a43c38d797',
|
||||
icon : 'heroicons_solid:refresh',
|
||||
icon : 'heroicons_solid:arrow-path',
|
||||
description : 'Your <strong>Docker container</strong> is ready to publish',
|
||||
date : now.minus({hours: 5}).toISO(), // 5 hours ago
|
||||
linkedContent: 'Download the container',
|
||||
|
|
@ -55,7 +55,7 @@ export const activities = [
|
|||
},
|
||||
{
|
||||
id : 'b85c2338-cc98-4140-bbf8-c226ce4e395e',
|
||||
icon : 'heroicons_solid:mail',
|
||||
icon : 'heroicons_solid:envelope',
|
||||
description : 'You have 3 new mails',
|
||||
date : now.minus({day: 1}).toISO(), // 1 day ago
|
||||
extraContent : `<ol class="list-decimal list-inside space-y-2">
|
||||
|
|
@ -84,7 +84,7 @@ export const activities = [
|
|||
},
|
||||
{
|
||||
id : '30af917b-7a6a-45d1-822f-9e7ad7f8bf69',
|
||||
icon : 'heroicons_solid:refresh',
|
||||
icon : 'heroicons_solid:arrow-path',
|
||||
description: 'Your Vagrant container is ready to download',
|
||||
date : now.minus({day: 4}).toISO(), // 4 days ago
|
||||
},
|
||||
|
|
|
|||
|
|
@ -68,6 +68,21 @@ export class IconsMockApi
|
|||
{
|
||||
namespace: 'heroicons_solid',
|
||||
name : 'Heroicons Solid',
|
||||
grid : 'icon-size-6',
|
||||
list : cloneDeep(this._heroicons),
|
||||
},
|
||||
]);
|
||||
|
||||
// -----------------------------------------------------------------------------------------------------
|
||||
// @ Heroicons mini icons - GET
|
||||
// -----------------------------------------------------------------------------------------------------
|
||||
this._fuseMockApiService
|
||||
.onGet('api/ui/icons/heroicons-mini')
|
||||
.reply(() => [
|
||||
200,
|
||||
{
|
||||
namespace: 'heroicons_mini',
|
||||
name : 'Heroicons Mini',
|
||||
grid : 'icon-size-5',
|
||||
list : cloneDeep(this._heroicons),
|
||||
},
|
||||
|
|
|
|||
|
|
@ -2079,236 +2079,298 @@ export const feather = [
|
|||
'zoom-in',
|
||||
'zoom-out',
|
||||
];
|
||||
// heroicons v1.0.1 - 230 icons
|
||||
// heroicons v2.0.18 - 292 icons
|
||||
export const heroicons = [
|
||||
'academic-cap',
|
||||
'annotation',
|
||||
'adjustments',
|
||||
'archive',
|
||||
'arrow-circle-down',
|
||||
'arrow-circle-left',
|
||||
'arrow-circle-right',
|
||||
'arrow-circle-up',
|
||||
'archive-box-arrow-down',
|
||||
'adjustments-vertical',
|
||||
'archive-box',
|
||||
'arrow-down-circle',
|
||||
'archive-box-x-mark',
|
||||
'adjustments-horizontal',
|
||||
'arrow-down-left',
|
||||
'arrow-down-on-square',
|
||||
'arrow-down-on-square-stack',
|
||||
'arrow-down',
|
||||
'arrow-down-right',
|
||||
'arrow-left',
|
||||
'arrow-narrow-down',
|
||||
'arrow-narrow-left',
|
||||
'arrow-narrow-right',
|
||||
'arrow-narrow-up',
|
||||
'arrow-left-circle',
|
||||
'arrow-down-tray',
|
||||
'arrow-long-right',
|
||||
'arrow-long-down',
|
||||
'arrow-left-on-rectangle',
|
||||
'arrow-path',
|
||||
'arrow-long-up',
|
||||
'arrow-right-circle',
|
||||
'arrow-right-on-rectangle',
|
||||
'arrow-right',
|
||||
'arrow-sm-left',
|
||||
'arrow-sm-down',
|
||||
'arrow-sm-right',
|
||||
'arrow-sm-up',
|
||||
'arrow-small-down',
|
||||
'arrow-path-rounded-square',
|
||||
'arrow-long-left',
|
||||
'arrow-small-left',
|
||||
'arrow-trending-down',
|
||||
'arrow-small-up',
|
||||
'arrow-up-left',
|
||||
'arrow-trending-up',
|
||||
'arrow-up-circle',
|
||||
'arrow-up-on-square-stack',
|
||||
'arrow-up-on-square',
|
||||
'arrow-up-right',
|
||||
'arrow-up-tray',
|
||||
'arrow-up',
|
||||
'arrows-expand',
|
||||
'arrow-uturn-right',
|
||||
'arrow-uturn-up',
|
||||
'arrow-top-right-on-square',
|
||||
'arrow-uturn-down',
|
||||
'arrows-pointing-out',
|
||||
'arrow-uturn-left',
|
||||
'arrows-pointing-in',
|
||||
'arrows-up-down',
|
||||
'at-symbol',
|
||||
'badge-check',
|
||||
'backspace',
|
||||
'ban',
|
||||
'backward',
|
||||
'banknotes',
|
||||
'arrows-right-left',
|
||||
'bars-2',
|
||||
'bars-3-bottom-left',
|
||||
'bars-3-center-left',
|
||||
'bars-3',
|
||||
'bars-arrow-down',
|
||||
'bars-4',
|
||||
'bars-arrow-up',
|
||||
'battery-0',
|
||||
'bars-3-bottom-right',
|
||||
'battery-100',
|
||||
'bell-alert',
|
||||
'bell-slash',
|
||||
'battery-50',
|
||||
'arrow-small-right',
|
||||
'beaker',
|
||||
'bell',
|
||||
'bolt',
|
||||
'bookmark-slash',
|
||||
'book-open',
|
||||
'bookmark-alt',
|
||||
'bookmark-square',
|
||||
'bolt-slash',
|
||||
'bookmark',
|
||||
'briefcase',
|
||||
'cake',
|
||||
'building-library',
|
||||
'bell-snooze',
|
||||
'building-office-2',
|
||||
'building-storefront',
|
||||
'building-office',
|
||||
'calculator',
|
||||
'calendar',
|
||||
'camera',
|
||||
'cash',
|
||||
'cake',
|
||||
'calendar-days',
|
||||
'chart-bar-square',
|
||||
'chart-bar',
|
||||
'camera',
|
||||
'bug-ant',
|
||||
'calendar',
|
||||
'chat-bubble-bottom-center',
|
||||
'chart-pie',
|
||||
'chart-square-bar',
|
||||
'chat-alt-2',
|
||||
'chat-alt',
|
||||
'chat',
|
||||
'chat-bubble-left-right',
|
||||
'chat-bubble-left-ellipsis',
|
||||
'chat-bubble-bottom-center-text',
|
||||
'check-circle',
|
||||
'check-badge',
|
||||
'chat-bubble-oval-left',
|
||||
'chat-bubble-left',
|
||||
'check',
|
||||
'chevron-double-down',
|
||||
'chevron-double-left',
|
||||
'chevron-double-up',
|
||||
'chat-bubble-oval-left-ellipsis',
|
||||
'chevron-double-right',
|
||||
'chevron-down',
|
||||
'chevron-left',
|
||||
'chevron-right',
|
||||
'chevron-double-down',
|
||||
'chevron-double-up',
|
||||
'circle-stack',
|
||||
'chevron-up-down',
|
||||
'chevron-up',
|
||||
'chip',
|
||||
'clipboard-check',
|
||||
'clipboard-copy',
|
||||
'clipboard-list',
|
||||
'clipboard',
|
||||
'clock',
|
||||
'cloud-download',
|
||||
'cloud-upload',
|
||||
'clipboard-document-list',
|
||||
'chevron-double-left',
|
||||
'chevron-right',
|
||||
'chevron-left',
|
||||
'cloud-arrow-down',
|
||||
'cloud-arrow-up',
|
||||
'cloud',
|
||||
'code',
|
||||
'code-bracket-square',
|
||||
'code-bracket',
|
||||
'cog-6-tooth',
|
||||
'clipboard-document',
|
||||
'clock',
|
||||
'clipboard-document-check',
|
||||
'cog-8-tooth',
|
||||
'cog',
|
||||
'collection',
|
||||
'credit-card',
|
||||
'color-swatch',
|
||||
'command-line',
|
||||
'computer-desktop',
|
||||
'cube-transparent',
|
||||
'cpu-chip',
|
||||
'credit-card',
|
||||
'cube',
|
||||
'currency-bangladeshi',
|
||||
'currency-dollar',
|
||||
'currency-bangladeshi',
|
||||
'currency-euro',
|
||||
'currency-pound',
|
||||
'currency-rupee',
|
||||
'currency-yen',
|
||||
'cursor-click',
|
||||
'database',
|
||||
'desktop-computer',
|
||||
'device-mobile',
|
||||
'currency-rupee',
|
||||
'cursor-arrow-ripple',
|
||||
'device-phone-mobile',
|
||||
'device-tablet',
|
||||
'document-add',
|
||||
'document-download',
|
||||
'document-arrow-down',
|
||||
'cursor-arrow-rays',
|
||||
'document-check',
|
||||
'document-chart-bar',
|
||||
'document-duplicate',
|
||||
'document-remove',
|
||||
'document-report',
|
||||
'document-search',
|
||||
'document-text',
|
||||
'document-minus',
|
||||
'clipboard',
|
||||
'document-magnifying-glass',
|
||||
'document-plus',
|
||||
'document',
|
||||
'dots-circle-horizontal',
|
||||
'dots-horizontal',
|
||||
'dots-vertical',
|
||||
'download',
|
||||
'duplicate',
|
||||
'emoji-happy',
|
||||
'emoji-sad',
|
||||
'exclamation-circle',
|
||||
'exclamation',
|
||||
'external-link',
|
||||
'eye-off',
|
||||
'document-text',
|
||||
'ellipsis-horizontal-circle',
|
||||
'document-arrow-up',
|
||||
'ellipsis-horizontal',
|
||||
'ellipsis-vertical',
|
||||
'eye-dropper',
|
||||
'exclamation-triangle',
|
||||
'eye-slash',
|
||||
'eye',
|
||||
'fast-forward',
|
||||
'exclamation-circle',
|
||||
'envelope-open',
|
||||
'face-smile',
|
||||
'film',
|
||||
'filter',
|
||||
'finger-print',
|
||||
'fire',
|
||||
'flag',
|
||||
'folder-add',
|
||||
'folder-download',
|
||||
'folder-arrow-down',
|
||||
'envelope',
|
||||
'fire',
|
||||
'folder-minus',
|
||||
'folder-open',
|
||||
'folder-remove',
|
||||
'face-frown',
|
||||
'folder-plus',
|
||||
'forward',
|
||||
'funnel',
|
||||
'gift-top',
|
||||
'folder',
|
||||
'gift',
|
||||
'gif',
|
||||
'globe-alt',
|
||||
'globe',
|
||||
'hand',
|
||||
'hashtag',
|
||||
'heart',
|
||||
'finger-print',
|
||||
'globe-asia-australia',
|
||||
'globe-europe-africa',
|
||||
'hand-raised',
|
||||
'gift',
|
||||
'home',
|
||||
'identification',
|
||||
'inbox-in',
|
||||
'inbox',
|
||||
'globe-americas',
|
||||
'hashtag',
|
||||
'inbox-arrow-down',
|
||||
'inbox-stack',
|
||||
'information-circle',
|
||||
'inbox',
|
||||
'key',
|
||||
'library',
|
||||
'lifebuoy',
|
||||
'hand-thumb-down',
|
||||
'language',
|
||||
'hand-thumb-up',
|
||||
'heart',
|
||||
'home-modern',
|
||||
'light-bulb',
|
||||
'lightning-bolt',
|
||||
'link',
|
||||
'location-marker',
|
||||
'lock-closed',
|
||||
'magnifying-glass-plus',
|
||||
'magnifying-glass',
|
||||
'lock-open',
|
||||
'login',
|
||||
'logout',
|
||||
'mail-open',
|
||||
'mail',
|
||||
'magnifying-glass-circle',
|
||||
'link',
|
||||
'list-bullet',
|
||||
'map',
|
||||
'menu-alt-1',
|
||||
'menu-alt-2',
|
||||
'menu-alt-3',
|
||||
'menu-alt-4',
|
||||
'menu',
|
||||
'microphone',
|
||||
'map-pin',
|
||||
'megaphone',
|
||||
'magnifying-glass-minus',
|
||||
'minus-circle',
|
||||
'minus-sm',
|
||||
'minus',
|
||||
'moon',
|
||||
'music-note',
|
||||
'musical-note',
|
||||
'paint-brush',
|
||||
'newspaper',
|
||||
'office-building',
|
||||
'no-symbol',
|
||||
'minus-small',
|
||||
'paper-airplane',
|
||||
'minus',
|
||||
'microphone',
|
||||
'moon',
|
||||
'paper-clip',
|
||||
'pause',
|
||||
'pencil-alt',
|
||||
'pencil',
|
||||
'phone-incoming',
|
||||
'phone-missed-call',
|
||||
'phone-outgoing',
|
||||
'photograph',
|
||||
'phone-arrow-up-right',
|
||||
'phone-arrow-down-left',
|
||||
'phone-x-mark',
|
||||
'phone',
|
||||
'pencil',
|
||||
'play-pause',
|
||||
'photo',
|
||||
'pencil-square',
|
||||
'play',
|
||||
'plus-circle',
|
||||
'plus-sm',
|
||||
'plus-small',
|
||||
'plus',
|
||||
'presentation-chart-bar',
|
||||
'power',
|
||||
'play-circle',
|
||||
'presentation-chart-line',
|
||||
'pause-circle',
|
||||
'presentation-chart-bar',
|
||||
'printer',
|
||||
'qrcode',
|
||||
'puzzle',
|
||||
'question-mark-circle',
|
||||
'qr-code',
|
||||
'queue-list',
|
||||
'receipt-percent',
|
||||
'radio',
|
||||
'receipt-refund',
|
||||
'receipt-tax',
|
||||
'refresh',
|
||||
'reply',
|
||||
'rewind',
|
||||
'rss',
|
||||
'save-as',
|
||||
'save',
|
||||
'scale',
|
||||
'scissors',
|
||||
'search-circle',
|
||||
'search',
|
||||
'selector',
|
||||
'plus-circle',
|
||||
'rectangle-group',
|
||||
'puzzle-piece',
|
||||
'rocket-launch',
|
||||
'rectangle-stack',
|
||||
'server',
|
||||
'rss',
|
||||
'scale',
|
||||
'server-stack',
|
||||
'share',
|
||||
'shield-check',
|
||||
'shield-exclamation',
|
||||
'shopping-bag',
|
||||
'shopping-cart',
|
||||
'sort-ascending',
|
||||
'sort-descending',
|
||||
'speakerphone',
|
||||
'sparkles',
|
||||
'shopping-bag',
|
||||
'signal-slash',
|
||||
'signal',
|
||||
'scissors',
|
||||
'shield-check',
|
||||
'speaker-wave',
|
||||
'speaker-x-mark',
|
||||
'squares-plus',
|
||||
'star',
|
||||
'status-online',
|
||||
'status-offline',
|
||||
'stop',
|
||||
'stop-circle',
|
||||
'sun',
|
||||
'support',
|
||||
'switch-vertical',
|
||||
'switch-horizontal',
|
||||
'table',
|
||||
'tag',
|
||||
'template',
|
||||
'terminal',
|
||||
'thumb-up',
|
||||
'thumb-down',
|
||||
'sparkles',
|
||||
'squares-2x2',
|
||||
'square-2-stack',
|
||||
'square-3-stack-3d',
|
||||
'table-cells',
|
||||
'ticket',
|
||||
'translate',
|
||||
'trash',
|
||||
'trending-down',
|
||||
'trending-up',
|
||||
'truck',
|
||||
'upload',
|
||||
'user-add',
|
||||
'user-group',
|
||||
'user-circle',
|
||||
'user-remove',
|
||||
'swatch',
|
||||
'tag',
|
||||
'tv',
|
||||
'user-plus',
|
||||
'user-minus',
|
||||
'stop',
|
||||
'user',
|
||||
'truck',
|
||||
'users',
|
||||
'variable',
|
||||
'video-camera-slash',
|
||||
'user-circle',
|
||||
'video-camera',
|
||||
'view-boards',
|
||||
'view-grid-add',
|
||||
'view-grid',
|
||||
'view-list',
|
||||
'volume-up',
|
||||
'volume-off',
|
||||
'x-circle',
|
||||
'zoom-in',
|
||||
'user-group',
|
||||
'trophy',
|
||||
'viewfinder-circle',
|
||||
'variable',
|
||||
'trash',
|
||||
'view-columns',
|
||||
'wifi',
|
||||
'zoom-out',
|
||||
'x',
|
||||
'window',
|
||||
'wrench-screwdriver',
|
||||
'wrench',
|
||||
'x-mark',
|
||||
'wallet',
|
||||
'x-circle',
|
||||
];
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
<span class="inline-flex items-center">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-current"
|
||||
[svgIcon]="'heroicons_solid:arrow-sm-left'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:arrow-small-left'"></mat-icon>
|
||||
<span class="ml-1.5 font-medium leading-5">Back to courses</span>
|
||||
</span>
|
||||
</a>
|
||||
|
|
@ -101,7 +101,7 @@
|
|||
<a
|
||||
mat-icon-button
|
||||
[routerLink]="['..']">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:arrow-sm-left'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:arrow-small-left'"></mat-icon>
|
||||
</a>
|
||||
<h2 class="ml-2.5 text-md sm:text-xl font-medium tracking-tight truncate">
|
||||
{{course.title}}
|
||||
|
|
@ -143,7 +143,7 @@
|
|||
<span class="inline-flex items-center">
|
||||
<mat-icon
|
||||
class="mr-2"
|
||||
[svgIcon]="'heroicons_outline:arrow-narrow-left'"></mat-icon>
|
||||
[svgIcon]="'heroicons_outline:arrow-long-left'"></mat-icon>
|
||||
<span class="mr-1">Prev</span>
|
||||
</span>
|
||||
</button>
|
||||
|
|
@ -161,7 +161,7 @@
|
|||
<span class="ml-1">Next</span>
|
||||
<mat-icon
|
||||
class="ml-2"
|
||||
[svgIcon]="'heroicons_outline:arrow-narrow-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_outline:arrow-long-right'"></mat-icon>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
|
|
@ -174,7 +174,7 @@
|
|||
<button
|
||||
mat-icon-button
|
||||
(click)="matDrawer.toggle()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:view-list'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:bars-4'"></mat-icon>
|
||||
</button>
|
||||
<div class="flex items-center justify-center ml-1 lg:ml-2 font-medium leading-5">
|
||||
<span>{{currentStep + 1}}</span>
|
||||
|
|
@ -188,13 +188,13 @@
|
|||
class="ml-4"
|
||||
mat-icon-button
|
||||
(click)="goToPreviousStep()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:arrow-narrow-left'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:arrow-long-left'"></mat-icon>
|
||||
</button>
|
||||
<button
|
||||
class="ml-0.5"
|
||||
mat-icon-button
|
||||
(click)="goToNextStep()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:arrow-narrow-right'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:arrow-long-right'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -49,7 +49,7 @@
|
|||
<mat-icon
|
||||
matPrefix
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:search'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:magnifying-glass'"></mat-icon>
|
||||
<input
|
||||
(input)="filterByQuery(query.value)"
|
||||
placeholder="Search by title or description"
|
||||
|
|
@ -87,7 +87,7 @@
|
|||
<ng-container *ngIf="course.progress.completed > 0">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-green-600"
|
||||
[svgIcon]="'heroicons_solid:badge-check'"
|
||||
[svgIcon]="'heroicons_solid:check-badge'"
|
||||
[matTooltip]="'You completed this course at least once'"></mat-icon>
|
||||
</ng-container>
|
||||
</div>
|
||||
|
|
@ -172,7 +172,7 @@
|
|||
|
||||
<mat-icon
|
||||
class="ml-1.5 icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:arrow-sm-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:arrow-small-right'"></mat-icon>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -61,14 +61,14 @@
|
|||
class="ml-1 -mr-4"
|
||||
mat-icon-button
|
||||
[matMenuTriggerFor]="chatsHeaderMenu">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:dots-vertical'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:ellipsis-vertical'"></mat-icon>
|
||||
<mat-menu #chatsHeaderMenu>
|
||||
<button mat-menu-item>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:user-group'"></mat-icon>
|
||||
New group
|
||||
</button>
|
||||
<button mat-menu-item>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:chat-alt-2'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:chat-bubble-left-right'"></mat-icon>
|
||||
Create a room
|
||||
</button>
|
||||
<button
|
||||
|
|
@ -78,7 +78,7 @@
|
|||
Profile
|
||||
</button>
|
||||
<button mat-menu-item>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:archive'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:archive-box'"></mat-icon>
|
||||
Archived
|
||||
</button>
|
||||
<button mat-menu-item>
|
||||
|
|
@ -86,7 +86,7 @@
|
|||
Starred
|
||||
</button>
|
||||
<button mat-menu-item>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:cog'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:cog-8-tooth'"></mat-icon>
|
||||
Settings
|
||||
</button>
|
||||
</mat-menu>
|
||||
|
|
@ -100,7 +100,7 @@
|
|||
<mat-icon
|
||||
matPrefix
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:search'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:magnifying-glass'"></mat-icon>
|
||||
<input
|
||||
matInput
|
||||
[autocomplete]="'off'"
|
||||
|
|
@ -152,7 +152,7 @@
|
|||
<ng-container *ngIf="chat.muted">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-hint"
|
||||
[svgIcon]="'heroicons_solid:volume-off'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:speaker-x-mark'"></mat-icon>
|
||||
</ng-container>
|
||||
</div>
|
||||
</a>
|
||||
|
|
@ -169,7 +169,7 @@
|
|||
<div class="flex flex-auto flex-col items-center justify-center h-full">
|
||||
<mat-icon
|
||||
class="icon-size-24"
|
||||
[svgIcon]="'heroicons_outline:chat'"></mat-icon>
|
||||
[svgIcon]="'heroicons_outline:chat-bubble-oval-left-ellipsis'"></mat-icon>
|
||||
<div class="mt-4 text-2xl font-semibold tracking-tight text-secondary">No chats</div>
|
||||
</div>
|
||||
</ng-template>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<button
|
||||
mat-icon-button
|
||||
(click)="drawer.close()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:x'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:x-mark'"></mat-icon>
|
||||
</button>
|
||||
<div class="ml-2 text-lg font-medium">Contact info</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -33,7 +33,7 @@
|
|||
mat-icon-button
|
||||
[routerLink]="['./']"
|
||||
(click)="resetChat()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:arrow-narrow-left'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:arrow-long-left'"></mat-icon>
|
||||
</a>
|
||||
|
||||
<!-- Contact info -->
|
||||
|
|
@ -60,7 +60,7 @@
|
|||
class="ml-auto"
|
||||
mat-icon-button
|
||||
[matMenuTriggerFor]="conversationHeaderMenu">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:dots-vertical'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:ellipsis-vertical'"></mat-icon>
|
||||
<mat-menu #conversationHeaderMenu>
|
||||
<button
|
||||
mat-menu-item
|
||||
|
|
@ -76,7 +76,7 @@
|
|||
mat-menu-item
|
||||
(click)="toggleMuteNotifications()">
|
||||
<ng-container *ngIf="!chat.muted">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:volume-off'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:speaker-x-mark'"></mat-icon>
|
||||
Mute notifications
|
||||
</ng-container>
|
||||
<ng-container *ngIf="chat.muted">
|
||||
|
|
@ -159,7 +159,7 @@
|
|||
<div class="flex items-end p-4 border-t bg-gray-50 dark:bg-transparent">
|
||||
<div class="flex items-center h-11 my-px">
|
||||
<button mat-icon-button>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:emoji-happy'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:face-smile'"></mat-icon>
|
||||
</button>
|
||||
<button
|
||||
class="ml-0.5"
|
||||
|
|
@ -196,7 +196,7 @@
|
|||
<div class="flex flex-col flex-auto items-center justify-center bg-gray-100 dark:bg-transparent">
|
||||
<mat-icon
|
||||
class="icon-size-24"
|
||||
[svgIcon]="'heroicons_outline:chat'"></mat-icon>
|
||||
[svgIcon]="'heroicons_outline:chat-bubble-oval-left-ellipsis'"></mat-icon>
|
||||
<div class="mt-4 text-2xl font-semibold tracking-tight text-secondary">Select a conversation or start a new chat</div>
|
||||
</div>
|
||||
</ng-template>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<div class="flex flex-col flex-auto items-center justify-center bg-gray-100 dark:bg-transparent">
|
||||
<mat-icon
|
||||
class="icon-size-24"
|
||||
[svgIcon]="'heroicons_outline:chat'"></mat-icon>
|
||||
[svgIcon]="'heroicons_outline:chat-bubble-oval-left-ellipsis'"></mat-icon>
|
||||
<div class="mt-4 text-2xl font-semibold tracking-tight text-secondary">Select a conversation or start a new chat</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<button
|
||||
mat-icon-button
|
||||
(click)="drawer.close()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:arrow-narrow-left'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:arrow-long-left'"></mat-icon>
|
||||
</button>
|
||||
<div class="ml-2 text-2xl font-semibold">New chat</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<button
|
||||
mat-icon-button
|
||||
(click)="drawer.close()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:arrow-narrow-left'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:arrow-long-left'"></mat-icon>
|
||||
</button>
|
||||
<div class="ml-2 text-2xl font-semibold">Profile</div>
|
||||
</div>
|
||||
|
|
@ -49,7 +49,7 @@
|
|||
<mat-icon
|
||||
class="icon-size-5"
|
||||
matPrefix
|
||||
[svgIcon]="'heroicons_solid:mail'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:envelope'"></mat-icon>
|
||||
<input
|
||||
matInput
|
||||
[ngModel]="profile.email">
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@
|
|||
[routerLink]="['../']">
|
||||
<mat-icon
|
||||
class="text-white"
|
||||
[svgIcon]="'heroicons_outline:x'"></mat-icon>
|
||||
[svgIcon]="'heroicons_outline:x-mark'"></mat-icon>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -49,7 +49,7 @@
|
|||
(click)="toggleEditMode(true)">
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:pencil-alt'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:pencil-square'"></mat-icon>
|
||||
<span class="ml-2">Edit</span>
|
||||
</button>
|
||||
</div>
|
||||
|
|
@ -82,7 +82,7 @@
|
|||
<!-- Company -->
|
||||
<ng-container *ngIf="contact.company">
|
||||
<div class="flex sm:items-center">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:office-building'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:building-office-2'"></mat-icon>
|
||||
<div class="ml-6 leading-6">{{contact.company}}</div>
|
||||
</div>
|
||||
</ng-container>
|
||||
|
|
@ -90,7 +90,7 @@
|
|||
<!-- Emails -->
|
||||
<ng-container *ngIf="contact.emails.length">
|
||||
<div class="flex">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:mail'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:envelope'"></mat-icon>
|
||||
<div class="min-w-0 ml-6 space-y-1">
|
||||
<ng-container *ngFor="let email of contact.emails; trackBy: trackByFn">
|
||||
<div class="flex items-center leading-6">
|
||||
|
|
@ -142,7 +142,7 @@
|
|||
<!-- Address -->
|
||||
<ng-container *ngIf="contact.address">
|
||||
<div class="flex sm:items-center">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:location-marker'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:map-pin'"></mat-icon>
|
||||
<div class="ml-6 leading-6">{{contact.address}}</div>
|
||||
</div>
|
||||
</ng-container>
|
||||
|
|
@ -158,7 +158,7 @@
|
|||
<!-- Notes -->
|
||||
<ng-container *ngIf="contact.notes">
|
||||
<div class="flex">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:menu-alt-2'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:bars-3-bottom-left'"></mat-icon>
|
||||
<div
|
||||
class="max-w-none ml-6 prose prose-sm"
|
||||
[innerHTML]="contact.notes"></div>
|
||||
|
|
@ -189,7 +189,7 @@
|
|||
[routerLink]="['../']">
|
||||
<mat-icon
|
||||
class="text-white"
|
||||
[svgIcon]="'heroicons_outline:x'"></mat-icon>
|
||||
[svgIcon]="'heroicons_outline:x-mark'"></mat-icon>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -283,7 +283,7 @@
|
|||
<ng-container *ngIf="contact.tags.length">
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:pencil-alt'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:pencil-square'"></mat-icon>
|
||||
<span class="ml-1.5 text-md font-medium whitespace-nowrap">Edit</span>
|
||||
</ng-container>
|
||||
|
||||
|
|
@ -302,7 +302,7 @@
|
|||
<div class="flex items-center">
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:search'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:magnifying-glass'"></mat-icon>
|
||||
<div class="ml-2">
|
||||
<input
|
||||
class="w-full min-w-0 py-1 border-0"
|
||||
|
|
@ -321,7 +321,7 @@
|
|||
<mat-icon
|
||||
*ngIf="!tagsEditMode"
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:pencil-alt'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:pencil-square'"></mat-icon>
|
||||
<mat-icon
|
||||
*ngIf="tagsEditMode"
|
||||
class="icon-size-5"
|
||||
|
|
@ -415,7 +415,7 @@
|
|||
<mat-icon
|
||||
matPrefix
|
||||
class="hidden sm:flex icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:office-building'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:building-office-2'"></mat-icon>
|
||||
<input
|
||||
matInput
|
||||
[formControlName]="'company'"
|
||||
|
|
@ -435,7 +435,7 @@
|
|||
<mat-icon
|
||||
matPrefix
|
||||
class="hidden sm:flex icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:mail'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:envelope'"></mat-icon>
|
||||
<input
|
||||
matInput
|
||||
[formControl]="email.get('email')"
|
||||
|
|
@ -577,7 +577,7 @@
|
|||
<mat-icon
|
||||
matPrefix
|
||||
class="hidden sm:flex icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:location-marker'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:map-pin'"></mat-icon>
|
||||
<input
|
||||
matInput
|
||||
[formControlName]="'address'"
|
||||
|
|
@ -617,7 +617,7 @@
|
|||
<mat-icon
|
||||
matPrefix
|
||||
class="hidden sm:flex icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:menu-alt-2'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:bars-3-bottom-left'"></mat-icon>
|
||||
<textarea
|
||||
matInput
|
||||
[formControlName]="'notes'"
|
||||
|
|
|
|||
|
|
@ -48,7 +48,7 @@
|
|||
<mat-icon
|
||||
class="icon-size-5"
|
||||
matPrefix
|
||||
[svgIcon]="'heroicons_solid:search'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:magnifying-glass'"></mat-icon>
|
||||
<input
|
||||
matInput
|
||||
[formControl]="searchInputControl"
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@
|
|||
<mat-icon
|
||||
class="icon-size-5"
|
||||
matPrefix
|
||||
[svgIcon]="'heroicons_solid:search'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:magnifying-glass'"></mat-icon>
|
||||
<input
|
||||
matInput
|
||||
[formControl]="searchInputControl"
|
||||
|
|
@ -144,7 +144,7 @@
|
|||
<ng-container *ngIf="!product.active">
|
||||
<mat-icon
|
||||
class="text-gray-400 icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:x'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:x-mark'"></mat-icon>
|
||||
</ng-container>
|
||||
</div>
|
||||
|
||||
|
|
@ -214,7 +214,7 @@
|
|||
(click)="cycleImages(false)">
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:arrow-narrow-left'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:arrow-long-left'"></mat-icon>
|
||||
</button>
|
||||
<span class="font-sm mx-2">
|
||||
{{selectedProductForm.get('currentImageIndex').value + 1}} of {{selectedProductForm.get('images').value.length}}
|
||||
|
|
@ -224,7 +224,7 @@
|
|||
(click)="cycleImages(true)">
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:arrow-narrow-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:arrow-long-right'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -370,7 +370,7 @@
|
|||
<div class="flex items-center flex-auto min-w-0">
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:search'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:magnifying-glass'"></mat-icon>
|
||||
<input
|
||||
class="min-w-0 ml-2 py-1 border-0"
|
||||
type="text"
|
||||
|
|
@ -387,7 +387,7 @@
|
|||
<mat-icon
|
||||
*ngIf="!tagsEditMode"
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:pencil-alt'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:pencil-square'"></mat-icon>
|
||||
<mat-icon
|
||||
*ngIf="tagsEditMode"
|
||||
class="icon-size-5"
|
||||
|
|
@ -471,7 +471,7 @@
|
|||
<ng-container *ngIf="flashMessage === 'error'">
|
||||
<mat-icon
|
||||
class="text-red-500"
|
||||
[svgIcon]="'heroicons_outline:x'"></mat-icon>
|
||||
[svgIcon]="'heroicons_outline:x-mark'"></mat-icon>
|
||||
<span class="ml-2">An error occurred, try again!</span>
|
||||
</ng-container>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<a
|
||||
mat-icon-button
|
||||
[routerLink]="['../../']">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:x'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:x-mark'"></mat-icon>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
mat-button
|
||||
[routerLink]="['../']"
|
||||
[color]="'primary'">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:arrow-narrow-left'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:arrow-long-left'"></mat-icon>
|
||||
<span class="ml-2">Back to Help Center</span>
|
||||
</a>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
mat-button
|
||||
[routerLink]="['../']"
|
||||
[color]="'primary'">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:arrow-narrow-left'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:arrow-long-left'"></mat-icon>
|
||||
<span class="ml-2">Back to Guides & Resources</span>
|
||||
</a>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
mat-button
|
||||
[routerLink]="['../']"
|
||||
[color]="'primary'">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:arrow-narrow-left'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:arrow-long-left'"></mat-icon>
|
||||
<span class="ml-2">Back to {{guideCategory.title}}</span>
|
||||
</a>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
mat-button
|
||||
[routerLink]="['../']"
|
||||
[color]="'primary'">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:arrow-narrow-left'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:arrow-long-left'"></mat-icon>
|
||||
<span class="ml-2">Back to Help Center</span>
|
||||
</a>
|
||||
</div>
|
||||
|
|
@ -38,7 +38,7 @@
|
|||
<span class="text-sm font-medium text-secondary">View All</span>
|
||||
<mat-icon
|
||||
class="ml-2 icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:arrow-narrow-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:arrow-long-right'"></mat-icon>
|
||||
</a>
|
||||
</div>
|
||||
</ng-container>
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@
|
|||
[placeholder]="'Enter a question, topic or keyword'">
|
||||
<mat-icon
|
||||
matPrefix
|
||||
[svgIcon]="'heroicons_outline:search'"></mat-icon>
|
||||
[svgIcon]="'heroicons_outline:magnifying-glass'"></mat-icon>
|
||||
</mat-form-field>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -50,7 +50,7 @@
|
|||
<span class="font-medium">Go to FAQs</span>
|
||||
<mat-icon
|
||||
class="ml-2 icon-size-5 text-current"
|
||||
[svgIcon]="'heroicons_solid:arrow-narrow-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:arrow-long-right'"></mat-icon>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -68,7 +68,7 @@
|
|||
<span class="font-medium">Check guides</span>
|
||||
<mat-icon
|
||||
class="ml-2 icon-size-5 text-current"
|
||||
[svgIcon]="'heroicons_solid:arrow-narrow-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:arrow-long-right'"></mat-icon>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -86,7 +86,7 @@
|
|||
<span class="font-medium">Contact us</span>
|
||||
<mat-icon
|
||||
class="ml-2 icon-size-5 text-current"
|
||||
[svgIcon]="'heroicons_solid:arrow-narrow-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:arrow-long-right'"></mat-icon>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
mat-button
|
||||
[routerLink]="['../']"
|
||||
[color]="'primary'">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:arrow-narrow-left'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:arrow-long-left'"></mat-icon>
|
||||
<span class="ml-2">Back to Help Center</span>
|
||||
</a>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
[tabIndex]="-1">
|
||||
<mat-icon
|
||||
class="text-current"
|
||||
[svgIcon]="'heroicons_outline:x'"></mat-icon>
|
||||
[svgIcon]="'heroicons_outline:x-mark'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
|
@ -94,13 +94,13 @@
|
|||
<button mat-icon-button>
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:emoji-happy'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:face-smile'"></mat-icon>
|
||||
</button>
|
||||
<!-- Insert image -->
|
||||
<button mat-icon-button>
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:photograph'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:photo'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
class="lg:hidden md:-ml-2"
|
||||
mat-icon-button
|
||||
[routerLink]="['./../']">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:arrow-narrow-left'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:arrow-long-left'"></mat-icon>
|
||||
</a>
|
||||
|
||||
<!-- Toggle labels button & menu -->
|
||||
|
|
@ -65,7 +65,7 @@
|
|||
class="ml-2"
|
||||
mat-icon-button
|
||||
[matMenuTriggerFor]="mailMenu">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:dots-vertical'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:ellipsis-vertical'"></mat-icon>
|
||||
</button>
|
||||
<mat-menu #mailMenu="matMenu">
|
||||
<!-- Mark as read / unread -->
|
||||
|
|
@ -73,14 +73,14 @@
|
|||
mat-menu-item
|
||||
*ngIf="mail.unread"
|
||||
(click)="toggleUnread(false)">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:mail-open'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:envelope-open'"></mat-icon>
|
||||
<span>Mark as read</span>
|
||||
</button>
|
||||
<button
|
||||
mat-menu-item
|
||||
*ngIf="!mail.unread"
|
||||
(click)="toggleUnread(true)">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:mail'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:envelope'"></mat-icon>
|
||||
<span>Mark as unread</span>
|
||||
</button>
|
||||
<!-- Marks as spam / not span-->
|
||||
|
|
@ -88,14 +88,14 @@
|
|||
mat-menu-item
|
||||
*ngIf="getCurrentFolder() !== 'spam' && getCurrentFolder() !== 'drafts'"
|
||||
(click)="moveToFolder('spam')">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:exclamation'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:exclamation-triangle'"></mat-icon>
|
||||
<span>Spam</span>
|
||||
</button>
|
||||
<button
|
||||
mat-menu-item
|
||||
*ngIf="getCurrentFolder() === 'spam'"
|
||||
(click)="moveToFolder('inbox')">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:exclamation'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:exclamation-triangle'"></mat-icon>
|
||||
<span>Not spam</span>
|
||||
</button>
|
||||
<!-- Delete -->
|
||||
|
|
@ -297,7 +297,7 @@
|
|||
(click)="reply()">
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:reply'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:arrow-uturn-left'"></mat-icon>
|
||||
<span class="ml-2">Reply</span>
|
||||
</button>
|
||||
<!-- Reply all -->
|
||||
|
|
@ -308,7 +308,7 @@
|
|||
(click)="replyAll()">
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:reply'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:arrow-uturn-left'"></mat-icon>
|
||||
<span class="ml-2">Reply All</span>
|
||||
</button>
|
||||
<!-- Forward -->
|
||||
|
|
@ -358,13 +358,13 @@
|
|||
<button mat-icon-button>
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:emoji-happy'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:face-smile'"></mat-icon>
|
||||
</button>
|
||||
<!-- Insert image -->
|
||||
<button mat-icon-button>
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:photograph'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:photo'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
|
@ -403,7 +403,7 @@
|
|||
<div class="flex flex-col flex-auto items-center justify-center bg-gray-100 dark:bg-transparent">
|
||||
<mat-icon
|
||||
class="icon-size-24"
|
||||
[svgIcon]="'heroicons_outline:mail'"></mat-icon>
|
||||
[svgIcon]="'heroicons_outline:envelope'"></mat-icon>
|
||||
<div class="mt-4 text-2xl font-semibold tracking-tight text-secondary">Select a mail to read</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<div class="flex flex-col flex-auto items-center justify-center bg-gray-100 dark:bg-transparent">
|
||||
<mat-icon
|
||||
class="icon-size-24"
|
||||
[svgIcon]="'heroicons_outline:mail'"></mat-icon>
|
||||
[svgIcon]="'heroicons_outline:envelope'"></mat-icon>
|
||||
<div class="mt-4 text-2xl font-semibold tracking-tight text-secondary">Select a mail to read</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@
|
|||
<button
|
||||
mat-icon-button
|
||||
(click)="mailboxComponent.drawer.toggle()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
|
||||
</button>
|
||||
<!-- Category name -->
|
||||
<div class="ml-2 font-semibold uppercase">{{category.name}}</div>
|
||||
|
|
@ -136,7 +136,7 @@
|
|||
<div class="z-100 absolute inset-0 flex flex-auto flex-col items-center justify-center bg-gray-100 dark:bg-transparent">
|
||||
<mat-icon
|
||||
class="icon-size-24"
|
||||
[svgIcon]="'heroicons_outline:mail'"></mat-icon>
|
||||
[svgIcon]="'heroicons_outline:envelope'"></mat-icon>
|
||||
<div class="mt-4 text-2xl font-semibold tracking-tight text-secondary">There are no e-mails</div>
|
||||
</div>
|
||||
</ng-template>
|
||||
|
|
|
|||
|
|
@ -241,7 +241,7 @@ export default [
|
|||
pathMatch : 'full',
|
||||
},
|
||||
{
|
||||
path : 'filter/:filter',
|
||||
path : 'filter/:funnel',
|
||||
redirectTo: 'filter/:filter/1',
|
||||
pathMatch : 'full',
|
||||
},
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
<button
|
||||
mat-icon-button
|
||||
(click)="mailboxComponent.drawer.toggle()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
<!-- Title -->
|
||||
|
|
|
|||
|
|
@ -229,7 +229,7 @@ export class MailboxSidebarComponent implements OnInit, OnDestroy
|
|||
this._otherMenuData.push({
|
||||
title: 'Settings',
|
||||
type : 'basic',
|
||||
icon : 'heroicons_outline:cog',
|
||||
icon : 'heroicons_outline:cog-8-tooth',
|
||||
link : '/apps/mailbox/settings',
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -53,7 +53,7 @@
|
|||
(input)="updateTaskOnNote(note, task)">
|
||||
<mat-icon
|
||||
class="hidden group-hover:flex ml-auto icon-size-5 cursor-pointer"
|
||||
[svgIcon]="'heroicons_solid:x'"
|
||||
[svgIcon]="'heroicons_solid:x-mark'"
|
||||
(click)="removeTaskFromNote(note, task)"></mat-icon>
|
||||
</div>
|
||||
</ng-container>
|
||||
|
|
@ -116,14 +116,14 @@
|
|||
class="flex items-center justify-center w-10 h-10 rounded-full cursor-pointer hover:bg-gray-400 hover:bg-opacity-20 dark:hover:bg-black dark:hover:bg-opacity-5"
|
||||
for="image-file-input"
|
||||
matRipple>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:photograph'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:photo'"></mat-icon>
|
||||
</label>
|
||||
</div>
|
||||
<!-- Checklist -->
|
||||
<button
|
||||
mat-icon-button
|
||||
(click)="addTasksToNote(note)">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:clipboard-list'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:clipboard-document-list'"></mat-icon>
|
||||
</button>
|
||||
<!-- Labels -->
|
||||
<button
|
||||
|
|
@ -153,7 +153,7 @@
|
|||
<button
|
||||
mat-icon-button
|
||||
(click)="toggleArchiveOnNote(note)">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:archive'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:archive-box'"></mat-icon>
|
||||
</button>
|
||||
<!-- Delete -->
|
||||
<button
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<button
|
||||
matDialogClose
|
||||
mat-icon-button>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:x'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:x-mark'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
<!-- New label -->
|
||||
|
|
|
|||
|
|
@ -21,7 +21,7 @@
|
|||
[matRippleDisabled]="filterStatus === 'notes'">
|
||||
<mat-icon
|
||||
class="text-current"
|
||||
[svgIcon]="'heroicons_outline:pencil-alt'"></mat-icon>
|
||||
[svgIcon]="'heroicons_outline:pencil-square'"></mat-icon>
|
||||
<div class="ml-3 leading-5 select-none text-default">Notes</div>
|
||||
</div>
|
||||
<!-- Archive -->
|
||||
|
|
@ -34,7 +34,7 @@
|
|||
[matRippleDisabled]="filterStatus === 'archived'">
|
||||
<mat-icon
|
||||
class="text-current"
|
||||
[svgIcon]="'heroicons_outline:archive'"></mat-icon>
|
||||
[svgIcon]="'heroicons_outline:archive-box'"></mat-icon>
|
||||
<div class="ml-3 leading-5 select-none text-default">Archive</div>
|
||||
</div>
|
||||
<!-- Labels -->
|
||||
|
|
@ -80,14 +80,14 @@
|
|||
class="flex lg:hidden -ml-2"
|
||||
mat-icon-button
|
||||
(click)="drawer.toggle()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
|
||||
</button>
|
||||
<mat-form-field
|
||||
class="fuse-mat-rounded fuse-mat-dense flex-auto ml-4 lg:ml-0"
|
||||
[subscriptSizing]="'dynamic'">
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:search'"
|
||||
[svgIcon]="'heroicons_solid:magnifying-glass'"
|
||||
matPrefix></mat-icon>
|
||||
<input
|
||||
matInput
|
||||
|
|
|
|||
|
|
@ -45,7 +45,7 @@
|
|||
(click)="toggleFormVisibility()">
|
||||
<mat-icon
|
||||
class="icon-size-4"
|
||||
[svgIcon]="'heroicons_solid:x'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:x-mark'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
|
|
|
|||
|
|
@ -40,7 +40,7 @@
|
|||
(click)="toggleFormVisibility()">
|
||||
<mat-icon
|
||||
class="icon-size-4"
|
||||
[svgIcon]="'heroicons_solid:x'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:x-mark'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@
|
|||
[routerLink]="['..']">
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:view-boards'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:view-columns'"></mat-icon>
|
||||
<span class="ml-2">Boards</span>
|
||||
</a>
|
||||
<button
|
||||
|
|
@ -23,7 +23,7 @@
|
|||
mat-stroked-button>
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:cog'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:cog-8-tooth'"></mat-icon>
|
||||
<span class="ml-2">Settings</span>
|
||||
</button>
|
||||
</div>
|
||||
|
|
@ -76,7 +76,7 @@
|
|||
[matMenuTriggerFor]="listMenu">
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:dots-vertical'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:ellipsis-vertical'"></mat-icon>
|
||||
</button>
|
||||
<mat-menu #listMenu="matMenu">
|
||||
<button
|
||||
|
|
@ -84,7 +84,7 @@
|
|||
(click)="renameList(listTitleInput)">
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:pencil-alt'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:pencil-square'"></mat-icon>
|
||||
Rename list
|
||||
</button>
|
||||
<button
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
[tabIndex]="-1">
|
||||
<mat-icon
|
||||
class="text-current"
|
||||
[svgIcon]="'heroicons_outline:x'"></mat-icon>
|
||||
[svgIcon]="'heroicons_outline:x-mark'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
|
@ -98,7 +98,7 @@
|
|||
<div class="flex items-center flex-auto min-w-0">
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:search'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:magnifying-glass'"></mat-icon>
|
||||
<input
|
||||
class="min-w-0 ml-2 py-1 border-0"
|
||||
type="text"
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@
|
|||
<button
|
||||
mat-icon-button
|
||||
[matMenuTriggerFor]="moreMenu">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:dots-vertical'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:ellipsis-vertical'"></mat-icon>
|
||||
</button>
|
||||
<mat-menu #moreMenu="matMenu">
|
||||
<button
|
||||
|
|
@ -52,7 +52,7 @@
|
|||
<a
|
||||
mat-icon-button
|
||||
[routerLink]="['../']">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:x'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:x-mark'"></mat-icon>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
|
@ -95,7 +95,7 @@
|
|||
<ng-container *ngIf="task.tags.length">
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:pencil-alt'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:pencil-square'"></mat-icon>
|
||||
<span class="ml-1.5 text-md font-medium whitespace-nowrap">Edit</span>
|
||||
</ng-container>
|
||||
|
||||
|
|
@ -114,7 +114,7 @@
|
|||
<div class="flex items-center">
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:search'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:magnifying-glass'"></mat-icon>
|
||||
<div class="ml-2">
|
||||
<input
|
||||
class="w-full min-w-0 py-1 border-0"
|
||||
|
|
@ -133,7 +133,7 @@
|
|||
<mat-icon
|
||||
*ngIf="!tagsEditMode"
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:pencil-alt'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:pencil-square'"></mat-icon>
|
||||
<mat-icon
|
||||
*ngIf="tagsEditMode"
|
||||
class="icon-size-5"
|
||||
|
|
@ -218,8 +218,8 @@
|
|||
<!-- Low -->
|
||||
<ng-container *ngIf="task.priority === 0">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-current"
|
||||
[svgIcon]="'heroicons_solid:arrow-narrow-down'"></mat-icon>
|
||||
class="icon-size-4 text-current"
|
||||
[svgIcon]="'heroicons_mini:arrow-long-down'"></mat-icon>
|
||||
<span class="ml-2 mr-1 text-md font-medium">Low</span>
|
||||
</ng-container>
|
||||
|
||||
|
|
@ -235,7 +235,7 @@
|
|||
<ng-container *ngIf="task.priority === 2">
|
||||
<mat-icon
|
||||
class="icon-size-4 text-current"
|
||||
[svgIcon]="'heroicons_solid:arrow-narrow-up'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:arrow-long-up'"></mat-icon>
|
||||
<span class="ml-2 mr-1 text-md font-medium">High</span>
|
||||
</ng-container>
|
||||
</div>
|
||||
|
|
@ -249,7 +249,7 @@
|
|||
<span class="font-medium">Low</span>
|
||||
<mat-icon
|
||||
class="mr-0 icon-size-4 text-green-600 dark:text-green-500"
|
||||
[svgIcon]="'heroicons_solid:arrow-narrow-down'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:arrow-long-down'"></mat-icon>
|
||||
</span>
|
||||
</button>
|
||||
|
||||
|
|
@ -275,7 +275,7 @@
|
|||
<span class="font-medium">High</span>
|
||||
<mat-icon
|
||||
class="mr-0 icon-size-4 text-red-600 dark:text-red-500"
|
||||
[svgIcon]="'heroicons_solid:arrow-narrow-up'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:arrow-long-up'"></mat-icon>
|
||||
</span>
|
||||
</button>
|
||||
</mat-menu>
|
||||
|
|
|
|||
|
|
@ -93,7 +93,7 @@
|
|||
cdkDragHandle>
|
||||
<mat-icon
|
||||
class="icon-size-5 text-hint"
|
||||
[svgIcon]="'heroicons_solid:menu'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:bars-3'"></mat-icon>
|
||||
</div>
|
||||
|
||||
<!-- Complete task button -->
|
||||
|
|
@ -134,13 +134,13 @@
|
|||
<mat-icon
|
||||
class="icon-size-4 text-green-600 dark:text-green-400"
|
||||
*ngIf="task.priority === 0"
|
||||
[svgIcon]="'heroicons_solid:arrow-narrow-down'"
|
||||
[svgIcon]="'heroicons_mini:arrow-long-down'"
|
||||
[title]="'Low'"></mat-icon>
|
||||
<!-- High -->
|
||||
<mat-icon
|
||||
class="icon-size-4 text-red-600 dark:text-red-400"
|
||||
*ngIf="task.priority === 2"
|
||||
[svgIcon]="'heroicons_solid:arrow-narrow-up'"
|
||||
[svgIcon]="'heroicons_mini:arrow-long-up'"
|
||||
[title]="'High'"></mat-icon>
|
||||
</div>
|
||||
</ng-container>
|
||||
|
|
@ -162,7 +162,7 @@
|
|||
<div class="flex flex-auto flex-col items-center justify-center bg-gray-100 dark:bg-transparent">
|
||||
<mat-icon
|
||||
class="icon-size-24"
|
||||
[svgIcon]="'heroicons_outline:clipboard-list'"></mat-icon>
|
||||
[svgIcon]="'heroicons_outline:clipboard-document-list'"></mat-icon>
|
||||
<div class="mt-4 text-2xl font-semibold tracking-tight text-secondary">Add a task to start planning!</div>
|
||||
</div>
|
||||
</ng-template>
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@
|
|||
mat-stroked-button>
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:cog'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:cog-8-tooth'"></mat-icon>
|
||||
<span class="ml-2">Settings</span>
|
||||
</button>
|
||||
<button
|
||||
|
|
@ -23,7 +23,7 @@
|
|||
[color]="'primary'">
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:save'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:arrow-up-tray'"></mat-icon>
|
||||
<span class="ml-2">Export</span>
|
||||
</button>
|
||||
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
<button
|
||||
[matMenuTriggerFor]="actionsMenu"
|
||||
mat-icon-button>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:dots-vertical'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:ellipsis-vertical'"></mat-icon>
|
||||
</button>
|
||||
<mat-menu #actionsMenu="matMenu">
|
||||
<button mat-menu-item>Export</button>
|
||||
|
|
@ -68,7 +68,7 @@
|
|||
<button
|
||||
mat-icon-button
|
||||
[matMenuTriggerFor]="visitorsMenu">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:dots-vertical'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:ellipsis-vertical'"></mat-icon>
|
||||
</button>
|
||||
<mat-menu #visitorsMenu="matMenu">
|
||||
<button mat-menu-item>This Year</button>
|
||||
|
|
@ -115,7 +115,7 @@
|
|||
<div class="flex lg:flex-col lg:ml-3">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-red-500"
|
||||
[svgIcon]="'heroicons_solid:trending-down'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:arrow-trending-down'"></mat-icon>
|
||||
<div class="flex items-center ml-1 lg:ml-0 lg:mt-0.5 text-md leading-none whitespace-nowrap text-secondary">
|
||||
<span class="font-medium text-red-500">2%</span>
|
||||
<span class="ml-1">below target</span>
|
||||
|
|
@ -157,7 +157,7 @@
|
|||
<div class="flex lg:flex-col lg:ml-3">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-red-500"
|
||||
[svgIcon]="'heroicons_solid:trending-down'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:arrow-trending-down'"></mat-icon>
|
||||
<div class="flex items-center ml-1 lg:ml-0 lg:mt-0.5 text-md leading-none whitespace-nowrap text-secondary">
|
||||
<span class="font-medium text-red-500">4%</span>
|
||||
<span class="ml-1">below target</span>
|
||||
|
|
@ -199,7 +199,7 @@
|
|||
<div class="flex lg:flex-col lg:ml-3">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-red-500"
|
||||
[svgIcon]="'heroicons_solid:trending-down'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:arrow-trending-down'"></mat-icon>
|
||||
<div class="flex items-center ml-1 lg:ml-0 lg:mt-0.5 text-md leading-none whitespace-nowrap text-secondary">
|
||||
<span class="font-medium text-red-500">4%</span>
|
||||
<span class="ml-1">below target</span>
|
||||
|
|
@ -245,7 +245,7 @@
|
|||
<div class="font-medium text-secondary leading-5">Overall Score</div>
|
||||
<mat-icon
|
||||
class="ml-1.5 icon-size-4 text-hint"
|
||||
[svgIcon]="'heroicons_solid:information-circle'"
|
||||
[svgIcon]="'heroicons_mini:information-circle'"
|
||||
[matTooltip]="'Score is calculated by using the historical ratio between Page Views and Visitors. Best score is 1000, worst score is 0.'"></mat-icon>
|
||||
</div>
|
||||
<div class="flex items-start mt-2">
|
||||
|
|
@ -253,7 +253,7 @@
|
|||
<div class="flex items-center ml-2">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-green-500"
|
||||
[svgIcon]="'heroicons_solid:arrow-circle-up'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:arrow-up-circle'"></mat-icon>
|
||||
<div class="ml-1 text-md font-medium text-green-500">42.9%</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -263,7 +263,7 @@
|
|||
<div class="font-medium text-secondary leading-5">Average Ratio</div>
|
||||
<mat-icon
|
||||
class="ml-1.5 icon-size-4 text-hint"
|
||||
[svgIcon]="'heroicons_solid:information-circle'"
|
||||
[svgIcon]="'heroicons_mini:information-circle'"
|
||||
[matTooltip]="'Average Ratio is the average ratio between Page Views and Visitors'"></mat-icon>
|
||||
</div>
|
||||
<div class="flex items-start mt-2">
|
||||
|
|
@ -271,7 +271,7 @@
|
|||
<div class="flex items-center ml-2">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-red-500"
|
||||
[svgIcon]="'heroicons_solid:arrow-circle-down'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:arrow-down-circle'"></mat-icon>
|
||||
<div class="ml-1 text-md font-medium text-red-500">13.1%</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -281,7 +281,7 @@
|
|||
<div class="font-medium text-secondary leading-5">Predicted Ratio</div>
|
||||
<mat-icon
|
||||
class="ml-1.5 icon-size-4 text-hint"
|
||||
[svgIcon]="'heroicons_solid:information-circle'"
|
||||
[svgIcon]="'heroicons_mini:information-circle'"
|
||||
[matTooltip]="'Predicted Ratio is calculated by using historical ratio, current trends and your goal targets.'"></mat-icon>
|
||||
</div>
|
||||
<div class="flex items-start mt-2">
|
||||
|
|
@ -289,7 +289,7 @@
|
|||
<div class="flex items-center ml-2">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-green-500"
|
||||
[svgIcon]="'heroicons_solid:arrow-circle-up'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:arrow-up-circle'"></mat-icon>
|
||||
<div class="ml-1 text-md font-medium text-green-500">22.2%</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -29,7 +29,7 @@
|
|||
<mat-icon
|
||||
class="text-green-500 icon-size-3.5 mx-0.5 mb-px"
|
||||
[ngClass]="{'text-green-500': item.trend.dir === 'up', 'text-red-500': item.trend.dir === 'down'}"
|
||||
[svgIcon]="item.trend.dir === 'up' ? 'heroicons_solid:arrow-narrow-up' : 'heroicons_solid:arrow-narrow-down'"></mat-icon>
|
||||
[svgIcon]="item.trend.dir === 'up' ? 'heroicons_mini:arrow-long-up' : 'heroicons_mini:arrow-long-down'"></mat-icon>
|
||||
<div
|
||||
class="font-mono font-medium text-sm leading-none mb-px"
|
||||
[ngClass]="{'text-green-500': item.trend.dir === 'up', 'text-red-500': item.trend.dir === 'down'}">
|
||||
|
|
@ -57,7 +57,7 @@
|
|||
<mat-label>Action</mat-label>
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="buySellSelect.value === 'buy' ? 'heroicons_solid:download' : 'heroicons_solid:upload'"
|
||||
[svgIcon]="buySellSelect.value === 'buy' ? 'heroicons_solid:arrow-down-tray' : 'heroicons_solid:arrow-up-tray'"
|
||||
matPrefix></mat-icon>
|
||||
<mat-select
|
||||
[value]="'buy'"
|
||||
|
|
@ -204,7 +204,7 @@
|
|||
class="mr-6 lg:hidden"
|
||||
mat-icon-button
|
||||
(click)="matDrawer.toggle()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
|
||||
</button>
|
||||
<div class="flex flex-col flex-auto my-3 mr-6">
|
||||
<div class="flex items-center">
|
||||
|
|
@ -216,7 +216,7 @@
|
|||
<mat-icon
|
||||
class="text-green-500 icon-size-5 mr-0.5 mb-px"
|
||||
[ngClass]="{'text-green-500': data.btc.trend.dir === 'up', 'text-red-500': data.btc.trend.dir === 'down'}"
|
||||
[svgIcon]="data.btc.trend.dir === 'up' ? 'heroicons_solid:arrow-narrow-up' : 'heroicons_solid:arrow-narrow-down'"></mat-icon>
|
||||
[svgIcon]="data.btc.trend.dir === 'up' ? 'heroicons_mini:arrow-long-up' : 'heroicons_mini:arrow-long-down'"></mat-icon>
|
||||
<div
|
||||
class="font-mono font-medium text-lg leading-none mb-px"
|
||||
[ngClass]="{'text-green-500': data.btc.trend.dir === 'up', 'text-red-500': data.btc.trend.dir === 'down'}">
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@
|
|||
mat-stroked-button>
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:document-report'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:document-chart-bar'"></mat-icon>
|
||||
<span class="ml-2">Reports</span>
|
||||
</button>
|
||||
<button
|
||||
|
|
@ -22,7 +22,7 @@
|
|||
mat-stroked-button>
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:cog'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:cog-8-tooth'"></mat-icon>
|
||||
<span class="ml-2">Settings</span>
|
||||
</button>
|
||||
<button
|
||||
|
|
@ -31,7 +31,7 @@
|
|||
[color]="'primary'">
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:save'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:arrow-up-tray'"></mat-icon>
|
||||
<span class="ml-2">Export</span>
|
||||
</button>
|
||||
|
||||
|
|
@ -40,7 +40,7 @@
|
|||
<button
|
||||
[matMenuTriggerFor]="actionsMenu"
|
||||
mat-icon-button>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:dots-vertical'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_mini:ellipsis-vertical'"></mat-icon>
|
||||
</button>
|
||||
<mat-menu #actionsMenu="matMenu">
|
||||
<button mat-menu-item>Export</button>
|
||||
|
|
@ -73,7 +73,7 @@
|
|||
[matMenuTriggerFor]="previousStatementMenu">
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:dots-vertical'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:ellipsis-vertical'"></mat-icon>
|
||||
</button>
|
||||
<mat-menu #previousStatementMenu="matMenu">
|
||||
<button mat-menu-item>
|
||||
|
|
@ -88,7 +88,7 @@
|
|||
<span class="flex items-center">
|
||||
<mat-icon
|
||||
class="icon-size-5 mr-3"
|
||||
[svgIcon]="'heroicons_solid:cash'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:banknotes'"></mat-icon>
|
||||
<span>Spending breakdown</span>
|
||||
</span>
|
||||
</button>
|
||||
|
|
@ -96,7 +96,7 @@
|
|||
<span class="flex items-center">
|
||||
<mat-icon
|
||||
class="icon-size-5 mr-3"
|
||||
[svgIcon]="'heroicons_solid:receipt-tax'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:receipt-percent'"></mat-icon>
|
||||
<span>Tax breakdown</span>
|
||||
</span>
|
||||
</button>
|
||||
|
|
@ -113,7 +113,7 @@
|
|||
<span class="flex items-center">
|
||||
<mat-icon
|
||||
class="icon-size-5 mr-3"
|
||||
[svgIcon]="'heroicons_solid:mail'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:envelope'"></mat-icon>
|
||||
<span>Email statement</span>
|
||||
</span>
|
||||
</button>
|
||||
|
|
@ -155,7 +155,7 @@
|
|||
[matMenuTriggerFor]="currentStatementMenu">
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:dots-vertical'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:ellipsis-vertical'"></mat-icon>
|
||||
</button>
|
||||
<mat-menu #currentStatementMenu="matMenu">
|
||||
<button mat-menu-item>
|
||||
|
|
@ -170,7 +170,7 @@
|
|||
<span class="flex items-center">
|
||||
<mat-icon
|
||||
class="icon-size-5 mr-3"
|
||||
[svgIcon]="'heroicons_solid:cash'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:banknotes'"></mat-icon>
|
||||
<span>Spending breakdown</span>
|
||||
</span>
|
||||
</button>
|
||||
|
|
@ -178,7 +178,7 @@
|
|||
<span class="flex items-center">
|
||||
<mat-icon
|
||||
class="icon-size-5 mr-3"
|
||||
[svgIcon]="'heroicons_solid:receipt-tax'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:receipt-percent'"></mat-icon>
|
||||
<span>Tax breakdown</span>
|
||||
</span>
|
||||
</button>
|
||||
|
|
@ -195,7 +195,7 @@
|
|||
<span class="flex items-center">
|
||||
<mat-icon
|
||||
class="icon-size-5 mr-3"
|
||||
[svgIcon]="'heroicons_solid:mail'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:envelope'"></mat-icon>
|
||||
<span>Email statement</span>
|
||||
</span>
|
||||
</button>
|
||||
|
|
@ -409,7 +409,7 @@
|
|||
[matMenuTriggerFor]="budgetMenu">
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:dots-vertical'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:ellipsis-vertical'"></mat-icon>
|
||||
</button>
|
||||
<mat-menu #budgetMenu="matMenu">
|
||||
<button mat-menu-item>Expenses breakdown</button>
|
||||
|
|
@ -428,7 +428,7 @@
|
|||
<span class="flex items-center">
|
||||
<mat-icon
|
||||
class="icon-size-5 mr-3"
|
||||
[svgIcon]="'heroicons_solid:mail'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:envelope'"></mat-icon>
|
||||
<span>Email budget summary</span>
|
||||
</span>
|
||||
</button>
|
||||
|
|
@ -459,7 +459,7 @@
|
|||
<div class="text-lg leading-none">2.6%</div>
|
||||
<mat-icon
|
||||
class="text-green-600 icon-size-4 ml-1"
|
||||
[svgIcon]="'heroicons_solid:arrow-narrow-down'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:arrow-long-down'"></mat-icon>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -468,7 +468,7 @@
|
|||
<div class="flex items-center justify-center w-14 h-14 rounded bg-indigo-100 text-indigo-800 dark:bg-indigo-600 dark:text-indigo-50">
|
||||
<mat-icon
|
||||
class="text-current"
|
||||
[svgIcon]="'heroicons_outline:cash'"></mat-icon>
|
||||
[svgIcon]="'heroicons_outline:banknotes'"></mat-icon>
|
||||
</div>
|
||||
<div class="flex-auto ml-4 leading-none">
|
||||
<div class="text-sm font-medium text-secondary">Savings</div>
|
||||
|
|
@ -482,7 +482,7 @@
|
|||
<div class="text-lg leading-none">12.7%</div>
|
||||
<mat-icon
|
||||
class="text-red-600 icon-size-4 ml-1"
|
||||
[svgIcon]="'heroicons_solid:arrow-narrow-up'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:arrow-long-up'"></mat-icon>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -505,7 +505,7 @@
|
|||
<div class="text-lg leading-none">105.7%</div>
|
||||
<mat-icon
|
||||
class="text-red-600 icon-size-4 ml-1"
|
||||
[svgIcon]="'heroicons_solid:arrow-narrow-up'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:arrow-long-up'"></mat-icon>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-3 text-md text-secondary">Exceeded your personal limit! Be careful next month.</div>
|
||||
|
|
|
|||
|
|
@ -31,7 +31,7 @@
|
|||
[color]="'accent'">
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:mail'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:envelope'"></mat-icon>
|
||||
<span class="ml-2">Messages</span>
|
||||
</button>
|
||||
<button
|
||||
|
|
@ -39,7 +39,7 @@
|
|||
[color]="'primary'">
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:cog'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:cog-8-tooth'"></mat-icon>
|
||||
<span class="ml-2">Settings</span>
|
||||
</button>
|
||||
</div>
|
||||
|
|
@ -56,7 +56,7 @@
|
|||
<div class="flex items-center justify-center pl-2">
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:chevron-down'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:chevron-down'"></mat-icon>
|
||||
</div>
|
||||
</div>
|
||||
<mat-menu
|
||||
|
|
@ -106,7 +106,7 @@
|
|||
[matMenuTriggerFor]="summaryMenu">
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:dots-vertical'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:ellipsis-vertical'"></mat-icon>
|
||||
</button>
|
||||
<mat-menu #summaryMenu="matMenu">
|
||||
<button mat-menu-item>Yesterday</button>
|
||||
|
|
@ -134,7 +134,7 @@
|
|||
[matMenuTriggerFor]="overdueMenu">
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:dots-vertical'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:ellipsis-vertical'"></mat-icon>
|
||||
</button>
|
||||
<mat-menu #overdueMenu="matMenu">
|
||||
<button mat-menu-item>Yesterday</button>
|
||||
|
|
@ -162,7 +162,7 @@
|
|||
[matMenuTriggerFor]="issuesMenu">
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:dots-vertical'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:ellipsis-vertical'"></mat-icon>
|
||||
</button>
|
||||
<mat-menu #issuesMenu="matMenu">
|
||||
<button mat-menu-item>Yesterday</button>
|
||||
|
|
@ -190,7 +190,7 @@
|
|||
[matMenuTriggerFor]="featuresMenu">
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:dots-vertical'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:ellipsis-vertical'"></mat-icon>
|
||||
</button>
|
||||
<mat-menu #featuresMenu="matMenu">
|
||||
<button mat-menu-item>Yesterday</button>
|
||||
|
|
@ -366,14 +366,14 @@
|
|||
<div class="flex items-center">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-hint"
|
||||
[svgIcon]="'heroicons_solid:location-marker'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:map-pin'"></mat-icon>
|
||||
<div class="ml-1.5 text-md text-secondary">{{scheduleItem.location}}</div>
|
||||
</div>
|
||||
</ng-container>
|
||||
</div>
|
||||
</div>
|
||||
<button mat-icon-button>
|
||||
<mat-icon [svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
</ng-container>
|
||||
|
|
@ -417,7 +417,7 @@
|
|||
[matMenuTriggerFor]="weeklyExpensesMenu">
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:dots-vertical'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:ellipsis-vertical'"></mat-icon>
|
||||
</button>
|
||||
<mat-menu #weeklyExpensesMenu="matMenu">
|
||||
<button mat-menu-item>This week</button>
|
||||
|
|
@ -434,7 +434,7 @@
|
|||
<div class="flex items-center">
|
||||
<mat-icon
|
||||
class="mr-1 icon-size-5 text-green-500"
|
||||
[svgIcon]="'heroicons_solid:trending-down'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:arrow-trending-down'"></mat-icon>
|
||||
<div class="font-medium text-sm text-secondary leading-none whitespace-nowrap">
|
||||
<span class="text-green-500">2%</span>
|
||||
below projected
|
||||
|
|
@ -464,7 +464,7 @@
|
|||
[matMenuTriggerFor]="monthlyExpensesMenu">
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:dots-vertical'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:ellipsis-vertical'"></mat-icon>
|
||||
</button>
|
||||
<mat-menu #monthlyExpensesMenu="matMenu">
|
||||
<button mat-menu-item>This week</button>
|
||||
|
|
@ -481,7 +481,7 @@
|
|||
<div class="flex items-center">
|
||||
<mat-icon
|
||||
class="mr-1 icon-size-5 text-red-500"
|
||||
[svgIcon]="'heroicons_solid:trending-up'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:arrow-trending-up'"></mat-icon>
|
||||
<div class="font-medium text-sm text-secondary leading-none whitespace-nowrap">
|
||||
<span class="text-red-500">4%</span>
|
||||
above projected
|
||||
|
|
@ -511,7 +511,7 @@
|
|||
[matMenuTriggerFor]="yearlyExpensesMenu">
|
||||
<mat-icon
|
||||
class="icon-size-5"
|
||||
[svgIcon]="'heroicons_solid:dots-vertical'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:ellipsis-vertical'"></mat-icon>
|
||||
</button>
|
||||
<mat-menu #yearlyExpensesMenu="matMenu">
|
||||
<button mat-menu-item>This week</button>
|
||||
|
|
@ -528,7 +528,7 @@
|
|||
<div class="flex items-center">
|
||||
<mat-icon
|
||||
class="mr-1 icon-size-5 text-red-500"
|
||||
[svgIcon]="'heroicons_solid:trending-up'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:arrow-trending-up'"></mat-icon>
|
||||
<div class="font-medium text-sm text-secondary leading-none whitespace-nowrap">
|
||||
<span class="text-red-500">3%</span>
|
||||
above projected
|
||||
|
|
@ -719,7 +719,7 @@
|
|||
[href]="'mailto:' + member.email">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-hint"
|
||||
[svgIcon]="'heroicons_solid:mail'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:envelope'"></mat-icon>
|
||||
<span class="ml-2">Email</span>
|
||||
</a>
|
||||
<a
|
||||
|
|
|
|||
|
|
@ -31,6 +31,7 @@ export class ChangelogComponent
|
|||
list: [
|
||||
'(Dependencies) Updated Angular & Angular Material to v16',
|
||||
'(Dependencies) Updated various other packages',
|
||||
'(Icons) Updated Heroicons'
|
||||
],
|
||||
},
|
||||
],
|
||||
|
|
|
|||
|
|
@ -11,13 +11,13 @@
|
|||
<div class="flex items-center ml-1 whitespace-nowrap">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-secondary"
|
||||
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
|
||||
<a class="ml-1 text-primary-500">Guides</a>
|
||||
</div>
|
||||
<div class="flex items-center ml-1 whitespace-nowrap">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-secondary"
|
||||
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
|
||||
<span class="ml-1 text-secondary">Authentication</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last"
|
||||
mat-icon-button
|
||||
(click)="toggleDrawer()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -11,13 +11,13 @@
|
|||
<div class="flex items-center ml-1 whitespace-nowrap">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-secondary"
|
||||
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
|
||||
<a class="ml-1 text-primary-500">Guides</a>
|
||||
</div>
|
||||
<div class="flex items-center ml-1 whitespace-nowrap">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-secondary"
|
||||
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
|
||||
<span class="ml-1 text-secondary">Customization</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last"
|
||||
mat-icon-button
|
||||
(click)="toggleDrawer()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -11,13 +11,13 @@
|
|||
<div class="flex items-center ml-1 whitespace-nowrap">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-secondary"
|
||||
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
|
||||
<a class="ml-1 text-primary-500">Guides</a>
|
||||
</div>
|
||||
<div class="flex items-center ml-1 whitespace-nowrap">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-secondary"
|
||||
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
|
||||
<span class="ml-1 text-secondary">Customization</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last"
|
||||
mat-icon-button
|
||||
(click)="toggleDrawer()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -11,13 +11,13 @@
|
|||
<div class="flex items-center ml-1 whitespace-nowrap">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-secondary"
|
||||
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
|
||||
<a class="ml-1 text-primary-500">Guides</a>
|
||||
</div>
|
||||
<div class="flex items-center ml-1 whitespace-nowrap">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-secondary"
|
||||
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
|
||||
<span class="ml-1 text-secondary">Customization</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last"
|
||||
mat-icon-button
|
||||
(click)="toggleDrawer()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -11,13 +11,13 @@
|
|||
<div class="flex items-center ml-1 whitespace-nowrap">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-secondary"
|
||||
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
|
||||
<a class="ml-1 text-primary-500">Guides</a>
|
||||
</div>
|
||||
<div class="flex items-center ml-1 whitespace-nowrap">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-secondary"
|
||||
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
|
||||
<span class="ml-1 text-secondary">Customization</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last"
|
||||
mat-icon-button
|
||||
(click)="toggleDrawer()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -11,13 +11,13 @@
|
|||
<div class="flex items-center ml-1 whitespace-nowrap">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-secondary"
|
||||
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
|
||||
<a class="ml-1 text-primary-500">Guides</a>
|
||||
</div>
|
||||
<div class="flex items-center ml-1 whitespace-nowrap">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-secondary"
|
||||
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
|
||||
<span class="ml-1 text-secondary">Customization</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last"
|
||||
mat-icon-button
|
||||
(click)="toggleDrawer()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -11,13 +11,13 @@
|
|||
<div class="flex items-center ml-1 whitespace-nowrap">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-secondary"
|
||||
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
|
||||
<a class="ml-1 text-primary-500">Guides</a>
|
||||
</div>
|
||||
<div class="flex items-center ml-1 whitespace-nowrap">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-secondary"
|
||||
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
|
||||
<span class="ml-1 text-secondary">Customization</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last"
|
||||
mat-icon-button
|
||||
(click)="toggleDrawer()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -11,13 +11,13 @@
|
|||
<div class="flex items-center ml-1 whitespace-nowrap">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-secondary"
|
||||
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
|
||||
<a class="ml-1 text-primary-500">Guides</a>
|
||||
</div>
|
||||
<div class="flex items-center ml-1 whitespace-nowrap">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-secondary"
|
||||
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
|
||||
<span class="ml-1 text-secondary">Customization</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last"
|
||||
mat-icon-button
|
||||
(click)="toggleDrawer()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -11,13 +11,13 @@
|
|||
<div class="flex items-center ml-1 whitespace-nowrap">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-secondary"
|
||||
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
|
||||
<a class="ml-1 text-primary-500">Guides</a>
|
||||
</div>
|
||||
<div class="flex items-center ml-1 whitespace-nowrap">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-secondary"
|
||||
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
|
||||
<span class="ml-1 text-secondary">Development</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last"
|
||||
mat-icon-button
|
||||
(click)="toggleDrawer()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -11,13 +11,13 @@
|
|||
<div class="flex items-center ml-1 whitespace-nowrap">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-secondary"
|
||||
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
|
||||
<a class="ml-1 text-primary-500">Guides</a>
|
||||
</div>
|
||||
<div class="flex items-center ml-1 whitespace-nowrap">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-secondary"
|
||||
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
|
||||
<span class="ml-1 text-secondary">Development</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last"
|
||||
mat-icon-button
|
||||
(click)="toggleDrawer()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -11,13 +11,13 @@
|
|||
<div class="flex items-center ml-1 whitespace-nowrap">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-secondary"
|
||||
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
|
||||
<a class="ml-1 text-primary-500">Guides</a>
|
||||
</div>
|
||||
<div class="flex items-center ml-1 whitespace-nowrap">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-secondary"
|
||||
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
|
||||
<span class="ml-1 text-secondary">Development</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last"
|
||||
mat-icon-button
|
||||
(click)="toggleDrawer()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -11,13 +11,13 @@
|
|||
<div class="flex items-center ml-1 whitespace-nowrap">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-secondary"
|
||||
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
|
||||
<a class="ml-1 text-primary-500">Guides</a>
|
||||
</div>
|
||||
<div class="flex items-center ml-1 whitespace-nowrap">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-secondary"
|
||||
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
|
||||
<span class="ml-1 text-secondary">Development</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last"
|
||||
mat-icon-button
|
||||
(click)="toggleDrawer()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -11,13 +11,13 @@
|
|||
<div class="flex items-center ml-1 whitespace-nowrap">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-secondary"
|
||||
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
|
||||
<a class="ml-1 text-primary-500">Guides</a>
|
||||
</div>
|
||||
<div class="flex items-center ml-1 whitespace-nowrap">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-secondary"
|
||||
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
|
||||
<span class="ml-1 text-secondary">Development</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last"
|
||||
mat-icon-button
|
||||
(click)="toggleDrawer()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -11,13 +11,13 @@
|
|||
<div class="flex items-center ml-1 whitespace-nowrap">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-secondary"
|
||||
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
|
||||
<a class="ml-1 text-primary-500">Guides</a>
|
||||
</div>
|
||||
<div class="flex items-center ml-1 whitespace-nowrap">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-secondary"
|
||||
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
|
||||
<span class="ml-1 text-secondary">Getting Started</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last"
|
||||
mat-icon-button
|
||||
(click)="toggleDrawer()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -11,13 +11,13 @@
|
|||
<div class="flex items-center ml-1 whitespace-nowrap">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-secondary"
|
||||
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
|
||||
<a class="ml-1 text-primary-500">Guides</a>
|
||||
</div>
|
||||
<div class="flex items-center ml-1 whitespace-nowrap">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-secondary"
|
||||
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
|
||||
<span class="ml-1 text-secondary">Getting Started</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last"
|
||||
mat-icon-button
|
||||
(click)="toggleDrawer()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -11,13 +11,13 @@
|
|||
<div class="flex items-center ml-1 whitespace-nowrap">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-secondary"
|
||||
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
|
||||
<a class="ml-1 text-primary-500">Guides</a>
|
||||
</div>
|
||||
<div class="flex items-center ml-1 whitespace-nowrap">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-secondary"
|
||||
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
|
||||
<span class="ml-1 text-secondary">Getting Started</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last"
|
||||
mat-icon-button
|
||||
(click)="toggleDrawer()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -11,13 +11,13 @@
|
|||
<div class="flex items-center ml-1 whitespace-nowrap">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-secondary"
|
||||
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
|
||||
<a class="ml-1 text-primary-500">Guides</a>
|
||||
</div>
|
||||
<div class="flex items-center ml-1 whitespace-nowrap">
|
||||
<mat-icon
|
||||
class="icon-size-5 text-secondary"
|
||||
[svgIcon]="'heroicons_solid:chevron-right'"></mat-icon>
|
||||
[svgIcon]="'heroicons_mini:chevron-right'"></mat-icon>
|
||||
<span class="ml-1 text-secondary">Getting Started</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
class="-ml-3 sm:ml-0 mb-2 sm:mb-0 order-first sm:order-last"
|
||||
mat-icon-button
|
||||
(click)="toggleDrawer()">
|
||||
<mat-icon [svgIcon]="'heroicons_outline:menu'"></mat-icon>
|
||||
<mat-icon [svgIcon]="'heroicons_outline:bars-3'"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -48,7 +48,7 @@
|
|||
<mat-icon
|
||||
class="icon-size-5"
|
||||
*ngIf="passwordField.type === 'text'"
|
||||
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
|
||||
</button>
|
||||
<mat-error>
|
||||
Password is required
|
||||
|
|
@ -76,7 +76,7 @@
|
|||
<mat-icon
|
||||
class="icon-size-5"
|
||||
*ngIf="passwordConfirmField.type === 'text'"
|
||||
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
|
||||
</button>
|
||||
<mat-error *ngIf="resetPasswordForm.get('passwordConfirm').hasError('required')">
|
||||
Password confirmation is required
|
||||
|
|
|
|||
|
|
@ -98,7 +98,7 @@
|
|||
<mat-icon
|
||||
class="icon-size-5"
|
||||
*ngIf="passwordField.type === 'text'"
|
||||
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
|
||||
</button>
|
||||
<mat-error>
|
||||
Password is required
|
||||
|
|
@ -126,7 +126,7 @@
|
|||
<mat-icon
|
||||
class="icon-size-5"
|
||||
*ngIf="passwordConfirmField.type === 'text'"
|
||||
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
|
||||
</button>
|
||||
<mat-error *ngIf="resetPasswordForm.get('passwordConfirm').hasError('required')">
|
||||
Password confirmation is required
|
||||
|
|
|
|||
|
|
@ -48,7 +48,7 @@
|
|||
<mat-icon
|
||||
class="icon-size-5"
|
||||
*ngIf="passwordField.type === 'text'"
|
||||
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
|
||||
</button>
|
||||
<mat-error>
|
||||
Password is required
|
||||
|
|
@ -76,7 +76,7 @@
|
|||
<mat-icon
|
||||
class="icon-size-5"
|
||||
*ngIf="passwordConfirmField.type === 'text'"
|
||||
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
|
||||
</button>
|
||||
<mat-error *ngIf="resetPasswordForm.get('passwordConfirm').hasError('required')">
|
||||
Password confirmation is required
|
||||
|
|
|
|||
|
|
@ -99,7 +99,7 @@
|
|||
<mat-icon
|
||||
class="icon-size-5"
|
||||
*ngIf="passwordField.type === 'text'"
|
||||
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
|
||||
</button>
|
||||
<mat-error>
|
||||
Password is required
|
||||
|
|
@ -127,7 +127,7 @@
|
|||
<mat-icon
|
||||
class="icon-size-5"
|
||||
*ngIf="passwordConfirmField.type === 'text'"
|
||||
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
|
||||
</button>
|
||||
<mat-error *ngIf="resetPasswordForm.get('passwordConfirm').hasError('required')">
|
||||
Password confirmation is required
|
||||
|
|
|
|||
|
|
@ -49,7 +49,7 @@
|
|||
<mat-icon
|
||||
class="icon-size-5"
|
||||
*ngIf="passwordField.type === 'text'"
|
||||
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
|
||||
</button>
|
||||
<mat-error>
|
||||
Password is required
|
||||
|
|
@ -77,7 +77,7 @@
|
|||
<mat-icon
|
||||
class="icon-size-5"
|
||||
*ngIf="passwordConfirmField.type === 'text'"
|
||||
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
|
||||
</button>
|
||||
<mat-error *ngIf="resetPasswordForm.get('passwordConfirm').hasError('required')">
|
||||
Password confirmation is required
|
||||
|
|
|
|||
|
|
@ -98,7 +98,7 @@
|
|||
<mat-icon
|
||||
class="icon-size-5"
|
||||
*ngIf="passwordField.type === 'text'"
|
||||
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
|
||||
</button>
|
||||
<mat-error>
|
||||
Password is required
|
||||
|
|
@ -126,7 +126,7 @@
|
|||
<mat-icon
|
||||
class="icon-size-5"
|
||||
*ngIf="passwordConfirmField.type === 'text'"
|
||||
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
|
||||
</button>
|
||||
<mat-error *ngIf="resetPasswordForm.get('passwordConfirm').hasError('required')">
|
||||
Password confirmation is required
|
||||
|
|
|
|||
|
|
@ -48,7 +48,7 @@
|
|||
<mat-icon
|
||||
class="icon-size-5"
|
||||
*ngIf="passwordField.type === 'text'"
|
||||
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
|
||||
</button>
|
||||
<mat-error>
|
||||
Password is required
|
||||
|
|
@ -76,7 +76,7 @@
|
|||
<mat-icon
|
||||
class="icon-size-5"
|
||||
*ngIf="passwordConfirmField.type === 'text'"
|
||||
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
|
||||
</button>
|
||||
<mat-error *ngIf="resetPasswordForm.get('passwordConfirm').hasError('required')">
|
||||
Password confirmation is required
|
||||
|
|
|
|||
|
|
@ -69,7 +69,7 @@
|
|||
<mat-icon
|
||||
class="icon-size-5"
|
||||
*ngIf="passwordField.type === 'text'"
|
||||
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
|
||||
</button>
|
||||
<mat-error>
|
||||
Password is required
|
||||
|
|
|
|||
|
|
@ -119,7 +119,7 @@
|
|||
<mat-icon
|
||||
class="icon-size-5"
|
||||
*ngIf="passwordField.type === 'text'"
|
||||
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
|
||||
</button>
|
||||
<mat-error>
|
||||
Password is required
|
||||
|
|
|
|||
|
|
@ -69,7 +69,7 @@
|
|||
<mat-icon
|
||||
class="icon-size-5"
|
||||
*ngIf="passwordField.type === 'text'"
|
||||
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
|
||||
</button>
|
||||
<mat-error>
|
||||
Password is required
|
||||
|
|
|
|||
|
|
@ -120,7 +120,7 @@
|
|||
<mat-icon
|
||||
class="icon-size-5"
|
||||
*ngIf="passwordField.type === 'text'"
|
||||
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
|
||||
</button>
|
||||
<mat-error>
|
||||
Password is required
|
||||
|
|
|
|||
|
|
@ -70,7 +70,7 @@
|
|||
<mat-icon
|
||||
class="icon-size-5"
|
||||
*ngIf="passwordField.type === 'text'"
|
||||
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
|
||||
</button>
|
||||
<mat-error>
|
||||
Password is required
|
||||
|
|
|
|||
|
|
@ -119,7 +119,7 @@
|
|||
<mat-icon
|
||||
class="icon-size-5"
|
||||
*ngIf="passwordField.type === 'text'"
|
||||
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
|
||||
</button>
|
||||
<mat-error>
|
||||
Password is required
|
||||
|
|
|
|||
|
|
@ -69,7 +69,7 @@
|
|||
<mat-icon
|
||||
class="icon-size-5"
|
||||
*ngIf="passwordField.type === 'text'"
|
||||
[svgIcon]="'heroicons_solid:eye-off'"></mat-icon>
|
||||
[svgIcon]="'heroicons_solid:eye-slash'"></mat-icon>
|
||||
</button>
|
||||
<mat-error>
|
||||
Password is required
|
||||
|
|
|
|||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user