WEB-636 feat(system): implement system information section (#3207)
WEB-636 fix(system): address code review feedback for stylelint and link security
This commit is contained in:
Shubham Kumar
@@ -114,6 +114,7 @@ import {
|
||||
faAddressCard,
|
||||
faKeyboard,
|
||||
faInfo,
|
||||
faInfoCircle,
|
||||
faTasks,
|
||||
faCoins,
|
||||
faPiggyBank,
|
||||
@@ -267,6 +268,7 @@ export class IconsModule {
|
||||
faAddressCard,
|
||||
faKeyboard,
|
||||
faInfo,
|
||||
faInfoCircle,
|
||||
faTasks,
|
||||
faCoins,
|
||||
faPiggyBank,
|
||||
|
||||
@@ -0,0 +1,50 @@
|
||||
<!--
|
||||
Copyright since 2025 Mifos Initiative
|
||||
|
||||
This Source Code Form is subject to the terms of the Mozilla Public
|
||||
License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
||||
-->
|
||||
|
||||
<div class="container">
|
||||
<mat-card>
|
||||
<div class="system-info-section">
|
||||
<table class="system-info-table">
|
||||
<tr>
|
||||
<td class="info-label">{{ 'labels.version.Tenant' | translate }}</td>
|
||||
<td class="info-value">{{ tenant }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="info-label">{{ 'labels.version.Mifos WebApp' | translate }}</td>
|
||||
<td class="info-value">{{ mifosVersion }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="info-label">{{ 'labels.version.Apache Fineract' | translate }}</td>
|
||||
<td class="info-value">{{ fineractVersion }}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="info-label">{{ 'labels.version.Server' | translate }}</td>
|
||||
<td class="info-value">{{ server }}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="licensing-section">
|
||||
<h2>{{ 'labels.heading.Software Licensing' | translate }}</h2>
|
||||
|
||||
<p [innerHTML]="'labels.licensing.Apache Fineract Description' | translate"></p>
|
||||
|
||||
<p [innerHTML]="'labels.licensing.Mifos X Distribution' | translate"></p>
|
||||
|
||||
<p [innerHTML]="'labels.licensing.Legacy Codebase' | translate"></p>
|
||||
|
||||
<ul>
|
||||
<li [innerHTML]="'labels.licensing.How to License Code' | translate"></li>
|
||||
<li [innerHTML]="'labels.licensing.Contributor Agreement' | translate"></li>
|
||||
<li [innerHTML]="'labels.licensing.License FAQs' | translate"></li>
|
||||
<li [innerHTML]="'labels.licensing.Adding External Software' | translate"></li>
|
||||
<li [innerHTML]="'labels.licensing.Code of Conduct' | translate"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</mat-card>
|
||||
</div>
|
||||
@@ -0,0 +1,111 @@
|
||||
/**
|
||||
* Copyright since 2025 Mifos Initiative
|
||||
*
|
||||
* This Source Code Form is subject to the terms of the Mozilla Public
|
||||
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
||||
*/
|
||||
|
||||
.system-info-section {
|
||||
padding: 24px 16px;
|
||||
}
|
||||
|
||||
.system-info-table {
|
||||
width: 100%;
|
||||
max-width: 600px;
|
||||
border-collapse: collapse;
|
||||
|
||||
tr {
|
||||
border-bottom: 1px solid var(--md-sys-color-outline-variant, #e0e0e0);
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 12px 16px;
|
||||
}
|
||||
|
||||
.info-label {
|
||||
font-weight: 500;
|
||||
color: var(--md-sys-color-on-surface-variant, #555);
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.info-value {
|
||||
font-weight: 600;
|
||||
color: var(--md-sys-color-on-surface, #333);
|
||||
}
|
||||
}
|
||||
|
||||
.licensing-section {
|
||||
padding: 16px 24px;
|
||||
|
||||
h2 {
|
||||
color: #4caf50;
|
||||
margin-top: 24px;
|
||||
margin-bottom: 16px;
|
||||
font-size: 1.5rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
p {
|
||||
line-height: 1.6;
|
||||
margin-bottom: 12px;
|
||||
color: var(--md-sys-color-on-surface-variant, #555);
|
||||
}
|
||||
|
||||
// stylelint-disable-next-line selector-pseudo-element-no-unknown
|
||||
::ng-deep a {
|
||||
color: #4caf50;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
padding-left: 24px;
|
||||
margin-top: 12px;
|
||||
|
||||
li {
|
||||
margin-bottom: 8px;
|
||||
line-height: 1.5;
|
||||
color: var(--md-sys-color-on-surface-variant, #555);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Dark theme support
|
||||
:host-context(.dark-theme) {
|
||||
.system-info-table {
|
||||
tr {
|
||||
border-bottom-color: rgb(255 255 255 / 30%);
|
||||
}
|
||||
|
||||
.info-label {
|
||||
color: #bbb;
|
||||
}
|
||||
|
||||
.info-value {
|
||||
color: rgb(255 255 255 / 87%);
|
||||
}
|
||||
}
|
||||
|
||||
.licensing-section {
|
||||
h2 {
|
||||
color: #66bb6a;
|
||||
}
|
||||
|
||||
p {
|
||||
color: rgb(255 255 255 / 70%);
|
||||
}
|
||||
|
||||
// stylelint-disable-next-line selector-pseudo-element-no-unknown
|
||||
::ng-deep a {
|
||||
color: #0098ff;
|
||||
}
|
||||
|
||||
ul li {
|
||||
color: rgb(255 255 255 / 70%);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,45 @@
|
||||
/**
|
||||
* Copyright since 2025 Mifos Initiative
|
||||
*
|
||||
* This Source Code Form is subject to the terms of the Mozilla Public
|
||||
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
||||
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
||||
*/
|
||||
|
||||
import { Component, OnInit, inject } from '@angular/core';
|
||||
import { MatCard } from '@angular/material/card';
|
||||
import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
|
||||
import { SettingsService } from 'app/settings/settings.service';
|
||||
import { VersionService } from 'app/system/version.service';
|
||||
import { environment } from '../../../environments/environment';
|
||||
|
||||
@Component({
|
||||
selector: 'mifosx-system-information',
|
||||
templateUrl: './system-information.component.html',
|
||||
styleUrls: ['./system-information.component.scss'],
|
||||
imports: [
|
||||
...STANDALONE_SHARED_IMPORTS,
|
||||
MatCard
|
||||
]
|
||||
})
|
||||
export class SystemInformationComponent implements OnInit {
|
||||
private settingsService = inject(SettingsService);
|
||||
private versionService = inject(VersionService);
|
||||
|
||||
tenant = '';
|
||||
mifosVersion = '';
|
||||
fineractVersion = '';
|
||||
server = '';
|
||||
|
||||
ngOnInit(): void {
|
||||
this.tenant = this.settingsService.tenantIdentifier || 'default';
|
||||
this.mifosVersion = environment.version;
|
||||
this.server = this.settingsService.server;
|
||||
|
||||
this.versionService.getBackendInfo().subscribe((data: any) => {
|
||||
if (data.git && data.git.build && data.git.build.version) {
|
||||
this.fineractVersion = data.git.build.version;
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
@@ -54,6 +54,7 @@ import { EditRoleComponent } from './roles-and-permissions/edit-role/edit-role.c
|
||||
import { RolesAndPermissionsComponent } from './roles-and-permissions/roles-and-permissions.component';
|
||||
import { ViewRoleComponent } from './roles-and-permissions/view-role/view-role.component';
|
||||
import { SystemComponent } from './system.component';
|
||||
import { SystemInformationComponent } from './system-information/system-information.component';
|
||||
|
||||
/** Custom Resolvers */
|
||||
import { AccountNumberPreferencesResolver } from './account-number-preferences/account-number-preferences.resolver';
|
||||
@@ -582,6 +583,11 @@ const routes: Routes = [
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
path: 'system-information',
|
||||
component: SystemInformationComponent,
|
||||
data: { title: 'System Information', breadcrumb: 'System Information' }
|
||||
},
|
||||
{
|
||||
path: 'audit-trails',
|
||||
data: { title: 'Audit Trails', breadcrumb: 'Audit Trails' },
|
||||
|
||||
@@ -290,6 +290,40 @@
|
||||
</div>
|
||||
</div>
|
||||
</mat-list-item>
|
||||
|
||||
<mat-list-item [routerLink]="['system-information']">
|
||||
<div class="menu-list-item-content">
|
||||
<div class="menu-left-section" [routerLink]="['system-information']">
|
||||
<mat-icon matListIcon>
|
||||
<fa-icon icon="info-circle" size="sm"></fa-icon>
|
||||
</mat-icon>
|
||||
<div matLine>
|
||||
{{ 'labels.heading.System Information' | translate }}
|
||||
@if (arrowBooleans[15]) {
|
||||
<p matLine [routerLink]="['system-information']" class="menu-explanation">
|
||||
{{ 'labels.text.View system version, server and licensing information' | translate }}
|
||||
</p>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
<div class="menu-right-section">
|
||||
@if (!arrowBooleans[15]) {
|
||||
<fa-icon
|
||||
(click)="arrowBooleansToggle(15); $event.stopPropagation()"
|
||||
icon="arrow-down"
|
||||
size="md"
|
||||
></fa-icon>
|
||||
}
|
||||
@if (arrowBooleans[15]) {
|
||||
<fa-icon
|
||||
(click)="arrowBooleansToggle(15); $event.stopPropagation()"
|
||||
icon="arrow-up"
|
||||
size="md"
|
||||
></fa-icon>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</mat-list-item>
|
||||
</mat-nav-list>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -69,7 +69,7 @@ export class SystemComponent implements AfterViewInit {
|
||||
@ViewChild('templateManageReports') templateManageReports: TemplateRef<any>;
|
||||
// Initialize an array of 15 boolean values, all set to false
|
||||
isDisabled: boolean = true;
|
||||
arrowBooleans: boolean[] = new Array(15).fill(false);
|
||||
arrowBooleans: boolean[] = new Array(16).fill(false);
|
||||
|
||||
/**
|
||||
* Popover function
|
||||
|
||||
@@ -85,6 +85,7 @@ import { CustomParametersTableComponent } from './manage-jobs/scheduler-jobs/cus
|
||||
import { ErrorLogPopoverComponent } from './manage-jobs/scheduler-jobs/error-log-popover/error-log-popover.component';
|
||||
import { RunSelectedJobsPopoverComponent } from './manage-jobs/scheduler-jobs/run-selected-jobs-popover/run-selected-jobs-popover.component';
|
||||
import { RunSelectedJobsTableComponent } from './manage-jobs/scheduler-jobs/run-selected-jobs-popover/run-selected-jobs-table/run-selected-jobs-table.component';
|
||||
import { SystemInformationComponent } from './system-information/system-information.component';
|
||||
|
||||
@NgModule({
|
||||
imports: [
|
||||
@@ -159,7 +160,8 @@ import { RunSelectedJobsTableComponent } from './manage-jobs/scheduler-jobs/run-
|
||||
CustomParametersTableComponent,
|
||||
ErrorLogPopoverComponent,
|
||||
RunSelectedJobsPopoverComponent,
|
||||
RunSelectedJobsTableComponent
|
||||
RunSelectedJobsTableComponent,
|
||||
SystemInformationComponent
|
||||
]
|
||||
})
|
||||
export class SystemModule {}
|
||||
|
||||
@@ -294,6 +294,16 @@
|
||||
"Name": "Name",
|
||||
"Render Time": "Render Time"
|
||||
},
|
||||
"licensing": {
|
||||
"Apache Fineract Description": "The <a href=\"https://fineract.apache.org/\" target=\"_blank\" rel=\"noopener noreferrer\">Apache Fineract</a> platform is licensed under the <a href=\"https://www.apache.org/licenses/LICENSE-2.0\" target=\"_blank\" rel=\"noopener noreferrer\">Apache License, Version 2.0</a>. The Mifos Initiative was the guiding force behind Apache Fineract, launching it as Mifos X in 2011 and contributing to Apache in 2016 with graduation to a top-level project of the Apache Software Foundation in 2017.",
|
||||
"Mifos X Distribution": "The open source Mifos X distribution powered by Apache Fineract (including web apps, mobile apps, and business intelligence engine) is licensed under the <a href=\"https://www.mozilla.org/en-US/MPL/2.0/\" target=\"_blank\" rel=\"noopener noreferrer\">Mozilla Public License, v2.0</a>.",
|
||||
"Legacy Codebase": "Our legacy codebase (Mifos 2) is governed by the <a href=\"https://www.apache.org/licenses/LICENSE-2.0\" target=\"_blank\" rel=\"noopener noreferrer\">Apache 2.0 License</a>. Please read the following to learn how to correctly adhere to the terms of the license.",
|
||||
"How to License Code": "<a href=\"https://mifosforge.jira.com/wiki/spaces/RES/pages/174456833/How+to+properly+license+Mifos+code+that+you+are+contributing\" target=\"_blank\" rel=\"noopener noreferrer\">How to properly license Mifos code that you are contributing.</a>",
|
||||
"Contributor Agreement": "<a href=\"https://mifos.org/resources/community/contributor-agreement/\" target=\"_blank\" rel=\"noopener noreferrer\">Mifos Contributor Agreement</a>",
|
||||
"License FAQs": "Implications of what this means when modifying the source code can be found in the <a href=\"https://www.apache.org/foundation/license-faq.html\" target=\"_blank\" rel=\"noopener noreferrer\">Apache License FAQs</a>",
|
||||
"Adding External Software": "Considerations to factor in when <a href=\"https://mifosforge.jira.com/wiki/spaces/RES/pages/174456843/Adding+External+Software+to+Mifos\" target=\"_blank\" rel=\"noopener noreferrer\">adding external software to Mifos</a>.",
|
||||
"Code of Conduct": "Mifos <a href=\"https://mifos.org/resources/community/code-of-conduct/\" target=\"_blank\" rel=\"noopener noreferrer\">Code of Conduct</a> to abide by when collaborating in the community."
|
||||
},
|
||||
"accounting": {
|
||||
"Accrual (periodic)": "Accrual (periodic)",
|
||||
"Accrual (upfront)": "Accrual (upfront)",
|
||||
@@ -1245,6 +1255,8 @@
|
||||
"Success!": "Success!",
|
||||
"Successfully completed": "You have successfully completed the setup of",
|
||||
"Summary Details": "Summary Details",
|
||||
"System Information": "System Information",
|
||||
"Software Licensing": "Software Licensing",
|
||||
"Tax Components": "Tax Components",
|
||||
"Tax Group": "Tax Group",
|
||||
"Teller / Cashier Management": "Teller / Cashier Management",
|
||||
@@ -3623,6 +3635,9 @@
|
||||
"Step": "Step",
|
||||
"Supports Loan charges, Savings & deposits": "This option allows you to create new charges. It supports Loan charges, Savings and deposits charges and Client charges.",
|
||||
"System": "System",
|
||||
"System Information": "System Information",
|
||||
"Software Licensing": "Software Licensing",
|
||||
"View system version, server and licensing information": "View system version, server and licensing information",
|
||||
"Table": "Table",
|
||||
"Tax Components": "Tax Components",
|
||||
"tenant_app_key": "tenant_app_key",
|
||||
|
||||
Reference in New Issue
Block a user