590 Upload datafile WIP

src/app/deposit/views/detail/detail.view.ts

@@ -3,6 +3,7 @@ import {MatDialog} from "@angular/material";
 import {ActivatedRoute} from "@angular/router";
 import {DepositAction} from "@app/deposit/deposit.action";
 import {DepositStateModel} from "@app/deposit/deposit.state";
+import {DepositDataFileModel} from "@app/deposit/models/deposit-data-file.model";
 import {DepositsModel, LanguagesModel, LicensesModel, PreservationPoliciesModel, SubmissionPoliciesModel} from "@app/generated-api";
 import {OrganizationalUnitModule} from "@app/organizational-unit/organizational-unit.module";
 import {StateEnum} from "@app/shared/enums/state.enum";
@@ -30,6 +31,7 @@ export class DetailView extends AbstractDetailView<DepositsModel, DepositStateMo
   @Select((state) => ((state[StateEnum.shared] as SharedStateModel).submissionPolicy as SubmissionPolicyStateModel).list) submissionPolicies$: Observable<SubmissionPoliciesModel[]>;
   @Select((state) => ((state[StateEnum.shared] as SharedStateModel).preservationPolicy as PreservationPolicyStateModel).list) preservationPolicies$: Observable<PreservationPoliciesModel[]>;
   @Select((state) => (state[StateEnum.organizationalUnit] as OrganizationalUnitStateModel).list) organizationalUnits$: Observable<OrganizationalUnitModule[]>;
+  @Select((state) => (state[StateEnum.deposit] as DepositStateModel).listDataFile) listDataFile$: Observable<DepositDataFileModel[]>;
 
   readonly KEY_PARAM_NAME: string = "title";
   readonly KEY_DELETE_BUTTON: string = TRANSLATE("deposit.delete");
@@ -47,5 +49,6 @@ export class DetailView extends AbstractDetailView<DepositsModel, DepositStateMo
   }
 
   getSubResourceWithParentId(id: string): void {
+    this.store.dispatch(new DepositAction.GetAllSubResourceData(id));
   }
 }

src/app/deposit/views/edit/edit.view.html

-<dlcm-form-deposit *ngIf="(current$ | async)"
-                   [model]="current$ | async"
-                   [languages]="languages$ | async"
-                   [licenses]="licenses$ | async"
-                   [submissionPolicies]="submissionPolicies$ | async"
-                   [preservationPolicies]="preservationPolicies$ | async"
-                   [organizationalUnits]="organizationalUnits$ | async"
-                   (submitEvent)="update($event)"
-></dlcm-form-deposit>
 <mat-spinner *ngIf="(isLoading$ | async)"></mat-spinner>
+
+<mat-tab-group mat-align-tabs="center"
+               animationDuration="0ms"
+>
+  <mat-tab [label]="'deposit.tab.details' | translate">
+    <dlcm-form-deposit *ngIf="(current$ | async)"
+                       [model]="current$ | async"
+                       [languages]="languages$ | async"
+                       [licenses]="licenses$ | async"
+                       [submissionPolicies]="submissionPolicies$ | async"
+                       [preservationPolicies]="preservationPolicies$ | async"
+                       [organizationalUnits]="organizationalUnits$ | async"
+                       (submitEvent)="update($event)"
+    ></dlcm-form-deposit>
+  </mat-tab>
+  <mat-tab [label]="'deposit.tab.datafiles' | translate">
+    <dlcm-file-deposit [parentResId]="getResId()"
+    ></dlcm-file-deposit>
+  </mat-tab>
+</mat-tab-group>

src/app/deposit/views/edit/edit.view.ts

@@ -2,6 +2,7 @@ import {ChangeDetectionStrategy, Component, OnInit} from "@angular/core";
 import {ActivatedRoute} from "@angular/router";
 import {DepositAction} from "@app/deposit/deposit.action";
 import {DepositStateModel} from "@app/deposit/deposit.state";
+import {DepositDataFileModel} from "@app/deposit/models/deposit-data-file.model";
 import {DepositsModel, LanguagesModel, LicensesModel, PreservationPoliciesModel, SubmissionPoliciesModel} from "@app/generated-api";
 import {OrganizationalUnitModule} from "@app/organizational-unit/organizational-unit.module";
 import {StateEnum} from "@app/shared/enums/state.enum";
@@ -39,6 +40,7 @@ export class EditView extends AbstractEditView<DepositsModel, DepositStateModel>
     this.store.dispatch(new OrgUnitAction.GetAll());
   }
 
-  getSubresourceWithParentId(id: string): void {
+  getSubResourceWithParentId(id: string): void {
+    this.store.dispatch(new DepositAction.GetAllSubResourceData(id));
   }
 }

src/app/material.module.ts

@@ -12,7 +12,7 @@ import {
   MatSnackBarModule,
   MatTabsModule,
   MatToolbarModule,
-  MatTooltipModule,
+  MatTooltipModule, MatTreeModule,
 } from "@angular/material";
 
 const modules = [
@@ -29,6 +29,7 @@ const modules = [
   MatCheckboxModule,
   MatPaginatorModule,
   MatTooltipModule,
+  MatTreeModule,
 ];
 
 @NgModule({

src/app/organizational-unit/views/detail/detail.view.html

 <div class="button-toolbar">
   <button mat-flat-button color="primary" (click)="edit()">{{KEY_EDIT_BUTTON | translate}}</button>
-  <button mat-flat-button color="secondary" (click)="delete()">{{KEY_DELETE_BUTTON | translate}}</button>
+  <button mat-flat-button color="accent" (click)="delete()">{{KEY_DELETE_BUTTON | translate}}</button>
 </div>
 
 <div class="wrapper">

src/app/organizational-unit/views/edit/edit.view.ts

@@ -28,7 +28,7 @@ export class EditView extends AbstractEditView<OrganizationalUnitsModel, Organiz
     super(store, route, StateEnum.organizationalUnit);
   }
 
-  getSubresourceWithParentId(id: string): void {
+  getSubResourceWithParentId(id: string): void {
     this.store.dispatch(new OrgUnitAction.GetAllSubResourceSubmissionPolicies(id));
   }
 

src/app/shared/crud.action.ts

@@ -3,7 +3,7 @@ import {QueryParametersModel} from "@app/shared/models/query-parameters.model";
 
 export namespace CrudAction {
   export class LoadResource {
-    protected static abstractType = "[{0}] Load resource";
+    protected static readonly abstractType = "[{0}] Load resource";
     public static readonly className = "LoadResource";
 
     constructor() {
@@ -11,7 +11,7 @@ export namespace CrudAction {
   }
 
   export class LoadResourceSuccess {
-    protected static abstractType = "[{0}] Load resource Success";
+    protected static readonly abstractType = "[{0}] Load resource Success";
     public static readonly className = "LoadResourceSuccess";
 
     constructor() {
@@ -19,7 +19,7 @@ export namespace CrudAction {
   }
 
   export class LoadResourceFail {
-    protected static abstractType = "[{0}] Load resource Fail";
+    protected static readonly abstractType = "[{0}] Load resource Fail";
     public static readonly className = "LoadResourceFail";
 
     constructor() {
@@ -27,7 +27,7 @@ export namespace CrudAction {
   }
 
   export class ChangeQueryParameters {
-    protected static abstractType = "[{0}] Change Query Parameters";
+    protected static readonly abstractType = "[{0}] Change Query Parameters";
     public static readonly className = "ChangeQueryParameters";
 
     constructor(public queryParameters: QueryParametersModel) {
@@ -35,15 +35,15 @@ export namespace CrudAction {
   }
 
   export class GetAll {
-    protected static abstractType = "[{0}] Get All";
-    public static readonly className = "GetAll";
+    protected static readonly abstractType = "[{0}] Get All";
+    public static readonly className = GetAll.name;
 
     constructor(public queryParameters?: QueryParametersModel) {
     }
   }
 
   export class GetAllSuccess<T> {
-    protected static abstractType = "[{0}] Get All Success";
+    protected static readonly abstractType = "[{0}] Get All Success";
     public static readonly className = "GetAllSuccess";
 
     constructor(public list: CollectionTypedModel<T>) {
@@ -51,7 +51,7 @@ export namespace CrudAction {
   }
 
   export class GetAllFail {
-    protected static abstractType = "[{0}] Get All Fail";
+    protected static readonly abstractType = "[{0}] Get All Fail";
     public static readonly className = "GetAllFail";
 
     constructor() {
@@ -59,7 +59,7 @@ export namespace CrudAction {
   }
 
   export class GetById {
-    protected static abstractType = "[{0}] Get By Id";
+    protected static readonly abstractType = "[{0}] Get By Id";
     public static readonly className = "GetById";
 
     constructor(public id: string) {
@@ -67,7 +67,7 @@ export namespace CrudAction {
   }
 
   export class GetByIdSuccess<T> {
-    protected static abstractType = "[{0}] Get By Id Success";
+    protected static readonly abstractType = "[{0}] Get By Id Success";
     public static readonly className = "GetByIdSuccess";
 
     constructor(public model: T) {
@@ -75,7 +75,7 @@ export namespace CrudAction {
   }
 
   export class GetByIdFail {
-    protected static abstractType = "[{0}] Get By Id Fail";
+    protected static readonly abstractType = "[{0}] Get By Id Fail";
     public static readonly className = "GetByIdFail";
 
     constructor() {
@@ -83,7 +83,7 @@ export namespace CrudAction {
   }
 
   export class Create<T> {
-    protected static abstractType = "[{0}] Create";
+    protected static readonly abstractType = "[{0}] Create";
     public static readonly className = "Create";
 
     constructor(public model: T) {
@@ -91,7 +91,7 @@ export namespace CrudAction {
   }
 
   export class CreateSuccess {
-    protected static abstractType = "[{0}] Create Success";
+    protected static readonly abstractType = "[{0}] Create Success";
     public static readonly className = "CreateSuccess";
 
     constructor() {
@@ -99,7 +99,7 @@ export namespace CrudAction {
   }
 
   export class CreateFail {
-    protected static abstractType = "[{0}] Create Fail";
+    protected static readonly abstractType = "[{0}] Create Fail";
     public static readonly className = "CreateFail";
 
     constructor() {
@@ -107,7 +107,7 @@ export namespace CrudAction {
   }
 
   export class Update<T> {
-    protected static abstractType = "[{0}] Update";
+    protected static readonly abstractType = "[{0}] Update";
     public static readonly className = "Update";
 
     constructor(public model: T) {
@@ -115,7 +115,7 @@ export namespace CrudAction {
   }
 
   export class UpdateSuccess {
-    protected static abstractType = "[{0}] Update Success";
+    protected static readonly abstractType = "[{0}] Update Success";
     public static readonly className = "UpdateSuccess";
 
     constructor() {
@@ -123,7 +123,7 @@ export namespace CrudAction {
   }
 
   export class UpdateFail {
-    protected static abstractType = "[{0}] Update Fail";
+    protected static readonly abstractType = "[{0}] Update Fail";
     public static readonly className = "UpdateFail";
 
     constructor() {
@@ -131,7 +131,7 @@ export namespace CrudAction {
   }
 
   export class Delete {
-    protected static abstractType = "[{0}] Delete";
+    protected static readonly abstractType = "[{0}] Delete";
     public static readonly className = "Delete";
 
     constructor(public resId: string) {
@@ -139,7 +139,7 @@ export namespace CrudAction {
   }
 
   export class DeleteSuccess {
-    protected static abstractType = "[{0}] Delete Success";
+    protected static readonly abstractType = "[{0}] Delete Success";
     public static readonly className = "DeleteSuccess";
 
     constructor() {
@@ -147,7 +147,7 @@ export namespace CrudAction {
   }
 
   export class DeleteFail {
-    protected static abstractType = "[{0}] Delete Fail";
+    protected static readonly abstractType = "[{0}] Delete Fail";
     public static readonly className = "DeleteFail";
 
     constructor() {
@@ -155,7 +155,7 @@ export namespace CrudAction {
   }
 
   export class GetAllSubResource {
-    protected static abstractType = "[{0}] Get All SubResource {1}";
+    protected static readonly abstractType = "[{0}] Get All SubResource {1}";
     public static readonly className = "GetAllSubResource{0}";
 
     constructor(public parentId: string, public queryParameters?: QueryParametersModel) {
@@ -163,7 +163,7 @@ export namespace CrudAction {
   }
 
   export class GetAllSubResourceSuccess<T> {
-    protected static abstractType = "[{0}] Get All SubResource {1} Success";
+    protected static readonly abstractType = "[{0}] Get All SubResource {1} Success";
     public static readonly className = "GetAllSubResource{0}Success";
 
     constructor(public list: CollectionTypedModel<T>) {
@@ -171,15 +171,23 @@ export namespace CrudAction {
   }
 
   export class GetAllSubResourceFail {
-    protected static abstractType = "[{0}] Get All SubResource {1} Fail";
+    protected static readonly abstractType = "[{0}] Get All SubResource {1} Fail";
     public static readonly className = "GetAllSubResource{0}Fail";
 
     constructor() {
     }
   }
 
+  export class CreateCompoSubResource<T> {
+    protected static readonly abstractType = "[{0}] Create Compo SubResource {1}";
+    public static readonly className = "CreateCompoSubResource{0}";
+
+    constructor(public parentId: string, public model: T) {
+    }
+  }
+
   export class CreateSubResource {
-    protected static abstractType = "[{0}] Create SubResource {1}";
+    protected static readonly abstractType = "[{0}] Create SubResource {1}";
     public static readonly className = "CreateSubResource{0}";
 
     constructor(public parentId: string, public listResId: string[]) {
@@ -187,7 +195,7 @@ export namespace CrudAction {
   }
 
   export class CreateSubResourceSuccess {
-    protected static abstractType = "[{0}] Create SubResource {1} Success";
+    protected static readonly abstractType = "[{0}] Create SubResource {1} Success";
     public static readonly className = "CreateSubResource{0}Success";
 
     constructor() {
@@ -195,7 +203,7 @@ export namespace CrudAction {
   }
 
   export class CreateSubResourceFail {
-    protected static abstractType = "[{0}] Create SubResource {1} Fail";
+    protected static readonly abstractType = "[{0}] Create SubResource {1} Fail";
     public static readonly className = "CreateSubResource{0}Fail";
 
     constructor() {
@@ -203,7 +211,7 @@ export namespace CrudAction {
   }
 
   export class DeleteSubResource {
-    protected static abstractType = "[{0}] Delete SubResource {1}";
+    protected static readonly abstractType = "[{0}] Delete SubResource {1}";
     public static readonly className = "DeleteSubResource{0}";
 
     constructor(public parentId: string, public listResId: string[]) {
@@ -211,7 +219,7 @@ export namespace CrudAction {
   }
 
   export class DeleteSubResourceSuccess {
-    protected static abstractType = "[{0}] Delete SubResource {1} Success";
+    protected static readonly abstractType = "[{0}] Delete SubResource {1} Success";
     public static readonly className = "DeleteSubResource{0}Success";
 
     constructor() {
@@ -219,7 +227,7 @@ export namespace CrudAction {
   }
 
   export class DeleteSubResourceFail {
-    protected static abstractType = "[{0}] Delete SubResource {1} Fail";
+    protected static readonly abstractType = "[{0}] Delete SubResource {1} Fail";
     public static readonly className = "DeleteSubResource{0}Fail";
 
     constructor() {
@@ -227,7 +235,7 @@ export namespace CrudAction {
   }
 
   export class UpdateSubResource {
-    protected static abstractType = "[{0}] Update SubResource {1}";
+    protected static readonly abstractType = "[{0}] Update SubResource {1}";
     public static readonly className = "UpdateSubResource{0}";
 
     constructor(public parentId: string, public oldResId: string[], public newResId: string[]) {
@@ -235,7 +243,7 @@ export namespace CrudAction {
   }
 
   export class UpdateSubResourceSuccess {
-    protected static abstractType = "[{0}] Update SubResource {1} Success";
+    protected static readonly abstractType = "[{0}] Update SubResource {1} Success";
     public static readonly className = "UpdateSubResource{0}Success";
 
     constructor(public parentId) {
@@ -243,7 +251,7 @@ export namespace CrudAction {
   }
 
   export class UpdateSubResourceFail {
-    protected static abstractType = "[{0}] Update SubResource {1} Fail";
+    protected static readonly abstractType = "[{0}] Update SubResource {1} Fail";
     public static readonly className = "UpdateSubResource{0}Fail";
 
     constructor(public parentId) {

src/app/shared/enums/api-action.enum.ts

@@ -18,4 +18,43 @@ export class ApiActionEnum {
   public static REINDEX = "reindex";
   public static CHECK_FIXITY = "check-fixity";
   public static SEARCH_DOI = "search-doi";
+
+  public static SELF = "self";
+  public static MODULE = "module";
+  public static PARENT = "parent";
+  public static STATUS = "status";
+  public static DASHBOARD = "dashboard";
+  public static RESOURCES = "resources";
+  public static LIST = "list";
+  public static FILE = "file";
+  public static COUNT = "count";
+  public static PREVIOUS = "previous";
+  public static NEXT = "next";
+  public static CREATE = "new";
+  public static READ = "get";
+  public static UPDATE = "edit";
+  public static DELETE = "remove";
+  public static VALUES = "values";
+  public static SEARCH = "search";
+  public static LASTCREATED = "lastCreated";
+  public static LASTUPDATE = "lastUpdated";
+  public static RANGE = "searchRange";
+  public static SIZE = "size";
+  public static PAGE = "page";
+  public static SORT = "sort";
+  public static CREATION = "creation.when";
+  public static UPDATED = "lastUpdate.when";
+  public static ERROR = "error";
+  public static UL = "upload";
+  public static UL_ARCHIVE = "upload-archive";
+  public static DL = "download";
+  public static HISTORY = "history";
+  public static RESUME = "resume";
+  public static START = "start";
+  public static ALL = "All";
+  public static VIEW = "view";
+  public static SAVE = "save";
+  public static IMPORT = "import";
+  public static IMPORTED = "imported";
+  public static CLOSE = "close";
 }

src/app/shared/organizational-unit.action.ts

+import {Type} from "@angular/core";
 import {OrganizationalUnitsModel, SubmissionPoliciesModel} from "@app/generated-api";
 import {CrudAction} from "@app/shared/crud.action";
 import {ApiResourceNameEnum} from "@app/shared/enums/api-resource-name.enum";

src/app/shared/services/api.service.ts

@@ -186,6 +186,18 @@ export class ApiService {
     );
   }
 
+  public upload(path: string, data) {
+    let headers = this.defaultHeaders;
+    headers = headers.set("Content-Type", "multipart/form-data; boundary=HereGoes");
+    // headers = headers.set("Accept", "application/json");
+
+    return this.httpClient.post<any>(`${this.configuration.basePath}/${path}`, data, {
+      reportProgress: true,
+      observe: "events",
+      headers,
+    });
+  }
+
   private getQueryParameters(queryParameters: QueryParametersModel, customParameters: { [p: string]: string }) {
     let queryParametersHttp = new HttpParams({encoder: new CustomHttpUrlEncodingCodec()});
     if (queryParameters == null) {

src/app/shared/utils/crud-action.util.ts

@@ -70,7 +70,7 @@ export class CrudActionUtil {
     return CrudActionUtil.getInstanceInternal(state, CrudAction.GetAll.className, queryParameters);
   }
 
-  static getAllSuccess<T>(state: StateEnum, list: CollectionTypedModel<T>): CrudAction.GetAllSuccess<any> {
+  static getAllSuccess<T>(state: StateEnum, list: CollectionTypedModel<T>): CrudAction.GetAllSuccess<T> {
     return CrudActionUtil.getInstanceInternal(state, CrudAction.GetAllSuccess.className, list);
   }
 
@@ -82,7 +82,7 @@ export class CrudActionUtil {
     return CrudActionUtil.getInstanceInternal(state, CrudAction.GetById.className, id);
   }
 
-  static getByIdSuccess<T>(state: StateEnum, model: T): CrudAction.GetByIdSuccess<any> {
+  static getByIdSuccess<T>(state: StateEnum, model: T): CrudAction.GetByIdSuccess<T> {
     return CrudActionUtil.getInstanceInternal(state, CrudAction.GetByIdSuccess.className, model);
   }
 
@@ -90,7 +90,7 @@ export class CrudActionUtil {
     return CrudActionUtil.getInstanceInternal(state, CrudAction.GetByIdFail.className);
   }
 
-  static create<T>(state: StateEnum, model: T): CrudAction.Create<any> {
+  static create<T>(state: StateEnum, model: T): CrudAction.Create<T> {
     return CrudActionUtil.getInstanceInternal(state, CrudAction.Create.className, model);
   }
 
@@ -102,7 +102,7 @@ export class CrudActionUtil {
     return CrudActionUtil.getInstanceInternal(state, CrudAction.CreateFail.className);
   }
 
-  static update<T>(state: StateEnum, model: T): CrudAction.Update<any> {
+  static update<T>(state: StateEnum, model: T): CrudAction.Update<T> {
     return CrudActionUtil.getInstanceInternal(state, CrudAction.Update.className, model);
   }
 
@@ -123,7 +123,7 @@ export class CrudActionUtil {
   }
 
   static deleteFail(state: StateEnum): CrudAction.DeleteFail {
-    return CrudActionUtil.getInstanceInternal(state, CrudAction.DeleteFail.className);
+    return CrudActionUtil.getInstanceInternal(state, CrudAction.DeleteFail.name);
   }
 
   static getAllSubResource(state: StateEnum, subResource: ApiResourceNameEnum, parentId: string, queryParameters?: QueryParametersModel): CrudAction.GetAllSubResource {

src/app/shared/views/abstract-create/abstract-create.view.ts

 import {OnInit} from "@angular/core";
-import {DepositAction} from "@app/deposit/deposit.action";
-import {CrudAction} from "@app/shared/crud.action";
 import {CrudStateModel} from "@app/shared/crud.state";
 import {BaseDirective} from "@app/shared/directives/base.directive";
 import {StateEnum} from "@app/shared/enums/state.enum";

src/app/shared/views/abstract-detail/abstract-detail.view.ts

@@ -54,6 +54,10 @@ export abstract class AbstractDetailView<T, U extends CrudStateModel<T>> extends
 
   abstract getSubResourceWithParentId(id: string): void;
 
+  protected getResId(): string {
+    return this.resId;
+  }
+
   edit() {
     this.store.dispatch(new Navigate([CrudRouteUtil.getEditRoute(this.state), this.resId]));
   }

src/app/shared/views/abstract-edit/abstract-edit.view.ts

@@ -34,10 +34,14 @@ export abstract class AbstractEditView<T, U extends CrudStateModel<T>> extends B
 
   private getById(id: string) {
     this.store.dispatch(CrudActionUtil.getById(this.state, id));
-    this.getSubresourceWithParentId(id);
+    this.getSubResourceWithParentId(id);
   }
 
-  abstract getSubresourceWithParentId(id: string): void;
+  abstract getSubResourceWithParentId(id: string): void;
+
+  protected getResId(): string {
+    return this.resId;
+  }
 
   update(model: T) {
     this.store.dispatch(CrudActionUtil.update<T>(this.state, model));

src/app/shared/views/abstract-list/abstract-list.view.html

 <div class="button-toolbar">
   <button mat-flat-button color="primary" (click)="create()">{{KEY_CREATE_BUTTON | translate}}</button>
-  <button mat-flat-button color="secondary" (click)="getAll()">{{KEY_REFRESH_BUTTON | translate}}</button>
+  <button mat-flat-button color="accent" (click)="getAll()">{{KEY_REFRESH_BUTTON | translate}}</button>
 </div>
 
 <div class="wrapper">

src/assets/i18n/de.json

@@ -60,6 +60,10 @@
       }
     },
     "edit": "Edit",
+    "file": {
+      "search": "Choose file",
+      "uploadButton": "Upload"
+    },
     "hasEmbargo": "The deposit has an embargo",
     "hint": {
       "author": "Author"
@@ -73,6 +77,10 @@
     "refresh": "Refresh",
     "submissionPolicy": "Submission Policy",
     "submit": "Submit",
+    "tab": {
+      "datafiles": "Data Files",
+      "details": "Details"
+    },
     "table": {
       "header": {
         "creation": {
@@ -136,12 +144,8 @@
   "required": "This field is required",
   "search": "Search",
   "table": {
-    "nodata": "No data has been found"
-  },
-  "tooltip": {
-    "other": "other",
-    "others": "others",
-  "paginator": {
+    "nodata": "No data has been found",
+    "paginator": {
       "firstPage": "First page",
       "itemPerPage": "Items per page",
       "lastPage": "Last page",
@@ -149,5 +153,9 @@
       "ofLabel": "of",
       "previousPage": "Previous page"
     }
+  },
+  "tooltip": {
+    "other": "other",
+    "others": "others"
   }
 }

src/assets/i18n/en.json

@@ -60,6 +60,10 @@
 			}
 		},
 		"edit": "Edit",
+		"file": {
+			"search": "Choose file",
+			"uploadButton": "Upload"
+		},
 		"hasEmbargo": "The deposit has an embargo",
 		"hint": {
 			"author": "Author"
@@ -73,6 +77,10 @@
 		"refresh": "Refresh",
 		"submissionPolicy": "Submission Policy",
 		"submit": "Submit",
+		"tab": {
+			"datafiles": "Data Files",
+			"details": "Details"
+		},
 		"table": {
 			"header": {
 				"creation": {

src/assets/i18n/fr.json

 {
-  "access": {
-    "organizationalUnitNotFound": "Impossible d'obtenir les données",
-    "table": {
-      "header": {
-        "accessLevel": "Niveau d'Accès",
-        "organizationalUnit": "Unité Organisationnelle",
-        "title": "Titre",
-        "yearPublicationDate": "Année de Publication"
-      }
-    }
-  },
-  "app": {
-    "login": {
-      "loginButton": "Se connecter",
-      "loginMessage": "Vous n'êtes actuellement pas connecté, veuillez vous connecter afin de continuer."
-    },
-    "toolbar": {
-      "deposit": "Dépôts",
-      "home": "Accueil",
-      "login": "Connexion",
-      "logout": "Déconnexion",
-      "organizationalUnit": "Unités Organisationnelles"
-    }
-  },
-  "breadcrumb": {
-    "access": {
-      "root": "Accès",
-      "search": "Recherche"
-    },
-    "deposit": {
-      "create": "Création",
-      "detail": "Détail",
-      "edit": "Modifier",
-      "list": "Liste",
-      "root": "Dépôts"
-    },
-    "home": "Accueil",
-    "organizationalUnit": {
-      "create": "Création",
-      "detail": "Détail",
-      "edit": "Modifier",
-      "list": "Liste",
-      "root": "Unité organisationnelle"
-    }
-  },
-  "deposit": {
-    "accessLevel": "Niveau d'accès",
-    "author": "Auteur",
-    "collectionBegin": "Début de la collecte des données",
-    "collectionEnd": "Fin de la collecte des données",
-    "delete": "Supprimer",
-    "description": "Description",
-    "dialog": {
-      "delete": {
-        "cancel": "Annuler",
-        "confirm": "Oui",
-        "message": "Êtes-vous sûr de vouloir supprimer le dépôt '{{name}}'?",
-        "title": "Confirmer suppresion"
-      }
-    },
-    "edit": "Modifier",
-    "hasEmbargo": "Le dépôt a un embargo",
-    "hint": {
-      "author": "Auteur"
-    },
-    "language": "Langue",
-    "license": "Licence",
-    "new": "Créer dépôt",
-    "organizationUnit": "Unité organisationnelle",
-    "preservationPolicy": "Politique de préservation",
-    "publicationDate": "Date de publication",
-    "refresh": "Rafraichir",
-    "submissionPolicy": "Politique de soumission",
-    "submit": "Envoyer",
-    "table": {
-      "header": {
-        "creation": {
-          "when": "Date de création"
-        },
-        "lastUpdate": {
-          "when": "Dernière mise à jour"
-        },
-        "publicationDate": "Date de publication",
-        "status": "Statut",
-        "title": "Titre"
-      }
-    },
-    "title": "Titre"
-  },
-  "error": {
+	"access": {
+		"organizationalUnitNotFound": "Impossible d'obtenir les données",
+		"table": {
+			"header": {
+				"accessLevel": "Niveau d'Accès",
+				"organizationalUnit": "Unité Organisationnelle",
+				"title": "Titre",
+				"yearPublicationDate": "Année de Publication"
+			}
+		}
+	},
+	"app": {
+		"login": {
+			"loginButton": "Se connecter",
+			"loginMessage": "Vous n'êtes actuellement pas connecté, veuillez vous connecter afin de continuer."
+		},
+		"toolbar": {
+			"deposit": "Dépôts",
+			"home": "Accueil",
+			"login": "Connexion",
+			"logout": "Déconnexion",
+			"organizationalUnit": "Unités Organisationnelles"
+		}
+	},
+	"breadcrumb": {
+		"access": {
+			"root": "Accès",
+			"search": "Recherche"
+		},
+		"deposit": {
+			"create": "Création",
+			"detail": "Détail",
+			"edit": "Modifier",
+			"list": "Liste",
+			"root": "Dépôts"
+		},
+		"home": "Accueil",
+		"organizationalUnit": {
+			"create": "Création",
+			"detail": "Détail",
+			"edit": "Modifier",
+			"list": "Liste",
+			"root": "Unité organisationnelle"
+		}
+	},
+	"deposit": {
+		"accessLevel": "Niveau d'accès",
+		"author": "Auteur",
+		"collectionBegin": "Début de la collecte des données",
+		"collectionEnd": "Fin de la collecte des données",
+		"delete": "Supprimer",
+		"description": "Description",
+		"dialog": {
+			"delete": {
+				"cancel": "Annuler",
+				"confirm": "Oui",
+				"message": "Êtes-vous sûr de vouloir supprimer le dépôt '{{name}}'?",
+				"title": "Confirmer suppresion"
+			}
+		},
+		"edit": "Modifier",
+		"file": {
+			"search": "Choisir fichier",
+			"uploadButton": "Téléverser"
+		},
+		"hasEmbargo": "Le dépôt a un embargo",
+		"hint": {
+			"author": "Auteur"
+		},
+		"language": "Langue",
+		"license": "Licence",
+		"new": "Créer dépôt",
+		"organizationUnit": "Unité organisationnelle",
+		"preservationPolicy": "Politique de préservation",
+		"publicationDate": "Date de publication",
+		"refresh": "Rafraichir",
+		"submissionPolicy": "Politique de soumission",
+		"submit": "Envoyer",
+		"tab": {
+			"datafiles": "Fichiers",
+			"details": "Détails"
+		},
+		"table": {
+			"header": {
+				"creation": {
+					"when": "Date de création"
+				},
+				"lastUpdate": {
+					"when": "Dernière mise à jour"
+				},
+				"publicationDate": "Date de publication",
+				"status": "Statut",
+				"title": "Titre"
+			}
+		},
+		"title": "Titre"
+	},
+	"error": {
     "http": {
       "forbidden": "Vous ne pouvez pas faire cette action",
       "notFound": "La ressource demandée n'existe pas",
@@ -103,51 +111,51 @@
     }
   },
   "organizationalUnit": {
-    "closingDate": "Date de fermeture",
-    "delete": "Supprimer",
-    "description": "Description",
-    "dialog": {
-      "delete": {
-        "cancel": "Annuler",
-        "confirm": "Oui",
-        "message": "Êtes-vous sûr de vouloir supprimer l'unité organisationnelle '{{name}}'?",
-        "title": "Confirmer suppression"
-      }
-    },
-    "edit": "Modifier",
-    "isEmpty": "Est vide",
-    "name": "Nom",
-    "new": "Créer nouvelle unité organisationnelle",
-    "open": "Ouvert",
-    "openingDate": "Date d'ouverture",
-    "refresh": "Rafraichir",
-    "submissionPolicy": "Politique de soumission",
-    "submit": "Envoyer",
-    "table": {
-      "header": {
-        "creation": {
-          "when": "Date de création"
-        },
-        "description": "Description",
-        "name": "Nom"
-      }
-    }
-  },
-  "required": "Ce champ est requis",
-  "search": "Recherche",
-  "table": {
-    "nodata": "Aucune donnée n'a été trouvé",
-    "paginator": {
-      "firstPage": "Première page",
-      "itemPerPage": "Eléments par page",
-      "lastPage": "Dernière page",
-      "nextPage": "Page suivante",
-      "ofLabel": "sur",
-      "previousPage": "Page précédente"
-    }
-  },
-  "tooltip": {
-    "other": "autre",
-    "others": "autres"
-  }
+		"closingDate": "Date de fermeture",
+		"delete": "Supprimer",
+		"description": "Description",
+		"dialog": {
+			"delete": {
+				"cancel": "Annuler",
+				"confirm": "Oui",
+				"message": "Êtes-vous sûr de vouloir supprimer l'unité organisationnelle '{{name}}'?",
+				"title": "Confirmer suppression"
+			}
+		},
+		"edit": "Modifier",
+		"isEmpty": "Est vide",
+		"name": "Nom",
+		"new": "Créer nouvelle unité organisationnelle",
+		"open": "Ouvert",
+		"openingDate": "Date d'ouverture",
+		"refresh": "Rafraichir",
+		"submissionPolicy": "Politique de soumission",
+		"submit": "Envoyer",
+		"table": {
+			"header": {
+				"creation": {
+					"when": "Date de création"
+				},
+				"description": "Description",
+				"name": "Nom"
+			}
+		}
+	},
+	"required": "Ce champ est requis",
+	"search": "Recherche",
+	"table": {
+		"nodata": "Aucune donnée n'a été trouvé",
+		"paginator": {
+			"firstPage": "Première page",
+			"itemPerPage": "Eléments par page",
+			"lastPage": "Dernière page",
+			"nextPage": "Page suivante",
+			"ofLabel": "sur",
+			"previousPage": "Page précédente"
+		}
+	},
+	"tooltip": {
+		"other": "autre",
+		"others": "autres"
+	}
 }

src/environments/environment.dlcmtest.ts

@@ -4,10 +4,10 @@ import {defaultEnvironment} from "./environment.defaults";
 export const environment = {
   ...defaultEnvironment,
   theme: ThemeEnum.yareta,
-  oauthTokenEndpoint: "https://dlcmtest.unige.ch/administration/oauth/token",
+  oauthTokenEndpoint: "https://dlcmtest.unige.ch/authorization/oauth/token",
   oauthDummyClientSecret: "12345",
-  oauthClientId: "myClientId",
+  oauthClientId: "nightly-dlcm-ui-client",
   oauthScope: "READ",
   oauthRequireHttps: true,
-  oauthLoginUrl: "https://dlcmtest.unige.ch/administration/oauth/authorize",
+  oauthLoginUrl: "https://dlcmtest.unige.ch/authorization/oauth/authorize",
 };

src/sass/abstracts/_variables.scss

@@ -12,3 +12,6 @@ $success: #6acc29;
 $error: #ff0000;
 $warning: #ffa500;
 $info: #15a7ff;
+
+$index-footer: 1;
+$index-modal: 2;