feat(file value uploads): use upload from for file value types

src/app/workspace/resource/resource-instance-form/resource-instance-form.component.html

@@ -66,6 +66,10 @@
 <!-- Step2: create property values and submit data -->
 <form *ngIf="propertiesParentForm && !showNextStepForm" [formGroup]="propertiesParentForm" class="resource-instance-form stepTwo form-content" (ngSubmit)="submitData()" appInvalidControlScroll>
 
+    <div *ngIf="hasFileValue?.length > 0">
+        <dsp-upload-file #upload [representation]="hasFileValue[0]"></dsp-upload-file>
+    </div>
+
     <!-- create property values -->
     <app-select-properties
         #selectProps

src/app/workspace/resource/resource-instance-form/resource-instance-form.component.ts

@@ -13,15 +13,15 @@ import {
     ReadOntology,
     ReadResource,
     ResourceClassAndPropertyDefinitions,
-    ResourceClassDefinition,
+    ResourceClassDefinition, ResourceClassDefinitionWithPropertyDefinition,
     ResourcePropertyDefinition,
     StoredProject,
     UserResponse
 } from '@dasch-swiss/dsp-js';
 import {
     DspApiConnectionToken,
     Session,
-    SessionService
+    SessionService, UploadFileComponent
 } from '@dasch-swiss/dsp-ui';
 import { Subscription } from 'rxjs';
 import { CacheService } from 'src/app/main/cache/cache.service';
@@ -48,6 +48,7 @@ export class ResourceInstanceFormComponent implements OnInit, OnDestroy {
     @ViewChild('selectProps') selectPropertiesComponent: SelectPropertiesComponent;
     @ViewChild('selectResourceClass') selectResourceClassComponent: SelectResourceClassComponent;
     @ViewChild('selectOntology') selectOntologyComponent: SelectOntologyComponent;
+    @ViewChild('upload') uploadFileComponent?: UploadFileComponent;
 
     // forms
     selectResourceForm: FormGroup;
@@ -71,6 +72,7 @@ export class ResourceInstanceFormComponent implements OnInit, OnDestroy {
     resourceLabel: string;
     properties: ResourcePropertyDefinition[];
     ontologyInfo: ResourceClassAndPropertyDefinitions;
+    hasFileValue: string[] = [];
 
     valueOperationEventSubscription: Subscription;
 
@@ -357,6 +359,10 @@ export class ResourceInstanceFormComponent implements OnInit, OnDestroy {
                     // filter out all props that cannot be edited or are link props
                     this.properties = onto.getPropertyDefinitionsByType(ResourcePropertyDefinition).filter(prop => prop.isEditable && !prop.isLinkProperty);
 
+                    this.hasFileValue = this._hasBinaryRepresentation(this.properties);
+
+                    console.log(this);
+
                     // notifies the user that the selected resource does not have any properties defined yet.
                     if (!this.selectPropertiesComponent && this.properties.length === 0) {
                         this.errorMessage = 'No properties defined for the selected resource.';
@@ -372,4 +378,34 @@ export class ResourceInstanceFormComponent implements OnInit, OnDestroy {
 
     }
 
+    /**
+     *
+     * Determines whether the selected resource class has a binary Representation (image etc.).
+     *
+     * Returns the file value type or an empty array.
+     *
+     * @param properties the properties to check for binary file value types.
+     */
+    private _hasBinaryRepresentation(properties: ResourcePropertyDefinition[]): string[] {
+
+        const binaryTypes = [Constants.StillImageFileValue, Constants.AudioFileValue, Constants.DocumentFileValue, Constants.MovingImageFileValue];
+
+        // remove file value properties from property list
+        this.properties = properties.filter(
+            prop => !binaryTypes.includes(prop.objectType)
+        );
+
+        // TODO: add a FormControl representing the file value to propertiesParentForm
+        // TODO: react to UploadFileComponent's Outputs: fileUpload and cancelUpload (see https://github.com/dasch-swiss/dsp-ui-lib/pull/264)
+        // TODO: add a CreateStillImageFileValue on fileUpload and remove it on cancelUpload
+
+        // return the file value property, if any
+        return properties.filter(
+            prop => binaryTypes.includes(prop.objectType)
+        ).map(
+            prop => prop.objectType
+        );
+
+    }
+
 }

src/config/config.dev.json

@@ -4,5 +4,6 @@
     "apiPort": 3333,
     "apiPath": "",
     "jsonWebToken": "",
-    "logErrors": true
+    "logErrors": true,
+    "sipiUrl": "http://localhost:1024/"
 }

src/config/config.prod.json

@@ -4,5 +4,6 @@
     "apiPort": 443,
     "apiPath": "",
     "jsonWebToken": "",
-    "logErrors": false
+    "logErrors": false,
+    "sipiUrl": "http://localhost:1024/"
 }