purchasing/fuse-angular
3
0
Fork 0
mirror of https://github.com/richard-loafle/fuse-angular.git synced 2025-01-09 12:05:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

(pages/activities) Couple data and style tweaks

Browse Source
This commit is contained in:
sercan 2021-05-20 16:48:38 +03:00
parent 3b727fe859
commit 60e9c65505
2 changed files with 16 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/app/mock-api/pages/activities/data.ts
View File

@ -4,10 +4,10 @@ import { Activity } from 'app/modules/admin/pages/activities/activities.types';
export const activities: Activity[] = [ export const activities: Activity[] = [
{ {
id : '493190c9-5b61-4912-afe5-78c21f1044d7', id : '493190c9-5b61-4912-afe5-78c21f1044d7',
icon : 'heroicons_solid:star', icon : 'heroicons_solid:star',
description : 'Your submission has been accepted', description : 'Your submission has been accepted',
date : moment().subtract(25, 'minutes').toISOString(), // 25 minutes ago date : moment().subtract(25, 'minutes').toISOString(), // 25 minutes ago
extraContent: `<div class="font-bold">Congratulations for your acceptance!</div><br> extraContent: `<div class="font-bold">Congratulations for your acceptance!</div><br>
<div>Hi Brian,<br>Your submission has been accepted and you are ready to move into the next phase. Once you are ready, reach out to me and we will ...</div>` <div>Hi Brian,<br>Your submission has been accepted and you are ready to move into the next phase. Once you are ready, reach out to me and we will ...</div>`
}, },
@ -39,10 +39,11 @@ export const activities: Activity[] = [
useRouter : true useRouter : true
}, },
{ {
id : 'ef7b95a7-8e8b-4616-9619-130d9533add9', id : 'ef7b95a7-8e8b-4616-9619-130d9533add9',
image : 'assets/images/avatars/male-06.jpg', image : 'assets/images/avatars/male-06.jpg',
description: '<strong>Roger Murray</strong> accepted your friend request', description : '<strong>Roger Murray</strong> accepted your friend request',
date : moment().subtract(7, 'hours').toISOString() // 7 hours ago date : moment().subtract(7, 'hours').toISOString(), // 7 hours ago
extraContent: `You have <span class="font-semibold">8</span> mutual friends.`
}, },
{ {
id : 'eb8aa470-635e-461d-88e1-23d9ea2a5665', id : 'eb8aa470-635e-461d-88e1-23d9ea2a5665',
@ -55,11 +56,11 @@ export const activities: Activity[] = [
icon : 'heroicons_solid:mail', icon : 'heroicons_solid:mail',
description : 'You have 3 new mails', description : 'You have 3 new mails',
date : moment().subtract(1, 'day').toISOString(), // 1 day ago date : moment().subtract(1, 'day').toISOString(), // 1 day ago
extraContent: `<div class="space-y-2"> extraContent : `<ol class="list-decimal list-inside space-y-2">
<div class="font-medium">Please review and sign the attached agreement</div> <li class="font-medium">Please review and sign the attached agreement</li>
<div class="font-medium">Delivery address confirmation</div> <li class="font-medium">Delivery address confirmation</li>
<div class="font-medium">Previous clients and their invoices</div> <li class="font-medium">Previous clients and their invoices</li>
</div>`, </ol>`,
linkedContent: 'Mailbox', linkedContent: 'Mailbox',
link : '/apps/mailbox', link : '/apps/mailbox',
useRouter : true useRouter : true

4
src/app/modules/admin/pages/activities/activities.component.html
View File

@ -36,7 +36,7 @@
<div class="relative flex flex-auto"> <div class="relative flex flex-auto">
<!-- Icon --> <!-- Icon -->
<ng-container *ngIf="activity.icon && !activity.image"> <ng-container *ngIf="activity.icon && !activity.image">
<div class="flex flex-shrink-0 items-center justify-center w-10 h-10 mr-4 rounded-full bg-gray-500"> <div class="flex flex-shrink-0 items-center justify-center w-10 h-10 mr-4 rounded-full bg-gray-400">
<mat-icon <mat-icon
class="icon-size-5 text-white" class="icon-size-5 text-white"
[svgIcon]="activity.icon"> [svgIcon]="activity.icon">
@ -89,7 +89,7 @@
<!-- Extra content --> <!-- Extra content -->
<ng-container *ngIf="activity.extraContent"> <ng-container *ngIf="activity.extraContent">
<div <div
class="mt-4 py-4 px-5 rounded bg-gray-200 dark:bg-gray-800" class="mt-4 py-4 px-5 rounded-lg bg-gray-200 dark:bg-gray-800"
[innerHTML]="activity.extraContent"></div> [innerHTML]="activity.extraContent"></div>
</ng-container> </ng-container>
</div> </div>