Applied feedback

config/environment.default.js

@@ -79,5 +79,10 @@ module.exports = {
     code: 'nl',
     label: 'Nederlands',
     active: false,
-  }]
+  }],
+  item: {
+    edit: {
+      undoTimeout: 10000 // 10 seconds
+    }
+  }
 };

src/app/+item-page/edit-item-page/item-metadata/edit-in-place-field/edit-in-place-field.component.html

@@ -1,4 +1,3 @@
-<!--{{metadata?.uuid}}-->
 <td>
     <div class="metadata-field">
         <div *ngIf="!(editable | async)">

src/app/+item-page/edit-item-page/item-metadata/item-metadata.component.spec.ts

@@ -158,7 +158,7 @@ describe('ItemMetadataComponent', () => {
           { provide: Router, useValue: router },
           { provide: ActivatedRoute, useValue: routeStub },
           { provide: NotificationsService, useValue: notificationsService },
-          { provide: GLOBAL_CONFIG, useValue: { notifications: { timeOut: 10 } } as any },
+          { provide: GLOBAL_CONFIG, useValue: { item: { edit: { undoTimeout: 10 } } } as any },
           { provide: RegistryService, useValue: metadataFieldService },
         ], schemas: [
           NO_ERRORS_SCHEMA

src/app/+item-page/edit-item-page/item-metadata/item-metadata.component.ts

@@ -47,8 +47,10 @@ export class ItemMetadataComponent implements OnInit {
    * The time span for being able to undo discarding changes
    */
   private discardTimeOut: number;
-
-  private notitifactionPrefix = 'item.edit.metadata.notifications.';
+  /**
+   * Prefix for this component's notification translate keys
+   */
+  private notificationsPrefix = 'item.edit.metadata.notifications.';
 
   /**
    * Observable with a list of strings with all existing metadata field keys
@@ -81,7 +83,7 @@ export class ItemMetadataComponent implements OnInit {
       this.item = item;
     });
 
-    this.discardTimeOut = this.EnvConfig.notifications.timeOut;
+    this.discardTimeOut = this.EnvConfig.item.edit.undoTimeout;
     this.url = this.router.url;
     if (this.url.indexOf('?') > 0) {
       this.url = this.url.substr(0, this.url.indexOf('?'));
@@ -207,7 +209,7 @@ export class ItemMetadataComponent implements OnInit {
    * @param key
    */
   private getNotificationTitle(key: string) {
-    return this.translateService.instant(this.notitifactionPrefix + key + '.title');
+    return this.translateService.instant(this.notificationsPrefix + key + '.title');
   }
 
   /**
@@ -215,7 +217,7 @@ export class ItemMetadataComponent implements OnInit {
    * @param key
    */
   private getNotificationContent(key: string) {
-    return this.translateService.instant(this.notitifactionPrefix + key + '.content');
+    return this.translateService.instant(this.notificationsPrefix + key + '.content');
 
   }
 

src/app/core/registry/registry.service.ts

@@ -173,6 +173,12 @@ export class RegistryService {
     return this.rdb.toRemoteDataObservable(requestEntryObs, payloadObs);
   }
 
+  /**
+   * Retrieve all existing metadata fields as a paginated list
+   * @param pagination Pagination options to determine which page of metadata fields should be requested
+   * When no pagination is provided, all metadata fields are requested in one large page
+   * @returns an observable that emits a remote data object with a page of metadata fields
+   */
   public getAllMetadataFields(pagination?: PaginationComponentOptions): Observable<RemoteData<PaginatedList<MetadataField>>> {
     if (hasNoValue(pagination)) {
       pagination = { currentPage: 1, pageSize: 10000 } as any;
@@ -557,10 +563,13 @@ export class RegistryService {
     });
   }
 
+  /**
+   * Retrieve a filtered paginated list of metadata fields
+   * @param query {string} The query to filter the field names by
+   * @returns an observable that emits a remote data object with a page of metadata fields that match the query
+   */
   queryMetadataFields(query: string): Observable<RemoteData<PaginatedList<MetadataField>>> {
-    /**
-     * This should come directly from the server in the future
-     */
+    /* TODO This should come directly from the server in the future */
     return this.getAllMetadataFields().pipe(
       map((rd: RemoteData<PaginatedList<MetadataField>>) => {
         const filteredFields: MetadataField[] = rd.payload.page.filter(

src/app/shared/utils/auto-focus.directive.ts

@@ -1,12 +1,19 @@
 import { Directive, AfterViewInit, ElementRef, Input } from '@angular/core';
 import { isNotEmpty } from '../empty.util';
 
+/**
+ * Directive to set focus on an element when it is rendered
+ */
 @Directive({
   selector: '[dsAutoFocus]'
 })
 export class AutoFocusDirective implements AfterViewInit {
 
-  @Input() autoFocusSelector: string;
+  /**
+   * Optional input to specify which element in a component should get the focus
+   * If left empty, the component itself will get the focus
+   */
+  @Input() autoFocusSelector: string = undefined;
 
   constructor(private el: ElementRef) {
   }

src/config/global-config.interface.ts

@@ -5,6 +5,7 @@ import { UniversalConfig } from './universal-config.interface';
 import { INotificationBoardOptions } from './notifications-config.interfaces';
 import { FormConfig } from './form-config.interfaces';
 import {LangConfig} from './lang-config.interface';
+import { ItemPageConfig } from './item-page-config.interface';
 
 export interface GlobalConfig extends Config {
   ui: ServerConfig;
@@ -19,4 +20,5 @@ export interface GlobalConfig extends Config {
   debug: boolean;
   defaultLanguage: string;
   languages: LangConfig[];
+  item: ItemPageConfig;
 }

src/config/item-page-config.interface.ts

@@ -0,0 +1,7 @@
+import { Config } from './config.interface';
+
+export interface ItemPageConfig extends Config {
+  edit: {
+    undoTimeout: number;
+  }
+}