Migrate Group Management, Script Management and Script Execution Component

angular.json

@@ -26,7 +26,9 @@
             "styles": [
               "app/app.css",
               "node_modules/bootstrap/dist/css/bootstrap.min.css",
-              "node_modules/nouislider/dist/nouislider.css"
+              "node_modules/nouislider/dist/nouislider.css",
+              "node_modules/ag-grid-community/styles/ag-grid.css",
+              "node_modules/ag-grid-community/styles/ag-theme-alpine.css"
             ],
             "scripts": ["node_modules/mathjax/es5/tex-mml-chtml.js"]
           },

app/app-upgraded-providers.ts

@@ -8,7 +8,7 @@ import {kommonitorDataGridHelperService} from 'util/genericServices/kommonitorDa
 import {kommonitorDiagramHelperService} from 'util/genericServices/kommonitorDiagramHelperService/kommonitor-diagram-helper-service.module';
 import {kommonitorFilterHelperService} from 'util/genericServices/kommonitorFilterHelperService/kommonitor-filter-helper-service.module';
 import {kommonitorImporterHelperService} from 'util/genericServices/kommonitorImporterHelperService/kommonitor-importer-helper-service.module';
-import {kommonitorKeycloackHelperService} from 'util/genericServices/kommonitorKeycloakHelperService/kommonitor-keycloak-helper-service.module'
+import {kommonitorKeycloakHelperService} from 'util/genericServices/kommonitorKeycloakHelperService/kommonitor-keycloak-helper-service.module'
 import {kommonitorMultistepFormHelperService} from 'util/genericServices/kommonitorMultiStepFormHelperService/kommonitor-multi-step-form-helper-service.module'
 import {kommonitorScriptHelperService} from'util/genericServices/kommonitorScriptHelperService/kommonitor-script-helper-service.module';
 import {kommonitorShareHelperService} from 'util/genericServices/kommonitorShareHelperService/kommonitor-share-helper-service.module'
@@ -91,15 +91,26 @@ export const ajskommonitorFilterHelperServiceProvider: any = {
     useFactory:kommonitorFilterHelperServiceFactory,
   };
 
-//keycloack helper
-  export function kommonitorKeycloackHelperServiceFactory (injector:any){
-    return injector.get('kommonitorKeycloackHelperService')
+//importer helper
+export function kommonitorImporterHelperServiceFactory (injector:any){
+    return injector.get('kommonitorImporterHelperService')
 }
 
-export const ajskommonitorKeycloackHelperServiceProvider: any = {
+export const ajskommonitorImporterHelperServiceProvider: any = {
     deps: ['$injector'],
-    provide: 'kommonitorKeycloackHelperService',
-    useFactory:kommonitorKeycloackHelperServiceFactory,
+    provide: 'kommonitorImporterHelperService',
+    useFactory:kommonitorImporterHelperServiceFactory,
+  };
+
+//keycloak helper
+  export function kommonitorKeycloakHelperServiceFactory (injector:any){
+    return injector.get('kommonitorKeycloakHelperService')
+}
+
+export const ajskommonitorKeycloakHelperServiceProvider: any = {
+    deps: ['$injector'],
+    provide: 'kommonitorKeycloakHelperService',
+    useFactory:kommonitorKeycloakHelperServiceFactory,
   };
 
  //multistep form
@@ -291,7 +302,7 @@ export const ajskommonitorFavServiceProvider: any = {
     ajskommonitorDataGridHelperServiceProvider,
     ajskommonitorDiagramHelperServiceProvider,
     ajskommonitorFilterHelperServiceProvider,
-    ajskommonitorKeycloackHelperServiceProvider,
+    ajskommonitorKeycloakHelperServiceProvider,
     ajskommonitorMultiStepFormHelperServiceProvider,
     ajskommonitorScriptHelperServiceProvider,
     ajskommonitorShareHelperServiceProvider,

app/app.css

@@ -1649,6 +1649,87 @@ table, th, td {
 	}
 }
 
+/* Custom width for Spatial Unit Add modal (ng-bootstrap modalDialogClass) */
+@media (min-width: 768px){
+	.modal-dialog.spatial-unit-add-modal {
+		/* Bootstrap 5: use CSS var plus hard width to be robust */
+		--bs-modal-width: 95vw;
+		max-width: 95vw !important;
+		width: 95vw !important;
+	}
+}
+
+/* Fallback for older ng-bootstrap/Bootstrap versions: target modal dialog within windowClass */
+@media (min-width: 768px){
+	/* High-specificity, robust override */
+	body .modal-holder.spatial-unit-add-modal-window .modal-dialog,
+	body .spatial-unit-add-modal-window .modal-dialog,
+	body .modal.spatial-unit-add-modal-window .modal-dialog {
+		--bs-modal-width: 95vw;
+		max-width: 95vw !important;
+		width: 95vw !important;
+	}
+}
+
+/* Custom width for Role Add and related role modals (use same sizing as spatial unit add) */
+@media (min-width: 768px){
+	.modal-dialog.role-add-modal {
+		--bs-modal-width: 95vw;
+		max-width: 95vw !important;
+		width: 95vw !important;
+	}
+}
+
+@media (min-width: 768px){
+	body .modal-holder.role-add-modal-window .modal-dialog,
+	body .role-add-modal-window .modal-dialog,
+	body .modal.role-add-modal-window .modal-dialog {
+		--bs-modal-width: 95vw;
+		max-width: 95vw !important;
+		width: 95vw !important;
+	}
+}
+
+/* Custom width for Script Add modal (align with spatial unit modal) */
+@media (min-width: 768px){
+	.modal-dialog.script-add-modal {
+		--bs-modal-width: 95vw;
+		max-width: 95vw !important;
+		width: 95vw !important;
+	}
+}
+
+/* Fallback targeting windowClass container for Script Add modal */
+@media (min-width: 768px){
+	body .modal-holder.script-add-modal-window .modal-dialog,
+	body .script-add-modal-window .modal-dialog,
+	body .modal.script-add-modal-window .modal-dialog {
+		--bs-modal-width: 95vw;
+		max-width: 95vw !important;
+		width: 95vw !important;
+	}
+}
+
+/* Custom width for Script Delete modal */
+@media (min-width: 768px){
+	.modal-dialog.script-delete-modal {
+		--bs-modal-width: 95vw;
+		max-width: 95vw !important;
+		width: 95vw !important;
+	}
+}
+
+/* Fallback targeting windowClass container for Script Delete modal */
+@media (min-width: 768px){
+	body .modal-holder.script-delete-modal-window .modal-dialog,
+	body .script-delete-modal-window .modal-dialog,
+	body .modal.script-delete-modal-window .modal-dialog {
+		--bs-modal-width: 95vw;
+		max-width: 95vw !important;
+		width: 95vw !important;
+	}
+}
+
 select {
 	overflow: auto;
 }