mirror of
https://github.com/richard-loafle/fuse-angular.git
synced 2026-03-25 22:09:13 +00:00
Merge branch 'demo' into luxon
This commit is contained in:
@@ -10,8 +10,8 @@
|
||||
</div>
|
||||
|
||||
<!-- Preview -->
|
||||
<div class="aspect-w-9 aspect-h-6 mt-8">
|
||||
<div class="flex items-center justify-center border rounded-lg bg-gray-50 dark:bg-card">
|
||||
<div class="mt-8 aspect-[9/6]">
|
||||
<div class="flex items-center justify-center h-full border rounded-lg bg-gray-50 dark:bg-card">
|
||||
<ng-container *ngIf="item.type === 'folder'">
|
||||
<mat-icon
|
||||
class="icon-size-24 text-hint"
|
||||
|
||||
@@ -89,12 +89,12 @@
|
||||
<a
|
||||
class="z-10 absolute inset-0 flex flex-col p-4 cursor-pointer"
|
||||
[routerLink]="['/apps/file-manager/folders/', folder.id]">
|
||||
<div class="aspect-w-9 aspect-h-6">
|
||||
<div class="flex items-center justify-center">
|
||||
<div class="aspect-[9/6]">
|
||||
<div class="flex items-center justify-center h-full">
|
||||
<!-- Icon -->
|
||||
<mat-icon
|
||||
class="icon-size-14 text-hint"
|
||||
[svgIcon]="'heroicons_outline:folder'"></mat-icon>
|
||||
class="icon-size-14 text-hint opacity-50"
|
||||
[svgIcon]="'heroicons_solid:folder'"></mat-icon>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col flex-auto justify-center text-center text-sm font-medium">
|
||||
@@ -122,13 +122,13 @@
|
||||
<a
|
||||
class="flex flex-col w-40 h-40 m-2 p-4 shadow rounded-2xl cursor-pointer bg-card"
|
||||
[routerLink]="['./details/', file.id]">
|
||||
<div class="aspect-w-9 aspect-h-6">
|
||||
<div class="flex items-center justify-center">
|
||||
<div class="aspect-[9/6]">
|
||||
<div class="flex items-center justify-center h-full">
|
||||
<!-- Icons -->
|
||||
<div class="relative">
|
||||
<mat-icon
|
||||
class="icon-size-14 text-hint"
|
||||
[svgIcon]="'heroicons_outline:document'"></mat-icon>
|
||||
class="icon-size-14 text-hint opacity-50"
|
||||
[svgIcon]="'heroicons_solid:document'"></mat-icon>
|
||||
<div
|
||||
class="absolute left-0 bottom-0 px-1.5 rounded text-sm font-semibold leading-5 text-white"
|
||||
[class.bg-red-600]="file.type === 'PDF'"
|
||||
|
||||
@@ -25,9 +25,12 @@
|
||||
</button>
|
||||
<mat-menu #toggleLabelMenu="matMenu">
|
||||
<ng-container *ngFor="let label of labels; trackBy: trackByFn">
|
||||
<div mat-menu-item>
|
||||
<div
|
||||
mat-menu-item
|
||||
(click)="toggleLabel(label)"
|
||||
matRipple>
|
||||
<mat-checkbox
|
||||
(change)="toggleLabel(label)"
|
||||
class="pointer-events-none"
|
||||
[color]="'primary'"
|
||||
[checked]="mail.labels.includes(label.id)"
|
||||
[disableRipple]="true">
|
||||
|
||||
@@ -9,6 +9,7 @@ import { MatIconModule } from '@angular/material/icon';
|
||||
import { MatInputModule } from '@angular/material/input';
|
||||
import { MatMenuModule } from '@angular/material/menu';
|
||||
import { MatProgressBarModule } from '@angular/material/progress-bar';
|
||||
import { MatRippleModule } from '@angular/material/core';
|
||||
import { MatSelectModule } from '@angular/material/select';
|
||||
import { MatSidenavModule } from '@angular/material/sidenav';
|
||||
import { QuillModule } from 'ngx-quill';
|
||||
@@ -36,7 +37,7 @@ import { mailboxRoutes } from 'app/modules/admin/apps/mailbox/mailbox.routing';
|
||||
MailboxSettingsComponent,
|
||||
MailboxSidebarComponent
|
||||
],
|
||||
imports : [
|
||||
imports: [
|
||||
RouterModule.forChild(mailboxRoutes),
|
||||
MatButtonModule,
|
||||
MatCheckboxModule,
|
||||
@@ -47,6 +48,7 @@ import { mailboxRoutes } from 'app/modules/admin/apps/mailbox/mailbox.routing';
|
||||
MatInputModule,
|
||||
MatMenuModule,
|
||||
MatProgressBarModule,
|
||||
MatRippleModule,
|
||||
MatSelectModule,
|
||||
MatSidenavModule,
|
||||
QuillModule.forRoot(),
|
||||
@@ -54,7 +56,7 @@ import { mailboxRoutes } from 'app/modules/admin/apps/mailbox/mailbox.routing';
|
||||
FuseNavigationModule,
|
||||
FuseScrollbarModule,
|
||||
FuseScrollResetModule,
|
||||
SharedModule
|
||||
SharedModule,
|
||||
]
|
||||
})
|
||||
export class MailboxModule
|
||||
|
||||
@@ -148,9 +148,10 @@
|
||||
(click)="toggleTaskTag(tag)"
|
||||
matRipple>
|
||||
<mat-checkbox
|
||||
class="flex items-center h-10 min-h-10"
|
||||
class="flex items-center h-10 min-h-10 pointer-events-none"
|
||||
[checked]="task.tags.includes(tag.id)"
|
||||
[color]="'primary'"
|
||||
[checked]="task.tags.includes(tag.id)">
|
||||
[disableRipple]="true">
|
||||
</mat-checkbox>
|
||||
<div class="ml-1">{{tag.title}}</div>
|
||||
</div>
|
||||
|
||||
@@ -26,7 +26,7 @@
|
||||
<!-- Actions -->
|
||||
<div class="flex items-center mt-6 sm:mt-0 sm:ml-2 space-x-3">
|
||||
<button
|
||||
class="fuse-mat-button-rounded bg-accent-700"
|
||||
class="bg-accent"
|
||||
mat-flat-button
|
||||
[color]="'accent'">
|
||||
<mat-icon
|
||||
@@ -35,7 +35,6 @@
|
||||
<span class="ml-2">Messages</span>
|
||||
</button>
|
||||
<button
|
||||
class="fuse-mat-button-rounded"
|
||||
mat-flat-button
|
||||
[color]="'primary'">
|
||||
<mat-icon
|
||||
|
||||
@@ -10,6 +10,55 @@ export class ChangelogComponent
|
||||
{
|
||||
changelog: any[] = [
|
||||
|
||||
// v15.2.0
|
||||
{
|
||||
version : 'v15.2.0',
|
||||
releaseDate: 'Aug 22, 2022',
|
||||
changes : [
|
||||
{
|
||||
type: 'Changed',
|
||||
list: [
|
||||
'(dependencies) Updated Angular & Angular Material to v14.1.3',
|
||||
'(dependencies) Updated various other packages'
|
||||
]
|
||||
},
|
||||
{
|
||||
type: 'Fixed',
|
||||
list: [
|
||||
'(@fuse/tailwind/plugins/theming) Simplified the plugin and added more detailed comments',
|
||||
'(tailwind.config) Fixed: typo on comment',
|
||||
'(tailwind) Removed the "aspect-ratio" plugin in favor of the included "aspect" utility',
|
||||
'(layout/common/messages) Fixed: Wrong color classes on "No Messages" icon',
|
||||
'(layout/common/notifications) Fixed: Wrong color classes on "No Notifications" icon',
|
||||
'(layout/common/shortcuts) Fixed: Wrong color classes on "No Shortcuts" icon',
|
||||
'(dashboards/project) Removed unnecessary classes from the buttons',
|
||||
'(apps/mailbox) Better label toggle behavior',
|
||||
'(apps/tasks) Better tag toggle behavior',
|
||||
'(docs) Fixed: Typos'
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
// v15.1.0
|
||||
{
|
||||
version : 'v15.1.0',
|
||||
releaseDate: 'Jul 21, 2022',
|
||||
changes : [
|
||||
{
|
||||
type: 'Changed',
|
||||
list: [
|
||||
'(dependencies) Updated Angular & Angular Material to v14.1.0',
|
||||
'(dependencies) Updated various other packages'
|
||||
]
|
||||
},
|
||||
{
|
||||
type: 'Fixed',
|
||||
list: [
|
||||
'(@fuse/overrides/angular-material) mat-hint position is not working correctly on fields'
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
// v15.0.0
|
||||
{
|
||||
version : 'v15.0.0',
|
||||
@@ -22,7 +71,7 @@ export class ChangelogComponent
|
||||
'(@fuse/overrides/quill) Added tooltip styles for better compatibility',
|
||||
'(@fuse/services/platform) Added platform checker service',
|
||||
'(global) Added custom scrollbar styling for platforms other than macOS and iOS',
|
||||
'(layout/common/search) Implemented the new MatAutocomplete "autoSelectActiveOption" functionality',
|
||||
'(layout/common/search) Implemented the new MatAutocomplete "autoSelectActiveOption" functionality'
|
||||
]
|
||||
},
|
||||
{
|
||||
@@ -38,7 +87,7 @@ export class ChangelogComponent
|
||||
'(@fuse/overrides/quill) Better scrolling for Quill editor',
|
||||
'(auth) Made the renewing token on "sign-in-with-token" process an optional step to simplify the login process',
|
||||
'(auth) Changed the url on "signInUsingToken" method to reflect the mock-api changes',
|
||||
'(mock-api) Replaced the "refresh-access-token" url with "sign-in-with-token"',
|
||||
'(mock-api) Replaced the "refresh-access-token" url with "sign-in-with-token"'
|
||||
]
|
||||
},
|
||||
{
|
||||
|
||||
@@ -135,7 +135,7 @@
|
||||
<p class="font-medium">on-primary, on-accent, on-warn</p>
|
||||
These are the 3 main contrasting color palettes of the theme. They can be either a complete or a partial
|
||||
Tailwind color palette. By default, Fuse will automatically generate contrasting colors using the colors
|
||||
from "Primary", "Accent" and "Warn" palettes but for some reason, if you more control over the contrasting
|
||||
from "Primary", "Accent" and "Warn" palettes but for some reason, if you want more control over the contrasting
|
||||
colors, you can use these objects to customize them.
|
||||
</li>
|
||||
</ul>
|
||||
@@ -181,7 +181,7 @@
|
||||
},
|
||||
|
||||
// Here we define the "Accent" palette for the default theme.
|
||||
// It uses the default "blue-gray" color palette from Tailwind's default
|
||||
// It uses the default "slate" color palette from Tailwind's default
|
||||
// color palettes and sets the 800 hue level as the DEFAULT color.
|
||||
accent : {
|
||||
...colors.slate,
|
||||
|
||||
Reference in New Issue
Block a user