Tidying up

src/app/api-errors/api-errors.component.spec.ts

@@ -1,5 +1,7 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 import {MAT_BOTTOM_SHEET_DATA, MatBottomSheetRef} from '@angular/material/bottom-sheet';
+import {MatIconModule} from '@angular/material/icon';
+import {MatListModule} from '@angular/material/list';
 
 import { ApiErrorsComponent } from './api-errors.component';
 
@@ -9,7 +11,13 @@ describe('ApiErrorsComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ ApiErrorsComponent ],
+      declarations: [
+        ApiErrorsComponent
+      ],
+      imports: [
+        MatIconModule,
+        MatListModule,
+      ],
       providers: [
         {
           provide: MatBottomSheetRef,

src/app/diagram/diagram.component.ts

@@ -203,7 +203,10 @@ export class DiagramComponent implements ControlValueAccessor, AfterViewInit {
     this.modeler.on('commandStack.changed', () => this.saveDiagram());
 
     this.modeler.on('views.changed', () => {
-      this.modeler.getActiveViewer().get('eventBus').on('commandStack.changed', () => this.saveDiagram());
+      const viewer = this.modeler.getActiveViewer();
+      if (viewer) {
+        viewer.get('eventBus').on('commandStack.changed', () => this.saveDiagram());
+      }
       this.saveDiagram();
     });
 

src/app/file-list/file-list.component.html

@@ -7,11 +7,11 @@
     >
       <mat-icon (click)="editFile(fm)" mat-list-icon>{{fm.type | getIconCode}}</mat-icon>
       <ng-container *ngIf="fm.type === fileType.BPMN">
-        <button (click)="makePrimary(fm)" *ngIf="!fm.primary" mat-flat-button>
+        <button (click)="makePrimary(fm)" *ngIf="!fm.primary" mat-flat-button class="make-primary">
           <mat-icon>radio_button_unchecked</mat-icon>
           Make primary process
         </button>
-        <button *ngIf="fm.primary" mat-flat-button>
+        <button *ngIf="fm.primary" mat-flat-button class="make-primary">
           <mat-icon>radio_button_checked</mat-icon>
           Primary process
         </button>

src/app/file-list/file-list.component.scss

@@ -9,3 +9,8 @@
     cursor: pointer;
   }
 }
+
+.make-primary {
+  padding-right: 4rem;
+  margin-right: 4rem;
+}

src/app/file-list/file-list.component.ts

@@ -112,8 +112,6 @@ export class FileListComponent implements OnInit {
           workflow_spec_id: this.workflowSpec.id,
         };
 
-        console.log('data.fileMetaId', data.fileMetaId);
-        console.log('isNumberDefined(data.fileMetaId)', isNumberDefined(data.fileMetaId));
         if (isNumberDefined(data.fileMetaId)) {
           // Update existing file
           this.api.updateFileData(newFileMeta).subscribe(() => {

src/app/workflow-spec-list/workflow-spec-list.component.scss

@@ -23,3 +23,9 @@
     }
   }
 }
+
+.workflow-spec-actions {
+  button {
+    margin-right: 1em;
+  }
+}