Add new grip top widget

core/app/core/src/lib/containers/top-widget/components/grid-top-widget/grid-top-widget.component.html

@@ -0,0 +1,37 @@
+<! --
+/**
+* SuiteCRM is a customer relationship management program developed by SalesAgility Ltd.
+* Copyright (C) 2025 SalesAgility Ltd.
+*
+* This program is free software; you can redistribute it and/or modify it under
+* the terms of the GNU Affero General Public License version 3 as published by the
+* Free Software Foundation with the addition of the following permission added
+* to Section 15 as permitted in Section 7(a): FOR ANY PART OF THE COVERED WORK
+* IN WHICH THE COPYRIGHT IS OWNED BY SALESAGILITY, SALESAGILITY DISCLAIMS THE
+* WARRANTY OF NON INFRINGEMENT OF THIRD PARTY RIGHTS.
+*
+* This program is distributed in the hope that it will be useful, but WITHOUT
+* ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+* FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
+* details.
+*
+* You should have received a copy of the GNU Affero General Public License
+* along with this program.  If not, see http://www.gnu.org/licenses.
+*
+* In accordance with Section 7(b) of the GNU Affero General Public License
+* version 3, these Appropriate Legal Notices must retain the display of the
+* "Supercharged by SuiteCRM" logo. If the display of the logos is not reasonably
+* feasible for technical reasons, the Appropriate Legal Notices must display
+* the words "Supercharged by SuiteCRM".
+*/
+-->
+<div [class]="parentClass"
+     [class.placement-sidebar]="config?.placement === 'sidebar'"
+     [class.placement-top]="config?.placement === 'top'"
+>
+    <div [class]="mainRowClass">
+
+        <scrm-grid-widget class="d-block w-100" [config]="getGridConfig()"></scrm-grid-widget>
+
+    </div>
+</div>

core/app/core/src/lib/containers/top-widget/components/grid-top-widget/grid-top-widget.component.ts

@@ -0,0 +1,105 @@
+/**
+ * SuiteCRM is a customer relationship management program developed by SalesAgility Ltd.
+ * Copyright (C) 2025 SalesAgility Ltd.
+ *
+ * This program is free software; you can redistribute it and/or modify it under
+ * the terms of the GNU Affero General Public License version 3 as published by the
+ * Free Software Foundation with the addition of the following permission added
+ * to Section 15 as permitted in Section 7(a): FOR ANY PART OF THE COVERED WORK
+ * IN WHICH THE COPYRIGHT IS OWNED BY SALESAGILITY, SALESAGILITY DISCLAIMS THE
+ * WARRANTY OF NON INFRINGEMENT OF THIRD PARTY RIGHTS.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
+ * details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ *
+ * In accordance with Section 7(b) of the GNU Affero General Public License
+ * version 3, these Appropriate Legal Notices must retain the display of the
+ * "Supercharged by SuiteCRM" logo. If the display of the logos is not reasonably
+ * feasible for technical reasons, the Appropriate Legal Notices must display
+ * the words "Supercharged by SuiteCRM".
+ */
+
+import {Component, OnDestroy, OnInit} from '@angular/core';
+import {ViewContext} from '../../../../common/views/view.model';
+import {StatisticWidgetOptions, WidgetMetadata} from '../../../../common/metadata/widget.metadata';
+import {Subscription} from 'rxjs';
+import {LanguageStore} from '../../../../store/language/language.store';
+import {BaseWidgetComponent} from '../../../widgets/base-widget.model';
+import {GridWidgetConfig, StatisticsQueryArgs} from '../../../../components/grid-widget/grid-widget.component';
+
+@Component({
+    selector: 'scrm-grid-top-widget',
+    templateUrl: './grid-top-widget.component.html',
+    styles: []
+})
+export class GridTopWidgetComponent extends BaseWidgetComponent implements OnInit, OnDestroy {
+
+    options: StatisticWidgetOptions;
+
+    parentClass = 'd-sm-flex justify-content-center widget-bar rounded container-fluid p-0 mb-2';
+    mainRowClass = 'd-flex h-100 row justify-content-center align-items-center w-100 mt-3 mb-3 mr-0 ml-0';
+
+    protected subs: Subscription[] = [];
+
+    constructor(protected language: LanguageStore
+    ) {
+        super();
+    }
+
+    ngOnInit(): void {
+
+        super.ngOnInit();
+
+        if (this?.config?.options?.parentClass) {
+            this.parentClass = this.config.options.parentClass;
+        }
+
+        if (this?.config?.options?.mainRowClass) {
+            this.mainRowClass = this.config.options.mainRowClass;
+        }
+
+        const options = this.config.options || {};
+        this.options = options.grid || null;
+
+        if (this.context$) {
+            this.subs.push(this.context$.subscribe((context: ViewContext) => {
+                this.context = context;
+            }));
+        }
+    }
+
+    ngOnDestroy(): void {
+        this.subs.forEach(sub => sub.unsubscribe());
+    }
+
+    getHeaderLabel(): string {
+        return this.getLabel(this.config.labelKey) || '';
+    }
+
+    getLabel(key: string): string {
+        const context = this.context || {} as ViewContext;
+        const module = context.module || '';
+
+        return this.language.getFieldLabel(key, module);
+    }
+
+    getGridConfig(): GridWidgetConfig {
+        return {
+            rowClass: 'grid-top-widget-row',
+            columnClass: 'grid-top-widget-col',
+            layout: this.options,
+            widgetConfig: {reload$: this.config.reload$} as WidgetMetadata,
+            queryArgs: {
+                module: this.context.module,
+                context: this.context,
+                params: {},
+            } as StatisticsQueryArgs,
+        } as GridWidgetConfig;
+    }
+
+}

core/app/core/src/lib/containers/top-widget/components/grid-top-widget/grid-top-widget.module.ts

@@ -0,0 +1,51 @@
+/**
+ * SuiteCRM is a customer relationship management program developed by SalesAgility Ltd.
+ * Copyright (C) 2025 SalesAgility Ltd.
+ *
+ * This program is free software; you can redistribute it and/or modify it under
+ * the terms of the GNU Affero General Public License version 3 as published by the
+ * Free Software Foundation with the addition of the following permission added
+ * to Section 15 as permitted in Section 7(a): FOR ANY PART OF THE COVERED WORK
+ * IN WHICH THE COPYRIGHT IS OWNED BY SALESAGILITY, SALESAGILITY DISCLAIMS THE
+ * WARRANTY OF NON INFRINGEMENT OF THIRD PARTY RIGHTS.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
+ * details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ *
+ * In accordance with Section 7(b) of the GNU Affero General Public License
+ * version 3, these Appropriate Legal Notices must retain the display of the
+ * "Supercharged by SuiteCRM" logo. If the display of the logos is not reasonably
+ * feasible for technical reasons, the Appropriate Legal Notices must display
+ * the words "Supercharged by SuiteCRM".
+ */
+
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {GridTopWidgetComponent} from './grid-top-widget.component';
+import {FieldModule} from '../../../../fields/field.module';
+import {InlineLoadingSpinnerModule} from '../../../../components/inline-loading-spinner/inline-loading-spinner.module';
+import {WidgetPanelModule} from '../../../../components/widget-panel/widget-panel.module';
+import {LabelModule} from '../../../../components/label/label.module';
+import {GridWidgetModule} from '../../../../components/grid-widget/grid-widget.module';
+
+@NgModule({
+    declarations: [GridTopWidgetComponent],
+    exports: [
+        GridTopWidgetComponent
+    ],
+    imports: [
+        CommonModule,
+        FieldModule,
+        InlineLoadingSpinnerModule,
+        WidgetPanelModule,
+        GridWidgetModule,
+        LabelModule
+    ]
+})
+export class GridTopWidgetModule {
+}

core/app/core/src/lib/containers/top-widget/components/top-widget/top-widget.manifest.ts

@@ -26,11 +26,15 @@
 
 import {StatisticsTopWidgetComponent} from '../statistics-top-widget/statistics-top-widget.component';
 import {StatisticsTopWidgetModule} from '../statistics-top-widget/statistics-top-widget.module';
+import {GridTopWidgetModule} from "../grid-top-widget/grid-top-widget.module";
+import {GridTopWidgetComponent} from "../grid-top-widget/grid-top-widget.component";
 
 export const topWidgetModules = [
     StatisticsTopWidgetModule,
+    GridTopWidgetModule
 ];
 
 export const topWidgetComponentTypeMap = {
     statistics: StatisticsTopWidgetComponent,
+    grid: GridTopWidgetComponent,
 };