Added feature to integrate aq entities with 3rd party systems (#123)

* added initial version of feature that provides abilites to add links to tests from others systems
* added references to test, issue, testrun
* added publish results form
* added workflow status support
* added publish service to propogate statuses to jira
* added ability to add ref on the create issue dialog
* added dialog to add/change reference on publish
* added returning an empty array if entity id was undefined
* added abilities to add/remove ref on the issue create modal
* removed redundant components
* updated changelog and verion rised to 1.3.0

Author: DmitryBogatko

CHANGELOG.md

@@ -1,5 +1,8 @@
 # CHANGELOG
 
+## 1.3.0 (2021-02-26)
+ - Added feature that allows to link aquality entities (tests, issues and test runs) with 3rd party systems like Jira, Xray, TestRail and etc. In this version only Jira and Xray support has been added.
+
 ## 1.2.2 (2021-01-19)
  - Fix of an issue with switching between detailed/non-detailed view on the dashboard
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "aquality-tracking-ui",
-  "version": "1.2.2",
+  "version": "1.3.0",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",

src/app/app.component.spec.ts

@@ -14,7 +14,11 @@ import { PermissionsService } from 'src/app/services/permissions/current-permiss
 import { UserService } from 'src/app/services/user/user.services';
 import { GuardService } from 'src/app/services/guard.service';
 import { AdministrationProjectManagerGuard, AdministrationProjectGuard, AdministrationGlobalGuard } from 'src/app/shared/guards/administration-guard.service';
-
+import { IntegrationSystemsComponent } from '../projects/integrations/systems/integration-systems.component';
+import { IntegrationsComponent } from '../projects/integrations/integrations/integrations.component';
+import { TtsStatusComponent } from '../projects/integrations/tts-status/tts-status.component';
+import { WorkflowStatusesComponent } from '../projects/integrations/workflow-statuses/workflow-statuses.component';
+import { SystemViewComponent } from '../projects/integrations/system-view/system-view.component';
 @NgModule({
   imports: [
     administrationChildRouting,
@@ -27,7 +31,12 @@ import { AdministrationProjectManagerGuard, AdministrationProjectGuard, Administ
     AdministrationResolutionsComponent,
     ImportBodyPatternsComponent,
     APITokenComponent,
-    AdministrationProjectSettingsComponent
+    AdministrationProjectSettingsComponent,
+    IntegrationSystemsComponent,
+    IntegrationsComponent,
+    TtsStatusComponent,
+    WorkflowStatusesComponent,
+    SystemViewComponent
   ],
   providers: [
     ProjectService,

src/app/pages/administration/main/administration.child.module.ts

@@ -5,6 +5,7 @@ import { APITokenComponent } from '../projects/api-token/api-token.component';
 import { AdministrationPermissionsComponent } from '../projects/permissions/administration.permissions.component';
 import { AdministrationResolutionsComponent } from '../projects/resolutions/administration.resolutions.component';
 import { AdministrationUsersComponent } from '../global/users/administration.users.component';
+import { IntegrationsComponent } from '../projects/integrations/integrations/integrations.component'
 import {
   AdministrationProjectManagerGuard,
   AdministrationGlobalGuard,
@@ -18,11 +19,12 @@ const administrationChildRoutes: Routes = [
   {
     path: 'project', canActivate: [AdministrationProjectGuard],
     children: [
-      { path: 'permissions', component: AdministrationPermissionsComponent, canActivate: [AdministrationProjectManagerGuard]},
-      { path: 'resolutions', component: AdministrationResolutionsComponent, canActivate: [AdministrationProjectManagerGuard]},
-      { path: 'importBodyPatterns', component: ImportBodyPatternsComponent, canActivate: [AdministrationProjectManagerGuard]},
-      { path: 'apiToken', component: APITokenComponent, canActivate: [AdministrationProjectManagerGuard]},
-      { path: 'projectSettings', component: AdministrationProjectSettingsComponent, canActivate: [AdministrationProjectManagerGuard]}
+      { path: 'permissions', component: AdministrationPermissionsComponent, canActivate: [AdministrationProjectManagerGuard] },
+      { path: 'resolutions', component: AdministrationResolutionsComponent, canActivate: [AdministrationProjectManagerGuard] },
+      { path: 'importBodyPatterns', component: ImportBodyPatternsComponent, canActivate: [AdministrationProjectManagerGuard] },
+      { path: 'apiToken', component: APITokenComponent, canActivate: [AdministrationProjectManagerGuard] },
+      { path: 'projectSettings', component: AdministrationProjectSettingsComponent, canActivate: [AdministrationProjectManagerGuard] },
+      { path: 'integrations', component: IntegrationsComponent, canActivate: [AdministrationProjectManagerGuard] }
     ]
   }, {
     path: 'global', canActivate: [AdministrationGlobalGuard],

src/app/pages/administration/main/administration.child.routing.ts

@@ -8,40 +8,28 @@
                 [routerLinkActiveOptions]="{ exact: false }" routerLinkActive="active">
                 Application Settings
             </mat-list-item>
-            <mat-list-item *ngIf="globalEditor" id='users-administration' routerLink="global/users" [routerLinkActiveOptions]="{ exact: false }"
-                routerLinkActive="active">
+            <mat-list-item *ngIf="globalEditor" id='users-administration' routerLink="global/users"
+                [routerLinkActiveOptions]="{ exact: false }" routerLinkActive="active">
                 Users
             </mat-list-item>
         </mat-nav-list>
-    
+
         <mat-nav-list>
             <div class="sidebar-header">
                 <span class="sidebar-header">Project</span>
             </div>
-            <mat-list-item *ngIf="localManager" id='projectSettings-administration' routerLink="project/projectSettings"
-                [routerLinkActiveOptions]="{ exact: false }" routerLinkActive="active">
-                Settings
-            </mat-list-item>
-            <mat-list-item *ngIf="localManager" id='permissions-administration' routerLink="project/permissions"
-                [routerLinkActiveOptions]="{ exact: false }" routerLinkActive="active">
-                Permissions
-            </mat-list-item>
-            <mat-list-item *ngIf="localManager" id='resolutions-administration' routerLink="project/resolutions"
-                [routerLinkActiveOptions]="{ exact: false }" routerLinkActive="active">
-                Resolutions
-            </mat-list-item>
-            <mat-list-item *ngIf="localManager" id='body-pattern-administration' routerLink="project/importBodyPatterns"
-                [routerLinkActiveOptions]="{ exact: false }" routerLinkActive="active">
-                Unique Body Patterns
-            </mat-list-item>
-            <mat-list-item *ngIf="localManager" id='api-token-administration' routerLink="project/apiToken"
-                [routerLinkActiveOptions]="{ exact: false }" routerLinkActive="active">
-                API Token
-            </mat-list-item>
+
+            <div *ngIf="localManager">
+                <mat-list-item *ngFor="let item of projectSettingItems" id='{{item.id}}'
+                    routerLink="{{item.routerLink}}" [routerLinkActiveOptions]="{ exact: false }"
+                    routerLinkActive="active">
+                    {{item.name}}
+                </mat-list-item>
+            </div>
         </mat-nav-list>
     </div>
-    
+
     <div class="col-sm-10 content">
         <router-outlet></router-outlet>
     </div>
-</div>
+</div>

src/app/pages/administration/main/administration.component.html

@@ -3,6 +3,7 @@ import { Project } from '../../../shared/models/project';
 import { ProjectService } from 'src/app/services/project/project.service';
 import { ELocalPermissions, PermissionsService, EGlobalPermissions } from 'src/app/services/permissions/current-permissions.service';
 import { UserService } from 'src/app/services/user/user.services';
+import { ProjectSettingItem } from '../projects/project-setting-item';
 
 @Component({
   templateUrl: './administration.component.html',
@@ -16,13 +17,21 @@ export class AdministrationComponent implements OnInit {
   localManager: boolean;
   localEditor: boolean;
 
+  projectSettingItems: ProjectSettingItem[] = [
+    { id: 'projectSettings-administration', name: 'Settings', routerLink: 'project/projectSettings' },
+    { id: 'permissions-administration', name: 'Permissions', routerLink: 'project/permissions' },
+    { id: 'resolutions-administration', name: 'Resolutions', routerLink: 'project/resolutions' },
+    { id: 'body-pattern-administration', name: 'Unique Body Patterns', routerLink: 'project/importBodyPatterns' },
+    { id: 'api-token-administration', name: 'API Token', routerLink: 'project/apiToken' },
+    { id: 'integrations-administration', name: 'Integrations', routerLink: 'project/integrations' }
+  ]
+
   constructor(
     private projectService: ProjectService,
     public userService: UserService,
     private permissionsService: PermissionsService
   ) { }
 
-
   async ngOnInit() {
     this.projects = await this.projectService.getProjects(this.project);
     this.globalEditor = await this.permissionsService.hasPermissions([EGlobalPermissions.admin, EGlobalPermissions.manager]);

src/app/pages/administration/main/administration.component.ts

@@ -7,6 +7,7 @@ import { ProjectService } from 'src/app/services/project/project.service';
 import { UserService } from 'src/app/services/user/user.services';
 import { PermissionsService } from 'src/app/services/permissions/current-permissions.service';
 import { GuardService } from 'src/app/services/guard.service';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 
 @NgModule({
   imports: [
@@ -21,7 +22,9 @@ import { GuardService } from 'src/app/services/guard.service';
     UserService,
     PermissionsService,
     AdministrationGuard,
-    GuardService
+    GuardService,
+    FormsModule,
+    ReactiveFormsModule
   ],
 })
 

src/app/pages/administration/main/administration.module.ts

@@ -0,0 +1,18 @@
+<div class="contatiner">
+    <div class="row">
+        <div *ngIf="projects" class="col-md-12 form-row">
+
+            <div class="col-md-1 p-2">
+                Project:
+            </div>
+
+            <div class="col-md-5 p-2">
+                <lookup-autocomplete id="project-selector" [small]=true placeholder="Select Project"
+                    [allowEmptyValue]="false" [propertiesToShow]="['name']" [array]="projects" [model]="selectedProject"
+                    (modelChange)="onProjectChange($event)"></lookup-autocomplete>
+            </div>
+        </div>
+    </div>
+
+    <app-integration-systems *ngIf='isProjectSelected()' [projectId]='selectedProject.id'></app-integration-systems>
+</div>