[#246] WIP DEM data set validation (#251)

* First pass, DEM data set validation

* Validate DEM data set with additional schematrons

* Fix naming collision and test

* Refactor xsd/schematron validation for reuse in SOAP webservice implementation, consistency

* Finishing setup for schematron error conversion to json

* First pass, convert schematron errors to JSON

* Deprecated code cleanup, fix validation issue with employment/personnel record

* Always show validation errors

* First pass, linking to validation errors

* Fix test

angular/projects/admin/src/app/demographics/configurations-list-demographics.component.ts

@@ -3,14 +3,10 @@ import { ActivatedRoute } from '@angular/router';
 import { HttpResponse } from '@angular/common/http';
 import { AgencyService, ApiService, NavigationService } from 'shared';
 
-import { SchemaListComponent } from '../schema/schema-list.component';
-
 @Component({
   templateUrl: './configurations-list-demographics.component.html',
 })
 export class ConfigurationsListDemographicsComponent {
-  @ViewChild('list') list?: SchemaListComponent;
-
   sectionColumns = [{ name: 'State ID', attr: ['dConfiguration.01'], class: 'col-3' }];
 
   constructor(public agency: AgencyService, private api: ApiService, private navigation: NavigationService, public route: ActivatedRoute) {}

angular/projects/admin/src/app/demographics/contacts-list-demographics.component.ts

@@ -2,14 +2,11 @@ import { Component, ViewChild } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 
 import { AgencyService } from 'shared';
-import { SchemaListComponent } from '../schema/schema-list.component';
 
 @Component({
   templateUrl: './contacts-list-demographics.component.html',
 })
 export class ContactsListDemographicsComponent {
-  @ViewChild('list') list?: SchemaListComponent;
-
   sectionColumns = [
     { name: 'Last name', attr: ['dContact.02'], class: 'col-6' },
     { name: 'First name', attr: ['dContact.03'], class: 'col-5' },

angular/projects/admin/src/app/demographics/custom-configurations-list-demographics.component.ts

@@ -1,15 +1,13 @@
 import { Component, ViewChild } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import { HttpResponse } from '@angular/common/http';
-import { AgencyService, ApiService } from 'shared';
-
-import { SchemaListComponent } from '../schema/schema-list.component';
+import { AgencyService, ApiService, XsdListComponent } from 'shared';
 
 @Component({
   templateUrl: './custom-configurations-list-demographics.component.html',
 })
 export class CustomConfigurationsListDemographicsComponent {
-  @ViewChild('list') list?: SchemaListComponent;
+  @ViewChild('list') list?: XsdListComponent;
 
   sectionColumns = [{ name: 'Title', attr: ['dCustomConfiguration.01'], class: 'col-9' }];
 

angular/projects/admin/src/app/demographics/demographics.module.ts

@@ -5,8 +5,6 @@ import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
 
 import { SharedModule } from 'shared';
 
-import { SchemaModule } from '../schema/schema.module';
-
 import { FormsDemographicsModule } from './forms/forms-demographics.module';
 import { VersionsDemographicsModule } from './versions/versions-demographics.module';
 
@@ -58,7 +56,6 @@ import { VehiclesRecordDemographicsComponent } from './vehicles-record-demograph
     CommonModule,
     FormsModule,
     NgbModule,
-    SchemaModule,
     SharedModule,
     FormsDemographicsModule,
     VersionsDemographicsModule,

angular/projects/admin/src/app/demographics/devices-list-demographics.component.ts

@@ -1,15 +1,12 @@
 import { Component, ViewChild } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 
-import { SchemaListComponent } from '../schema/schema-list.component';
 import { AgencyService } from 'shared';
 
 @Component({
   templateUrl: './devices-list-demographics.component.html',
 })
 export class DevicesListDemographicsComponent {
-  @ViewChild('list') list?: SchemaListComponent;
-
   sectionColumns = [
     { name: 'Serial No', attr: ['dDevice.01'], class: 'col-5' },
     { name: 'Name', attr: ['dDevice.02'], class: 'col-6' },

angular/projects/admin/src/app/demographics/facilities-list-demographics.component.ts

@@ -3,15 +3,13 @@ import { HttpParams, HttpResponse } from '@angular/common/http';
 import { ActivatedRoute } from '@angular/router';
 import { Subscription } from 'rxjs';
 
-import { AgencyService, ApiService } from 'shared';
-
-import { SchemaListComponent } from '../schema/schema-list.component';
+import { AgencyService, ApiService, XsdListComponent } from 'shared';
 
 @Component({
   templateUrl: './facilities-list-demographics.component.html',
 })
 export class FacilitiesListDemographicsComponent implements OnInit {
-  @ViewChild('list') list?: SchemaListComponent;
+  @ViewChild('list') list?: XsdListComponent;
 
   sectionColumns = [
     { name: 'Type', attr: ['dFacility.01'], class: 'col-5' },

angular/projects/admin/src/app/demographics/locations-list-demographics.component.ts

@@ -1,15 +1,12 @@
 import { Component, ViewChild } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 
-import { SchemaListComponent } from '../schema/schema-list.component';
 import { AgencyService } from 'shared';
 
 @Component({
   templateUrl: './locations-list-demographics.component.html',
 })
 export class LocationsListDemographicsComponent {
-  @ViewChild('list') list?: SchemaListComponent;
-
   sectionColumns = [
     { name: 'Name', attr: ['dLocation.02'], class: 'col-3' },
     { name: 'Number', attr: ['dLocation.03'], class: 'col-3' },

angular/projects/admin/src/app/demographics/personnel-list-demographics.component.ts

@@ -4,15 +4,13 @@ import { ActivatedRoute } from '@angular/router';
 
 import { assign } from 'lodash';
 
-import { AgencyService, ApiService, ModalComponent, NotificationService } from 'shared';
-
-import { SchemaListComponent } from '../schema/schema-list.component';
+import { AgencyService, ApiService, ModalComponent, NotificationService, XsdListComponent } from 'shared';
 
 @Component({
   templateUrl: './personnel-list-demographics.component.html',
 })
 export class PersonnelListDemographicsComponent {
-  @ViewChild('list') list?: SchemaListComponent;
+  @ViewChild('list') list?: XsdListComponent;
   @ViewChild('refuseConfirmation') refuseConfirmation?: ModalComponent;
 
   sectionColumns = [

angular/projects/admin/src/app/demographics/vehicles-list-demographics.component.ts

@@ -1,15 +1,12 @@
 import { Component, ViewChild } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 
-import { SchemaListComponent } from '../schema/schema-list.component';
 import { AgencyService } from 'shared';
 
 @Component({
   templateUrl: './vehicles-list-demographics.component.html',
 })
 export class VehiclesListDemographicsComponent {
-  @ViewChild('list') list?: SchemaListComponent;
-
   sectionColumns = [
     { name: 'Unit/Vehicle Number', attr: ['dVehicle.01'], class: 'col-3' },
     { name: 'VIN', attr: ['dVehicle.02'], class: 'col-3' },

angular/projects/admin/src/app/demographics/versions/edit-version-demographics.component.html

@@ -6,6 +6,7 @@ <h1 class="h2">Version</h1>
     <ul class="nav">
       <li class="nav__item"><a tabIndex="0" class="nav__link nav__link--active" routerLink="">Details</a></li>
       <li class="nav__item"><a tabIndex="0" class="nav__link" routerLink="preview">XML</a></li>
+      <li class="nav__item"><a tabIndex="0" class="nav__link" routerLink="validate">Validation</a></li>
     </ul>
     <shared-form
       *ngIf="id"

angular/projects/admin/src/app/demographics/versions/preview-version-demographics.component.html

@@ -6,6 +6,7 @@ <h1 class="h2">Version</h1>
     <ul class="nav">
       <li class="nav__item"><a tabIndex="0" class="nav__link" routerLink="..">Details</a></li>
       <li class="nav__item"><a tabIndex="0" class="nav__link nav__link--active">XML</a></li>
+      <li class="nav__item"><a tabIndex="0" class="nav__link" routerLink="../validate">Validation</a></li>
     </ul>
   </div>
 </div>

angular/projects/admin/src/app/demographics/versions/validate-version-demographics.component.html

@@ -0,0 +1,21 @@
+<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3">
+  <h1 class="h2">Version</h1>
+</div>
+<div class="row">
+  <div class="col-md-6">
+    <ul class="nav">
+      <li class="nav__item"><a tabIndex="0" class="nav__link" routerLink="..">Details</a></li>
+      <li class="nav__item"><a tabIndex="0" class="nav__link" routerLink="../preview">XML</a></li>
+      <li class="nav__item"><a tabIndex="0" class="nav__link nav__link--active">Validation</a></li>
+    </ul>
+  </div>
+</div>
+<div>
+  <div *ngIf="validationErrors === undefined"><shared-loader></shared-loader></div>
+  <div *ngIf="validationErrors === null">No validation errors!</div>
+  <div *ngIf="validationErrors">
+    <div *ngFor="let error of validationErrors.errors">
+      {{ error.value }}: {{ error.message }} <a [routerLink]="['/demographics', error.section, error.id]">Fix</a>
+    </div>
+  </div>
+</div>

angular/projects/admin/src/app/demographics/versions/validate-version-demographics.component.ts

@@ -0,0 +1,19 @@
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { HttpResponse } from '@angular/common/http';
+import { ApiService } from 'shared';
+
+@Component({
+  templateUrl: './validate-version-demographics.component.html',
+})
+export class ValidateVersionDemographicsComponent implements OnInit {
+  id: string = '';
+  validationErrors: any;
+
+  constructor(private api: ApiService, private route: ActivatedRoute) {}
+
+  ngOnInit() {
+    this.id = this.route.snapshot.params['id'];
+    this.api.versions.validate(this.id).subscribe((response: HttpResponse<any>) => (this.validationErrors = response.body));
+  }
+}

angular/projects/admin/src/app/demographics/versions/versions-demographics-routing.module.ts

@@ -6,6 +6,7 @@ import { AgencyService, UserService } from 'shared';
 import { EditVersionDemographicsComponent } from './edit-version-demographics.component';
 import { ListVersionsDemographicsComponent } from './list-versions-demographics.component';
 import { PreviewVersionDemographicsComponent } from './preview-version-demographics.component';
+import { ValidateVersionDemographicsComponent } from './validate-version-demographics.component';
 
 const appRoutes: Routes = [
   {
@@ -20,6 +21,10 @@ const appRoutes: Routes = [
         path: ':id/preview',
         component: PreviewVersionDemographicsComponent,
       },
+      {
+        path: ':id/validate',
+        component: ValidateVersionDemographicsComponent,
+      },
       {
         path: ':id',
         component: EditVersionDemographicsComponent,

angular/projects/admin/src/app/demographics/versions/versions-demographics.module.ts

@@ -10,9 +10,15 @@ import { VersionsDemographicsRoutingModule } from './versions-demographics-routi
 import { EditVersionDemographicsComponent } from './edit-version-demographics.component';
 import { ListVersionsDemographicsComponent } from './list-versions-demographics.component';
 import { PreviewVersionDemographicsComponent } from './preview-version-demographics.component';
+import { ValidateVersionDemographicsComponent } from './validate-version-demographics.component';
 
 @NgModule({
-  declarations: [EditVersionDemographicsComponent, ListVersionsDemographicsComponent, PreviewVersionDemographicsComponent],
+  declarations: [
+    EditVersionDemographicsComponent,
+    ListVersionsDemographicsComponent,
+    PreviewVersionDemographicsComponent,
+    ValidateVersionDemographicsComponent,
+  ],
   imports: [CommonModule, FormsModule, NgbModule, SharedModule, VersionsDemographicsRoutingModule],
   providers: [],
 })