Vikash Prem SharmaandJose Alberto Hernandez
ccd6e8dded
Added styles and configurations to enable dark mode throughout the application. The dark mode features a deep blue color scheme for primary elements and improved visibility for cursor. Selected option text in mat-select now appears in white for better contrast. This enhancement provides users with the option to switch between light and dark modes seamlessly. Changes: - Added dark mode styles in the theme service - Updated mifosx-theme.scss for dark mode customization - Adjusted cursor visibility in dark mode - Modified selected option text color in mat-select Fixes #2021 Implemented the black-logo image into white-logo-image dynamically
64 lines
2.8 KiB
HTML
64 lines
2.8 KiB
HTML
<div fxLayput="row" fxLayoutAlign="end" fxLayoutGap="2%" fxLayout.lt-md="column" class="container m-b-20">
|
|
|
|
<div #buttonDashboard class="in-block">
|
|
<button mat-raised-button color="primary" [routerLink]="['/dashboard']">
|
|
<fa-icon icon="tachometer-alt" class="m-r-10"></fa-icon>
|
|
{{'labels.buttons.Dashboard' | translate}}
|
|
</button>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="container">
|
|
|
|
<mat-card>
|
|
|
|
<mat-card-header>
|
|
<mat-card-title class="title">
|
|
{{'labels.text.Welcome' | translate}}, {{ username }}!
|
|
</mat-card-title>
|
|
</mat-card-header>
|
|
|
|
<mat-card-content #searchActivity>
|
|
|
|
<div fxLayout="column">
|
|
<mat-form-field>
|
|
<mat-label>{{'labels.placeholders.Search Activity' | translate}}</mat-label>
|
|
<input matInput [matAutocomplete]="activitySearch" [formControl]="searchText">
|
|
</mat-form-field>
|
|
</div>
|
|
|
|
<mat-autocomplete #activitySearch="matAutocomplete">
|
|
<mat-option *ngFor="let activity of filteredActivities | async" [routerLink]="activity.path">
|
|
<span>{{activity.activity}}</span>
|
|
</mat-option>
|
|
</mat-autocomplete>
|
|
|
|
</mat-card-content>
|
|
|
|
<img mat-card-image src="assets/images/mifos_lg-logo.png" alt="Mifos X">
|
|
|
|
</mat-card>
|
|
|
|
</div>
|
|
|
|
<ng-template #templateButtonDashboard let-popover="popover">
|
|
<h2>{{"labels.heading.Dashboard" | translate}}</h2>
|
|
<p class="mw300">{{"labels.text.This will navigate the user to the dashboard component." | translate}}</p>
|
|
<div fxLayout="row" fxLayoutAlign="end" fxLayoutGap="2%" fxLayout.lt-md="column">
|
|
<button mat-raised-button color="warn" (click)="popover.close();configurationWizardService.closeConfigWizard()">{{"labels.buttons.Close" | translate}}</button>
|
|
<button mat-raised-button color="primary" (click)="popover.close();previousStep()">{{"labels.buttons.Back" | translate}}</button>
|
|
<button mat-raised-button color="primary" (click)="popover.close();showPopover(templateSearchActivity, searchActivity,'bottom',true)">{{"labels.buttons.Next" | translate}}</button>
|
|
</div>
|
|
</ng-template>
|
|
|
|
<ng-template #templateSearchActivity let-popover="popover">
|
|
<h2>{{"labels.heading.Search Activity" | translate}}</h2>
|
|
<p class="mw300">{{"labels.text.This will navigate the user to the searched activity." | translate}}</p>
|
|
<div fxLayout="row" fxLayoutAlign="end" fxLayoutGap="2%" fxLayout.lt-md="column">
|
|
<button mat-raised-button color="warn" (click)="popover.close();configurationWizardService.closeConfigWizard()">{{"labels.buttons.Close" | translate}}</button>
|
|
<button mat-raised-button color="primary" (click)="popover.close();showPopover(templateButtonDashboard, buttonDashboard,'bottom',true)">{{"labels.buttons.Back" | translate}}</button>
|
|
<button mat-raised-button color="primary" (click)="popover.close();nextStep()">{{"labels.buttons.Next" | translate}}</button>
|
|
</div>
|
|
</ng-template>
|