- | {{languageService.lMap.get('tooltipSummary')}}: {{data.taskData.resources[0].resourceName}} |
+ {{languageService.lMap.get('tooltipSummary')}}:
+ {{data.taskData.resources[0].resourceName}} |
- | {{languageService.lMap.get('tooltipState')}}: {{dataService.getStateNameById(data.taskData.resources[0].state)}} |
+ {{languageService.lMap.get('tooltipState')}}:
+ {{dataService.getStateNameById(data.taskData.resources[0].state)}} |
- | {{languageService.lMap.get('tooltipPaketType')}}: {{data.taskData.resources[0].packageName}} |
+ {{languageService.lMap.get('tooltipPaketType')}}:
+ {{data.taskData.resources[0].packageName}} |
- | {{languageService.lMap.get('tooltipContract')}}: {{data.taskData.resources[0].vertragName}} |
+ {{languageService.lMap.get('tooltipContract')}}:
+ {{data.taskData.resources[0].vertragName}} |
- | {{languageService.lMap.get('tooltipSupportGroupKv')}}: {{data.taskData.resources[0].supportGroup}} |
+ {{languageService.lMap.get('tooltipSupportGroupKv')}}:
+ {{data.taskData.resources[0].supportGroup}} |
- | {{languageService.lMap.get('tooltipSupportGroupIh')}}: {{data.taskData.resources[0].coordinatorSg}} |
+ {{languageService.lMap.get('tooltipSupportGroupIh')}}:
+ {{data.taskData.resources[0].coordinatorSg}} |
- | {{languageService.lMap.get('tooltipDate')}}: {{data.taskData.resources[0].tasks[1].StartDate | date:'dd.MM.yyyy'}} |
+ {{languageService.lMap.get('tooltipDate')}}:
+ {{data.taskData.resources[0].tasks[1].StartDate | date:'dd.MM.yyyy'}} |
-Die Suche lieferte keine Ergebnisse
-The search did not return any results
-
+
+
-
-
-
-
-
- error {{errorService.getLastError('rsso').name}}
- {{errorService.getLastError('rsso').userInfo}}
-
-
- {{errorService.getLastError('rsso').message}}
-
-
-
-
-
-
- error {{errorService.getLastError('critical').name}}
- {{errorService.getLastError('critical').userInfo}}
-
-
- {{errorService.getLastError('critical').message}}
-
-
-
-
-
- error {{errorService.getLastError('error').name}}
- {{errorService.getLastError('error').userInfo}}
-
-
- {{errorService.getLastError('error').message}}
-
-
+
+
+ error
+ {{errorService.getLastError('rsso').name}}
+ {{errorService.getLastError('rsso').userInfo}}
+
+
+ {{errorService.getLastError('rsso').message}}
+
+
+
+
+ error
+ {{errorService.getLastError('critical').name}}
+ {{errorService.getLastError('critical').userInfo}}
+
+
+ {{errorService.getLastError('critical').message}}
+
+
+
+
+ error
+ {{errorService.getLastError('error').name}}
+ {{errorService.getLastError('error').userInfo}}
+
+
+ {{errorService.getLastError('error').message}}
+
+
\ No newline at end of file
diff --git a/frontend/src/app/ntt-gantt/ntt-gantt.component.ts b/frontend/src/app/ntt-gantt/ntt-gantt.component.ts
index e450d36..88fc336 100644
--- a/frontend/src/app/ntt-gantt/ntt-gantt.component.ts
+++ b/frontend/src/app/ntt-gantt/ntt-gantt.component.ts
@@ -10,8 +10,8 @@ import { MatPaginator, PageEvent } from '@angular/material/paginator';
import { GanttComponent } from '@syncfusion/ej2-angular-gantt';
import { DataService } from 'src/app/data.service';
import { projectNewData } from 'src/data';
-import {FormGroup, FormControl} from '@angular/forms';
-import {MatDialog} from '@angular/material/dialog';
+import { FormGroup, FormControl } from '@angular/forms';
+import { MatDialog } from '@angular/material/dialog';
import * as $ from 'jquery';
import { StateDialogComponent } from 'src/app/state-dialog/state-dialog.component';
import { MatSnackBar, MatSnackBarHorizontalPosition, MatSnackBarVerticalPosition } from '@angular/material/snack-bar';
@@ -55,9 +55,9 @@ interface presetGroup {
{ provide: MAT_DATE_FORMATS, useValue: MY_DATE_FORMATS }
]
})
- /**
- * The NttGanttComponent is the core Component of the application
- */
+/**
+ * The NttGanttComponent is the core Component of the application
+*/
export class NttGanttComponent implements OnInit {
/**###################################################################### Variable Declarations and Definitions ######################################################################*/
@@ -86,28 +86,28 @@ export class NttGanttComponent implements OnInit {
public labelSettings: object = {};
public projectStartDate: Date = new Date('12/01/2023');
public projectEndDate: Date = new Date('01/31/2025');
- public resourceFields: object ={};
+ public resourceFields: object = {};
public editSettings: object = {};
- public tooltipSettings: object ={};
+ public tooltipSettings: object = {};
public columns: object[] = [];
public toolbar: any[] = [];
public timelineSettings: object = {};
public rendering: boolean = true;
- public blockedTaskIDs : number [] = [8];
- public selectionSettings : object = {};
+ public blockedTaskIDs: number[] = [8];
+ public selectionSettings: object = {};
public spin: boolean = true;
public disableSpin: boolean = false;
public sliceStart: number;
public sliceEnd: number;
public filterSettings: object;
- public splitterSettings : object;
+ public splitterSettings: object;
public renderGantt: boolean;
public firstLoad: boolean;
public selectedScalar: string;
public scalars: string[];
public showDetails: boolean = true;
- public panelOpenState:boolean;
+ public panelOpenState: boolean;
public showNoResultsError: boolean = false;
public horizontalPosition: MatSnackBarHorizontalPosition = 'end';
@@ -121,57 +121,57 @@ export class NttGanttComponent implements OnInit {
public filterEndDate: Date;
public showFilters: boolean = false;
public filterEnabled: boolean = false;
- private oldFilters:{};
+ private oldFilters: {};
public filters: any = null;
public sortEnabled: boolean = false;
public sortedData: any[] = [];
- private selectedRescourceIds : any[] = [];
+ private selectedRescourceIds: any[] = [];
private selectedrowindex: number[] = [];
private selectedrecords: any[] = [];
private selRecs: any[] = [];
- public states : any[] = [];
+ public states: any[] = [];
private approvalPending: boolean;
public sort = null;
public oldSort = null;
- public planTimes : any[] = [];
+ public planTimes: any[] = [];
public sortSelectorName: any;
- public presets : any[] = [];
- public selectedPreset: Preset = {id: 'test', name : 'test', presetType: 'test', definition: {}};
+ public presets: any[] = [];
+ public selectedPreset: Preset = { id: 'test', name: 'test', presetType: 'test', definition: {} };
public presetControl: FormControl = new FormControl('');;
public presetGroups: presetGroup[] = [
{
name: 'Sysdemdefault',
presets: [
- {id: '0', name: 'TEST', presetType: 'Sysdemdefault', definition: {}},
+ { id: '0', name: 'TEST', presetType: 'Sysdemdefault', definition: {} },
],
},
{
name: 'Admin',
presets: [
- {id: '1', name: 'TEST1', presetType: 'Admin', definition: {}},
+ { id: '1', name: 'TEST1', presetType: 'Admin', definition: {} },
],
},
{
name: 'User',
presets: [
- {id: '2', name: 'TEST2', presetType: 'User', definition: {}},
+ { id: '2', name: 'TEST2', presetType: 'User', definition: {} },
],
},
];
- public userPreferences: {language:'', showDetails: false, view: ''};
+ public userPreferences: { language: '', showDetails: false, view: '' };
public showSaveButton: boolean = false;
public showSaveUnderButton: boolean = false;
public isUserPreset: boolean = false;
- public userId : string = null;
+ public userId: string = null;
public rssoInit: boolean = true;
public showInitPresetsError: boolean = false;
@@ -195,7 +195,7 @@ export class NttGanttComponent implements OnInit {
* @param dataService injects the dataService for data management and backend communication
* @param matDialog injects the matDialog
*/
- constructor(public languageService: LanguageService, public dataService: DataService, public matDialog : MatDialog, private _snackBar: MatSnackBar, public errorService: ErrorService, private location: Location ) {
+ constructor(public languageService: LanguageService, public dataService: DataService, public matDialog: MatDialog, private _snackBar: MatSnackBar, public errorService: ErrorService, private location: Location) {
this.initLanguge(true);
}
@@ -204,17 +204,17 @@ export class NttGanttComponent implements OnInit {
*/
public ngOnInit(): void {
var WebFont = require('webfontloader');
- WebFont.load({google: {families: ['Material Icons',],},});
+ WebFont.load({ google: { families: ['Material Icons',], }, });
this.renderGantt = false;
this.firstLoad = true;
this.sliceStart = 0;
this.sliceEnd = 20;
- this.dataService.getUser().then((res: any)=>{
+ this.dataService.getUser().then((res: any) => {
console.log(res);
this.rssoInit = false;
this.userId = res.userId;
- if(res.userId == null){
+ if (res.userId == null) {
this.errorService.handleCostumError("RSSO Fehler", "Melden Sie sich erneut an", "USER ID = NULL", "rsso");
this.dataService.redirectToAuthUrl();
}
@@ -275,7 +275,7 @@ export class NttGanttComponent implements OnInit {
supportGroup: 'supportGroup',
supportGroupId: 'supportGroupId',
implementerEdit: 'implementerEdit',
- plantime : 'plantime',
+ plantime: 'plantime',
packageInstanceId: 'packageInstanceId'
};
@@ -290,72 +290,74 @@ export class NttGanttComponent implements OnInit {
];
- this.timelineSettings = {topTier: {unit: 'Month'}, bottomTier: {format: 'WW', unit: 'Week', count: 1}};
- this.editSettings = {allowAdding: true, allowEditing: true, allowDeleting: true, allowTaskbarEditing: true, showDeleteConfirmDialog: true};
- this.filterSettings = {ignoreAccent: true};
- this.selectionSettings = {mode: 'Row',type: 'Multiple'};
+ this.timelineSettings = { topTier: { unit: 'Month' }, bottomTier: { format: 'WW', unit: 'Week', count: 1 } };
+ this.editSettings = { allowAdding: true, allowEditing: true, allowDeleting: true, allowTaskbarEditing: true, showDeleteConfirmDialog: true };
+ this.filterSettings = { ignoreAccent: true };
+ this.selectionSettings = { mode: 'Row', type: 'Multiple' };
this.toolbar = [''];
- this.labelSettings = {rightLabel: 'resources',taskLabel: 'TaskName'};
- this.tooltipSettings = {showTooltip: true}
+ this.labelSettings = { rightLabel: 'resources', taskLabel: 'TaskName' };
+ this.tooltipSettings = { showTooltip: true }
this.projectStartDate = this.range.controls.start.value;
this.projectEndDate = this.range.controls.end.value;
- this.splitterSettings = {position: 30 + '%'};
+ this.splitterSettings = { position: 30 + '%' };
this.inputForTimeline = [this.splitterSettings, this.projectStartDate, this.projectEndDate];
}
- public selectPreset(event: any){
+ public selectPreset(event: any) {
this.showSaveButton = false;
this.showSaveUnderButton = false;
- if(event.value.presetType == 'System' || event.value.presetType == 'Admin'){
+ if (event.value.presetType == 'System' || event.value.presetType == 'Admin') {
this.isUserPreset = false;
- }else{
+ } else {
this.isUserPreset = true;
}
console.log(event);
- this.dataService.selectPreset(event.value).then((res)=>{
+ this.dataService.selectPreset(event.value).then((res) => {
this.refreshGanttwithPresets();
});
}
- public savePreset(preset: any){
+ public savePreset(preset: any) {
this.showSaveButton = false;
this.showSaveUnderButton = false;
- this.dataService.savePreset(preset).then((res)=>{{
- console.log(res);
- }})
+ this.dataService.savePreset(preset).then((res) => {
+ {
+ console.log(res);
+ }
+ })
}
- public updatePreset(){
+ public updatePreset() {
this.showSaveButton = false;
this.selectedPreset.definition = this.filters;
- this.dataService.updatePreset(this.selectedPreset).then((res)=>{
+ this.dataService.updatePreset(this.selectedPreset).then((res) => {
console.log(res);
});
}
- public renamePreset(preset: any){
+ public renamePreset(preset: any) {
}
- public deletePreset(preset: any){
+ public deletePreset(preset: any) {
}
- public editUserPreferences(){
+ public editUserPreferences() {
let showDetails = 0;
- if(this.showDetails){
+ if (this.showDetails) {
showDetails = 1;
}
let view;
let index = 0;
for (const scalar of this.scalars) {
index++;
- if(scalar == this.selectedScalar){
+ if (scalar == this.selectedScalar) {
view = index;
}
}
- if(this.userPreferences.language == this.languageService.language && this.userPreferences.showDetails == this.showDetails && this.userPreferences.view == view){
- }else{
- this.dataService.editUserPreferences({language: this.languageService.language, showDetails: showDetails, view: view}).then((res)=>{
+ if (this.userPreferences.language == this.languageService.language && this.userPreferences.showDetails == this.showDetails && this.userPreferences.view == view) {
+ } else {
+ this.dataService.editUserPreferences({ language: this.languageService.language, showDetails: showDetails, view: view }).then((res) => {
console.log(res);
});
}
@@ -365,24 +367,11 @@ export class NttGanttComponent implements OnInit {
* The function openFilterDialog triggers the opening of the filterDialog, recieves the results of the filterDialog and refrehses the gantt chart.
* This function is triggered by the filter button.
*/
- public openRenameDialog(){
- console.log(this.filters);
- let dialogRef = RenamePresetDialogComponent;
- this.matDialog.open(dialogRef,
- {data : [{preset: this.selectedPreset}], width: '20%', maxWidth: '800px'}).afterClosed().subscribe((res)=>{
- this.refreshGanttwithPresets();
- });
- }
-
- /**
- * The function openFilterDialog triggers the opening of the filterDialog, recieves the results of the filterDialog and refrehses the gantt chart.
- * This function is triggered by the filter button.
- */
- public openSaveUnderDialog(){
+ public openRenameDialog() {
console.log(this.filters);
- let dialogRef = SavePresetUnderDialogComponent;
- this.matDialog.open(dialogRef,
- {data : [{preset: this.selectedPreset, definition: this.filters}], width: '20%', maxWidth: '800px'}).afterClosed().subscribe((res)=>{
+ let dialogRef = RenamePresetDialogComponent;
+ this.matDialog.open(dialogRef,
+ { data: [{ preset: this.selectedPreset }], width: '20%', maxWidth: '800px' }).afterClosed().subscribe((res) => {
this.refreshGanttwithPresets();
});
}
@@ -391,28 +380,41 @@ export class NttGanttComponent implements OnInit {
* The function openFilterDialog triggers the opening of the filterDialog, recieves the results of the filterDialog and refrehses the gantt chart.
* This function is triggered by the filter button.
*/
- public openDeleteDialog(){
+ public openSaveUnderDialog() {
+ console.log(this.filters);
+ let dialogRef = SavePresetUnderDialogComponent;
+ this.matDialog.open(dialogRef,
+ { data: [{ preset: this.selectedPreset, definition: this.filters }], width: '20%', maxWidth: '800px' }).afterClosed().subscribe((res) => {
+ this.refreshGanttwithPresets();
+ });
+ }
+
+ /**
+ * The function openFilterDialog triggers the opening of the filterDialog, recieves the results of the filterDialog and refrehses the gantt chart.
+ * This function is triggered by the filter button.
+ */
+ public openDeleteDialog() {
console.log(this.filters);
let dialogRef = DeletePresetDialogComponent;
console.log(this.selectedPreset);
- this.matDialog.open(dialogRef,
- {data : [{preset: this.selectedPreset}], width: '20%', maxWidth: '800px'}).afterClosed().subscribe((res)=>{
+ this.matDialog.open(dialogRef,
+ { data: [{ preset: this.selectedPreset }], width: '20%', maxWidth: '800px' }).afterClosed().subscribe((res) => {
this.refreshGanttwithPresets();
});
}
- public refreshGanttwithPresets(){
+ public refreshGanttwithPresets() {
this.showSaveButton = false;
this.showSaveUnderButton = false;
- this.dataService.initPresets().then((res: any)=>{
- if(res.status){
+ this.dataService.initPresets().then((res: any) => {
+ if (res.status) {
this.showInitPresetsError = true;
}
this.presets = res.presets;
this.selectedPreset = res.selectedPreset;
- if(this.selectedPreset.presetType == 'User' ){
+ if (this.selectedPreset.presetType == 'User') {
this.isUserPreset = true;
- }else{
+ } else {
this.isUserPreset = false;
}
console.log("\nselectedPreset:")
@@ -428,17 +430,17 @@ export class NttGanttComponent implements OnInit {
this.changeScalar();
- this.dataService.fetchUserSupportGroup().then((res: any)=>{
+ this.dataService.fetchUserSupportGroup().then((res: any) => {
this.userSupportGroup = res.name;
- if(this.selectedPreset.name == "Systemdefault"){
- this.filters = {filterElement: [{column: "SupportGroup", filter: "equals", criteria: [this.userSupportGroup]}]}
- }else{
+ if (this.selectedPreset.name == "Systemdefault") {
+ this.filters = { filterElement: [{ column: "SupportGroup", filter: "equals", criteria: [this.userSupportGroup] }] }
+ } else {
this.filters = this.selectedPreset.definition;
}
console.log(this.userSupportGroup);
this.refreshData();
this.states = this.dataService.getStates();
- this.dataService.fetchStates().then((res: any [])=>{
+ this.dataService.fetchStates().then((res: any[]) => {
this.states = res;
this.stateList = res;
this.spin = false;
@@ -459,16 +461,16 @@ export class NttGanttComponent implements OnInit {
* @param start begin of slice
* @param end end of slice
*/
- public mapTasksToResources(start : number, end : number){
+ public mapTasksToResources(start: number, end: number) {
this.data = [];
this.resources = this.allResources;
for (const resource of this.resources) {
for (const task of resource.tasks) {
- if(this.showDetails == false){
- if(task.TaskID.includes("D2")){
+ if (this.showDetails == false) {
+ if (task.TaskID.includes("D2")) {
this.data.push(task);
}
- }else{
+ } else {
this.data.push(task);
}
@@ -480,32 +482,32 @@ export class NttGanttComponent implements OnInit {
* Furthermore it evaluates the result if the applied filters delivered any Results.
* This function is the most called Funktion in the whole project, it is triggered by a pageEvent, when a filter gets applied and much more...
*/
- refreshData(){
+ refreshData() {
this.resetBulkOpButtons();
this.disableSpin = false;
this.editUserPreferences();
this.showNoResultsError = false;
this.renderGantt = false;
- this.dataService.fetchChanges(this.mapRequestJSON()).then((res: any[])=>{
+ this.dataService.fetchChanges(this.mapRequestJSON()).then((res: any[]) => {
this.allResources = res;
- this.mapTasksToResources(this.sliceStart,this.sliceEnd);
- if(res.length > 0){
- if(res.length == 1){
- this.disableSpin = true;
- }
- this.spin = true;
- this.renderGantt = true;
- this.showNoResultsError = false;
- if(this.selectedScalar == this.scalars[1]){
- this.renderplanTime = true;
- }
-
- }else{
- this.renderGantt = false;
- this.spin = false;
- this.showNoResultsError = true;
- this.renderplanTime = false;
+ this.mapTasksToResources(this.sliceStart, this.sliceEnd);
+ if (res.length > 0) {
+ if (res.length == 1) {
+ this.disableSpin = true;
}
+ this.spin = true;
+ this.renderGantt = true;
+ this.showNoResultsError = false;
+ if (this.selectedScalar == this.scalars[1]) {
+ this.renderplanTime = true;
+ }
+
+ } else {
+ this.renderGantt = false;
+ this.spin = false;
+ this.showNoResultsError = true;
+ this.renderplanTime = false;
+ }
});
}
@@ -514,62 +516,62 @@ export class NttGanttComponent implements OnInit {
* Furthermore it evaluates the result if the applied filters delivered any Results.
* This function is the most called Funktion in the whole project, it is triggered by a pageEvent, when a filter gets applied and much more...
*/
- refreshGanttWithFilters(){
+ refreshGanttWithFilters() {
this.resetBulkOpButtons();
this.disableSpin = false;
this.editUserPreferences();
this.showNoResultsError = false;
this.renderGantt = false;
- this.dataService.fetchChanges(this.mapRequestJSON()).then((res: any[])=>{
+ this.dataService.fetchChanges(this.mapRequestJSON()).then((res: any[]) => {
this.allResources = res;
- this.mapTasksToResources(this.sliceStart,this.sliceEnd);
- if(res.length > 0){
- if(res.length == 1){
- this.disableSpin = true;
- }
- this.spin = true;
- this.renderGantt = true;
- this.showNoResultsError = false;
- if(this.selectedScalar == this.scalars[1]){
- this.renderplanTime = true;
- }
-
- }else{
- this.renderGantt = false;
- this.spin = false;
- this.showNoResultsError = true;
- this.renderplanTime = false;
+ this.mapTasksToResources(this.sliceStart, this.sliceEnd);
+ if (res.length > 0) {
+ if (res.length == 1) {
+ this.disableSpin = true;
}
+ this.spin = true;
+ this.renderGantt = true;
+ this.showNoResultsError = false;
+ if (this.selectedScalar == this.scalars[1]) {
+ this.renderplanTime = true;
+ }
+
+ } else {
+ this.renderGantt = false;
+ this.spin = false;
+ this.showNoResultsError = true;
+ this.renderplanTime = false;
+ }
});
}
/**
* The function clearFilter clears allFilter parameters and set them to inital values, then it triggers the refreshData function to fetch the changes without any filters except the supportGroup filter.
* This function is triggered if the user disables the apply filter switch
*/
- clearFilter(){
- this.filters = null;
- this.filterEnabled = false;
- this.sort = null;
- this.sortEnabled = false;
- this.filterBadge = false;
- this.refreshData();
- if(this.filters !== this.selectedPreset.definition){
- if(this.isUserPreset){
- this.showSaveButton = true;
- this.showSaveUnderButton = false;
- }else{
- this.showSaveButton = false;
- this.showSaveUnderButton = true;
- }
-
+ clearFilter() {
+ this.filters = null;
+ this.filterEnabled = false;
+ this.sort = null;
+ this.sortEnabled = false;
+ this.filterBadge = false;
+ this.refreshData();
+ if (this.filters !== this.selectedPreset.definition) {
+ if (this.isUserPreset) {
+ this.showSaveButton = true;
+ this.showSaveUnderButton = false;
+ } else {
+ this.showSaveButton = false;
+ this.showSaveUnderButton = true;
}
+
+ }
}
/**
* The function mapRequestJSON maps the requestObject for the refreshData function, it evaluates if filters or sort parameters are set.
* Furtheremore it adds the sliceStart and sliceEnd values of the paginator to the requestObject, because the frontend only delivers the changes that can be displayed on one selected page of the paginator.
* If no filter is applied the function sets a default supportGroup filter, so that the user gets only changes displayed, which are in his supportGroup.
*/
- mapRequestJSON(){
+ mapRequestJSON() {
// this.userSupportGroup = "IH - Ost 1 - Team Kaisermühlen";
// console.log(this.filters.filterElement[0].criteria[0]);
// let i = 0;
@@ -594,10 +596,10 @@ export class NttGanttComponent implements OnInit {
{
'sliceStart': this.sliceStart,
'sliceEnd': this.sliceEnd,
- filter: this.filterEnabled ? this.filters : {filterElement: [{column: "SupportGroup", filter: "equals", criteria: [this.userSupportGroup]}]},
+ filter: this.filterEnabled ? this.filters : { filterElement: [{ column: "SupportGroup", filter: "equals", criteria: [this.userSupportGroup] }] },
sort: this.sortEnabled ? this.sort : {
'column': 'ChangeNr',
- 'mode': 'asc'
+ 'mode': 'asc'
},
}
console.log("\nrequest")
@@ -610,13 +612,13 @@ export class NttGanttComponent implements OnInit {
* Furthermore it stores the old filters in a help variable to restore it when to user turns the apply filter switch back on.
* This function is triggered by the a filter action of the filterdialog, or if the user switches the apply filter switch.
*/
- applyFilter(){
- if(this.filterEnabled){
+ applyFilter() {
+ if (this.filterEnabled) {
this.oldFilters = this.filters
this.filters = null;
this.refreshData();
this.plantimeComponent.fetchPlanTimes(this.filters);
- }else{
+ } else {
this.filters = this.oldFilters;
this.refreshData();
this.plantimeComponent.fetchPlanTimes(this.filters);
@@ -627,12 +629,12 @@ export class NttGanttComponent implements OnInit {
* The function openFilterDialog triggers the opening of the filterDialog, recieves the results of the filterDialog and refrehses the gantt chart.
* This function is triggered by the filter button.
*/
- openFilterDialog(){
+ openFilterDialog() {
console.log(this.filters);
let dialogRef = FilterDialogComponent;
- this.matDialog.open(dialogRef,
- {data : [{filters: this.filters, userSg: this.userSupportGroup}], width: '50%', maxWidth: '800px'}).afterClosed().subscribe((res)=>{
- if(res){
+ this.matDialog.open(dialogRef,
+ { data: [{ filters: this.filters, userSg: this.userSupportGroup }], width: '50%', maxWidth: '800px' }).afterClosed().subscribe((res) => {
+ if (res) {
this.filters = res;
this.filterEnabled = true;
// this.dataService.savePreset({name: "FRONTEND TEST PRESET", definition: JSON.stringify(this.filters)}).then((res)=>{
@@ -641,20 +643,20 @@ export class NttGanttComponent implements OnInit {
// this.dataService.updatePreset({id: 'AGGAA5V0G2LS6ASCSUZZSBS79E40O5', definition: JSON.stringify(this.filters)}).then((res)=>{
// console.log(res);
// });
- if(this.filters !== this.selectedPreset.definition){
- if(this.isUserPreset){
+ if (this.filters !== this.selectedPreset.definition) {
+ if (this.isUserPreset) {
this.showSaveButton = true;
this.showSaveUnderButton = false;
- }else{
+ } else {
this.showSaveButton = false;
this.showSaveUnderButton = true;
}
}
- if(this.filters){
- if(this.filters.filterElement){
- if(this.filters.filterElement[1]){
+ if (this.filters) {
+ if (this.filters.filterElement) {
+ if (this.filters.filterElement[1]) {
this.filterBadge = true;
- }else{
+ } else {
this.filterBadge = false;
}
@@ -673,9 +675,9 @@ export class NttGanttComponent implements OnInit {
* The function languageChange executes a language change in the language service and triggers the initLanguage function.
* This function is triggered by a manual language of the user.
*/
- public languageChange(args: any){
+ public languageChange(args: any) {
this.languageService.languageChange(args.value),
- this.initLanguge();
+ this.initLanguge();
this.plantimeComponent.changeLanguage();
this.editUserPreferences();
}
@@ -685,19 +687,19 @@ export class NttGanttComponent implements OnInit {
* This function is triggered by the ngOnInit function or the languageChange function
* @param initial determines if the function is initially trigger by the ngOnInit function, in all other cases the gantt chart should be refrehed
*/
- initLanguge(initial: boolean = false){
+ initLanguge(initial: boolean = false) {
- if(this.languageService.language == 'DE'){
+ if (this.languageService.language == 'DE') {
this.scalars = ['Woche', 'Monat', 'Jahr'];
this.selectedScalar = 'Monat';
}
- else{
+ else {
this.scalars = ['Week', 'Month', 'Year'];
this.selectedScalar = 'Month';
}
this.columns = this.languageService.getColumns();
- if(!initial){
+ if (!initial) {
this.refreshData();
}
}
@@ -706,17 +708,17 @@ export class NttGanttComponent implements OnInit {
* The function changeScalar executes a change of the displayed time scalar.
* This function is triggered if the user changes the time scalar.
*/
- public changeScalar(){
- if(this.selectedScalar == this.scalars[0]){
- this.timelineSettings = {topTier: {unit: 'Week'}, bottomTier: {format: 'dd', unit: 'Day', count: 1}};
+ public changeScalar() {
+ if (this.selectedScalar == this.scalars[0]) {
+ this.timelineSettings = { topTier: { unit: 'Week' }, bottomTier: { format: 'dd', unit: 'Day', count: 1 } };
this.renderplanTime = false;
}
- if(this.selectedScalar == this.scalars[1]){
- this.timelineSettings = {topTier: {unit: 'Month'}, bottomTier: {format: 'WW', unit: 'Week', count: 1}};
+ if (this.selectedScalar == this.scalars[1]) {
+ this.timelineSettings = { topTier: { unit: 'Month' }, bottomTier: { format: 'WW', unit: 'Week', count: 1 } };
this.renderplanTime = true;
}
- if(this.selectedScalar == this.scalars[2]){
- this.timelineSettings = {topTier: {unit: 'Year'}, bottomTier: {format: 'MM',unit: 'Month',count: 1}};
+ if (this.selectedScalar == this.scalars[2]) {
+ this.timelineSettings = { topTier: { unit: 'Year' }, bottomTier: { format: 'MM', unit: 'Month', count: 1 } };
this.renderplanTime = false;
}
this.editUserPreferences();
@@ -729,10 +731,10 @@ export class NttGanttComponent implements OnInit {
* The function handlePageEvent catches the corresponding matpaginator event and slices the gantt chart, that it fits to the actual page
* @param e pageEvent from the matpaginator
*/
- public handlePageEvent(e: PageEvent):void {
- console.log("Index: "+e.pageIndex+" x "+ "Size: "+e.pageSize + " = "+ e.pageSize*e.pageIndex);
- let start = e.pageSize*e.pageIndex;
- let end = start+ e.pageSize;
+ public handlePageEvent(e: PageEvent): void {
+ console.log("Index: " + e.pageIndex + " x " + "Size: " + e.pageSize + " = " + e.pageSize * e.pageIndex);
+ let start = e.pageSize * e.pageIndex;
+ let end = start + e.pageSize;
this.sliceStart = start;
this.sliceEnd = end;
@@ -741,12 +743,12 @@ export class NttGanttComponent implements OnInit {
this.refreshData();
}
- /**
- * The function startDateChanged catches the corresponding date-range-picker event
- * @param startDate new startDate from date-range-picker
- */
- public startDateChanged(startDate: any){
- if(this.range.status == 'VALID' && this.range.controls.start.value && this.range.controls.end.value){ //event for Requesting new Records based on the Dates
+ /**
+ * The function startDateChanged catches the corresponding date-range-picker event
+ * @param startDate new startDate from date-range-picker
+ */
+ public startDateChanged(startDate: any) {
+ if (this.range.status == 'VALID' && this.range.controls.start.value && this.range.controls.end.value) { //event for Requesting new Records based on the Dates
this.projectStartDate = new Date(this.range.controls.start.value);
this.plantimeComponent.changeDateRange(this.projectStartDate, this.projectEndDate);
this.renderplanTime = true;
@@ -758,116 +760,116 @@ export class NttGanttComponent implements OnInit {
* The function endDateChanged catches the corresponding date-range-picker event and validates the selected start- and enddate bacause the gantt chart needs a valid Date to be displayed
* @param endDate new endDate from date-range-picker
*/
- public endDateChanged(endDate: any){
- if(this.range.status == 'VALID' && this.range.controls.start.value && this.range.controls.end.value){ //event for Requesting new Records based on the Dates
- this.projectEndDate = new Date(this.range.controls.end.value);
- this.plantimeComponent.changeDateRange(this.projectStartDate, this.projectEndDate);
- this.renderplanTime = true;
+ public endDateChanged(endDate: any) {
+ if (this.range.status == 'VALID' && this.range.controls.start.value && this.range.controls.end.value) { //event for Requesting new Records based on the Dates
+ this.projectEndDate = new Date(this.range.controls.end.value);
+ this.plantimeComponent.changeDateRange(this.projectStartDate, this.projectEndDate);
+ this.renderplanTime = true;
- }
+ }
}
/**
* The function toolbarBtnClicked catches the corresponding syncfsuions event and executes the button logic when a button is clicked
* @param args
*/
- public toolbarBtnClicked(args :any){
- if(args.item.text === "Statusübergang" || args.item.text === "State Transition"){
- let data = {changes: [], states: this.states};
- for (const selectedRescourceId of this.selectedRescourceIds) {
- for (const iterator of this.resources) {
- if(iterator.resourceId == selectedRescourceId){
- data.changes.push({resourceId: iterator.resourceId, changeNr: iterator.changeNr, currentState: iterator.state});
- }
+ public toolbarBtnClicked(args: any) {
+ if (args.item.text === "Statusübergang" || args.item.text === "State Transition") {
+ let data = { changes: [], states: this.states };
+ for (const selectedRescourceId of this.selectedRescourceIds) {
+ for (const iterator of this.resources) {
+ if (iterator.resourceId == selectedRescourceId) {
+ data.changes.push({ resourceId: iterator.resourceId, changeNr: iterator.changeNr, currentState: iterator.state });
}
}
- let dialogRef = StateDialogComponent;
- this.matDialog.open(dialogRef,{data : data}).afterClosed().subscribe((res)=>{
- console.log(res);
- if(res == "Success"){
- this.refreshData();
- }
- });
}
+ let dialogRef = StateDialogComponent;
+ this.matDialog.open(dialogRef, { data: data }).afterClosed().subscribe((res) => {
+ console.log(res);
+ if (res == "Success") {
+ this.refreshData();
+ }
+ });
+ }
- if(args.item.text === "Implementer Eintragen" || args.item.text === "Enter Implementer"){
- let data = {changes: []};
- for (const selectedRescourceId of this.selectedRescourceIds) {
- for (const change of this.resources) {
- if(change.resourceId == selectedRescourceId){
- data.changes.push({resourceId: change.resourceId, pkgId: change.changeNr, supportGroupId: change.supportGroupId});
- }
+ if (args.item.text === "Implementer Eintragen" || args.item.text === "Enter Implementer") {
+ let data = { changes: [] };
+ for (const selectedRescourceId of this.selectedRescourceIds) {
+ for (const change of this.resources) {
+ if (change.resourceId == selectedRescourceId) {
+ data.changes.push({ resourceId: change.resourceId, pkgId: change.changeNr, supportGroupId: change.supportGroupId });
}
}
- this.matDialog.open(ImplementerDialogComponent,{data : data});
}
+ this.matDialog.open(ImplementerDialogComponent, { data: data });
+ }
- if(args.item.text === "Genehmigen" || args.item.text === "Approve"){
- for (const selectedRescourceId of this.selectedRescourceIds) {
- for (const change of this.resources) {
- if(change.resourceId == selectedRescourceId){
- this.dataService.updateApproval(change, 1).then((res: any)=>{
- if(res.status == 200){
- this._snackBar.open("Genehmigung erfolgreich", 'Schließen', { horizontalPosition: this.horizontalPosition, verticalPosition: this.verticalPosition, panelClass: ['green-snackbar']});
- }else{
- this._snackBar.open(res.HttpErrorResponse.message, 'Schließen', {horizontalPosition: this.horizontalPosition, verticalPosition: this.verticalPosition, panelClass: ['red-snackbar']});
- }
+ if (args.item.text === "Genehmigen" || args.item.text === "Approve") {
+ for (const selectedRescourceId of this.selectedRescourceIds) {
+ for (const change of this.resources) {
+ if (change.resourceId == selectedRescourceId) {
+ this.dataService.updateApproval(change, 1).then((res: any) => {
+ if (res.status == 200) {
+ this._snackBar.open("Genehmigung erfolgreich", 'Schließen', { horizontalPosition: this.horizontalPosition, verticalPosition: this.verticalPosition, panelClass: ['green-snackbar'] });
+ } else {
+ this._snackBar.open(res.HttpErrorResponse.message, 'Schließen', { horizontalPosition: this.horizontalPosition, verticalPosition: this.verticalPosition, panelClass: ['red-snackbar'] });
+ }
+ this.refreshData();
+ });
+ }
+ }
+ }
+ }
+
+ if (args.item.text === "Zur Genehmigung" || args.item.text === "Permit") {
+ let data = { changes: [], states: this.states };
+ for (const selectedRescourceId of this.selectedRescourceIds) {
+ for (const iterator of this.resources) {
+ if (iterator.resourceId == selectedRescourceId) {
+ data.changes.push({ resourceId: iterator.resourceId, changeNr: iterator.changeNr, currentState: iterator.state });
+ }
+ }
+ }
+ let dialogRef = StateDialogComponent;
+ this.matDialog.open(dialogRef, { data: data }).afterClosed().subscribe((res) => {
+ if (res.status == 200) {
+ this.refreshData();
+ }
+ });
+ }
+
+ if (args.item.text === "Ablehnen" || args.item.text === "Reject") {
+ for (const selectedRescourceId of this.selectedRescourceIds) {
+ for (const change of this.resources) {
+ if (change.resourceId == selectedRescourceId) {
+ this.dataService.updateApproval(change, 2).then((res: any) => {
+ if (res.status == 200) {
+ this._snackBar.open("Ablehnen erfolgreich", 'Schließen', { horizontalPosition: this.horizontalPosition, verticalPosition: this.verticalPosition, panelClass: ['green-snackbar'] });
this.refreshData();
- });
- }
+ } else {
+ this._snackBar.open(res.HttpErrorResponse.message, 'Schließen', { horizontalPosition: this.horizontalPosition, verticalPosition: this.verticalPosition, panelClass: ['red-snackbar'] });
+ }
+ });
}
}
}
+ }
- if(args.item.text === "Zur Genehmigung" || args.item.text === "Permit"){
- let data = {changes: [], states: this.states};
- for (const selectedRescourceId of this.selectedRescourceIds) {
- for (const iterator of this.resources) {
- if(iterator.resourceId == selectedRescourceId){
- data.changes.push({resourceId: iterator.resourceId, changeNr: iterator.changeNr, currentState: iterator.state});
- }
- }
- }
- let dialogRef = StateDialogComponent;
- this.matDialog.open(dialogRef, {data : data}).afterClosed().subscribe((res)=>{
- if(res.status == 200){
- this.refreshData();
- }
- });
- }
-
- if(args.item.text === "Ablehnen" || args.item.text === "Reject"){
- for (const selectedRescourceId of this.selectedRescourceIds) {
- for (const change of this.resources) {
- if(change.resourceId == selectedRescourceId){
- this.dataService.updateApproval(change, 2).then((res: any)=>{
- if(res.status == 200){
- this._snackBar.open("Ablehnen erfolgreich", 'Schließen', {horizontalPosition: this.horizontalPosition,verticalPosition: this.verticalPosition, panelClass: ['green-snackbar']});
- this.refreshData();
- }else{
- this._snackBar.open(res.HttpErrorResponse.message, 'Schließen', {horizontalPosition: this.horizontalPosition, verticalPosition: this.verticalPosition, panelClass: ['red-snackbar']});
- }
- });
- }
- }
- }
- }
-
- if(args.item.text === "stornieren" || args.item.text === "Cancel"){
- for (const selectedRescourceId of this.selectedRescourceIds) {
- for (const change of this.resources) {
- if(change.resourceId == selectedRescourceId){
- this.dataService.updateApproval(change, 3).then((res: any)=>{
- if(res.status == 200){
- this._snackBar.open("Stornieren erfolgreich", 'Schließen', {horizontalPosition: this.horizontalPosition, verticalPosition: this.verticalPosition, panelClass: ['mat-primary']});
- this.refreshData();
- }else{
- this._snackBar.open(res.HttpErrorResponse.message, 'Schließen', {horizontalPosition: this.horizontalPosition, verticalPosition: this.verticalPosition, panelClass: ['mat-primary']});
- }
- });
- }
+ if (args.item.text === "stornieren" || args.item.text === "Cancel") {
+ for (const selectedRescourceId of this.selectedRescourceIds) {
+ for (const change of this.resources) {
+ if (change.resourceId == selectedRescourceId) {
+ this.dataService.updateApproval(change, 3).then((res: any) => {
+ if (res.status == 200) {
+ this._snackBar.open("Stornieren erfolgreich", 'Schließen', { horizontalPosition: this.horizontalPosition, verticalPosition: this.verticalPosition, panelClass: ['mat-primary'] });
+ this.refreshData();
+ } else {
+ this._snackBar.open(res.HttpErrorResponse.message, 'Schließen', { horizontalPosition: this.horizontalPosition, verticalPosition: this.verticalPosition, panelClass: ['mat-primary'] });
+ }
+ });
}
}
}
+ }
}
/**############################### Syncfusion Framework EVENTS /**###############################*/
@@ -878,41 +880,40 @@ export class NttGanttComponent implements OnInit {
*/
public queryTaskbarInfo(args: any) {
- if (args.taskbarType == 'Milestone' && args.data.taskData.TaskID.includes("D2"))
- {
- if(args.data.taskData.isFixed == false){
+ if (args.taskbarType == 'Milestone' && args.data.taskData.TaskID.includes("D2")) {
+ if (args.data.taskData.isFixed == false) {
args.taskbarElement.children[1].classList.add('e-gantt-milestone-border1');
- }else{
+ } else {
args.taskbarElement.children[1].classList.remove('e-gantt-milestone-border1');
args.taskbarElement.children[1].classList.add('e-gantt-milestone-border2');
}
- if(args.data.taskData.TaskID.includes("D2")){
+ if (args.data.taskData.TaskID.includes("D2")) {
// console.log(args.data.taskData.resources[0]);
- if (args.data.taskData.resources[0].state == 0 ) {
+ if (args.data.taskData.resources[0].state == 0) {
args.milestoneColor = "#f83200"; //red
// console.log("red");
}
- if (args.data.taskData.resources[0].state == 1 ) {
+ if (args.data.taskData.resources[0].state == 1) {
args.milestoneColor = "#f98700"; //orange
// console.log("orange");
}
- if (args.data.taskData.resources[0].state == 3 ) {
+ if (args.data.taskData.resources[0].state == 3) {
args.milestoneColor = "#ff9248"; //light orange
// console.log("light orange");
}
- if (args.data.taskData.resources[0].state >= 6 ) {
+ if (args.data.taskData.resources[0].state >= 6) {
args.milestoneColor = "#ffff00"; //yellow
// console.log("yellow");
}
- if (args.data.taskData.resources[0].state == 7 ) {
+ if (args.data.taskData.resources[0].state == 7) {
args.milestoneColor = "#ffff00"; //yellow
// // console.log("yellow");
}
- if (args.data.taskData.resources[0].state == 9 ) {
+ if (args.data.taskData.resources[0].state == 9) {
args.milestoneColor = "#d3d3d3"; //yellow
// // console.log("yellow");
}
- if (args.data.taskData.resources[0].state == 91 ) {
+ if (args.data.taskData.resources[0].state == 91) {
args.milestoneColor = "grey"; //yellow
// // console.log("yellow");
}
@@ -924,7 +925,7 @@ export class NttGanttComponent implements OnInit {
args.milestoneColor = "#32CD32"; //lightgreen
// console.log("lightgreen");
}
- if (args.data.taskData.resources[0].state == 11 ) {
+ if (args.data.taskData.resources[0].state == 11) {
args.milestoneColor = "#ffffff"; //white
// console.log("white");
}
@@ -938,22 +939,22 @@ export class NttGanttComponent implements OnInit {
}
}
- else{
- if(args.taskbarType == 'Milestone' && !args.data.taskData.TaskID.includes("D2")){
+ else {
+ if (args.taskbarType == 'Milestone' && !args.data.taskData.TaskID.includes("D2")) {
args.taskbarElement.children[1].classList.add('e-gantt-milestone-border3');
- if(this.showDetails == true){
- if (args.data.taskData.TaskID.includes("D1")||args.data.taskData.TaskID.includes("D4")||args.data.taskData.TaskID.includes("D3")){
- if(args.data.taskData.TaskID.includes("D1")){
- args.milestoneColor = "#d4d4d4";
- }
- if(args.data.taskData.TaskID.includes("D4")){
- args.milestoneColor = "#a1a1a1";
- }
+ if (this.showDetails == true) {
+ if (args.data.taskData.TaskID.includes("D1") || args.data.taskData.TaskID.includes("D4") || args.data.taskData.TaskID.includes("D3")) {
+ if (args.data.taskData.TaskID.includes("D1")) {
+ args.milestoneColor = "#d4d4d4";
+ }
+ if (args.data.taskData.TaskID.includes("D4")) {
+ args.milestoneColor = "#a1a1a1";
+ }
}
- if (args.data.taskData.TaskID.includes("D3")){
- args.milestoneColor = "#bababa";
+ if (args.data.taskData.TaskID.includes("D3")) {
+ args.milestoneColor = "#bababa";
}
- }else{
+ } else {
// console.log(args);
args.taskbarElement.innerHTML = null;
args.taskbarElement.classlist = null;
@@ -968,22 +969,22 @@ export class NttGanttComponent implements OnInit {
* If the isFixed flag is false, it triggers the dataService to update the moved date.
* @param args event arguments from the syncfusion gantt chart.
*/
- public taskbarEdited(args: any){
- if(args.data.taskData.isFixed !== false ) {
- args.cancel = true;
- }else{
+ public taskbarEdited(args: any) {
+ if (args.data.taskData.isFixed !== false) {
+ args.cancel = true;
+ } else {
const found = this.allResources.find((resource) => {
return resource.resourceId == args.data.taskData.resources[0].resourceId;
});
- this.dataService.updateDatePerChange(found).then((res: any)=>{
- if(res.ok == false){
- this._snackBar.open("Änderung fehlegeschlagen, bitte erneut versuchen", 'Schließen', {duration: 10000,horizontalPosition: this.horizontalPosition, verticalPosition: this.verticalPosition, panelClass: ['red-snackbar']});
- }else{
+ this.dataService.updateDatePerChange(found).then((res: any) => {
+ if (res.ok == false) {
+ this._snackBar.open("Änderung fehlegeschlagen, bitte erneut versuchen", 'Schließen', { duration: 10000, horizontalPosition: this.horizontalPosition, verticalPosition: this.verticalPosition, panelClass: ['red-snackbar'] });
+ } else {
// console.log(res);
- this._snackBar.open("Änderung erfolgreich, Neues Datum: "+res.d2.slice(0,-14), 'Schließen', {duration: 3000, horizontalPosition: this.horizontalPosition, verticalPosition: this.verticalPosition, panelClass: ['green-snackbar']});
+ this._snackBar.open("Änderung erfolgreich, Neues Datum: " + res.d2.slice(0, -14), 'Schließen', { duration: 3000, horizontalPosition: this.horizontalPosition, verticalPosition: this.verticalPosition, panelClass: ['green-snackbar'] });
this.plantimeComponent.fetchPlanTimes();
let elem = document.querySelector(
- '#'+'ganttDefaultSum'+ 'GanttChart > div.e-chart-root-container > div'
+ '#' + 'ganttDefaultSum' + 'GanttChart > div.e-chart-root-container > div'
);
elem.scrollLeft = this.planTimeScrollLeft;
}
@@ -997,7 +998,7 @@ export class NttGanttComponent implements OnInit {
* @param args event arguments from the syncfusion gantt chart.
*/
public taskbarEditing(args: any) {
- if(args.data.taskData.isFixed !== false ) {
+ if (args.data.taskData.isFixed !== false) {
args.cancel = true;
}
}
@@ -1006,10 +1007,10 @@ export class NttGanttComponent implements OnInit {
* The function taskbarEditing catches the corresponding syncfsuions event and executes a query operation to synchronize the scrollbars of the main gannt chart and the planTimeBart gantt chart.
* @param args event arguments from the syncfusion gantt chart.
*/
- public actionComplete(args: any){
+ public actionComplete(args: any) {
if (args.action === 'HorizontalScroll') {
let elem = document.querySelector(
- '#'+'ganttDefaultSum'+ 'GanttChart > div.e-chart-root-container > div'
+ '#' + 'ganttDefaultSum' + 'GanttChart > div.e-chart-root-container > div'
);
elem.scrollLeft = args.scrollLeft;
this.planTimeScrollLeft = args.scrollLeft;
@@ -1031,73 +1032,73 @@ export class NttGanttComponent implements OnInit {
public dataBound(args: any) {
// console.log(args);
this.spin = false;
- if(this.sortEnabled && this.sortSelectorName){
+ if (this.sortEnabled && this.sortSelectorName) {
this.selectSortedColumn(this.sortSelectorName);
}
- // const headerDivs = document.querySelectorAll('.e-headercelldiv');
+ // const headerDivs = document.querySelectorAll('.e-headercelldiv');
- // // Add click event listener to each 'e-headercelldiv'
+ // // Add click event listener to each 'e-headercelldiv'
- // headerDivs.forEach((div) => {
+ // headerDivs.forEach((div) => {
- // div.addEventListener('click', function () {
+ // div.addEventListener('click', function () {
- // console.log('Element is clicked you can write your own custom function');
- // console.log(this);
- // // Remove 'selected' class from all 'e-headercell' elements
+ // console.log('Element is clicked you can write your own custom function');
+ // console.log(this);
+ // // Remove 'selected' class from all 'e-headercell' elements
- // document.querySelectorAll('.e-headercell').forEach((cell) => {
+ // document.querySelectorAll('.e-headercell').forEach((cell) => {
- // cell.classList.remove('selected');
+ // cell.classList.remove('selected');
- // });
+ // });
- // // Add 'selected' class to the parent 'e-headercell' of the clicked div
+ // // Add 'selected' class to the parent 'e-headercell' of the clicked div
- // this.closest('.e-headercell').classList.add('selected');
+ // this.closest('.e-headercell').classList.add('selected');
- // });
+ // });
- // });
+ // });
}
- public selectSortedColumn(colName: string){
+ public selectSortedColumn(colName: string) {
const headerDivs = document.querySelectorAll('.e-headercelldiv');
- headerDivs.forEach((div) => {
- console.log('############################################');
- // console.log(div);
- // Remove 'selected' class from all 'e-headercell' elements
+ headerDivs.forEach((div) => {
+ console.log('############################################');
+ // console.log(div);
+ // Remove 'selected' class from all 'e-headercell' elements
- // document.querySelectorAll('.e-headercell').forEach((cell) => {
- // console.log(div.firstChild.textContent);
- // console.log(colName);
- if(div.firstChild.textContent == colName){
- div.closest('.e-headercell').classList.add('selected');
- console.log(div.closest('.e-headercell').children[1]);
- console.log(this.sort.mode == 'asc');
- if(this.sort.mode == 'asc'){
- div.closest('.e-headercell').children[1].innerHTML = "arrow_downward"
- }else{
- div.closest('.e-headercell').children[1].innerHTML = "arrow_upward"
- }
- }else{
- div.classList.remove('selected');
- }
+ // document.querySelectorAll('.e-headercell').forEach((cell) => {
+ // console.log(div.firstChild.textContent);
+ // console.log(colName);
+ if (div.firstChild.textContent == colName) {
+ div.closest('.e-headercell').classList.add('selected');
+ console.log(div.closest('.e-headercell').children[1]);
+ console.log(this.sort.mode == 'asc');
+ if (this.sort.mode == 'asc') {
+ div.closest('.e-headercell').children[1].innerHTML = "arrow_downward"
+ } else {
+ div.closest('.e-headercell').children[1].innerHTML = "arrow_upward"
+ }
+ } else {
+ div.classList.remove('selected');
+ }
- });
+ });
- // Add 'selected' class to the parent 'e-headercell' of the clicked div
+ // Add 'selected' class to the parent 'e-headercell' of the clicked div
- // this.closest('.e-headercell').classList.add('selected');
+ // this.closest('.e-headercell').classList.add('selected');
- // });
+ // });
// const col = document.querySelector(colName);
// console.log(col);
@@ -1117,7 +1118,7 @@ export class NttGanttComponent implements OnInit {
* The function onExpand catches the corresponding syncfsuions event and avoids a chart row from beeing expanded by the user.
* @param args event arguments from the syncfusion gantt chart.
*/
- public onExpand(args: any){
+ public onExpand(args: any) {
args.cancel = true;
}
@@ -1127,7 +1128,7 @@ export class NttGanttComponent implements OnInit {
*/
public splitterResizing(args) {
- this.splitterSettings = {position: args.paneSize[0].toString() + 'px'};
+ this.splitterSettings = { position: args.paneSize[0].toString() + 'px' };
}
/**
@@ -1135,93 +1136,93 @@ export class NttGanttComponent implements OnInit {
* @param args event arguments from the syncfusion gantt chart.
*/
public actionBegin(args: any) {
- if(args.requestType == 'taskbarediting'){
- if(args.taskBarEditAction == 'MilestoneDrag'){
- if(args.data.TaskID.includes("D2")){
- if(args.data.taskData.isFixed == true ) {
+ if (args.requestType == 'taskbarediting') {
+ if (args.taskBarEditAction == 'MilestoneDrag') {
+ if (args.data.TaskID.includes("D2")) {
+ if (args.data.taskData.isFixed == true) {
args.cancel = true;
- }
- }else{
+ }
+ } else {
args.cancel = true;
}
return;
}
}
- if(args.dialogModel){
+ if (args.dialogModel) {
args.cancel = true;
- if(args.rowData.taskData.resources[0].state == 0){
- window.open("https://itsm-test-neu-smartit.asfinag.at/smartit/app/#/paketPV/"+args.rowData.taskData.resources[0].packageInstanceId, "_blank");
- }else{
- window.open("https://itsm-dev-neu-smartit.asfinag.at/smartit/app/#/changePV/"+args.rowData.taskData.resources[0].packageInstanceId, "_blank");
+ if (args.rowData.taskData.resources[0].state == 0) {
+ window.open("https://itsm-test-neu-smartit.asfinag.at/smartit/app/#/paketPV/" + args.rowData.taskData.resources[0].packageInstanceId, "_blank");
+ } else {
+ window.open("https://itsm-dev-neu-smartit.asfinag.at/smartit/app/#/changePV/" + args.rowData.taskData.resources[0].packageInstanceId, "_blank");
}
this.ganttDefault.hideSpinner();
- }else{
- if(args.requestType=='sorting'){
- let colName = "";
- let mode = "asc";
+ } else {
+ if (args.requestType == 'sorting') {
+ let colName = "";
+ let mode = "asc";
+ args.cancel = true;
+
+ switch (args.columnName) {
+ case 'TaskName':
+ colName = 'ResourceName';
+ break;
+ case 'stateName':
+ colName = 'State';
+ break;
+ case 'supportGroup':
+ colName = 'SupportGroup';
+ break;
+ case 'approvalStatus':
+ colName = 'ApprovalStatus';
+ break;
+ default:
+ break;
+ }
+ if (colName != '') {
+ this.sortSelectorName = args.target.firstChild.innerText;
+ this.sortEnabled = true;
+ if (this.oldSort != null && this.oldSort.column == this.sort.column) {
+ mode = 'dsc';
+ }
+ if (this.sort == null) {
+ this.sort = { 'column': colName, 'mode': mode }
+ this.oldSort = this.sort;
+ } else {
+ this.oldSort = this.sort;
+ this.sort = { 'column': colName, 'mode': mode }
+ }
+
+
+ if (this.oldSort != null && this.oldSort.mode == 'dsc') {
+ this.sort = null;
+ this.oldSort = null;
+ this.sortEnabled = false;
+ this.sortSelectorName = null;
+ }
+ this.oldSort;
+ this.sort;
+ this.refreshData();
+ } else {
+ this.sortSelectorName = null;
args.cancel = true;
- switch (args.columnName) {
- case 'TaskName':
- colName = 'ResourceName';
- break;
- case 'stateName':
- colName = 'State';
- break;
- case 'supportGroup':
- colName = 'SupportGroup';
- break;
- case 'approvalStatus':
- colName = 'ApprovalStatus';
- break;
- default:
- break;
- }
- if(colName != ''){
- this.sortSelectorName = args.target.firstChild.innerText;
- this.sortEnabled = true;
- if(this.oldSort != null && this.oldSort.column == this.sort.column){
- mode = 'dsc';
- }
- if(this.sort == null){
- this.sort = {'column': colName, 'mode': mode}
- this.oldSort = this.sort;
- }else{
- this.oldSort = this.sort;
- this.sort = {'column': colName, 'mode': mode}
- }
-
-
- if(this.oldSort != null && this.oldSort.mode == 'dsc'){
- this.sort = null;
- this.oldSort = null;
- this.sortEnabled = false;
- this.sortSelectorName = null;
- }
- this.oldSort;
- this.sort;
- this.refreshData();
- }else{
- this.sortSelectorName = null;
- args.cancel = true;
-
- }
}
+ }
}
}
- public isStateTransitionPossible(change: any): boolean{
+ public isStateTransitionPossible(change: any): boolean {
let states = this.dataService.getStates();
let state = change.state;
// console.log(change.taskData.state);
for (const state of states) {
- if(change.taskData.state == state.actualState){
+ if (change.taskData.state == state.actualState) {
// console.log(state.possibleStates);
- if(state.possibleStates[0]){
+ if (state.possibleStates[0]) {
return true;
- }else{
+ } else {
return false
}
@@ -1230,9 +1231,9 @@ export class NttGanttComponent implements OnInit {
return false;
}
- public evaluateCancelFlag(change: any): boolean{
+ public evaluateCancelFlag(change: any): boolean {
for (const state of this.dataService.getStates()) {
- if(change.taskData.state == state.actualState){
+ if (change.taskData.state == state.actualState) {
return state.cancelFlag;
}
}
@@ -1240,18 +1241,18 @@ export class NttGanttComponent implements OnInit {
}
- public evaluateImplementerFlag(change: any): boolean{
+ public evaluateImplementerFlag(change: any): boolean {
for (const state of this.dataService.getStates()) {
- if(change.taskData.state == state.actualState){
+ if (change.taskData.state == state.actualState) {
return state.implementerFlag;
}
}
return false;
}
- public evaluateRestartFlag(change: any): boolean{
+ public evaluateRestartFlag(change: any): boolean {
for (const state of this.dataService.getStates()) {
- if(change.taskData.state == state.actualState){
+ if (change.taskData.state == state.actualState) {
return state.restartFlag;
}
}
@@ -1263,20 +1264,20 @@ export class NttGanttComponent implements OnInit {
* @param args event arguments from the syncfusion gantt chart
*/
public rowSelected(args: any) {
- this.approvalPending = false;
- this.selectedrowindex = this.ganttDefault.selectionModule.getSelectedRowIndexes(); // get the selected row indexes.
- this.selectedrecords = this.ganttDefault.selectionModule.getSelectedRecords(); // get the selected records.
- this.selRecs=[];
- if(this.selectedrowindex.length>this.resources.length-1){
- for (const record of this.selectedrecords) {
- if(record.taskData.isRes == true){
- this.selRecs.push(record);
- }
+ this.approvalPending = false;
+ this.selectedrowindex = this.ganttDefault.selectionModule.getSelectedRowIndexes(); // get the selected row indexes.
+ this.selectedrecords = this.ganttDefault.selectionModule.getSelectedRecords(); // get the selected records.
+ this.selRecs = [];
+ if (this.selectedrowindex.length > this.resources.length - 1) {
+ for (const record of this.selectedrecords) {
+ if (record.taskData.isRes == true) {
+ this.selRecs.push(record);
}
- }else{
- this.selRecs = this.selectedrecords;
}
- this.evaluateBulkOperationButtons();
+ } else {
+ this.selRecs = this.selectedrecords;
+ }
+ this.evaluateBulkOperationButtons();
}
/**
@@ -1284,33 +1285,33 @@ export class NttGanttComponent implements OnInit {
* When a line is deselected, it is checked if all resource states are equal after deselecting a resource, if they are equal then the respective buttons are displayed
* @param args event arguments from the syncfusion gantt chart
*/
- public rowDeselected(args: any){
- this.selectedRescourceIds.forEach((element,index)=>{
- if(element == args.data.taskData.resourceId) delete this.selectedRescourceIds[index]; //TODO: auf memoryLeak prüfen
- });
+ public rowDeselected(args: any) {
+ this.selectedRescourceIds.forEach((element, index) => {
+ if (element == args.data.taskData.resourceId) delete this.selectedRescourceIds[index]; //TODO: auf memoryLeak prüfen
+ });
- this.selectedrowindex= this.ganttDefault.selectionModule.getSelectedRowIndexes(); // get the selected row indexes.
- this.selectedrecords= this.ganttDefault.selectionModule.getSelectedRecords(); // get the selected records.
- this.selRecs = [];
- if(this.selectedrowindex.length>this.resources.length-1){
- for (const record of this.selectedrecords) {
- if(record.taskData.isRes == true){
- this.selRecs.push(record);
- }
- }
- }else{
- this.selRecs = this.selectedrecords;
- }
- // console.log(this.selRecs[0]);
- if(!this.selRecs[0]){
- this.toolbar = [''];
- }else{
- this.evaluateBulkOperationButtons();
+ this.selectedrowindex = this.ganttDefault.selectionModule.getSelectedRowIndexes(); // get the selected row indexes.
+ this.selectedrecords = this.ganttDefault.selectionModule.getSelectedRecords(); // get the selected records.
+ this.selRecs = [];
+ if (this.selectedrowindex.length > this.resources.length - 1) {
+ for (const record of this.selectedrecords) {
+ if (record.taskData.isRes == true) {
+ this.selRecs.push(record);
}
+ }
+ } else {
+ this.selRecs = this.selectedrecords;
+ }
+ // console.log(this.selRecs[0]);
+ if (!this.selRecs[0]) {
+ this.toolbar = [''];
+ } else {
+ this.evaluateBulkOperationButtons();
+ }
}
- public evaluateBulkOperationButtons(){
+ public evaluateBulkOperationButtons() {
this.resetBulkOpButtons();
let allStates: boolean = true;
@@ -1329,55 +1330,55 @@ export class NttGanttComponent implements OnInit {
// console.log("Implementer",this.evaluateImplementerFlag(change));
// console.log("Restart",this.evaluateRestartFlag(change));
- if(change.taskData.approvalStatus == 1){
+ if (change.taskData.approvalStatus == 1) {
this.approvalPending = true;
}
- if(change.taskData.state == this.selRecs[0].taskData.state){
- if(allStates){
+ if (change.taskData.state == this.selRecs[0].taskData.state) {
+ if (allStates) {
allStates = true;
}
- else{
+ else {
allStates = false;
}
this.selectedRescourceIds.push(change.taskData.resourceId);
- }else{
- allStates = false;
- }
- if(change.taskData.approval == true && allPermit == true){
+ } else {
+ allStates = false;
+ }
+ if (change.taskData.approval == true && allPermit == true) {
allPermit = true;
- }else{
+ } else {
allPermit = false;
}
- if(change.taskData.approval == true && allApprove == true){
+ if (change.taskData.approval == true && allApprove == true) {
allApprove = true;
- }else{
+ } else {
allApprove = false;
}
- if(change.taskData.approval == true && allReject == true){
+ if (change.taskData.approval == true && allReject == true) {
allReject = true;
- }else{
+ } else {
allReject = false;
}
- if(change.taskData.approval == true && this.evaluateCancelFlag(change) == true && allCancel == true){
+ if (change.taskData.approval == true && this.evaluateCancelFlag(change) == true && allCancel == true) {
allCancel = true;
- }else{
+ } else {
allCancel = false;
}
- if(this.evaluateImplementerFlag(change) == true && allImplementer == true){
+ if (this.evaluateImplementerFlag(change) == true && allImplementer == true) {
allImplementer = true;
- }else{
+ } else {
allImplementer = false;
}
- if(this.isStateTransitionPossible(change) && allTransition == true){
+ if (this.isStateTransitionPossible(change) && allTransition == true) {
allTransition = true;
- }else{
+ } else {
allTransition = false;
}
}
- if(allStates){
+ if (allStates) {
this.toolbar = [''];
- if(allTransition && !this.approvalPending){
+ if (allTransition && !this.approvalPending) {
//this.toolbar.push({text:this.languageService.lMap.get("stateChange"), id: "6"});
this.transitionButton = true;
@@ -1388,19 +1389,19 @@ export class NttGanttComponent implements OnInit {
// console.log(document.querySelectorAll(".e-tbar-btn")[0]);
}
- if(allApprove){
+ if (allApprove) {
//this.toolbar.push({text: this.languageService.lMap.get("genehmigen"), id: "7"});
this.approveButton = true;
}
- if(allReject){
+ if (allReject) {
//this.toolbar.push({text: this.languageService.lMap.get("ablehnen"), id: "8"});
this.rejectButton = true;
}
- if(allCancel){
+ if (allCancel) {
//this.toolbar.push({text: this.languageService.lMap.get("stornieren"), id: "11"});
this.cancelButton = true;
}
- if(allImplementer){
+ if (allImplementer) {
//this.toolbar.push({text: this.languageService.lMap.get("implementer"), id: "10"});
this.implementerButton = true;
}
@@ -1418,7 +1419,7 @@ export class NttGanttComponent implements OnInit {
// this.toolbar = tmp;
// tmp = [];
- }else{
+ } else {
this.toolbar = [''];
}
this.approvalPending = false;
@@ -1427,7 +1428,7 @@ export class NttGanttComponent implements OnInit {
this.selectedrowindex = [];
}
- public resetBulkOpButtons(){
+ public resetBulkOpButtons() {
this.transitionButton = false;
this.approveButton = false;
this.rejectButton = false;
@@ -1436,45 +1437,45 @@ export class NttGanttComponent implements OnInit {
this.implementerButton = false
}
- public openStatTransitionDialog(){
- let data = {changes: [], states: this.states};
- for (const selectedRescourceId of this.selectedRescourceIds) {
- for (const iterator of this.resources) {
- if(iterator.resourceId == selectedRescourceId){
- data.changes.push({resourceId: iterator.resourceId, changeNr: iterator.changeNr, currentState: iterator.state});
- }
- }
- }
- let dialogRef = StateDialogComponent;
- this.matDialog.open(dialogRef,{data : data}).afterClosed().subscribe((res)=>{
- console.log(res);
- if(res == "Success"){
- this.refreshData();
- }
- });
- }
-
- public openImplementerDialog(){
- let data = {changes: []};
+ public openStatTransitionDialog() {
+ let data = { changes: [], states: this.states };
for (const selectedRescourceId of this.selectedRescourceIds) {
- for (const change of this.resources) {
- if(change.resourceId == selectedRescourceId){
- data.changes.push({resourceId: change.resourceId, pkgId: change.changeNr, supportGroupId: change.supportGroupId});
+ for (const iterator of this.resources) {
+ if (iterator.resourceId == selectedRescourceId) {
+ data.changes.push({ resourceId: iterator.resourceId, changeNr: iterator.changeNr, currentState: iterator.state });
}
}
}
- this.matDialog.open(ImplementerDialogComponent,{data : data});
+ let dialogRef = StateDialogComponent;
+ this.matDialog.open(dialogRef, { data: data }).afterClosed().subscribe((res) => {
+ console.log(res);
+ if (res == "Success") {
+ this.refreshData();
+ }
+ });
}
- public approve(){
+ public openImplementerDialog() {
+ let data = { changes: [] };
for (const selectedRescourceId of this.selectedRescourceIds) {
for (const change of this.resources) {
- if(change.resourceId == selectedRescourceId){
- this.dataService.updateApproval(change, 1).then((res: any)=>{
- if(res.status == 200){
- this._snackBar.open("Genehmigung erfolgreich", 'Schließen', { horizontalPosition: this.horizontalPosition, verticalPosition: this.verticalPosition, panelClass: ['green-snackbar']});
- }else{
- this._snackBar.open(res.HttpErrorResponse.message, 'Schließen', {horizontalPosition: this.horizontalPosition, verticalPosition: this.verticalPosition, panelClass: ['red-snackbar']});
+ if (change.resourceId == selectedRescourceId) {
+ data.changes.push({ resourceId: change.resourceId, pkgId: change.changeNr, supportGroupId: change.supportGroupId });
+ }
+ }
+ }
+ this.matDialog.open(ImplementerDialogComponent, { data: data });
+ }
+
+ public approve() {
+ for (const selectedRescourceId of this.selectedRescourceIds) {
+ for (const change of this.resources) {
+ if (change.resourceId == selectedRescourceId) {
+ this.dataService.updateApproval(change, 1).then((res: any) => {
+ if (res.status == 200) {
+ this._snackBar.open("Genehmigung erfolgreich", 'Schließen', { horizontalPosition: this.horizontalPosition, verticalPosition: this.verticalPosition, panelClass: ['green-snackbar'] });
+ } else {
+ this._snackBar.open(res.HttpErrorResponse.message, 'Schließen', { horizontalPosition: this.horizontalPosition, verticalPosition: this.verticalPosition, panelClass: ['red-snackbar'] });
}
this.refreshData();
});
@@ -1483,16 +1484,16 @@ export class NttGanttComponent implements OnInit {
}
}
- public reject(){
+ public reject() {
for (const selectedRescourceId of this.selectedRescourceIds) {
for (const change of this.resources) {
- if(change.resourceId == selectedRescourceId){
- this.dataService.updateApproval(change, 2).then((res: any)=>{
- if(res.status == 200){
- this._snackBar.open("Ablehnen erfolgreich", 'Schließen', {horizontalPosition: this.horizontalPosition,verticalPosition: this.verticalPosition, panelClass: ['green-snackbar']});
+ if (change.resourceId == selectedRescourceId) {
+ this.dataService.updateApproval(change, 2).then((res: any) => {
+ if (res.status == 200) {
+ this._snackBar.open("Ablehnen erfolgreich", 'Schließen', { horizontalPosition: this.horizontalPosition, verticalPosition: this.verticalPosition, panelClass: ['green-snackbar'] });
this.refreshData();
- }else{
- this._snackBar.open(res.HttpErrorResponse.message, 'Schließen', {horizontalPosition: this.horizontalPosition, verticalPosition: this.verticalPosition, panelClass: ['red-snackbar']});
+ } else {
+ this._snackBar.open(res.HttpErrorResponse.message, 'Schließen', { horizontalPosition: this.horizontalPosition, verticalPosition: this.verticalPosition, panelClass: ['red-snackbar'] });
}
});
}
@@ -1500,16 +1501,16 @@ export class NttGanttComponent implements OnInit {
}
}
- public cancel(){
+ public cancel() {
for (const selectedRescourceId of this.selectedRescourceIds) {
for (const change of this.resources) {
- if(change.resourceId == selectedRescourceId){
- this.dataService.updateApproval(change, 3).then((res: any)=>{
- if(res.status == 200){
- this._snackBar.open("Stornieren erfolgreich", 'Schließen', {horizontalPosition: this.horizontalPosition, verticalPosition: this.verticalPosition, panelClass: ['mat-primary']});
+ if (change.resourceId == selectedRescourceId) {
+ this.dataService.updateApproval(change, 3).then((res: any) => {
+ if (res.status == 200) {
+ this._snackBar.open("Stornieren erfolgreich", 'Schließen', { horizontalPosition: this.horizontalPosition, verticalPosition: this.verticalPosition, panelClass: ['mat-primary'] });
this.refreshData();
- }else{
- this._snackBar.open(res.HttpErrorResponse.message, 'Schließen', {horizontalPosition: this.horizontalPosition, verticalPosition: this.verticalPosition, panelClass: ['mat-primary']});
+ } else {
+ this._snackBar.open(res.HttpErrorResponse.message, 'Schließen', { horizontalPosition: this.horizontalPosition, verticalPosition: this.verticalPosition, panelClass: ['mat-primary'] });
}
});
}
@@ -1517,7 +1518,7 @@ export class NttGanttComponent implements OnInit {
}
}
- public reApprove(){
+ public reApprove() {
}
}
diff --git a/frontend/src/theme.scss b/frontend/src/theme.scss
index b918d61..73af48a 100644
--- a/frontend/src/theme.scss
+++ b/frontend/src/theme.scss
@@ -8,3 +8,9 @@ $my-warn: mat-palette($mat-red, 600);
$my-theme: mat-light-theme($my-primary, $my-accent, $my-warn);
@include angular-material-theme($my-theme);
+
+.dateButton.mat-button {
+ background-color: blue !important; /* Use !important as a last resort */
+ color: white;
+ }
+
\ No newline at end of file
+ *ngIf="!this.disableSpin && !this.showNoResultsError && !this.errorService.critical && !this.errorService.rsso && !this.errorService.error"
+ id="showSpin" data-bind="visible: spin" style=" position: absolute; top: auto; left: 30%;">
+