From 4c892093f89c0cb568336d46c885a6c327a4eb22 Mon Sep 17 00:00:00 2001
From: HuynhKhoa1601 <huynhnhatkhoa21@gmail.com>
Date: Wed, 12 Jul 2023 19:21:57 +0700
Subject: [PATCH 01/26] create new component and add model file and service
 file

---
 src/app/core/core.module.ts                   |   4 +
 .../data/metadata-bitstream-data.service.ts   | 151 ++++++++++++++++++
 .../core/metadata/metadata-bitstream.model.ts |  61 +++++++
 .../metadata-bitstream.resource-type.ts       |  10 ++
 src/app/item-page/item-page.module.ts         |   5 +-
 .../preview-section.component.html            |  30 ++++
 .../preview-section.component.scss            |  48 ++++++
 .../preview-section.component.spec.ts         |  25 +++
 .../preview-section.component.ts              |  67 ++++++++
 .../untyped-item/untyped-item.component.html  |   1 +
 10 files changed, 400 insertions(+), 2 deletions(-)
 create mode 100644 src/app/core/data/metadata-bitstream-data.service.ts
 create mode 100644 src/app/core/metadata/metadata-bitstream.model.ts
 create mode 100644 src/app/core/metadata/metadata-bitstream.resource-type.ts
 create mode 100644 src/app/item-page/simple/field-components/preview-section/preview-section.component.html
 create mode 100644 src/app/item-page/simple/field-components/preview-section/preview-section.component.scss
 create mode 100644 src/app/item-page/simple/field-components/preview-section/preview-section.component.spec.ts
 create mode 100644 src/app/item-page/simple/field-components/preview-section/preview-section.component.ts

diff --git a/src/app/core/core.module.ts b/src/app/core/core.module.ts
index 24f230b0e70..b656ee6eb1e 100644
--- a/src/app/core/core.module.ts
+++ b/src/app/core/core.module.ts
@@ -70,6 +70,7 @@ import { EPerson } from './eperson/models/eperson.model';
 import { Group } from './eperson/models/group.model';
 import { JsonPatchOperationsBuilder } from './json-patch/builder/json-patch-operations-builder';
 import { MetadataField } from './metadata/metadata-field.model';
+import { MetadataBitstream } from './metadata/metadata-bitstream.model';
 import { MetadataSchema } from './metadata/metadata-schema.model';
 import { MetadataService } from './metadata/metadata.service';
 import { RegistryService } from './registry/registry.service';
@@ -138,6 +139,7 @@ import { SiteAdministratorGuard } from './data/feature-authorization/feature-aut
 import { Registration } from './shared/registration.model';
 import { MetadataSchemaDataService } from './data/metadata-schema-data.service';
 import { MetadataFieldDataService } from './data/metadata-field-data.service';
+import { MetadataBitstreamDataService } from './data/metadata-bitstream-data.service';
 import { DsDynamicTypeBindRelationService } from '../shared/form/builder/ds-dynamic-form-ui/ds-dynamic-type-bind-relation.service';
 import { TokenResponseParsingService } from './auth/token-response-parsing.service';
 import { SubmissionCcLicenseDataService } from './submission/submission-cc-license-data.service';
@@ -292,6 +294,7 @@ const PROVIDERS = [
   SiteRegisterGuard,
   MetadataSchemaDataService,
   MetadataFieldDataService,
+  MetadataBitstreamDataService,
   TokenResponseParsingService,
   ReloadGuard,
   EndUserAgreementCurrentUserGuard,
@@ -328,6 +331,7 @@ export const models =
     ResourcePolicy,
     MetadataSchema,
     MetadataField,
+    MetadataBitstream,
     License,
     WorkflowItem,
     WorkspaceItem,
diff --git a/src/app/core/data/metadata-bitstream-data.service.ts b/src/app/core/data/metadata-bitstream-data.service.ts
new file mode 100644
index 00000000000..2c17adca6d3
--- /dev/null
+++ b/src/app/core/data/metadata-bitstream-data.service.ts
@@ -0,0 +1,151 @@
+import { Injectable } from '@angular/core';
+import { hasValue } from '../../shared/empty.util';
+import { PaginatedList } from './paginated-list.model';
+import { RemoteData } from './remote-data';
+import { RequestService } from './request.service';
+import { RemoteDataBuildService } from '../cache/builders/remote-data-build.service';
+import { HALEndpointService } from '../shared/hal-endpoint.service';
+import { MetadataField } from '../metadata/metadata-field.model';
+import { FollowLinkConfig } from '../../shared/utils/follow-link-config.model';
+import { Observable } from 'rxjs';
+import { take } from 'rxjs/operators';
+import { RequestParam } from '../cache/models/request-param.model';
+import { FindListOptions } from './find-list-options.model';
+import { SearchData, SearchDataImpl } from './base/search-data';
+import { PutData, PutDataImpl } from './base/put-data';
+import { CreateData, CreateDataImpl } from './base/create-data';
+import { NoContent } from '../shared/NoContent.model';
+import { NotificationsService } from '../../shared/notifications/notifications.service';
+import { ObjectCacheService } from '../cache/object-cache.service';
+import { METADATA_BITSTREAM } from '../metadata/metadata-bitstream.resource-type';
+
+/**
+ * A service responsible for fetching/sending data from/to the REST API on the metadatafields endpoint
+ */
+@Injectable()
+@dataService(METADATA_BITSTREAM)
+export class MetadataBitstreamDataService extends IdentifiableDataService<any> implements CreateData<MetadataField>, PutData<any>, DeleteData<any>, SearchData<any> {
+  private createData: CreateData<MetadataField>;
+  private searchData: SearchData<MetadataField>;
+  private putData: PutData<MetadataField>;
+  private deleteData: DeleteData<MetadataField>;
+  protected searchByHandleLinkPath = 'byHandle';
+
+  constructor(
+    protected requestService: RequestService,
+    protected rdbService: RemoteDataBuildService,
+    protected objectCache: ObjectCacheService,
+    protected halService: HALEndpointService,
+    protected notificationsService: NotificationsService,
+  ) {
+    super('metadatabitstreams', requestService, rdbService, objectCache, halService);
+
+    // this.createData = new CreateDataImpl(this.linkPath, requestService, rdbService, objectCache, halService, notificationsService, this.responseMsToLive);
+    // this.searchData = new SearchDataImpl(this.linkPath, requestService, rdbService, objectCache, halService, this.responseMsToLive);
+    // this.putData = new PutDataImpl(this.linkPath, requestService, rdbService, objectCache, halService, this.responseMsToLive);
+    // this.deleteData = new DeleteDataImpl(this.linkPath, requestService, rdbService, objectCache, halService, notificationsService, this.responseMsToLive, this.constructIdEndpoint);
+  }
+
+
+  /**
+   * Find metadata fields with either the partial metadata field name (e.g. "dc.ti") as query or an exact match to
+   * at least the schema, element or qualifier
+   * @param schema    optional; an exact match of the prefix of the metadata schema (e.g. "dc", "dcterms", "eperson")
+   * @param element   optional; an exact match of the field's element (e.g. "contributor", "title")
+   * @param qualifier optional; an exact match of the field's qualifier (e.g. "author", "alternative")
+   * @param query     optional (if any of schema, element or qualifier used) - part of the fully qualified field,
+   * should start with the start of the schema, element or qualifier (e.g. “dc.ti”, “contributor”, “auth”, “contributor.ot”)
+   * @param exactName optional; the exact fully qualified field, should use the syntax schema.element.qualifier or
+   * schema.element if no qualifier exists (e.g. "dc.title", "dc.contributor.author"). It will only return one value
+   * if there's an exact match
+   * @param options   The options info used to retrieve the fields
+   * @param useCachedVersionIfAvailable If this is true, the request will only be sent if there's no valid cached version. Defaults to true
+   * @param reRequestOnStale  Whether or not the request should automatically be re-requested after the response becomes stale
+   * @param linksToFollow List of {@link FollowLinkConfig} that indicate which {@link HALLink}s should be automatically resolved
+   */
+  searchByHandleParams(handle: string, fileGrpType: string, options: FindListOptions = {}, useCachedVersionIfAvailable = true, reRequestOnStale = true, ...linksToFollow: FollowLinkConfig<any>[]): Observable<RemoteData<any>> {
+    const optionParams = Object.assign(new FindListOptions(), options, {
+      searchParams: [
+        new RequestParam('handle', hasValue(handle) ? handle : ''),
+        new RequestParam('fileGrpType', hasValue(fileGrpType) ? fileGrpType : ''),
+      ],
+    });
+    return this.searchBy(this.searchByHandleLinkPath, optionParams, useCachedVersionIfAvailable, reRequestOnStale, ...linksToFollow);
+  }
+
+
+  /**
+   * Clear all metadata field requests
+   * Used for refreshing lists after adding/updating/removing a metadata field from a metadata schema
+   */
+  clearRequests(): void {
+    this.getBrowseEndpoint().pipe(take(1)).subscribe((href: string) => {
+      this.requestService.setStaleByHrefSubstring(href);
+    });
+
+  }
+
+
+  /**
+   * Delete an existing object on the server
+   * @param   objectId The id of the object to be removed
+   * @param   copyVirtualMetadata (optional parameter) the identifiers of the relationship types for which the virtual
+   *                            metadata should be saved as real metadata
+   * @return  A RemoteData observable with an empty payload, but still representing the state of the request: statusCode,
+   *          errorMessage, timeCompleted, etc
+   */
+  delete(objectId: string, copyVirtualMetadata?: string[]): Observable<RemoteData<NoContent>> {
+    return this.deleteData.delete(objectId, copyVirtualMetadata);
+  }
+
+  /**
+   * Delete an existing object on the server
+   * @param   href The self link of the object to be removed
+   * @param   copyVirtualMetadata (optional parameter) the identifiers of the relationship types for which the virtual
+   *                            metadata should be saved as real metadata
+   * @return  A RemoteData observable with an empty payload, but still representing the state of the request: statusCode,
+   *          errorMessage, timeCompleted, etc
+   *          Only emits once all request related to the DSO has been invalidated.
+   */
+  public deleteByHref(href: string, copyVirtualMetadata?: string[]): Observable<RemoteData<NoContent>> {
+    return this.deleteData.deleteByHref(href, copyVirtualMetadata);
+  }
+
+  /**
+   * Send a PUT request for the specified object
+   *
+   * @param object The object to send a put request for.
+   */
+  put(object: MetadataField): Observable<RemoteData<MetadataField>> {
+    return this.putData.put(object);
+  }
+
+  /**
+   * Create a new object on the server, and store the response in the object cache
+   *
+   * @param object    The object to create
+   * @param params    Array with additional params to combine with query string
+   */
+  create(object: MetadataField, ...params: RequestParam[]): Observable<RemoteData<MetadataField>> {
+    return this.createData.create(object, ...params);
+  }
+
+  /**
+   * Make a new FindListRequest with given search method
+   *
+   * @param searchMethod                The search method for the object
+   * @param options                     The [[FindListOptions]] object
+   * @param useCachedVersionIfAvailable If this is true, the request will only be sent if there's
+   *                                    no valid cached version. Defaults to true
+   * @param reRequestOnStale            Whether or not the request should automatically be re-
+   *                                    requested after the response becomes stale
+   * @param linksToFollow               List of {@link FollowLinkConfig} that indicate which
+   *                                    {@link HALLink}s should be automatically resolved
+   * @return {Observable<RemoteData<PaginatedList<T>>}
+   *    Return an observable that emits response from the server
+   */
+  public searchBy(searchMethod: string, options?: FindListOptions, useCachedVersionIfAvailable?: boolean, reRequestOnStale?: boolean, ...linksToFollow: FollowLinkConfig<any>[]): Observable<RemoteData<PaginatedList<any>>> {
+    return this.searchData.searchBy(searchMethod, options, useCachedVersionIfAvailable, reRequestOnStale, ...linksToFollow);
+  }
+
+}
\ No newline at end of file
diff --git a/src/app/core/metadata/metadata-bitstream.model.ts b/src/app/core/metadata/metadata-bitstream.model.ts
new file mode 100644
index 00000000000..e6e40d62016
--- /dev/null
+++ b/src/app/core/metadata/metadata-bitstream.model.ts
@@ -0,0 +1,61 @@
+import { autoserialize, deserialize } from 'cerialize';
+import { ListableObject } from '../../shared/object-collection/shared/listable-object.model';
+import {    typedObject } from '../cache/builders/build-decorators';
+import { GenericConstructor } from '../shared/generic-constructor';
+import { HALLink } from '../shared/hal-link.model';
+import { HALResource } from '../shared/hal-resource.model';
+import { ResourceType } from '../shared/resource-type';
+import { excludeFromEquals } from '../utilities/equals.decorators';
+import { METADATA_BITSTREAM } from './metadata-bitstream.resource-type';
+
+/**
+ * Class the represents a metadata field
+ */
+@typedObject
+export class MetadataBitstream extends ListableObject implements HALResource {
+  static type = METADATA_BITSTREAM;
+
+  /**
+   * The object type
+   */
+  @excludeFromEquals
+  @autoserialize
+  type: ResourceType;
+
+  /**
+   * The identifier of this metadata field
+   */
+  @autoserialize
+  id: number;
+
+  /**
+   * The element of this metadata field
+   */
+  @autoserialize
+  bitstreamRest: any;
+
+  /**
+   * The qualifier of this metadata field
+   */
+  @autoserialize
+  fileInfo: any;
+
+  /**
+   * The scope note of this metadata field
+   */
+  @autoserialize
+  href: any;
+
+  /**
+   * The {@link HALLink}s for this MetadataField
+   */
+  @deserialize
+  _links: {
+    self: HALLink,
+    schema: HALLink
+  };
+
+  getRenderTypes(): (string | GenericConstructor<ListableObject>)[] {
+    return [this.constructor as GenericConstructor<ListableObject>];
+  }
+}
\ No newline at end of file
diff --git a/src/app/core/metadata/metadata-bitstream.resource-type.ts b/src/app/core/metadata/metadata-bitstream.resource-type.ts
new file mode 100644
index 00000000000..ef5c337166e
--- /dev/null
+++ b/src/app/core/metadata/metadata-bitstream.resource-type.ts
@@ -0,0 +1,10 @@
+import { ResourceType } from '../shared/resource-type';
+
+/**
+ * The resource type for MetadataBitstream
+ *
+ * Needs to be in a separate file to prevent circular
+ * dependencies in webpack.
+ */
+
+export const METADATA_BITSTREAM = new ResourceType('metadatabitstream');
\ No newline at end of file
diff --git a/src/app/item-page/item-page.module.ts b/src/app/item-page/item-page.module.ts
index d7f9f9bdfaf..0218da43a6b 100644
--- a/src/app/item-page/item-page.module.ts
+++ b/src/app/item-page/item-page.module.ts
@@ -48,7 +48,7 @@ import { ChartsModule } from 'ng2-charts';
 import { ClarinGenericItemFieldComponent } from './simple/field-components/clarin-generic-item-field/clarin-generic-item-field.component';
 import { ClarinCollectionsItemFieldComponent } from './simple/field-components/clarin-collections-item-field/clarin-collections-item-field.component';
 import { ClarinFilesItemFieldComponent } from './simple/field-components/clarin-files-item-field/clarin-files-item-field.component';
-
+import { PreviewSectionComponent } from './simple/field-components/preview-section/preview-section.component';
 
 const ENTRY_COMPONENTS = [
   // put only entry components that use custom decorator
@@ -93,7 +93,8 @@ const DECLARATIONS = [
   ClarinStatisticsButtonComponent,
   ClarinGenericItemFieldComponent,
   ClarinCollectionsItemFieldComponent,
-  ClarinFilesItemFieldComponent
+  ClarinFilesItemFieldComponent,
+  PreviewSectionComponent
 ];
 
 @NgModule({
diff --git a/src/app/item-page/simple/field-components/preview-section/preview-section.component.html b/src/app/item-page/simple/field-components/preview-section/preview-section.component.html
new file mode 100644
index 00000000000..7b60ee592ad
--- /dev/null
+++ b/src/app/item-page/simple/field-components/preview-section/preview-section.component.html
@@ -0,0 +1,30 @@
+<div class="file-preview-box">
+    <div class="file-content">
+        <div class="file-info">
+            <p>Name: {{file.name}}</p>
+            <p>Size: {{file.size}}</p>
+            <p>Format: {{file.format}}</p>
+            <p>Description: {{file.description}}</p>
+            <p>MD5: {{file.md5}}</p>
+            <div class="button-container">
+                <button class="download-btn">Download</button>
+                <button class="preview-btn" (click)="togglePreview()">Preview</button>
+            </div>
+        </div>
+        <img [src]="file.previewImageUrl" alt="Preview" class="preview-image">
+    </div>
+    <div *ngIf="isPreviewVisible" class="file-list">
+        <ng-container *ngTemplateOutlet="recursiveList; context:{ files: fileList }"></ng-container>
+
+        <ng-template #recursiveList let-files="files">
+            <ul>
+                <li *ngFor="let file of files">
+                    {{file.name}} <span *ngIf="file.size">{{file.size}}</span>
+                    <div *ngIf="file.isDirectory">
+                        <ng-container *ngTemplateOutlet="recursiveList; context:{ files: file.sub }"></ng-container>
+                    </div>
+                </li>
+            </ul>
+        </ng-template>
+    </div>
+</div>
\ No newline at end of file
diff --git a/src/app/item-page/simple/field-components/preview-section/preview-section.component.scss b/src/app/item-page/simple/field-components/preview-section/preview-section.component.scss
new file mode 100644
index 00000000000..77ae9971b41
--- /dev/null
+++ b/src/app/item-page/simple/field-components/preview-section/preview-section.component.scss
@@ -0,0 +1,48 @@
+file-preview-box {
+    border: 1px solid black;
+
+    .file-content {
+        display: flex;
+
+        .preview-image {
+            width: 50%;
+        }
+
+        .file-info {
+            padding: 20px;
+
+            p {
+                margin-bottom: 5px;
+            }
+
+            .button-container {
+                margin-top: 20px;
+
+                .download-btn, .preview-btn {
+                    margin-right: 10px;
+                    padding: 10px 20px;
+                    border: none;
+                    color: white;
+                    cursor: pointer;
+                }
+
+                .download-btn {
+                    background-color: blue;
+                }
+
+                .preview-btn {
+                    background-color: green;
+                }
+            }
+        }
+    }
+
+    .file-list {
+        padding: 20px;
+
+        ul {
+            list-style-type: none;
+            padding-left: 0;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/app/item-page/simple/field-components/preview-section/preview-section.component.spec.ts b/src/app/item-page/simple/field-components/preview-section/preview-section.component.spec.ts
new file mode 100644
index 00000000000..f4aeef26dd9
--- /dev/null
+++ b/src/app/item-page/simple/field-components/preview-section/preview-section.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PreviewSectionComponent } from './preview-section.component';
+
+describe('PreviewSectionComponent', () => {
+  let component: PreviewSectionComponent;
+  let fixture: ComponentFixture<PreviewSectionComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ PreviewSectionComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(PreviewSectionComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/item-page/simple/field-components/preview-section/preview-section.component.ts b/src/app/item-page/simple/field-components/preview-section/preview-section.component.ts
new file mode 100644
index 00000000000..b9f628c0e1b
--- /dev/null
+++ b/src/app/item-page/simple/field-components/preview-section/preview-section.component.ts
@@ -0,0 +1,67 @@
+import { Component, OnInit } from '@angular/core';
+import { RegistryService } from 'src/app/core/registry/registry.service';
+
+@Component({
+  selector: 'ds-preview-section',
+  templateUrl: './preview-section.component.html',
+  styleUrls: ['./preview-section.component.scss']
+})
+export class PreviewSectionComponent implements OnInit {
+
+  file = {
+    previewImageUrl:
+      'https://lindat.mff.cuni.cz/repository/xmlui/themes/UFAL/images/mime/application-x-gzip.png', // replace with your image URL
+    name: 'ud-treebanks-v2.12.tgz',
+    size: '497.82 MB',
+    format: 'application/x-gzip',
+    description: 'Treebank data',
+    md5: 'afb7546d9591a82f372686bcc100db52',
+  };
+
+  fileList: any[] = []; // Modified
+
+  isPreviewVisible = false;
+
+  constructor(protected registryService: RegistryService) {} // Modified
+
+  ngOnInit(): void {
+    // this.registryService
+    //   .getMetadataBitstream('123456789/36', 'ORIGINAL,TEXT,THUMBNAIL')
+    //   .subscribe(
+    //     (remoteData: any) => {
+    //       console.log('Received data:', remoteData);
+    //       if (
+    //         remoteData &&
+    //         remoteData._embedded &&
+    //         remoteData._embedded.metadatabitstreams
+    //       ) {
+    //         this.fileList = this.parseFiles(
+    //           remoteData._embedded.metadatabitstreams[0].fileInfo
+    //         );
+    //       }
+    //     },
+    //     (error: any) => {
+    //       console.log('Received error:', error);
+    //     }
+    //   );
+  }
+
+  togglePreview() {
+    this.isPreviewVisible = !this.isPreviewVisible;
+  }
+
+  parseFiles(files: any[]): any[] {
+    let parsedFiles: any[] = [];
+    for (let file of files) {
+      let parsedFile: any = {};
+      parsedFile.name = file.name;
+      parsedFile.size = file.size;
+      parsedFile.isDirectory = file.isDirectory;
+      if (file.isDirectory && file.sub) {
+        parsedFile.sub = this.parseFiles(Object.values(file.sub));
+      }
+      parsedFiles.push(parsedFile);
+    }
+    return parsedFiles;
+  }
+}
diff --git a/src/app/item-page/simple/item-types/untyped-item/untyped-item.component.html b/src/app/item-page/simple/item-types/untyped-item/untyped-item.component.html
index 3fb68ff17d8..3a6ffd4a239 100644
--- a/src/app/item-page/simple/item-types/untyped-item/untyped-item.component.html
+++ b/src/app/item-page/simple/item-types/untyped-item/untyped-item.component.html
@@ -109,5 +109,6 @@ <h2 class="item-page-title-field mr-auto">
                                 [iconName]="'fa-paperclip'"
                                 [separator]="'<br />'">
     </ds-clarin-files-item-field>
+    <ds-preview-file-section></ds-preview-file-section>
   </div>
 </div>

From 65290d834c5cdb0820e0e4590dd04a1a7179a35e Mon Sep 17 00:00:00 2001
From: HuynhKhoa1601 <huynhnhatkhoa21@gmail.com>
Date: Thu, 13 Jul 2023 17:37:59 +0700
Subject: [PATCH 02/26] build the user interface and calling the api from
 backend

---
 angular.json                                  |    1 +
 .../data/metadata-bitstream-data.service.ts   |  124 +-
 .../core/metadata/metadata-bitstream.model.ts |   58 +-
 src/app/core/registry/registry.service.ts     |   20 +-
 .../preview-section.component.html            | 4736 ++++++++++++++++-
 .../preview-section.component.scss            |  123 +-
 .../preview-section.component.ts              |   72 +-
 .../item-page/simple/item-page.component.html |    1 +
 .../untyped-item/untyped-item.component.html  |    2 +-
 9 files changed, 4939 insertions(+), 198 deletions(-)

diff --git a/angular.json b/angular.json
index b151a355acc..c7e3ff7ce71 100644
--- a/angular.json
+++ b/angular.json
@@ -49,6 +49,7 @@
             "styles": [
               "src/styles/startup.scss",
               "src/aai/discojuice/discojuice.css",
+              "node_modules/font-awesome/css/font-awesome.css",
               "node_modules/bootstrap/dist/css/bootstrap.min.css",
               {
                 "input": "src/styles/base-theme.scss",
diff --git a/src/app/core/data/metadata-bitstream-data.service.ts b/src/app/core/data/metadata-bitstream-data.service.ts
index 2c17adca6d3..9e6c62c159e 100644
--- a/src/app/core/data/metadata-bitstream-data.service.ts
+++ b/src/app/core/data/metadata-bitstream-data.service.ts
@@ -5,30 +5,32 @@ import { RemoteData } from './remote-data';
 import { RequestService } from './request.service';
 import { RemoteDataBuildService } from '../cache/builders/remote-data-build.service';
 import { HALEndpointService } from '../shared/hal-endpoint.service';
-import { MetadataField } from '../metadata/metadata-field.model';
 import { FollowLinkConfig } from '../../shared/utils/follow-link-config.model';
 import { Observable } from 'rxjs';
-import { take } from 'rxjs/operators';
 import { RequestParam } from '../cache/models/request-param.model';
-import { FindListOptions } from './find-list-options.model';
-import { SearchData, SearchDataImpl } from './base/search-data';
-import { PutData, PutDataImpl } from './base/put-data';
-import { CreateData, CreateDataImpl } from './base/create-data';
 import { NoContent } from '../shared/NoContent.model';
 import { NotificationsService } from '../../shared/notifications/notifications.service';
 import { ObjectCacheService } from '../cache/object-cache.service';
 import { METADATA_BITSTREAM } from '../metadata/metadata-bitstream.resource-type';
+import { FindListOptions } from './request.models';
+import { dataService } from '../cache/builders/build-decorators';
+import { MetadataBitstream } from '../metadata/metadata-bitstream.model';
+import { DataService } from './data.service';
+import { HttpClient } from '@angular/common/http';
+import { Store } from '@ngrx/store';
+import { CoreState } from '../core.reducers';
+import { ChangeAnalyzer } from './change-analyzer';
 
 /**
  * A service responsible for fetching/sending data from/to the REST API on the metadatafields endpoint
  */
 @Injectable()
 @dataService(METADATA_BITSTREAM)
-export class MetadataBitstreamDataService extends IdentifiableDataService<any> implements CreateData<MetadataField>, PutData<any>, DeleteData<any>, SearchData<any> {
-  private createData: CreateData<MetadataField>;
-  private searchData: SearchData<MetadataField>;
-  private putData: PutData<MetadataField>;
-  private deleteData: DeleteData<MetadataField>;
+export class MetadataBitstreamDataService extends DataService<MetadataBitstream> {
+  protected store: Store<CoreState>;
+  protected http: HttpClient;
+  protected comparator: ChangeAnalyzer<MetadataBitstream>;
+  protected linkPath = 'metadatabitstreams';
   protected searchByHandleLinkPath = 'byHandle';
 
   constructor(
@@ -38,12 +40,7 @@ export class MetadataBitstreamDataService extends IdentifiableDataService<any> i
     protected halService: HALEndpointService,
     protected notificationsService: NotificationsService,
   ) {
-    super('metadatabitstreams', requestService, rdbService, objectCache, halService);
-
-    // this.createData = new CreateDataImpl(this.linkPath, requestService, rdbService, objectCache, halService, notificationsService, this.responseMsToLive);
-    // this.searchData = new SearchDataImpl(this.linkPath, requestService, rdbService, objectCache, halService, this.responseMsToLive);
-    // this.putData = new PutDataImpl(this.linkPath, requestService, rdbService, objectCache, halService, this.responseMsToLive);
-    // this.deleteData = new DeleteDataImpl(this.linkPath, requestService, rdbService, objectCache, halService, notificationsService, this.responseMsToLive, this.constructIdEndpoint);
+    super();
   }
 
 
@@ -70,82 +67,25 @@ export class MetadataBitstreamDataService extends IdentifiableDataService<any> i
         new RequestParam('fileGrpType', hasValue(fileGrpType) ? fileGrpType : ''),
       ],
     });
-    return this.searchBy(this.searchByHandleLinkPath, optionParams, useCachedVersionIfAvailable, reRequestOnStale, ...linksToFollow);
-  }
-
-
-  /**
-   * Clear all metadata field requests
-   * Used for refreshing lists after adding/updating/removing a metadata field from a metadata schema
-   */
-  clearRequests(): void {
-    this.getBrowseEndpoint().pipe(take(1)).subscribe((href: string) => {
-      this.requestService.setStaleByHrefSubstring(href);
-    });
-
-  }
-
-
-  /**
-   * Delete an existing object on the server
-   * @param   objectId The id of the object to be removed
-   * @param   copyVirtualMetadata (optional parameter) the identifiers of the relationship types for which the virtual
-   *                            metadata should be saved as real metadata
-   * @return  A RemoteData observable with an empty payload, but still representing the state of the request: statusCode,
-   *          errorMessage, timeCompleted, etc
-   */
-  delete(objectId: string, copyVirtualMetadata?: string[]): Observable<RemoteData<NoContent>> {
-    return this.deleteData.delete(objectId, copyVirtualMetadata);
-  }
-
-  /**
-   * Delete an existing object on the server
-   * @param   href The self link of the object to be removed
-   * @param   copyVirtualMetadata (optional parameter) the identifiers of the relationship types for which the virtual
-   *                            metadata should be saved as real metadata
-   * @return  A RemoteData observable with an empty payload, but still representing the state of the request: statusCode,
-   *          errorMessage, timeCompleted, etc
-   *          Only emits once all request related to the DSO has been invalidated.
-   */
-  public deleteByHref(href: string, copyVirtualMetadata?: string[]): Observable<RemoteData<NoContent>> {
-    return this.deleteData.deleteByHref(href, copyVirtualMetadata);
-  }
-
-  /**
-   * Send a PUT request for the specified object
-   *
-   * @param object The object to send a put request for.
-   */
-  put(object: MetadataField): Observable<RemoteData<MetadataField>> {
-    return this.putData.put(object);
+    return this.searchBy(this.searchByHandleLinkPath, optionParams, useCachedVersionIfAvailable, reRequestOnStale, ...linksToFollow)
   }
 
-  /**
-   * Create a new object on the server, and store the response in the object cache
-   *
-   * @param object    The object to create
-   * @param params    Array with additional params to combine with query string
-   */
-  create(object: MetadataField, ...params: RequestParam[]): Observable<RemoteData<MetadataField>> {
-    return this.createData.create(object, ...params);
-  }
-
-  /**
-   * Make a new FindListRequest with given search method
-   *
-   * @param searchMethod                The search method for the object
-   * @param options                     The [[FindListOptions]] object
-   * @param useCachedVersionIfAvailable If this is true, the request will only be sent if there's
-   *                                    no valid cached version. Defaults to true
-   * @param reRequestOnStale            Whether or not the request should automatically be re-
-   *                                    requested after the response becomes stale
-   * @param linksToFollow               List of {@link FollowLinkConfig} that indicate which
-   *                                    {@link HALLink}s should be automatically resolved
-   * @return {Observable<RemoteData<PaginatedList<T>>}
-   *    Return an observable that emits response from the server
-   */
-  public searchBy(searchMethod: string, options?: FindListOptions, useCachedVersionIfAvailable?: boolean, reRequestOnStale?: boolean, ...linksToFollow: FollowLinkConfig<any>[]): Observable<RemoteData<PaginatedList<any>>> {
-    return this.searchData.searchBy(searchMethod, options, useCachedVersionIfAvailable, reRequestOnStale, ...linksToFollow);
-  }
+  // /**
+  //  * Make a new FindListRequest with given search method
+  //  *
+  //  * @param searchMethod                The search method for the object
+  //  * @param options                     The [[FindListOptions]] object
+  //  * @param useCachedVersionIfAvailable If this is true, the request will only be sent if there's
+  //  *                                    no valid cached version. Defaults to true
+  //  * @param reRequestOnStale            Whether or not the request should automatically be re-
+  //  *                                    requested after the response becomes stale
+  //  * @param linksToFollow               List of {@link FollowLinkConfig} that indicate which
+  //  *                                    {@link HALLink}s should be automatically resolved
+  //  * @return {Observable<RemoteData<PaginatedList<T>>}
+  //  *    Return an observable that emits response from the server
+  //  */
+  // public searchBy(searchMethod: string, options?: FindListOptions, useCachedVersionIfAvailable?: boolean, reRequestOnStale?: boolean, ...linksToFollow: FollowLinkConfig<any>[]): Observable<RemoteData<PaginatedList<any>>> {
+  //   return this.searchData.searchBy(searchMethod, options, useCachedVersionIfAvailable, reRequestOnStale, ...linksToFollow);
+  // }
 
 }
\ No newline at end of file
diff --git a/src/app/core/metadata/metadata-bitstream.model.ts b/src/app/core/metadata/metadata-bitstream.model.ts
index e6e40d62016..b5f3baebce6 100644
--- a/src/app/core/metadata/metadata-bitstream.model.ts
+++ b/src/app/core/metadata/metadata-bitstream.model.ts
@@ -1,6 +1,6 @@
-import { autoserialize, deserialize } from 'cerialize';
+import { autoserialize, autoserializeAs, deserialize, deserializeAs } from 'cerialize';
 import { ListableObject } from '../../shared/object-collection/shared/listable-object.model';
-import {    typedObject } from '../cache/builders/build-decorators';
+import { typedObject } from '../cache/builders/build-decorators';
 import { GenericConstructor } from '../shared/generic-constructor';
 import { HALLink } from '../shared/hal-link.model';
 import { HALResource } from '../shared/hal-resource.model';
@@ -9,7 +9,18 @@ import { excludeFromEquals } from '../utilities/equals.decorators';
 import { METADATA_BITSTREAM } from './metadata-bitstream.resource-type';
 
 /**
- * Class the represents a metadata field
+ * Class the represents a File
+ */
+class FileInfo {
+  @autoserialize name: string;
+  @autoserialize content: any;
+  @autoserialize size: string;
+  @autoserialize isDirectory: boolean;
+  @autoserializeAs(FileInfo, 'sub') sub: {[key: string]: FileInfo};
+}
+
+/**
+ * Class that represents a MetadataBitstream
  */
 @typedObject
 export class MetadataBitstream extends ListableObject implements HALResource {
@@ -29,22 +40,51 @@ export class MetadataBitstream extends ListableObject implements HALResource {
   id: number;
 
   /**
-   * The element of this metadata field
+   * The name of this bitstream
+   */
+  @autoserialize
+  name: string;
+
+  /**
+   * The description of this bitstream
+   */
+  @autoserialize
+  description: string;
+
+  /**
+   * The fileSize of this bitstream
+   */
+  @autoserialize
+  fileSize: string;
+
+  /**
+   * The checksum of this bitstream
+   */
+  @autoserialize
+  checksum: string;
+
+  /**
+   * The fileInfo of this bitstream
+   */
+  @autoserializeAs(FileInfo, 'fileInfo') fileInfo: FileInfo[];
+
+  /**
+   * The format of this bitstream
    */
   @autoserialize
-  bitstreamRest: any;
+  format: string;
 
   /**
-   * The qualifier of this metadata field
+   * The href of this bitstream
    */
   @autoserialize
-  fileInfo: any;
+  href: string;
 
   /**
-   * The scope note of this metadata field
+   * The canPreview of this bitstream
    */
   @autoserialize
-  href: any;
+  canPreview: boolean;
 
   /**
    * The {@link HALLink}s for this MetadataField
diff --git a/src/app/core/registry/registry.service.ts b/src/app/core/registry/registry.service.ts
index 0046dbdb19c..e2980306176 100644
--- a/src/app/core/registry/registry.service.ts
+++ b/src/app/core/registry/registry.service.ts
@@ -27,9 +27,11 @@ import { MetadataSchema } from '../metadata/metadata-schema.model';
 import { MetadataField } from '../metadata/metadata-field.model';
 import { MetadataSchemaDataService } from '../data/metadata-schema-data.service';
 import { MetadataFieldDataService } from '../data/metadata-field-data.service';
+import { MetadataBitstreamDataService } from '../data/metadata-bitstream-data.service';
 import { FollowLinkConfig } from '../../shared/utils/follow-link-config.model';
 import { RequestParam } from '../cache/models/request-param.model';
 import { NoContent } from '../shared/NoContent.model';
+import { MetadataBitstream } from '../metadata/metadata-bitstream.model';
 
 const metadataRegistryStateSelector = (state: AppState) => state.metadataRegistry;
 const editMetadataSchemaSelector = createSelector(metadataRegistryStateSelector, (metadataState: MetadataRegistryState) => metadataState.editSchema);
@@ -47,7 +49,8 @@ export class RegistryService {
               private notificationsService: NotificationsService,
               private translateService: TranslateService,
               private metadataSchemaService: MetadataSchemaDataService,
-              private metadataFieldService: MetadataFieldDataService) {
+              private metadataFieldService: MetadataFieldDataService,
+              private metadataBitstreamDataService: MetadataBitstreamDataService) {
 
   }
 
@@ -104,6 +107,21 @@ export class RegistryService {
     return this.metadataFieldService.findBySchema(schema, options, useCachedVersionIfAvailable, reRequestOnStale, ...linksToFollow);
   }
 
+  /**
+   * retrieves all metadatabistream that belong to a certain metadata 
+   * @param schema                      The schema to filter by
+   * @param options                     The options info used to retrieve the fields
+   * @param useCachedVersionIfAvailable If this is true, the request will only be sent if there's
+   *                                    no valid cached version. Defaults to true
+   * @param reRequestOnStale            Whether or not the request should automatically be re-
+   *                                    requested after the response becomes stale
+   * @param linksToFollow               List of {@link FollowLinkConfig} that indicate which
+   *                                    {@link HALLink}s should be automatically resolved
+   */
+  public getMetadataBitstream(handle: string, fileGrpType: string, options: FindListOptions = {}, useCachedVersionIfAvailable = true, reRequestOnStale = true, ...linksToFollow: FollowLinkConfig<MetadataBitstream>[]): Observable<RemoteData<any>> {
+    return this.metadataBitstreamDataService.searchByHandleParams(handle, fileGrpType, options, useCachedVersionIfAvailable, reRequestOnStale, ...linksToFollow);
+  }
+
   public editMetadataSchema(schema: MetadataSchema) {
     this.store.dispatch(new MetadataRegistryEditSchemaAction(schema));
   }
diff --git a/src/app/item-page/simple/field-components/preview-section/preview-section.component.html b/src/app/item-page/simple/field-components/preview-section/preview-section.component.html
index 7b60ee592ad..328e3c21251 100644
--- a/src/app/item-page/simple/field-components/preview-section/preview-section.component.html
+++ b/src/app/item-page/simple/field-components/preview-section/preview-section.component.html
@@ -1,30 +1,4712 @@
 <div class="file-preview-box">
-    <div class="file-content">
-        <div class="file-info">
-            <p>Name: {{file.name}}</p>
-            <p>Size: {{file.size}}</p>
-            <p>Format: {{file.format}}</p>
-            <p>Description: {{file.description}}</p>
-            <p>MD5: {{file.md5}}</p>
-            <div class="button-container">
-                <button class="download-btn">Download</button>
-                <button class="preview-btn" (click)="togglePreview()">Preview</button>
-            </div>
-        </div>
-        <img [src]="file.previewImageUrl" alt="Preview" class="preview-image">
-    </div>
-    <div *ngIf="isPreviewVisible" class="file-list">
-        <ng-container *ngTemplateOutlet="recursiveList; context:{ files: fileList }"></ng-container>
-
-        <ng-template #recursiveList let-files="files">
-            <ul>
-                <li *ngFor="let file of files">
-                    {{file.name}} <span *ngIf="file.size">{{file.size}}</span>
-                    <div *ngIf="file.isDirectory">
-                        <ng-container *ngTemplateOutlet="recursiveList; context:{ files: file.sub }"></ng-container>
-                    </div>
-                </li>
+  <div class="file-content">
+    <dl class="dl-horizontal">
+      <dt>Name</dt>
+      <dd
+        xmlns:i18n="http://apache.org/cocoon/i18n/2.1"
+        title="ud-treebanks-v2.12.tgz"
+      >
+        ud-treebanks-v2.12.tgz
+      </dd>
+      <dt>Size</dt>
+      <dd xmlns:i18n="http://apache.org/cocoon/i18n/2.1">497.82 MB</dd>
+      <dt xmlns:i18n="http://apache.org/cocoon/i18n/2.1">Format</dt>
+      <dd xmlns:i18n="http://apache.org/cocoon/i18n/2.1">application/x-gzip</dd>
+      <dt xmlns:i18n="http://apache.org/cocoon/i18n/2.1">Description</dt>
+      <dd xmlns:i18n="http://apache.org/cocoon/i18n/2.1">Treebank data</dd>
+      <dt>MD5</dt>
+      <dd xmlns:i18n="http://apache.org/cocoon/i18n/2.1">
+        afb7546d9591a82f372686bcc100db52
+      </dd>
+    </dl>
+    <img [src]="file.previewImageUrl" alt="Preview" class="preview-image" />
+  </div>
+  <div class="button-container">
+    <a
+      class="download-btn"
+      href="/repository/xmlui/bitstream/handle/11234/1-5150/ud-treebanks-v2.12.tgz?sequence=1&amp;isAllowed=y"
+    >
+      <i class="fa fa-chevron-circle-down">&nbsp;</i>Download file</a
+    >
+    <a
+      xmlns:i18n="http://apache.org/cocoon/i18n/2.1"
+      data-toggle="collapse"
+      role="button"
+      class="preview-btn collapsed"
+      href="#file_file_9566"
+    >
+      <i class="fa fa-eye">&nbsp;</i>Preview</a
+    >
+  </div>
+  <div
+    xmlns:i18n="http://apache.org/cocoon/i18n/2.1"
+    class="in collapse"
+    id="file_file_9566"
+    style="height: auto"
+  >
+    <div style="margin: 5px 1px 1px 1px" class="panel panel-info">
+      <div
+        style="height: auto; padding: 0px"
+        class="bold panel-heading text-center"
+      >
+        <i class="fa fa-eye">&nbsp;</i>File Preview<a
+          xmlns:i18n="http://apache.org/cocoon/i18n/2.1"
+          class="pull-right collapsed"
+          data-toggle="collapse"
+          role="button"
+          href="#file_file_9566"
+        >
+          <i class="fa fa-remove">&nbsp;</i>
+        </a>
+      </div>
+      <div style="max-height: 200px; overflow: scroll" class="panel-body">
+        <ul class="treeview in collapse show">
+          <li>
+            <span class="foldername"
+              ><a role="button" data-toggle="collapse" href="#folder_1"
+                >ud-treebanks-v2.12</a
+              ></span
+            >
+            <ul id="folder_1" class="in" style="height: auto">
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_2"
+                    >UD_English-PUD</a
+                  ></span
+                >
+                <ul id="folder_2" class="in collapse show" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">8 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">en_pud-ud-test.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">6 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">en_pud-ud-test.txt</span
+                    ><span class="size pull-right">109 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">19 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_8"
+                    >UD_Finnish-PUD</a
+                  ></span
+                >
+                <ul id="folder_8" class="in collapse show" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">17 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.txt</span
+                    ><span class="size pull-right">2 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">fi_pud-ud-test.txt</span
+                    ><span class="size pull-right">119 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">fi_pud-ud-test.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_14"
+                    >UD_Telugu-MTG</a
+                  ></span
+                >
+                <ul id="folder_14" class="in collapse show" style="height: auto">
+                  <li>
+                    <span class="filename">te_mtg-ud-test.txt</span
+                    ><span class="size pull-right">10 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">1 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">te_mtg-ud-train.conllu</span
+                    ><span class="size pull-right">494 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">te_mtg-ud-dev.conllu</span
+                    ><span class="size pull-right">64 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">3 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">te_mtg-ud-test.conllu</span
+                    ><span class="size pull-right">70 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">te_mtg-ud-dev.txt</span
+                    ><span class="size pull-right">9 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">te_mtg-ud-train.txt</span
+                    ><span class="size pull-right">72 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_24"
+                    >UD_Neapolitan-RB</a
+                  ></span
+                >
+                <ul id="folder_24" class="in collapse show" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">1 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">1 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">nap_rb-ud-test.conllu</span
+                    ><span class="size pull-right">431 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">nap_rb-ud-test.txt</span
+                    ><span class="size pull-right">56 B</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_30"
+                    >UD_Swedish-Talbanken</a
+                  ></span
+                >
+                <ul id="folder_30" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">sv_talbanken-ud-test.txt</span
+                    ><span class="size pull-right">122 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">7 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">sv_talbanken-ud-train.txt</span
+                    ><span class="size pull-right">402 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">9 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">20 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">sv_talbanken-ud-train.conllu</span
+                    ><span class="size pull-right">5 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">sv_talbanken-ud-dev.conllu</span
+                    ><span class="size pull-right">834 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">sv_talbanken-ud-test.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">sv_talbanken-ud-dev.txt</span
+                    ><span class="size pull-right">58 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_40"
+                    >UD_Romanian-RRT</a
+                  ></span
+                >
+                <ul id="folder_40" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">5 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ro_rrt-ud-dev.txt</span
+                    ><span class="size pull-right">98 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ro_rrt-ud-train.conllu</span
+                    ><span class="size pull-right">13 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">12 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">66 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">ro_rrt-ud-dev.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ro_rrt-ud-test.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ro_rrt-ud-train.txt</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ro_rrt-ud-test.txt</span
+                    ><span class="size pull-right">94 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_50"
+                    >UD_Czech-CLTT</a
+                  ></span
+                >
+                <ul id="folder_50" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">cs_cltt-ud-dev.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">cs_cltt-ud-test.txt</span
+                    ><span class="size pull-right">81 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">3 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">cs_cltt-ud-train.txt</span
+                    ><span class="size pull-right">96 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">cs_cltt-ud-dev.txt</span
+                    ><span class="size pull-right">76 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">13 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">cs_cltt-ud-train.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">265 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">cs_cltt-ud-test.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_60"
+                    >UD_Czech-PUD</a
+                  ></span
+                >
+                <ul id="folder_60" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">16 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">3 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">cs_pud-ud-test.txt</span
+                    ><span class="size pull-right">114 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">cs_pud-ud-test.conllu</span
+                    ><span class="size pull-right">2 MB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_66"
+                    >UD_Sinhala-STB</a
+                  ></span
+                >
+                <ul id="folder_66" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">14 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">1 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">si_stb-ud-test.txt</span
+                    ><span class="size pull-right">11 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">si_stb-ud-test.conllu</span
+                    ><span class="size pull-right">109 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_72"
+                    >UD_German-GSD</a
+                  ></span
+                >
+                <ul id="folder_72" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">9 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">de_gsd-ud-dev.conllu</span
+                    ><span class="size pull-right">882 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">de_gsd-ud-dev.txt</span
+                    ><span class="size pull-right">72 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">de_gsd-ud-train.txt</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">de_gsd-ud-test.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">11 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">de_gsd-ud-train.conllu</span
+                    ><span class="size pull-right">18 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">de_gsd-ud-test.txt</span
+                    ><span class="size pull-right">97 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_82"
+                    >UD_Zaar-Autogramm</a
+                  ></span
+                >
+                <ul id="folder_82" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">10 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">2 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">say_autogramm-ud-test.conllu</span
+                    ><span class="size pull-right">951 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">say_autogramm-ud-test.txt</span
+                    ><span class="size pull-right">42 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_88"
+                    >UD_Akuntsu-TuDeT</a
+                  ></span
+                >
+                <ul id="folder_88" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">7 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">aqz_tudet-ud-test.conllu</span
+                    ><span class="size pull-right">89 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">3 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">aqz_tudet-ud-test.txt</span
+                    ><span class="size pull-right">6 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_94"
+                    >UD_Komi_Permyak-UH</a
+                  ></span
+                >
+                <ul id="folder_94" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">14 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">6 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">koi_uh-ud-test.conllu</span
+                    ><span class="size pull-right">107 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">koi_uh-ud-test.txt</span
+                    ><span class="size pull-right">8 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_100"
+                    >UD_Pomak-Philotis</a
+                  ></span
+                >
+                <ul id="folder_100" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">2 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">qpm_philotis-ud-train.conllu</span
+                    ><span class="size pull-right">5 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">qpm_philotis-ud-test.txt</span
+                    ><span class="size pull-right">45 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">qpm_philotis-ud-train.txt</span
+                    ><span class="size pull-right">357 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">qpm_philotis-ud-dev.txt</span
+                    ><span class="size pull-right">45 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">qpm_philotis-ud-dev.conllu</span
+                    ><span class="size pull-right">690 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">qpm_philotis-ud-test.conllu</span
+                    ><span class="size pull-right">695 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">12 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">417 B</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_110"
+                    >UD_Faroese-FarPaHC</a
+                  ></span
+                >
+                <ul id="folder_110" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">fo_farpahc-ud-dev.conllu</span
+                    ><span class="size pull-right">465 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">fo_farpahc-ud-dev.txt</span
+                    ><span class="size pull-right">42 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">4 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">fo_farpahc-ud-test.conllu</span
+                    ><span class="size pull-right">459 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">fo_farpahc-ud-train.txt</span
+                    ><span class="size pull-right">105 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">fo_farpahc-ud-train.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">5 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">fo_farpahc-ud-test.txt</span
+                    ><span class="size pull-right">42 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_120"
+                    >UD_Turkish-Penn</a
+                  ></span
+                >
+                <ul id="folder_120" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">1 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">tr_penn-ud-dev.conllu</span
+                    ><span class="size pull-right">477 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">tr_penn-ud-train.conllu</span
+                    ><span class="size pull-right">11 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">tr_penn-ud-test.txt</span
+                    ><span class="size pull-right">69 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">13 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">tr_penn-ud-test.conllu</span
+                    ><span class="size pull-right">682 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">tr_penn-ud-dev.txt</span
+                    ><span class="size pull-right">48 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">tr_penn-ud-train.txt</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_130"
+                    >UD_Japanese-PUDLUW</a
+                  ></span
+                >
+                <ul id="folder_130" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">4 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">5 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ja_pudluw-ud-test.txt</span
+                    ><span class="size pull-right">138 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">ja_pudluw-ud-test.conllu</span
+                    ><span class="size pull-right">4 MB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_136"
+                    >UD_Chinese-PUD</a
+                  ></span
+                >
+                <ul id="folder_136" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">5 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">5 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">zh_pud-ud-test.conllu</span
+                    ><span class="size pull-right">2 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">zh_pud-ud-test.txt</span
+                    ><span class="size pull-right">101 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">19 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_142"
+                    >UD_Teko-TuDeT</a
+                  ></span
+                >
+                <ul id="folder_142" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">14 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">eme_tudet-ud-test.conllu</span
+                    ><span class="size pull-right">206 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">eme_tudet-ud-test.txt</span
+                    ><span class="size pull-right">17 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">1 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_148"
+                    >UD_Latin-UDante</a
+                  ></span
+                >
+                <ul id="folder_148" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">la_udante-ud-train.conllu</span
+                    ><span class="size pull-right">2 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">10 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">la_udante-ud-dev.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">la_udante-ud-train.txt</span
+                    ><span class="size pull-right">170 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">19 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">la_udante-ud-test.txt</span
+                    ><span class="size pull-right">78 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">la_udante-ud-dev.txt</span
+                    ><span class="size pull-right">67 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">la_udante-ud-test.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_158"
+                    >UD_Buryat-BDT</a
+                  ></span
+                >
+                <ul id="folder_158" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">12 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.txt</span
+                    ><span class="size pull-right">1 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">bxr_bdt-ud-train.txt</span
+                    ><span class="size pull-right">1 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">bxr_bdt-ud-train.conllu</span
+                    ><span class="size pull-right">11 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">bxr_bdt-ud-test.txt</span
+                    ><span class="size pull-right">114 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">bxr_bdt-ud-test.conllu</span
+                    ><span class="size pull-right">699 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_166"
+                    >UD_Italian-MarkIT</a
+                  ></span
+                >
+                <ul id="folder_166" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">it_markit-ud-dev.txt</span
+                    ><span class="size pull-right">54 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">1 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">it_markit-ud-train.txt</span
+                    ><span class="size pull-right">102 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">it_markit-ud-test.txt</span
+                    ><span class="size pull-right">52 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">8 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">it_markit-ud-train.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">188 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">it_markit-ud-test.conllu</span
+                    ><span class="size pull-right">642 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">it_markit-ud-dev.conllu</span
+                    ><span class="size pull-right">649 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_176"
+                    >UD_Abaza-ATB</a
+                  ></span
+                >
+                <ul id="folder_176" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">17 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">abq_atb-ud-test.conllu</span
+                    ><span class="size pull-right">125 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">1 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">abq_atb-ud-test.txt</span
+                    ><span class="size pull-right">9 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_182"
+                    >UD_Slovenian-SST</a
+                  ></span
+                >
+                <ul id="folder_182" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">11 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">sl_sst-ud-test.txt</span
+                    ><span class="size pull-right">53 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">5 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">sl_sst-ud-train.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">sl_sst-ud-test.conllu</span
+                    ><span class="size pull-right">988 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">441 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">sl_sst-ud-train.txt</span
+                    ><span class="size pull-right">103 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_190"
+                    >UD_English-GUMReddit</a
+                  ></span
+                >
+                <ul id="folder_190" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">24 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">en_gumreddit-ud-train.txt</span
+                    ><span class="size pull-right">23 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">en_gumreddit-ud-train.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">en_gumreddit-ud-dev.conllu</span
+                    ><span class="size pull-right">171 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">get_text.py</span
+                    ><span class="size pull-right">28 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">en_gumreddit-ud-dev.txt</span
+                    ><span class="size pull-right">3 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">6 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">en_gumreddit-ud-test.txt</span
+                    ><span class="size pull-right">3 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">313 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">en_gumreddit-ud-test.conllu</span
+                    ><span class="size pull-right">172 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_201"
+                    >UD_Guarani-OldTuDeT</a
+                  ></span
+                >
+                <ul id="folder_201" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">8 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">2 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">gn_oldtudet-ud-test.txt</span
+                    ><span class="size pull-right">1 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">gn_oldtudet-ud-test.conllu</span
+                    ><span class="size pull-right">18 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_207"
+                    >UD_Warlpiri-UFAL</a
+                  ></span
+                >
+                <ul id="folder_207" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">6 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">870 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">wbp_ufal-ud-test.txt</span
+                    ><span class="size pull-right">2 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">wbp_ufal-ud-test.conllu</span
+                    ><span class="size pull-right">37 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_213"
+                    >UD_Norwegian-Bokmaal</a
+                  ></span
+                >
+                <ul id="folder_213" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">7 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">no_bokmaal-ud-dev.txt</span
+                    ><span class="size pull-right">195 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">no_bokmaal-ud-train.txt</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">no_bokmaal-ud-test.txt</span
+                    ><span class="size pull-right">161 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">9 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">no_bokmaal-ud-train.conllu</span
+                    ><span class="size pull-right">15 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">no_bokmaal-ud-test.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">no_bokmaal-ud-dev.conllu</span
+                    ><span class="size pull-right">2 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">68 B</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_223"
+                    >UD_French-FQB</a
+                  ></span
+                >
+                <ul id="folder_223" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">8 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">fr_fqb-ud-test.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">3 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">fr_fqb-ud-test.txt</span
+                    ><span class="size pull-right">117 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">14 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_229"
+                    >UD_South_Levantine_Arabic-MADAR</a
+                  ></span
+                >
+                <ul id="folder_229" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">4 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">2 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ajp_madar-ud-test.conllu</span
+                    ><span class="size pull-right">42 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ajp_madar-ud-test.txt</span
+                    ><span class="size pull-right">5 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_235"
+                    >UD_Chinese-GSDSimp</a
+                  ></span
+                >
+                <ul id="folder_235" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">zh_gsdsimp-ud-test.txt</span
+                    ><span class="size pull-right">53 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">2 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">zh_gsdsimp-ud-dev.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">zh_gsdsimp-ud-train.txt</span
+                    ><span class="size pull-right">433 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">zh_gsdsimp-ud-train.conllu</span
+                    ><span class="size pull-right">8 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">5 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">zh_gsdsimp-ud-dev.txt</span
+                    ><span class="size pull-right">55 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">zh_gsdsimp-ud-test.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_245"
+                    >UD_Galician-CTG</a
+                  ></span
+                >
+                <ul id="folder_245" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">gl_ctg-ud-dev.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">2 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">gl_ctg-ud-test.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">gl_ctg-ud-dev.txt</span
+                    ><span class="size pull-right">155 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">gl_ctg-ud-train.conllu</span
+                    ><span class="size pull-right">4 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">gl_ctg-ud-test.txt</span
+                    ><span class="size pull-right">156 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">4 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">gl_ctg-ud-train.txt</span
+                    ><span class="size pull-right">413 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">173 B</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_255"
+                    >UD_Slovenian-SSJ</a
+                  ></span
+                >
+                <ul id="folder_255" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">sl_ssj-ud-dev.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">5 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">sl_ssj-ud-train.txt</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">sl_ssj-ud-test.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">sl_ssj-ud-train.conllu</span
+                    ><span class="size pull-right">15 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">sl_ssj-ud-dev.txt</span
+                    ><span class="size pull-right">147 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">12 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">222 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">sl_ssj-ud-test.txt</span
+                    ><span class="size pull-right">141 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_265"
+                    >UD_French-PUD</a
+                  ></span
+                >
+                <ul id="folder_265" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">fr_pud-ud-test.txt</span
+                    ><span class="size pull-right">130 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">8 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">fr_pud-ud-test.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">5 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">19 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_271"
+                    >UD_English-GUM</a
+                  ></span
+                >
+                <ul id="folder_271" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">en_gum-ud-test.txt</span
+                    ><span class="size pull-right">99 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">24 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">en_gum-ud-dev.txt</span
+                    ><span class="size pull-right">94 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">en_gum-ud-train.conllu</span
+                    ><span class="size pull-right">12 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">en_gum-ud-dev.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">10 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">en_gum-ud-test.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">en_gum-ud-train.txt</span
+                    ><span class="size pull-right">716 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">1 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_281"
+                    >UD_Moksha-JR</a
+                  ></span
+                >
+                <ul id="folder_281" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">26 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">6 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">mdf_jr-ud-test.txt</span
+                    ><span class="size pull-right">42 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">mdf_jr-ud-test.conllu</span
+                    ><span class="size pull-right">466 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_287"
+                    >UD_Munduruku-TuDeT</a
+                  ></span
+                >
+                <ul id="folder_287" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">8 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">2 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">myu_tudet-ud-test.conllu</span
+                    ><span class="size pull-right">73 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">myu_tudet-ud-test.txt</span
+                    ><span class="size pull-right">5 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_293"
+                    >UD_Indonesian-GSD</a
+                  ></span
+                >
+                <ul id="folder_293" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">6 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">id_gsd-ud-test.txt</span
+                    ><span class="size pull-right">69 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">id_gsd-ud-dev.conllu</span
+                    ><span class="size pull-right">969 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">id_gsd-ud-train.conllu</span
+                    ><span class="size pull-right">7 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">8 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">id_gsd-ud-test.conllu</span
+                    ><span class="size pull-right">903 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">id_gsd-ud-dev.txt</span
+                    ><span class="size pull-right">73 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">id_gsd-ud-train.txt</span
+                    ><span class="size pull-right">573 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_303"
+                    >UD_Kyrgyz-KTMU</a
+                  ></span
+                >
+                <ul id="folder_303" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">14 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">1 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ky_ktmu-ud-train.conllu</span
+                    ><span class="size pull-right">62 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">ky_ktmu-ud-train.txt</span
+                    ><span class="size pull-right">8 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ky_ktmu-ud-test.conllu</span
+                    ><span class="size pull-right">594 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ky_ktmu-ud-test.txt</span
+                    ><span class="size pull-right">78 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_311"
+                    >UD_French-ParTUT</a
+                  ></span
+                >
+                <ul id="folder_311" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">5 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">fr_partut-ud-dev.conllu</span
+                    ><span class="size pull-right">117 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">fr_partut-ud-train.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">fr_partut-ud-test.txt</span
+                    ><span class="size pull-right">14 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">fr_partut-ud-train.txt</span
+                    ><span class="size pull-right">128 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">8 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">18 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">fr_partut-ud-test.conllu</span
+                    ><span class="size pull-right">165 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">fr_partut-ud-dev.txt</span
+                    ><span class="size pull-right">9 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_321"
+                    >UD_Turkish-Tourism</a
+                  ></span
+                >
+                <ul id="folder_321" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">tr_tourism-ud-test.conllu</span
+                    ><span class="size pull-right">715 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">1 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">tr_tourism-ud-dev.conllu</span
+                    ><span class="size pull-right">747 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">tr_tourism-ud-train.conllu</span
+                    ><span class="size pull-right">5 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">13 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">tr_tourism-ud-train.txt</span
+                    ><span class="size pull-right">477 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">tr_tourism-ud-dev.txt</span
+                    ><span class="size pull-right">69 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">tr_tourism-ud-test.txt</span
+                    ><span class="size pull-right">67 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_331"
+                    >UD_Spanish-GSD</a
+                  ></span
+                >
+                <ul id="folder_331" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">5 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">es_gsd-ud-test.conllu</span
+                    ><span class="size pull-right">716 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">es_gsd-ud-train.conllu</span
+                    ><span class="size pull-right">22 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">es_gsd-ud-test.txt</span
+                    ><span class="size pull-right">61 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">es_gsd-ud-train.txt</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">es_gsd-ud-dev.conllu</span
+                    ><span class="size pull-right">2 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">es_gsd-ud-dev.txt</span
+                    ><span class="size pull-right">191 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">11 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_341"
+                    >UD_Ancient_Greek-Perseus</a
+                  ></span
+                >
+                <ul id="folder_341" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">4 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">grc_perseus-ud-dev.txt</span
+                    ><span class="size pull-right">250 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">grc_perseus-ud-test.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">grc_perseus-ud-test.txt</span
+                    ><span class="size pull-right">231 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">grc_perseus-ud-train.txt</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">10 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">grc_perseus-ud-train.conllu</span
+                    ><span class="size pull-right">14 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">279 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">grc_perseus-ud-dev.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_351"
+                    >UD_Mbya_Guarani-Thomas</a
+                  ></span
+                >
+                <ul id="folder_351" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">8 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">3 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">gun_thomas-ud-test.txt</span
+                    ><span class="size pull-right">7 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">gun_thomas-ud-test.conllu</span
+                    ><span class="size pull-right">90 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_357"
+                    >UD_Tagalog-Ugnayan</a
+                  ></span
+                >
+                <ul id="folder_357" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">3 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">1 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">tl_ugnayan-ud-test.txt</span
+                    ><span class="size pull-right">5 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">tl_ugnayan-ud-test.conllu</span
+                    ><span class="size pull-right">53 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">219 B</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_363"
+                    >UD_Italian-TWITTIRO</a
+                  ></span
+                >
+                <ul id="folder_363" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">3 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">it_twittiro-ud-test.conllu</span
+                    ><span class="size pull-right">184 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">it_twittiro-ud-test.txt</span
+                    ><span class="size pull-right">15 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">it_twittiro-ud-train.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">it_twittiro-ud-train.txt</span
+                    ><span class="size pull-right">120 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">9 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">it_twittiro-ud-dev.txt</span
+                    ><span class="size pull-right">15 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">it_twittiro-ud-dev.conllu</span
+                    ><span class="size pull-right">188 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_373"
+                    >UD_Skolt_Sami-Giellagas</a
+                  ></span
+                >
+                <ul id="folder_373" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">12 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">sms_giellagas-ud-test.conllu</span
+                    ><span class="size pull-right">233 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">sms_giellagas-ud-test.txt</span
+                    ><span class="size pull-right">17 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">4 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_379"
+                    >UD_English-Atis</a
+                  ></span
+                >
+                <ul id="folder_379" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">en_atis-ud-test.conllu</span
+                    ><span class="size pull-right">342 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">1 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">en_atis-ud-train.conllu</span
+                    ><span class="size pull-right">2 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">en_atis-ud-test.txt</span
+                    ><span class="size pull-right">36 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">en_atis-ud-train.txt</span
+                    ><span class="size pull-right">271 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">en_atis-ud-dev.txt</span
+                    ><span class="size pull-right">36 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">6 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">en_atis-ud-dev.conllu</span
+                    ><span class="size pull-right">341 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_389"
+                    >UD_Polish-LFG</a
+                  ></span
+                >
+                <ul id="folder_389" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">pl_lfg-ud-dev.txt</span
+                    ><span class="size pull-right">74 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">pl_lfg-ud-train.txt</span
+                    ><span class="size pull-right">596 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">6 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">pl_lfg-ud-test.txt</span
+                    ><span class="size pull-right">74 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">pl_lfg-ud-dev.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">pl_lfg-ud-test.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">14 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">34 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">pl_lfg-ud-train.conllu</span
+                    ><span class="size pull-right">11 MB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_399"
+                    >UD_Russian-GSD</a
+                  ></span
+                >
+                <ul id="folder_399" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">ru_gsd-ud-dev.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">1 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ru_gsd-ud-test.conllu</span
+                    ><span class="size pull-right">1003 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ru_gsd-ud-dev.txt</span
+                    ><span class="size pull-right">123 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ru_gsd-ud-train.txt</span
+                    ><span class="size pull-right">794 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ru_gsd-ud-test.txt</span
+                    ><span class="size pull-right">120 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">13 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">ru_gsd-ud-train.conllu</span
+                    ><span class="size pull-right">6 MB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_409"
+                    >UD_Classical_Chinese-Kyoto</a
+                  ></span
+                >
+                <ul id="folder_409" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">lzh_kyoto-ud-train.conllu</span
+                    ><span class="size pull-right">34 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">4 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">lzh_kyoto-ud-test.conllu</span
+                    ><span class="size pull-right">2 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">lzh_kyoto-ud-train.txt</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">lzh_kyoto-ud-dev.txt</span
+                    ><span class="size pull-right">97 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">lzh_kyoto-ud-dev.conllu</span
+                    ><span class="size pull-right">2 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">7 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">lzh_kyoto-ud-test.txt</span
+                    ><span class="size pull-right">84 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_419"
+                    >UD_Estonian-EWT</a
+                  ></span
+                >
+                <ul id="folder_419" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">et_ewt-ud-train.txt</span
+                    ><span class="size pull-right">379 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">4 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">et_ewt-ud-dev.txt</span
+                    ><span class="size pull-right">54 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">et_ewt-ud-dev.conllu</span
+                    ><span class="size pull-right">698 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">et_ewt-ud-test.conllu</span
+                    ><span class="size pull-right">926 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">et_ewt-ud-test.txt</span
+                    ><span class="size pull-right">76 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">et_ewt-ud-train.conllu</span
+                    ><span class="size pull-right">4 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">13 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_429"
+                    >UD_Chinese-PatentChar</a
+                  ></span
+                >
+                <ul id="folder_429" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">2 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">1009 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">zh_patentchar-ud-test.txt</span
+                    ><span class="size pull-right">11 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">zh_patentchar-ud-test.conllu</span
+                    ><span class="size pull-right">115 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_435"
+                    >UD_Yakut-YKTDT</a
+                  ></span
+                >
+                <ul id="folder_435" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">10 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">2 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">sah_yktdt-ud-test.txt</span
+                    ><span class="size pull-right">15 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">sah_yktdt-ud-test.conllu</span
+                    ><span class="size pull-right">148 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_441"
+                    >UD_Indonesian-CSUI</a
+                  ></span
+                >
+                <ul id="folder_441" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">7 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">3 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">id_csui-ud-test.txt</span
+                    ><span class="size pull-right">59 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">id_csui-ud-train.txt</span
+                    ><span class="size pull-right">108 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">id_csui-ud-test.conllu</span
+                    ><span class="size pull-right">589 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">id_csui-ud-train.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_449"
+                    >UD_Portuguese-PetroGold</a
+                  ></span
+                >
+                <ul id="folder_449" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">3 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">pt_petrogold-ud-test.txt</span
+                    ><span class="size pull-right">154 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">pt_petrogold-ud-dev.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">pt_petrogold-ud-train.conllu</span
+                    ><span class="size pull-right">12 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">9 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">pt_petrogold-ud-dev.txt</span
+                    ><span class="size pull-right">115 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">pt_petrogold-ud-train.txt</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">pt_petrogold-ud-test.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_459"
+                    >UD_Lithuanian-ALKSNIS</a
+                  ></span
+                >
+                <ul id="folder_459" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">lt_alksnis-ud-train.txt</span
+                    ><span class="size pull-right">317 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">4 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">lt_alksnis-ud-test.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">lt_alksnis-ud-train.conllu</span
+                    ><span class="size pull-right">4 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">lt_alksnis-ud-test.txt</span
+                    ><span class="size pull-right">69 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">lt_alksnis-ud-dev.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">13 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">lt_alksnis-ud-dev.txt</span
+                    ><span class="size pull-right">78 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_469"
+                    >UD_Dutch-Alpino</a
+                  ></span
+                >
+                <ul id="folder_469" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">nl_alpino-ud-test.conllu</span
+                    ><span class="size pull-right">901 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">nl_alpino-ud-train.conllu</span
+                    ><span class="size pull-right">14 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">nl_alpino-ud-train.txt</span
+                    ><span class="size pull-right">1016 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">nl_alpino-ud-dev.conllu</span
+                    ><span class="size pull-right">942 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">nl_alpino-ud-dev.txt</span
+                    ><span class="size pull-right">62 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">7 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">19 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.txt</span
+                    ><span class="size pull-right">5 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">nl_alpino-ud-test.txt</span
+                    ><span class="size pull-right">64 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_479"
+                    >UD_Apurina-UFPA</a
+                  ></span
+                >
+                <ul id="folder_479" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">9 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">3 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">apu_ufpa-ud-test.conllu</span
+                    ><span class="size pull-right">115 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">apu_ufpa-ud-test.txt</span
+                    ><span class="size pull-right">5 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_485"
+                    >UD_Livvi-KKPP</a
+                  ></span
+                >
+                <ul id="folder_485" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">10 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">olo_kkpp-ud-train.txt</span
+                    ><span class="size pull-right">808 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">4 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">olo_kkpp-ud-test.txt</span
+                    ><span class="size pull-right">9 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">olo_kkpp-ud-test.conllu</span
+                    ><span class="size pull-right">103 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">olo_kkpp-ud-train.conllu</span
+                    ><span class="size pull-right">15 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_493"
+                    >UD_German-PUD</a
+                  ></span
+                >
+                <ul id="folder_493" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">10 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">5 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">19 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">de_pud-ud-test.txt</span
+                    ><span class="size pull-right">126 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">de_pud-ud-test.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_499"
+                    >UD_Western_Armenian-ArmTDP</a
+                  ></span
+                >
+                <ul id="folder_499" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">3 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">hyw_armtdp-ud-test.txt</span
+                    ><span class="size pull-right">141 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">hyw_armtdp-ud-train.txt</span
+                    ><span class="size pull-right">1006 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">hyw_armtdp-ud-dev.txt</span
+                    ><span class="size pull-right">133 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">hyw_armtdp-ud-test.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">hyw_armtdp-ud-dev.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">24 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">hyw_armtdp-ud-train.conllu</span
+                    ><span class="size pull-right">12 MB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_509"
+                    >UD_Urdu-UDTB</a
+                  ></span
+                >
+                <ul id="folder_509" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">2 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ur_udtb-ud-train.txt</span
+                    ><span class="size pull-right">853 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ur_udtb-ud-test.txt</span
+                    ><span class="size pull-right">117 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ur_udtb-ud-train.conllu</span
+                    ><span class="size pull-right">11 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ur_udtb-ud-test.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">11 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ur_udtb-ud-dev.txt</span
+                    ><span class="size pull-right">115 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">247 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">ur_udtb-ud-dev.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_519"
+                    >UD_Akkadian-PISANDUB</a
+                  ></span
+                >
+                <ul id="folder_519" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">3 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">871 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">akk_pisandub-ud-test.txt</span
+                    ><span class="size pull-right">15 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">akk_pisandub-ud-test.conllu</span
+                    ><span class="size pull-right">99 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_525"
+                    >UD_Galician-TreeGal</a
+                  ></span
+                >
+                <ul id="folder_525" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">9 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">5 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">gl_treegal-ud-test.txt</span
+                    ><span class="size pull-right">50 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">gl_treegal-ud-train.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">14 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">gl_treegal-ud-train.txt</span
+                    ><span class="size pull-right">76 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">gl_treegal-ud-test.conllu</span
+                    ><span class="size pull-right">670 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_533"
+                    >UD_Old_Turkish-Tonqq</a
+                  ></span
+                >
+                <ul id="folder_533" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">2 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">otk_tonqq-ud-test.txt</span
+                    ><span class="size pull-right">1 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">1 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">otk_tonqq-ud-test.conllu</span
+                    ><span class="size pull-right">10 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">6 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_539"
+                    >UD_Gheg-GPS</a
+                  ></span
+                >
+                <ul id="folder_539" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">8 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">2 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">aln_gps-ud-test.txt</span
+                    ><span class="size pull-right">71 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">aln_gps-ud-test.conllu</span
+                    ><span class="size pull-right">984 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_545"
+                    >UD_Czech-FicTree</a
+                  ></span
+                >
+                <ul id="folder_545" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">3 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">cs_fictree-ud-test.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">cs_fictree-ud-test.txt</span
+                    ><span class="size pull-right">86 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">cs_fictree-ud-train.conllu</span
+                    ><span class="size pull-right">13 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">cs_fictree-ud-dev.txt</span
+                    ><span class="size pull-right">86 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">15 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">cs_fictree-ud-dev.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">219 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">cs_fictree-ud-train.txt</span
+                    ><span class="size pull-right">696 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_555"
+                    >UD_Italian-PoSTWITA</a
+                  ></span
+                >
+                <ul id="folder_555" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">it_postwita-ud-test.conllu</span
+                    ><span class="size pull-right">759 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">it_postwita-ud-train.txt</span
+                    ><span class="size pull-right">526 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">4 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">it_postwita-ud-dev.conllu</span
+                    ><span class="size pull-right">732 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">it_postwita-ud-train.conllu</span
+                    ><span class="size pull-right">5 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">9 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">18 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">it_postwita-ud-dev.txt</span
+                    ><span class="size pull-right">64 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">it_postwita-ud-test.txt</span
+                    ><span class="size pull-right">67 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_565"
+                    >UD_Low_Saxon-LSDC</a
+                  ></span
+                >
+                <ul id="folder_565" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">10 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">4 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">nds_lsdc-ud-test.conllu</span
+                    ><span class="size pull-right">236 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">nds_lsdc-ud-test.txt</span
+                    ><span class="size pull-right">13 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_571"
+                    >UD_Hebrew-IAHLTwiki</a
+                  ></span
+                >
+                <ul id="folder_571" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">2 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">he_iahltwiki-ud-train.conllu</span
+                    ><span class="size pull-right">8 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">he_iahltwiki-ud-dev.txt</span
+                    ><span class="size pull-right">60 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">he_iahltwiki-ud-dev.conllu</span
+                    ><span class="size pull-right">713 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">he_iahltwiki-ud-test.conllu</span
+                    ><span class="size pull-right">810 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">he_iahltwiki-ud-train.txt</span
+                    ><span class="size pull-right">762 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">12 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">he_iahltwiki-ud-test.txt</span
+                    ><span class="size pull-right">68 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_581"
+                    >UD_Polish-PDB</a
+                  ></span
+                >
+                <ul id="folder_581" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">pl_pdb-ud-train.txt</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">5 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">pl_pdb-ud-dev.conllu</span
+                    ><span class="size pull-right">3 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">pl_pdb-ud-test.txt</span
+                    ><span class="size pull-right">203 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">pl_pdb-ud-train.conllu</span
+                    ><span class="size pull-right">27 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">pl_pdb-ud-dev.txt</span
+                    ><span class="size pull-right">210 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">17 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">384 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">pl_pdb-ud-test.conllu</span
+                    ><span class="size pull-right">3 MB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_591"
+                    >UD_Croatian-SET</a
+                  ></span
+                >
+                <ul id="folder_591" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">hr_set-ud-dev.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">5 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">hr_set-ud-dev.txt</span
+                    ><span class="size pull-right">130 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">hr_set-ud-train.conllu</span
+                    ><span class="size pull-right">11 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">hr_set-ud-train.txt</span
+                    ><span class="size pull-right">901 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">11 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">hr_set-ud-test.txt</span
+                    ><span class="size pull-right">143 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">233 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">hr_set-ud-test.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_601"
+                    >UD_North_Sami-Giella</a
+                  ></span
+                >
+                <ul id="folder_601" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">10 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">2 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">sme_giella-ud-train.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">sme_giella-ud-train.txt</span
+                    ><span class="size pull-right">107 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">sme_giella-ud-test.conllu</span
+                    ><span class="size pull-right">668 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">sme_giella-ud-test.txt</span
+                    ><span class="size pull-right">70 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_609"
+                    >UD_Old_Irish-DipWBG</a
+                  ></span
+                >
+                <ul id="folder_609" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">8 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">2 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">sga_dipwbg-ud-test.txt</span
+                    ><span class="size pull-right">1 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">sga_dipwbg-ud-test.conllu</span
+                    ><span class="size pull-right">31 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_615"
+                    >UD_Khunsari-AHA</a
+                  ></span
+                >
+                <ul id="folder_615" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">4 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">1 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">kfm_aha-ud-test.conllu</span
+                    ><span class="size pull-right">6 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">kfm_aha-ud-test.txt</span
+                    ><span class="size pull-right">542 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_621"
+                    >UD_Xibe-XDT</a
+                  ></span
+                >
+                <ul id="folder_621" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">16 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">sjo_xdt-ud-test.txt</span
+                    ><span class="size pull-right">217 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">1 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">sjo_xdt-ud-test.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_627"
+                    >UD_Maltese-MUDT</a
+                  ></span
+                >
+                <ul id="folder_627" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">mt_mudt-ud-dev.txt</span
+                    ><span class="size pull-right">55 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">6 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">mt_mudt-ud-train.conllu</span
+                    ><span class="size pull-right">1020 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">mt_mudt-ud-test.txt</span
+                    ><span class="size pull-right">59 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">mt_mudt-ud-dev.conllu</span
+                    ><span class="size pull-right">454 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">3 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">mt_mudt-ud-train.txt</span
+                    ><span class="size pull-right">123 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">mt_mudt-ud-test.conllu</span
+                    ><span class="size pull-right">489 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_637"
+                    >UD_Persian-Seraji</a
+                  ></span
+                >
+                <ul id="folder_637" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">fa_seraji-ud-dev.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">5 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">fa_seraji-ud-test.txt</span
+                    ><span class="size pull-right">134 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">fa_seraji-ud-train.conllu</span
+                    ><span class="size pull-right">11 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">fa_seraji-ud-test.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">9 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">fa_seraji-ud-train.txt</span
+                    ><span class="size pull-right">995 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">110 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">fa_seraji-ud-dev.txt</span
+                    ><span class="size pull-right">133 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_647"
+                    >UD_Indonesian-PUD</a
+                  ></span
+                >
+                <ul id="folder_647" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">8 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">8 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">id_pud-ud-test.txt</span
+                    ><span class="size pull-right">117 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">19 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">id_pud-ud-test.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_653"
+                    >UD_Belarusian-HSE</a
+                  ></span
+                >
+                <ul id="folder_653" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">be_hse-ud-test.txt</span
+                    ><span class="size pull-right">180 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">7 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">be_hse-ud-train.txt</span
+                    ><span class="size pull-right">2 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">be_hse-ud-dev.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">be_hse-ud-train.conllu</span
+                    ><span class="size pull-right">27 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">be_hse-ud-test.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">17 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">1021 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">be_hse-ud-dev.txt</span
+                    ><span class="size pull-right">164 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_663"
+                    >UD_Turkish-BOUN</a
+                  ></span
+                >
+                <ul id="folder_663" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">14 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">4 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">tr_boun-ud-train.conllu</span
+                    ><span class="size pull-right">7 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">tr_boun-ud-dev.txt</span
+                    ><span class="size pull-right">81 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">tr_boun-ud-train.txt</span
+                    ><span class="size pull-right">660 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">tr_boun-ud-test.conllu</span
+                    ><span class="size pull-right">933 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_671"
+                    >UD_Norwegian-Nynorsk</a
+                  ></span
+                >
+                <ul id="folder_671" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">no_nynorsk-ud-dev.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">5 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">no_nynorsk-ud-test.txt</span
+                    ><span class="size pull-right">135 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">no_nynorsk-ud-dev.txt</span
+                    ><span class="size pull-right">166 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">8 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">no_nynorsk-ud-test.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">68 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">no_nynorsk-ud-train.txt</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">no_nynorsk-ud-train.conllu</span
+                    ><span class="size pull-right">14 MB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_681"
+                    >UD_Guajajara-TuDeT</a
+                  ></span
+                >
+                <ul id="folder_681" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">13 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">3 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">gub_tudet-ud-test.txt</span
+                    ><span class="size pull-right">47 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">gub_tudet-ud-test.conllu</span
+                    ><span class="size pull-right">705 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_687"
+                    >UD_Ligurian-GLT</a
+                  ></span
+                >
+                <ul id="folder_687" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">8 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">lij_glt-ud-test.conllu</span
+                    ><span class="size pull-right">411 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">lij_glt-ud-train.txt</span
+                    ><span class="size pull-right">918 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">1 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">lij_glt-ud-train.conllu</span
+                    ><span class="size pull-right">14 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">3 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">lij_glt-ud-test.txt</span
+                    ><span class="size pull-right">27 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_695"
+                    >UD_Romanian-SiMoNERo</a
+                  ></span
+                >
+                <ul id="folder_695" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">ro_simonero-ud-test.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">2 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ro_simonero-ud-dev.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ro_simonero-ud-test.txt</span
+                    ><span class="size pull-right">93 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ro_simonero-ud-train.txt</span
+                    ><span class="size pull-right">719 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ro_simonero-ud-dev.txt</span
+                    ><span class="size pull-right">91 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">11 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ro_simonero-ud-train.conllu</span
+                    ><span class="size pull-right">9 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_705"
+                    >UD_Spanish-PUD</a
+                  ></span
+                >
+                <ul id="folder_705" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">9 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">es_pud-ud-test.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">6 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">19 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">es_pud-ud-test.txt</span
+                    ><span class="size pull-right">123 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_711"
+                    >UD_Cebuano-GJA</a
+                  ></span
+                >
+                <ul id="folder_711" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">ceb_gja-ud-test.conllu</span
+                    ><span class="size pull-right">99 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">7 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">1 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">ceb_gja-ud-test.txt</span
+                    ><span class="size pull-right">5 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_717"
+                    >UD_Serbian-SET</a
+                  ></span
+                >
+                <ul id="folder_717" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">sr_set-ud-test.txt</span
+                    ><span class="size pull-right">67 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">1 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">sr_set-ud-train.conllu</span
+                    ><span class="size pull-right">5 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">sr_set-ud-dev.txt</span
+                    ><span class="size pull-right">68 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">11 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">sr_set-ud-test.conllu</span
+                    ><span class="size pull-right">847 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">sr_set-ud-train.txt</span
+                    ><span class="size pull-right">432 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">230 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">sr_set-ud-dev.conllu</span
+                    ><span class="size pull-right">888 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_727"
+                    >UD_Tatar-NMCTT</a
+                  ></span
+                >
+                <ul id="folder_727" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">12 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">1 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">tt_nmctt-ud-test.txt</span
+                    ><span class="size pull-right">26 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">tt_nmctt-ud-test.conllu</span
+                    ><span class="size pull-right">220 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_733"
+                    >UD_Hittite-HitTB</a
+                  ></span
+                >
+                <ul id="folder_733" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">9 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">1 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">hit_hittb-ud-test.conllu</span
+                    ><span class="size pull-right">115 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">hit_hittb-ud-test.txt</span
+                    ><span class="size pull-right">10 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_739"
+                    >UD_Chinese-HK</a
+                  ></span
+                >
+                <ul id="folder_739" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">4 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">4 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">zh_hk-ud-test.conllu</span
+                    ><span class="size pull-right">872 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">zh_hk-ud-test.txt</span
+                    ><span class="size pull-right">41 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_745"
+                    >UD_Marathi-UFAL</a
+                  ></span
+                >
+                <ul id="folder_745" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">1 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">mr_ufal-ud-train.conllu</span
+                    ><span class="size pull-right">385 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">mr_ufal-ud-test.txt</span
+                    ><span class="size pull-right">4 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">mr_ufal-ud-dev.conllu</span
+                    ><span class="size pull-right">56 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">mr_ufal-ud-dev.txt</span
+                    ><span class="size pull-right">4 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">mr_ufal-ud-train.txt</span
+                    ><span class="size pull-right">33 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">14 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">mr_ufal-ud-test.conllu</span
+                    ><span class="size pull-right">51 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_755"
+                    >UD_Maghrebi_Arabic_French-Arabizi</a
+                  ></span
+                >
+                <ul id="folder_755" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">qaf_arabizi-ud-dev.conllu</span
+                    ><span class="size pull-right">222 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">3 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">qaf_arabizi-ud-train.txt</span
+                    ><span class="size pull-right">81 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">qaf_arabizi-ud-test.conllu</span
+                    ><span class="size pull-right">220 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">qaf_arabizi-ud-dev.txt</span
+                    ><span class="size pull-right">11 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">qaf_arabizi-ud-train.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">6 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">qaf_arabizi-ud-test.txt</span
+                    ><span class="size pull-right">11 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_765"
+                    >UD_Afrikaans-AfriBooms</a
+                  ></span
+                >
+                <ul id="folder_765" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">af_afribooms-ud-test.conllu</span
+                    ><span class="size pull-right">618 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">af_afribooms-ud-train.conllu</span
+                    ><span class="size pull-right">2 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">af_afribooms-ud-test.txt</span
+                    ><span class="size pull-right">57 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">8 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.txt</span
+                    ><span class="size pull-right">1 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">af_afribooms-ud-dev.txt</span
+                    ><span class="size pull-right">30 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">af_afribooms-ud-dev.conllu</span
+                    ><span class="size pull-right">321 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">af_afribooms-ud-train.txt</span
+                    ><span class="size pull-right">195 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_775"
+                    >UD_Czech-CAC</a
+                  ></span
+                >
+                <ul id="folder_775" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">cs_cac-ud-test.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">cs_cac-ud-test.txt</span
+                    ><span class="size pull-right">71 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">6 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">cs_cac-ud-train.conllu</span
+                    ><span class="size pull-right">51 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">cs_cac-ud-dev.txt</span
+                    ><span class="size pull-right">72 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">cs_cac-ud-train.txt</span
+                    ><span class="size pull-right">2 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">19 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">265 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">cs_cac-ud-dev.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_785"
+                    >UD_Arabic-PADT</a
+                  ></span
+                >
+                <ul id="folder_785" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">6 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ar_padt-ud-dev.conllu</span
+                    ><span class="size pull-right">5 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ar_padt-ud-train.conllu</span
+                    ><span class="size pull-right">38 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ar_padt-ud-train.txt</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ar_padt-ud-test.txt</span
+                    ><span class="size pull-right">234 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ar_padt-ud-test.conllu</span
+                    ><span class="size pull-right">4 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">11 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ar_padt-ud-dev.txt</span
+                    ><span class="size pull-right">241 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">19 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_795"
+                    >UD_English-Pronouns</a
+                  ></span
+                >
+                <ul id="folder_795" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">5 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">en_pronouns-ud-test.conllu</span
+                    ><span class="size pull-right">138 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">9 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">en_pronouns-ud-test.txt</span
+                    ><span class="size pull-right">7 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_801"
+                    >UD_Upper_Sorbian-UFAL</a
+                  ></span
+                >
+                <ul id="folder_801" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">11 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">hsb_ufal-ud-test.conllu</span
+                    ><span class="size pull-right">730 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">1 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">hsb_ufal-ud-train.conllu</span
+                    ><span class="size pull-right">31 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">hsb_ufal-ud-test.txt</span
+                    ><span class="size pull-right">64 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">hsb_ufal-ud-train.txt</span
+                    ><span class="size pull-right">2 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_809"
+                    >UD_Czech-PDT</a
+                  ></span
+                >
+                <ul id="folder_809" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">cs_pdt-ud-train.conllu</span
+                    ><span class="size pull-right">144 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">12 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">cs_pdt-ud-test.conllu</span
+                    ><span class="size pull-right">21 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">cs_pdt-ud-test.txt</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">cs_pdt-ud-dev.txt</span
+                    ><span class="size pull-right">989 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">cs_pdt-ud-dev.conllu</span
+                    ><span class="size pull-right">19 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">18 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">311 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">cs_pdt-ud-train.txt</span
+                    ><span class="size pull-right">7 MB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_819"
+                    >UD_Bororo-BDT</a
+                  ></span
+                >
+                <ul id="folder_819" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">8 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">2 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">bor_bdt-ud-test.conllu</span
+                    ><span class="size pull-right">63 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">bor_bdt-ud-test.txt</span
+                    ><span class="size pull-right">4 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_825"
+                    >UD_Swedish_Sign_Language-SSLC</a
+                  ></span
+                >
+                <ul id="folder_825" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">2 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">swl_sslc-ud-test.txt</span
+                    ><span class="size pull-right">15 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">1 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">19 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">swl_sslc-ud-test.conllu</span
+                    ><span class="size pull-right">79 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_831"
+                    >UD_Chinese-GSD</a
+                  ></span
+                >
+                <ul id="folder_831" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">2 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">zh_gsd-ud-test.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">zh_gsd-ud-train.conllu</span
+                    ><span class="size pull-right">8 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">zh_gsd-ud-train.txt</span
+                    ><span class="size pull-right">433 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">zh_gsd-ud-dev.txt</span
+                    ><span class="size pull-right">55 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">zh_gsd-ud-dev.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">5 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">zh_gsd-ud-test.txt</span
+                    ><span class="size pull-right">53 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_841"
+                    >UD_Xavante-XDT</a
+                  ></span
+                >
+                <ul id="folder_841" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">6 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">xav_xdt-ud-test.txt</span
+                    ><span class="size pull-right">8 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">1 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">xav_xdt-ud-test.conllu</span
+                    ><span class="size pull-right">119 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_847"
+                    >UD_Arabic-PUD</a
+                  ></span
+                >
+                <ul id="folder_847" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">9 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">5 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ar_pud-ud-test.txt</span
+                    ><span class="size pull-right">168 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">19 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ar_pud-ud-test.conllu</span
+                    ><span class="size pull-right">2 MB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_853"
+                    >UD_Russian-PUD</a
+                  ></span
+                >
+                <ul id="folder_853" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">12 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">5 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">19 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ru_pud-ud-test.txt</span
+                    ><span class="size pull-right">209 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ru_pud-ud-test.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_859"
+                    >UD_Erzya-JR</a
+                  ></span
+                >
+                <ul id="folder_859" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">31 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">myv_jr-ud-test.txt</span
+                    ><span class="size pull-right">107 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.txt</span
+                    ><span class="size pull-right">6 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">myv_jr-ud-test.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">myv_jr-ud-train.txt</span
+                    ><span class="size pull-right">102 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">myv_jr-ud-train.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_867"
+                    >UD_French-GSD</a
+                  ></span
+                >
+                <ul id="folder_867" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">fr_gsd-ud-train.conllu</span
+                    ><span class="size pull-right">21 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">7 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">fr_gsd-ud-dev.conllu</span
+                    ><span class="size pull-right">2 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">fr_gsd-ud-dev.txt</span
+                    ><span class="size pull-right">184 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">10 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">fr_gsd-ud-test.conllu</span
+                    ><span class="size pull-right">636 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">fr_gsd-ud-test.txt</span
+                    ><span class="size pull-right">49 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">fr_gsd-ud-train.txt</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_877"
+                    >UD_Assyrian-AS</a
+                  ></span
+                >
+                <ul id="folder_877" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">7 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">aii_as-ud-test.conllu</span
+                    ><span class="size pull-right">31 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">1 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">aii_as-ud-test.txt</span
+                    ><span class="size pull-right">4 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_883"
+                    >UD_Chukchi-HSE</a
+                  ></span
+                >
+                <ul id="folder_883" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">3 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">4 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ckt_hse-ud-test.txt</span
+                    ><span class="size pull-right">72 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">ckt_hse-ud-test.conllu</span
+                    ><span class="size pull-right">793 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_889"
+                    >UD_Albanian-TSA</a
+                  ></span
+                >
+                <ul id="folder_889" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">8 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">sq_tsa-ud-test.conllu</span
+                    ><span class="size pull-right">61 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">1 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">sq_tsa-ud-test.txt</span
+                    ><span class="size pull-right">5 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_895"
+                    >UD_Javanese-CSUI</a
+                  ></span
+                >
+                <ul id="folder_895" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">7 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">jv_csui-ud-test.txt</span
+                    ><span class="size pull-right">77 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">3 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">jv_csui-ud-test.conllu</span
+                    ><span class="size pull-right">936 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_901"
+                    >UD_Old_East_Slavic-RNC</a
+                  ></span
+                >
+                <ul id="folder_901" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">20 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">orv_rnc-ud-dev.txt</span
+                    ><span class="size pull-right">87 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">orv_rnc-ud-dev.conllu</span
+                    ><span class="size pull-right">945 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">orv_rnc-ud-test.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">17 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">orv_rnc-ud-train.txt</span
+                    ><span class="size pull-right">175 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">orv_rnc-ud-test.txt</span
+                    ><span class="size pull-right">183 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">orv_rnc-ud-train.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_911"
+                    >UD_Old_Irish-DipSGG</a
+                  ></span
+                >
+                <ul id="folder_911" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">8 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">3 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">sga_dipsgg-ud-test.txt</span
+                    ><span class="size pull-right">2 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">15 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">sga_dipsgg-ud-test.conllu</span
+                    ><span class="size pull-right">34 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_917"
+                    >UD_Latin-LLCT</a
+                  ></span
+                >
+                <ul id="folder_917" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">la_llct-ud-dev.conllu</span
+                    ><span class="size pull-right">2 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">9 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">la_llct-ud-test.conllu</span
+                    ><span class="size pull-right">2 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">la_llct-ud-train.conllu</span
+                    ><span class="size pull-right">17 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">13 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">la_llct-ud-dev.txt</span
+                    ><span class="size pull-right">136 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">la_llct-ud-test.txt</span
+                    ><span class="size pull-right">136 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">la_llct-ud-train.txt</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_927"
+                    >UD_Japanese-BCCWJ</a
+                  ></span
+                >
+                <ul id="folder_927" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">ja_bccwj-ud-train.txt</span
+                    ><span class="size pull-right">902 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ja_bccwj-ud-train.conllu</span
+                    ><span class="size pull-right">67 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ja_bccwj-ud-dev.txt</span
+                    ><span class="size pull-right">177 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ja_bccwj-ud-test.conllu</span
+                    ><span class="size pull-right">12 MB</span>
+                  </li>
+                  <li>
+                    <span class="foldername"
+                      ><a
+                        role="button"
+                        data-toggle="collapse"
+                        href="#folder_932"
+                        >merge</a
+                      ></span
+                    >
+                    <ul id="folder_932" class="in" style="height: auto">
+                      <li>
+                        <span class="filename">test_pos.pkl</span
+                        ><span class="size pull-right">2 MB</span>
+                      </li>
+                      <li>
+                        <span class="filename">dev_pos.pkl</span
+                        ><span class="size pull-right">2 MB</span>
+                      </li>
+                      <li>
+                        <span class="foldername"
+                          ><a
+                            role="button"
+                            data-toggle="collapse"
+                            href="#folder_935"
+                            >script</a
+                          ></span
+                        >
+                        <ul id="folder_935" class="in" style="height: auto">
+                          <li>
+                            <span class="filename">lib.py</span
+                            ><span class="size pull-right">5 kB</span>
+                          </li>
+                          <li>
+                            <span class="filename"
+                              >restore_word_unit_bccwj.py</span
+                            ><span class="size pull-right">7 kB</span>
+                          </li>
+                          <li>
+                            <span class="filename"
+                              >convert_core_bccwj_pkl.py</span
+                            ><span class="size pull-right">746 B</span>
+                          </li>
+                        </ul>
+                      </li>
+                      <li>
+                        <span class="filename">misc_mapping.pkl</span
+                        ><span class="size pull-right">23 MB</span>
+                      </li>
+                      <li>
+                        <span class="filename">merge.sh</span
+                        ><span class="size pull-right">1 kB</span>
+                      </li>
+                      <li>
+                        <span class="filename">train_pos.pkl</span
+                        ><span class="size pull-right">13 MB</span>
+                      </li>
+                    </ul>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">3 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">18 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.txt</span
+                    ><span class="size pull-right">3 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ja_bccwj-ud-test.txt</span
+                    ><span class="size pull-right">165 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">ja_bccwj-ud-dev.conllu</span
+                    ><span class="size pull-right">13 MB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_947"
+                    >UD_Latin-ITTB</a
+                  ></span
+                >
+                <ul id="folder_947" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">la_ittb-ud-train.txt</span
+                    ><span class="size pull-right">2 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">11 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">la_ittb-ud-dev.txt</span
+                    ><span class="size pull-right">168 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">la_ittb-ud-test.conllu</span
+                    ><span class="size pull-right">2 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">la_ittb-ud-dev.conllu</span
+                    ><span class="size pull-right">2 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">17 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">19 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">la_ittb-ud-test.txt</span
+                    ><span class="size pull-right">169 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">la_ittb-ud-train.conllu</span
+                    ><span class="size pull-right">37 MB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_957"
+                    >UD_Italian-ParlaMint</a
+                  ></span
+                >
+                <ul id="folder_957" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">8 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">it_parlamint-ud-train.txt</span
+                    ><span class="size pull-right">52 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">2 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">it_parlamint-ud-train.conllu</span
+                    ><span class="size pull-right">640 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">it_parlamint-ud-test.conllu</span
+                    ><span class="size pull-right">669 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">it_parlamint-ud-test.txt</span
+                    ><span class="size pull-right">55 kB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_965"
+                    >UD_Armenian-ArmTDP</a
+                  ></span
+                >
+                <ul id="folder_965" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">4 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">hy_armtdp-ud-train.conllu</span
+                    ><span class="size pull-right">5 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">hy_armtdp-ud-dev.conllu</span
+                    ><span class="size pull-right">694 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">hy_armtdp-ud-dev.txt</span
+                    ><span class="size pull-right">57 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">hy_armtdp-ud-test.txt</span
+                    ><span class="size pull-right">51 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">hy_armtdp-ud-train.txt</span
+                    ><span class="size pull-right">434 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">24 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">hy_armtdp-ud-test.conllu</span
+                    ><span class="size pull-right">656 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_975"
+                    >UD_Vietnamese-VTB</a
+                  ></span
+                >
+                <ul id="folder_975" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">1 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">vi_vtb-ud-test.txt</span
+                    ><span class="size pull-right">71 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">vi_vtb-ud-train.txt</span
+                    ><span class="size pull-right">129 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">vi_vtb-ud-train.conllu</span
+                    ><span class="size pull-right">924 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">vi_vtb-ud-dev.txt</span
+                    ><span class="size pull-right">168 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">6 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">19 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">vi_vtb-ud-test.conllu</span
+                    ><span class="size pull-right">526 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">vi_vtb-ud-dev.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_985"
+                    >UD_Western_Sierra_Puebla_Nahuatl-ITML</a
+                  ></span
+                >
+                <ul id="folder_985" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">12 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">nhi_itml-ud-test.txt</span
+                    ><span class="size pull-right">51 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">1 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">nhi_itml-ud-test.conllu</span
+                    ><span class="size pull-right">1 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <span class="foldername"
+                  ><a role="button" data-toggle="collapse" href="#folder_991"
+                    >UD_Icelandic-IcePaHC</a
+                  ></span
+                >
+                <ul id="folder_991" class="in" style="height: auto">
+                  <li>
+                    <span class="filename">is_icepahc-ud-dev.conllu</span
+                    ><span class="size pull-right">11 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">is_icepahc-ud-test.txt</span
+                    ><span class="size pull-right">738 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">README.md</span
+                    ><span class="size pull-right">6 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">is_icepahc-ud-dev.txt</span
+                    ><span class="size pull-right">735 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">is_icepahc-ud-train.conllu</span
+                    ><span class="size pull-right">58 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">stats.xml</span
+                    ><span class="size pull-right">11 kB</span>
+                  </li>
+                  <li>
+                    <span class="filename">LICENSE.txt</span
+                    ><span class="size pull-right">202 B</span>
+                  </li>
+                  <li>
+                    <span class="filename">is_icepahc-ud-train.txt</span
+                    ><span class="size pull-right">3 MB</span>
+                  </li>
+                  <li>
+                    <span class="filename">is_icepahc-ud-test.conllu</span
+                    ><span class="size pull-right">11 MB</span>
+                  </li>
+                </ul>
+              </li>
+            </ul>
+          </li>
+          <li>
+            <span class="foldername"
+              ><a role="button" data-toggle="collapse" href="#folder_1001"></a
+            ></span>
+            <ul id="folder_1001" class="in" style="height: auto">
+              <li>
+                <span class="filename">... too many files ...</span
+                ><span class="size pull-right">0 B</span>
+              </li>
             </ul>
-        </ng-template>
+          </li>
+        </ul>
+      </div>
     </div>
-</div>
\ No newline at end of file
+  </div>
+</div>
diff --git a/src/app/item-page/simple/field-components/preview-section/preview-section.component.scss b/src/app/item-page/simple/field-components/preview-section/preview-section.component.scss
index 77ae9971b41..e4267ba0874 100644
--- a/src/app/item-page/simple/field-components/preview-section/preview-section.component.scss
+++ b/src/app/item-page/simple/field-components/preview-section/preview-section.component.scss
@@ -1,48 +1,107 @@
-file-preview-box {
-    border: 1px solid black;
+.file-preview-box {
+    border: 1px solid #ddd;
+    padding: 4px;
 
     .file-content {
-        display: flex;
+        display: flex !important;
+        width: 100%;
+        justify-content: space-between;
 
-        .preview-image {
-            width: 50%;
+        .dl-horizontal {
+            margin-bottom: 0;
         }
 
-        .file-info {
-            padding: 20px;
+        .thumbnails dl {
+            padding: 5px;
+            display: table;
+        }
 
-            p {
-                margin-bottom: 5px;
+        @media (min-width: 768px){
+            .dl-horizontal dt {
+                float: left;
+                width: 160px;
+                overflow: hidden;
+                clear: left;
+                text-align: right;
+                text-overflow: ellipsis;
+                white-space: nowrap;
             }
+        }
 
-            .button-container {
-                margin-top: 20px;
-
-                .download-btn, .preview-btn {
-                    margin-right: 10px;
-                    padding: 10px 20px;
-                    border: none;
-                    color: white;
-                    cursor: pointer;
-                }
+        @media (min-width: 768px) {
+            .dl-horizontal dd {
+                margin-left: 180px;
+            }
+        }
+        
 
-                .download-btn {
-                    background-color: blue;
-                }
+        .preview-image {
+            width: 10%;
+            height: 10%;
+        }
+        
+    }
 
-                .preview-btn {
-                    background-color: green;
-                }
-            }
+    .button-container {
+        .download-btn, .preview-btn {
+            display: inline;
+            padding: .2em .6em .3em;
+            font-size: 12px;
+            font-weight: bold;
+            line-height: 1;
+            text-align: center;
+            white-space: nowrap;
+            vertical-align: baseline;
+            border-radius: .25em;
+            border: none;
+            color: white;
+            cursor: pointer;
+            background-color: #5bc0de;
         }
     }
 
-    .file-list {
-        padding: 20px;
+    .panel {
+        background-color: #fff;
+        border: 1px solid transparent;
+        border-radius: 4px;
+        box-shadow: 0 1px 1px rgba(0,0,0,0.05);
+    }
+    
+    .panel-info {
+        border-color: #bce8f1;
+    }
 
-        ul {
-            list-style-type: none;
-            padding-left: 0;
-        }
+    .panel-info>.panel-heading {
+        color: #3a87ad;
+        background-color: #d9edf7;
+        border-color: #bce8f1;
+    }
+
+    .treeview .foldername:before {
+        font-family: FontAwesome;
+        content: '\f07b';
+        margin-right: 5px;
+        color: #a0a0a0;
+    }
+
+    .treeview .filename:before {
+        font-family: FontAwesome;
+        content: '\f016';
+        margin-right: 5px;
+        color: #a0a0a0;
+    }
+
+    .treeview li {
+        padding: 0 0 0 8px;
+        margin: 0;
+        list-style: none;
+    }
+
+    .pull-right {
+        float: right !important;
+    }
+
+    .panel-body {
+        padding: 15px;
     }
 }
\ No newline at end of file
diff --git a/src/app/item-page/simple/field-components/preview-section/preview-section.component.ts b/src/app/item-page/simple/field-components/preview-section/preview-section.component.ts
index b9f628c0e1b..f7cf45a6413 100644
--- a/src/app/item-page/simple/field-components/preview-section/preview-section.component.ts
+++ b/src/app/item-page/simple/field-components/preview-section/preview-section.component.ts
@@ -25,43 +25,43 @@ export class PreviewSectionComponent implements OnInit {
   constructor(protected registryService: RegistryService) {} // Modified
 
   ngOnInit(): void {
-    // this.registryService
-    //   .getMetadataBitstream('123456789/36', 'ORIGINAL,TEXT,THUMBNAIL')
-    //   .subscribe(
-    //     (remoteData: any) => {
-    //       console.log('Received data:', remoteData);
-    //       if (
-    //         remoteData &&
-    //         remoteData._embedded &&
-    //         remoteData._embedded.metadatabitstreams
-    //       ) {
-    //         this.fileList = this.parseFiles(
-    //           remoteData._embedded.metadatabitstreams[0].fileInfo
-    //         );
-    //       }
-    //     },
-    //     (error: any) => {
-    //       console.log('Received error:', error);
-    //     }
-    //   );
+    this.registryService
+      .getMetadataBitstream('123456789/36', 'ORIGINAL,TEXT,THUMBNAIL')
+      .subscribe(
+        (remoteData: any) => {
+          console.log('Received data:', remoteData);
+          // if (
+          //   remoteData &&
+          //   remoteData._embedded &&
+          //   remoteData._embedded.metadatabitstreams
+          // ) {
+          //   this.fileList = this.parseFiles(
+          //     remoteData._embedded.metadatabitstreams[0].fileInfo
+          //   );
+          // }
+        },
+        (error: any) => {
+          console.log('Received error:', error);
+        }
+      );
   }
 
-  togglePreview() {
-    this.isPreviewVisible = !this.isPreviewVisible;
-  }
+  // togglePreview() {
+  //   this.isPreviewVisible = !this.isPreviewVisible;
+  // }
 
-  parseFiles(files: any[]): any[] {
-    let parsedFiles: any[] = [];
-    for (let file of files) {
-      let parsedFile: any = {};
-      parsedFile.name = file.name;
-      parsedFile.size = file.size;
-      parsedFile.isDirectory = file.isDirectory;
-      if (file.isDirectory && file.sub) {
-        parsedFile.sub = this.parseFiles(Object.values(file.sub));
-      }
-      parsedFiles.push(parsedFile);
-    }
-    return parsedFiles;
-  }
+  // parseFiles(files: any[]): any[] {
+  //   let parsedFiles: any[] = [];
+  //   for (let file of files) {
+  //     let parsedFile: any = {};
+  //     parsedFile.name = file.name;
+  //     parsedFile.size = file.size;
+  //     parsedFile.isDirectory = file.isDirectory;
+  //     if (file.isDirectory && file.sub) {
+  //       parsedFile.sub = this.parseFiles(Object.values(file.sub));
+  //     }
+  //     parsedFiles.push(parsedFile);
+  //   }
+  //   return parsedFiles;
+  // }
 }
diff --git a/src/app/item-page/simple/item-page.component.html b/src/app/item-page/simple/item-page.component.html
index c4c245e5604..44ebca5cc0a 100644
--- a/src/app/item-page/simple/item-page.component.html
+++ b/src/app/item-page/simple/item-page.component.html
@@ -11,6 +11,7 @@
       <ds-listable-object-component-loader [object]="item" [viewMode]="viewMode" class="d-block mb-4"></ds-listable-object-component-loader>
       <ds-item-versions [item]="item" [displayActions]="false"></ds-item-versions>
       <ds-clarin-license-info class="mt-3 d-block" [item]="item"></ds-clarin-license-info>
+      <ds-preview-section></ds-preview-section>
     </div>
   </div>
   <ds-error *ngIf="itemRD?.hasFailed" message="{{'error.item' | translate}}"></ds-error>
diff --git a/src/app/item-page/simple/item-types/untyped-item/untyped-item.component.html b/src/app/item-page/simple/item-types/untyped-item/untyped-item.component.html
index 3a6ffd4a239..5abd2645e4c 100644
--- a/src/app/item-page/simple/item-types/untyped-item/untyped-item.component.html
+++ b/src/app/item-page/simple/item-types/untyped-item/untyped-item.component.html
@@ -109,6 +109,6 @@ <h2 class="item-page-title-field mr-auto">
                                 [iconName]="'fa-paperclip'"
                                 [separator]="'<br />'">
     </ds-clarin-files-item-field>
-    <ds-preview-file-section></ds-preview-file-section>
+
   </div>
 </div>

From e794918d3dd3c3069bea38bb2a1046c50dd2b5df Mon Sep 17 00:00:00 2001
From: HuynhKhoa1601 <huynhnhatkhoa21@gmail.com>
Date: Fri, 14 Jul 2023 19:42:05 +0700
Subject: [PATCH 03/26] add logic for handling data from BE and refactor the UI

---
 .../builders/remote-data-build.service.ts     |    2 +-
 src/app/core/data/data.service.ts             |    2 +-
 .../data/metadata-bitstream-data.service.ts   |    3 +-
 .../core/metadata/metadata-bitstream.model.ts |    4 +-
 .../metadata-bitstream.resource-type.ts       |    2 +-
 src/app/core/registry/registry.service.ts     |  188 +-
 src/app/item-page/item-page.module.ts         |   22 +-
 .../file-description.component.html           |   91 +
 .../file-description.component.scss           |  106 +
 .../file-description.component.spec.ts        |   52 +
 .../file-description.component.ts             |   16 +
 .../file-tree-view.component.html             |   24 +
 .../file-tree-view.component.scss             |   23 +
 .../file-tree-view.component.spec.ts          |   55 +
 .../file-tree-view.component.ts               |   20 +
 .../preview-section.component.html            | 4715 +----------------
 .../preview-section.component.spec.ts         |   52 +-
 .../preview-section.component.ts              |   65 +-
 .../item-page/simple/item-page.component.html |    2 +-
 .../shared/item-relationships-utils.ts        |   65 +-
 20 files changed, 663 insertions(+), 4846 deletions(-)
 create mode 100644 src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
 create mode 100644 src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.scss
 create mode 100644 src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.spec.ts
 create mode 100644 src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts
 create mode 100644 src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.html
 create mode 100644 src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.scss
 create mode 100644 src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.spec.ts
 create mode 100644 src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.ts

diff --git a/src/app/core/cache/builders/remote-data-build.service.ts b/src/app/core/cache/builders/remote-data-build.service.ts
index 6b67549f2d7..72acde8df9b 100644
--- a/src/app/core/cache/builders/remote-data-build.service.ts
+++ b/src/app/core/cache/builders/remote-data-build.service.ts
@@ -218,7 +218,7 @@ export class RemoteDataBuildService {
     );
 
     const payload$ = this.buildPayload<T>(requestEntry$, href$, ...linksToFollow);
-
+    
     return this.toRemoteDataObservable<T>(requestEntry$, payload$);
   }
 
diff --git a/src/app/core/data/data.service.ts b/src/app/core/data/data.service.ts
index 6bad02e7761..ce103069ba8 100644
--- a/src/app/core/data/data.service.ts
+++ b/src/app/core/data/data.service.ts
@@ -457,7 +457,7 @@ export abstract class DataService<T extends CacheableObject> implements UpdateDa
    *                                    requested after the response becomes stale
    * @param linksToFollow               List of {@link FollowLinkConfig} that indicate which
    *                                    {@link HALLink}s should be automatically resolved
-   * @return {Observable<RemoteData<PaginatedList<T>>}
+   * @return {Observable<RemoteData<PaginatedList<T>>>}
    *    Return an observable that emits response from the server
    */
   searchBy(searchMethod: string, options: FindListOptions = {}, useCachedVersionIfAvailable = true, reRequestOnStale = true, ...linksToFollow: FollowLinkConfig<T>[]): Observable<RemoteData<PaginatedList<T>>> {
diff --git a/src/app/core/data/metadata-bitstream-data.service.ts b/src/app/core/data/metadata-bitstream-data.service.ts
index 9e6c62c159e..4d51f3f05d9 100644
--- a/src/app/core/data/metadata-bitstream-data.service.ts
+++ b/src/app/core/data/metadata-bitstream-data.service.ts
@@ -20,6 +20,7 @@ import { HttpClient } from '@angular/common/http';
 import { Store } from '@ngrx/store';
 import { CoreState } from '../core.reducers';
 import { ChangeAnalyzer } from './change-analyzer';
+import { tap } from 'rxjs/operators';
 
 /**
  * A service responsible for fetching/sending data from/to the REST API on the metadatafields endpoint
@@ -67,7 +68,7 @@ export class MetadataBitstreamDataService extends DataService<MetadataBitstream>
         new RequestParam('fileGrpType', hasValue(fileGrpType) ? fileGrpType : ''),
       ],
     });
-    return this.searchBy(this.searchByHandleLinkPath, optionParams, useCachedVersionIfAvailable, reRequestOnStale, ...linksToFollow)
+    return this.searchBy(this.searchByHandleLinkPath, optionParams, useCachedVersionIfAvailable, reRequestOnStale, ...linksToFollow);
   }
 
   // /**
diff --git a/src/app/core/metadata/metadata-bitstream.model.ts b/src/app/core/metadata/metadata-bitstream.model.ts
index b5f3baebce6..de51e91dad6 100644
--- a/src/app/core/metadata/metadata-bitstream.model.ts
+++ b/src/app/core/metadata/metadata-bitstream.model.ts
@@ -11,12 +11,12 @@ import { METADATA_BITSTREAM } from './metadata-bitstream.resource-type';
 /**
  * Class the represents a File
  */
-class FileInfo {
+export class FileInfo {
   @autoserialize name: string;
   @autoserialize content: any;
   @autoserialize size: string;
   @autoserialize isDirectory: boolean;
-  @autoserializeAs(FileInfo, 'sub') sub: {[key: string]: FileInfo};
+  @autoserializeAs('sub') sub: {[key: string]: FileInfo};
 }
 
 /**
diff --git a/src/app/core/metadata/metadata-bitstream.resource-type.ts b/src/app/core/metadata/metadata-bitstream.resource-type.ts
index ef5c337166e..f023a8c5259 100644
--- a/src/app/core/metadata/metadata-bitstream.resource-type.ts
+++ b/src/app/core/metadata/metadata-bitstream.resource-type.ts
@@ -7,4 +7,4 @@ import { ResourceType } from '../shared/resource-type';
  * dependencies in webpack.
  */
 
-export const METADATA_BITSTREAM = new ResourceType('metadatabitstream');
\ No newline at end of file
+export const METADATA_BITSTREAM = new ResourceType('metadatabitstream');
diff --git a/src/app/core/registry/registry.service.ts b/src/app/core/registry/registry.service.ts
index e2980306176..e423c926809 100644
--- a/src/app/core/registry/registry.service.ts
+++ b/src/app/core/registry/registry.service.ts
@@ -3,7 +3,11 @@ import { Injectable } from '@angular/core';
 import { RemoteData } from '../data/remote-data';
 import { PaginatedList } from '../data/paginated-list.model';
 import { FindListOptions } from '../data/request.models';
-import { hasValue, hasValueOperator, isNotEmptyOperator } from '../../shared/empty.util';
+import {
+  hasValue,
+  hasValueOperator,
+  isNotEmptyOperator,
+} from '../../shared/empty.util';
 import { getFirstSucceededRemoteDataPayload } from '../shared/operators';
 import { createSelector, select, Store } from '@ngrx/store';
 import { AppState } from '../../app.reducer';
@@ -18,7 +22,7 @@ import {
   MetadataRegistryEditFieldAction,
   MetadataRegistryEditSchemaAction,
   MetadataRegistrySelectFieldAction,
-  MetadataRegistrySelectSchemaAction
+  MetadataRegistrySelectSchemaAction,
 } from '../../admin/admin-registries/metadata-registry/metadata-registry.actions';
 import { map, mergeMap, tap } from 'rxjs/operators';
 import { NotificationsService } from '../../shared/notifications/notifications.service';
@@ -33,26 +37,38 @@ import { RequestParam } from '../cache/models/request-param.model';
 import { NoContent } from '../shared/NoContent.model';
 import { MetadataBitstream } from '../metadata/metadata-bitstream.model';
 
-const metadataRegistryStateSelector = (state: AppState) => state.metadataRegistry;
-const editMetadataSchemaSelector = createSelector(metadataRegistryStateSelector, (metadataState: MetadataRegistryState) => metadataState.editSchema);
-const selectedMetadataSchemasSelector = createSelector(metadataRegistryStateSelector, (metadataState: MetadataRegistryState) => metadataState.selectedSchemas);
-const editMetadataFieldSelector = createSelector(metadataRegistryStateSelector, (metadataState: MetadataRegistryState) => metadataState.editField);
-const selectedMetadataFieldsSelector = createSelector(metadataRegistryStateSelector, (metadataState: MetadataRegistryState) => metadataState.selectedFields);
+const metadataRegistryStateSelector = (state: AppState) =>
+  state.metadataRegistry;
+const editMetadataSchemaSelector = createSelector(
+  metadataRegistryStateSelector,
+  (metadataState: MetadataRegistryState) => metadataState.editSchema
+);
+const selectedMetadataSchemasSelector = createSelector(
+  metadataRegistryStateSelector,
+  (metadataState: MetadataRegistryState) => metadataState.selectedSchemas
+);
+const editMetadataFieldSelector = createSelector(
+  metadataRegistryStateSelector,
+  (metadataState: MetadataRegistryState) => metadataState.editField
+);
+const selectedMetadataFieldsSelector = createSelector(
+  metadataRegistryStateSelector,
+  (metadataState: MetadataRegistryState) => metadataState.selectedFields
+);
 
 /**
  * Service for registry related CRUD actions such as metadata schema, metadata field and bitstream format
  */
 @Injectable()
 export class RegistryService {
-
-  constructor(private store: Store<AppState>,
-              private notificationsService: NotificationsService,
-              private translateService: TranslateService,
-              private metadataSchemaService: MetadataSchemaDataService,
-              private metadataFieldService: MetadataFieldDataService,
-              private metadataBitstreamDataService: MetadataBitstreamDataService) {
-
-  }
+  constructor(
+    private store: Store<AppState>,
+    private notificationsService: NotificationsService,
+    private translateService: TranslateService,
+    private metadataSchemaService: MetadataSchemaDataService,
+    private metadataFieldService: MetadataFieldDataService,
+    private metadataBitstreamDataService: MetadataBitstreamDataService
+  ) {}
 
   /**
    * Retrieves all metadata schemas
@@ -64,8 +80,18 @@ export class RegistryService {
    * @param linksToFollow               List of {@link FollowLinkConfig} that indicate which
    *                                    {@link HALLink}s should be automatically resolved
    */
-  public getMetadataSchemas(options: FindListOptions = {}, useCachedVersionIfAvailable = true, reRequestOnStale = true, ...linksToFollow: FollowLinkConfig<MetadataSchema>[]): Observable<RemoteData<PaginatedList<MetadataSchema>>> {
-    return this.metadataSchemaService.findAll(options, useCachedVersionIfAvailable, reRequestOnStale, ...linksToFollow);
+  public getMetadataSchemas(
+    options: FindListOptions = {},
+    useCachedVersionIfAvailable = true,
+    reRequestOnStale = true,
+    ...linksToFollow: FollowLinkConfig<MetadataSchema>[]
+  ): Observable<RemoteData<PaginatedList<MetadataSchema>>> {
+    return this.metadataSchemaService.findAll(
+      options,
+      useCachedVersionIfAvailable,
+      reRequestOnStale,
+      ...linksToFollow
+    );
   }
 
   /**
@@ -78,17 +104,32 @@ export class RegistryService {
    * @param linksToFollow               List of {@link FollowLinkConfig} that indicate which
    *                                    {@link HALLink}s should be automatically resolved
    */
-  public getMetadataSchemaByPrefix(prefix: string, useCachedVersionIfAvailable = true, reRequestOnStale = true, ...linksToFollow: FollowLinkConfig<MetadataSchema>[]): Observable<RemoteData<MetadataSchema>> {
+  public getMetadataSchemaByPrefix(
+    prefix: string,
+    useCachedVersionIfAvailable = true,
+    reRequestOnStale = true,
+    ...linksToFollow: FollowLinkConfig<MetadataSchema>[]
+  ): Observable<RemoteData<MetadataSchema>> {
     // Temporary options to get ALL metadataschemas until there's a rest api endpoint for fetching a specific schema
     const options: FindListOptions = Object.assign(new FindListOptions(), {
-      elementsPerPage: 10000
+      elementsPerPage: 10000,
     });
     return this.getMetadataSchemas(options).pipe(
       getFirstSucceededRemoteDataPayload(),
       map((schemas: PaginatedList<MetadataSchema>) => schemas.page),
       isNotEmptyOperator(),
-      map((schemas: MetadataSchema[]) => schemas.filter((schema) => schema.prefix === prefix)[0]),
-      mergeMap((schema: MetadataSchema) => this.metadataSchemaService.findById(`${schema.id}`, useCachedVersionIfAvailable, reRequestOnStale, ...linksToFollow))
+      map(
+        (schemas: MetadataSchema[]) =>
+          schemas.filter((schema) => schema.prefix === prefix)[0]
+      ),
+      mergeMap((schema: MetadataSchema) =>
+        this.metadataSchemaService.findById(
+          `${schema.id}`,
+          useCachedVersionIfAvailable,
+          reRequestOnStale,
+          ...linksToFollow
+        )
+      )
     );
   }
 
@@ -103,12 +144,24 @@ export class RegistryService {
    * @param linksToFollow               List of {@link FollowLinkConfig} that indicate which
    *                                    {@link HALLink}s should be automatically resolved
    */
-  public getMetadataFieldsBySchema(schema: MetadataSchema, options: FindListOptions = {}, useCachedVersionIfAvailable = true, reRequestOnStale = true, ...linksToFollow: FollowLinkConfig<MetadataField>[]): Observable<RemoteData<PaginatedList<MetadataField>>> {
-    return this.metadataFieldService.findBySchema(schema, options, useCachedVersionIfAvailable, reRequestOnStale, ...linksToFollow);
+  public getMetadataFieldsBySchema(
+    schema: MetadataSchema,
+    options: FindListOptions = {},
+    useCachedVersionIfAvailable = true,
+    reRequestOnStale = true,
+    ...linksToFollow: FollowLinkConfig<MetadataField>[]
+  ): Observable<RemoteData<PaginatedList<MetadataField>>> {
+    return this.metadataFieldService.findBySchema(
+      schema,
+      options,
+      useCachedVersionIfAvailable,
+      reRequestOnStale,
+      ...linksToFollow
+    );
   }
 
   /**
-   * retrieves all metadatabistream that belong to a certain metadata 
+   * retrieves all metadatabistream that belong to a certain metadata
    * @param schema                      The schema to filter by
    * @param options                     The options info used to retrieve the fields
    * @param useCachedVersionIfAvailable If this is true, the request will only be sent if there's
@@ -118,8 +171,22 @@ export class RegistryService {
    * @param linksToFollow               List of {@link FollowLinkConfig} that indicate which
    *                                    {@link HALLink}s should be automatically resolved
    */
-  public getMetadataBitstream(handle: string, fileGrpType: string, options: FindListOptions = {}, useCachedVersionIfAvailable = true, reRequestOnStale = true, ...linksToFollow: FollowLinkConfig<MetadataBitstream>[]): Observable<RemoteData<any>> {
-    return this.metadataBitstreamDataService.searchByHandleParams(handle, fileGrpType, options, useCachedVersionIfAvailable, reRequestOnStale, ...linksToFollow);
+  public getMetadataBitstream(
+    handle: string,
+    fileGrpType: string,
+    options: FindListOptions = {},
+    useCachedVersionIfAvailable = true,
+    reRequestOnStale = true,
+    ...linksToFollow: FollowLinkConfig<MetadataBitstream>[]
+  ): Observable<RemoteData<any>> {
+    return this.metadataBitstreamDataService.searchByHandleParams(
+      handle,
+      fileGrpType,
+      options,
+      useCachedVersionIfAvailable,
+      reRequestOnStale,
+      ...linksToFollow
+    );
   }
 
   public editMetadataSchema(schema: MetadataSchema) {
@@ -230,13 +297,17 @@ export class RegistryService {
    *  - On update, a PutRequest is used
    * @param schema    The MetadataSchema to create or update
    */
-  public createOrUpdateMetadataSchema(schema: MetadataSchema): Observable<MetadataSchema> {
+  public createOrUpdateMetadataSchema(
+    schema: MetadataSchema
+  ): Observable<MetadataSchema> {
     const isUpdate = hasValue(schema.id);
     return this.metadataSchemaService.createOrUpdateMetadataSchema(schema).pipe(
       getFirstSucceededRemoteDataPayload(),
       hasValueOperator(),
       tap(() => {
-        this.showNotifications(true, isUpdate, false, { prefix: schema.prefix });
+        this.showNotifications(true, isUpdate, false, {
+          prefix: schema.prefix,
+        });
       })
     );
   }
@@ -262,17 +333,24 @@ export class RegistryService {
    * @param field    The MetadataField to create
    * @param schema   The MetadataSchema to create the field in
    */
-  public createMetadataField(field: MetadataField, schema: MetadataSchema): Observable<MetadataField> {
+  public createMetadataField(
+    field: MetadataField,
+    schema: MetadataSchema
+  ): Observable<MetadataField> {
     if (!field.qualifier) {
       field.qualifier = null;
     }
-    return this.metadataFieldService.create(field, new RequestParam('schemaId', schema.id)).pipe(
-      getFirstSucceededRemoteDataPayload(),
-      hasValueOperator(),
-      tap(() => {
-        this.showNotifications(true, false, true, { field: field.toString() });
-      })
-    );
+    return this.metadataFieldService
+      .create(field, new RequestParam('schemaId', schema.id))
+      .pipe(
+        getFirstSucceededRemoteDataPayload(),
+        hasValueOperator(),
+        tap(() => {
+          this.showNotifications(true, false, true, {
+            field: field.toString(),
+          });
+        })
+      );
   }
 
   /**
@@ -308,13 +386,23 @@ export class RegistryService {
     this.metadataFieldService.clearRequests();
   }
 
-  private showNotifications(success: boolean, edited: boolean, isField: boolean, options: any) {
+  private showNotifications(
+    success: boolean,
+    edited: boolean,
+    isField: boolean,
+    options: any
+  ) {
     const prefix = 'admin.registries.schema.notification';
     const suffix = success ? 'success' : 'failure';
     const editedString = edited ? 'edited' : 'created';
     const messages = observableCombineLatest(
-      this.translateService.get(success ? `${prefix}.${suffix}` : `${prefix}.${suffix}`),
-      this.translateService.get(`${prefix}${isField ? '.field' : ''}.${editedString}`, options)
+      this.translateService.get(
+        success ? `${prefix}.${suffix}` : `${prefix}.${suffix}`
+      ),
+      this.translateService.get(
+        `${prefix}${isField ? '.field' : ''}.${editedString}`,
+        options
+      )
     );
     messages.subscribe(([head, content]) => {
       if (success) {
@@ -339,7 +427,23 @@ export class RegistryService {
    *                                    {@link HALLink}s should be automatically resolved
    * @returns an observable that emits a remote data object with a page of metadata fields that match the query
    */
-  queryMetadataFields(query: string, options: FindListOptions = {}, useCachedVersionIfAvailable = true, reRequestOnStale = true, ...linksToFollow: FollowLinkConfig<MetadataField>[]): Observable<RemoteData<PaginatedList<MetadataField>>> {
-    return this.metadataFieldService.searchByFieldNameParams(null, null, null, query, null, options, useCachedVersionIfAvailable, reRequestOnStale, ...linksToFollow);
+  queryMetadataFields(
+    query: string,
+    options: FindListOptions = {},
+    useCachedVersionIfAvailable = true,
+    reRequestOnStale = true,
+    ...linksToFollow: FollowLinkConfig<MetadataField>[]
+  ): Observable<RemoteData<PaginatedList<MetadataField>>> {
+    return this.metadataFieldService.searchByFieldNameParams(
+      null,
+      null,
+      null,
+      query,
+      null,
+      options,
+      useCachedVersionIfAvailable,
+      reRequestOnStale,
+      ...linksToFollow
+    );
   }
 }
diff --git a/src/app/item-page/item-page.module.ts b/src/app/item-page/item-page.module.ts
index 0218da43a6b..a2699098596 100644
--- a/src/app/item-page/item-page.module.ts
+++ b/src/app/item-page/item-page.module.ts
@@ -48,12 +48,14 @@ import { ChartsModule } from 'ng2-charts';
 import { ClarinGenericItemFieldComponent } from './simple/field-components/clarin-generic-item-field/clarin-generic-item-field.component';
 import { ClarinCollectionsItemFieldComponent } from './simple/field-components/clarin-collections-item-field/clarin-collections-item-field.component';
 import { ClarinFilesItemFieldComponent } from './simple/field-components/clarin-files-item-field/clarin-files-item-field.component';
+import { FileDescriptionComponent } from './simple/field-components/preview-section/file-description/file-description.component';
+import { FileTreeViewComponent } from './simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component';
 import { PreviewSectionComponent } from './simple/field-components/preview-section/preview-section.component';
 
 const ENTRY_COMPONENTS = [
   // put only entry components that use custom decorator
   PublicationComponent,
-  UntypedItemComponent
+  UntypedItemComponent,
 ];
 
 const DECLARATIONS = [
@@ -94,7 +96,9 @@ const DECLARATIONS = [
   ClarinGenericItemFieldComponent,
   ClarinCollectionsItemFieldComponent,
   ClarinFilesItemFieldComponent,
-  PreviewSectionComponent
+  PreviewSectionComponent,
+  FileDescriptionComponent,
+  FileTreeViewComponent,
 ];
 
 @NgModule({
@@ -107,15 +111,10 @@ const DECLARATIONS = [
     JournalEntitiesModule.withEntryComponents(),
     ResearchEntitiesModule.withEntryComponents(),
     NgxGalleryModule,
-    ChartsModule
-  ],
-  declarations: [
-    ...DECLARATIONS,
-    VersionedItemComponent
+    ChartsModule,
   ],
-    exports: [
-        ...DECLARATIONS
-    ]
+  declarations: [...DECLARATIONS, VersionedItemComponent],
+  exports: [...DECLARATIONS],
 })
 export class ItemPageModule {
   /**
@@ -125,8 +124,7 @@ export class ItemPageModule {
   static withEntryComponents() {
     return {
       ngModule: ItemPageModule,
-      providers: ENTRY_COMPONENTS.map((component) => ({provide: component}))
+      providers: ENTRY_COMPONENTS.map((component) => ({ provide: component })),
     };
   }
-
 }
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
new file mode 100644
index 00000000000..8a5cd15c580
--- /dev/null
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
@@ -0,0 +1,91 @@
+<div class="file-preview-box">
+  <div style="text-align: left;" *ngIf = "fileInput.format === 'video/mp4'">
+    <video preload="none" controls="controls" height="240">
+    <source src="https://samplelib.com/lib/preview/mp4/sample-5s.mp4" type="video/mp4">
+                      Your browser does not support the video tag.
+                    </video>
+  </div>
+  <div class="file-content">
+    <dl class="dl-horizontal">
+      <dt>Name</dt>
+      <dd
+        xmlns:i18n="http://apache.org/cocoon/i18n/2.1"
+        title="ud-treebanks-v2.12.tgz"
+      >
+        {{ fileInput.name }}
+      </dd>
+      <dt>Size</dt>
+      <dd xmlns:i18n="http://apache.org/cocoon/i18n/2.1">
+        {{ fileInput.fileSize }}
+      </dd>
+      <dt xmlns:i18n="http://apache.org/cocoon/i18n/2.1">Format</dt>
+      <dd xmlns:i18n="http://apache.org/cocoon/i18n/2.1">
+        {{ fileInput.format }}
+      </dd>
+      <dt xmlns:i18n="http://apache.org/cocoon/i18n/2.1">Description</dt>
+      <dd xmlns:i18n="http://apache.org/cocoon/i18n/2.1">
+        {{ fileInput.description }}
+      </dd>
+      <dt>MD5</dt>
+      <dd xmlns:i18n="http://apache.org/cocoon/i18n/2.1">
+        {{ fileInput.checksum }}
+      </dd>
+    </dl>
+    <img
+      *ngIf = "fileInput.format !== 'video/mp4'"
+      src="https://lindat.mff.cuni.cz/repository/xmlui/themes/UFAL/images/mime/application-x-gzip.png"
+      alt="Preview"
+      class="preview-image"
+    />
+  </div>
+  <div class="button-container">
+    <a
+      class="download-btn"
+    >
+      <i class="fa fa-chevron-circle-down">&nbsp;</i>Download file</a
+    >
+    <a
+      xmlns:i18n="http://apache.org/cocoon/i18n/2.1"
+      data-toggle="collapse"
+      *ngIf = "fileInput.format !== 'video/mp4'"
+      role="button"
+      class="preview-btn collapsed"
+      href="#file_file_{{fileInput.id}}"
+    >
+      <i class="fa fa-eye">&nbsp;</i>Preview</a
+    >
+  </div>
+  <div
+    xmlns:i18n="http://apache.org/cocoon/i18n/2.1"
+    class="in collapse"
+    id="file_file_{{fileInput.id}}"
+    style="height: auto"
+  >
+    <div style="margin: 5px 1px 1px 1px" class="panel panel-info">
+      <div
+        style="height: auto; padding: 0px"
+        class="bold panel-heading text-center"
+      >
+        <i class="fa fa-eye">&nbsp;</i>File Preview<a
+          xmlns:i18n="http://apache.org/cocoon/i18n/2.1"
+          class="pull-right collapsed"
+          data-toggle="collapse"
+          role="button"
+          href="#file_file_{{fileInput.id}}"
+        >
+          <i class="fa fa-remove">&nbsp;</i>
+        </a>
+      </div>
+      <div style="max-height: 200px; overflow: scroll" class="panel-body">
+        <ul class="treeview in collapse show">
+          <ng-container *ngIf="fileInput.format === 'application/pdf'">
+            <ds-file-tree-view *ngFor="let node of fileInput.fileInfo" [node]="node"></ds-file-tree-view>
+          </ng-container>
+          <ng-container *ngIf="fileInput.format === 'text/plain'">
+            <pre>{{fileInput.fileInfo[0].content}}</pre>
+          </ng-container>
+        </ul>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.scss b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.scss
new file mode 100644
index 00000000000..2336ee20794
--- /dev/null
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.scss
@@ -0,0 +1,106 @@
+.file-preview-box {
+    border: 1px solid #ddd;
+    padding: 4px;
+    margin-bottom: 10px;
+
+    video {
+        margin-left: 100px;
+    }
+
+    .file-content {
+        display: flex !important;
+        width: 100%;
+        justify-content: space-between;
+
+        .dl-horizontal {
+            margin-bottom: 0;
+        }
+
+        .thumbnails dl {
+            padding: 5px;
+            display: table;
+        }
+
+        @media (min-width: 768px){
+            .dl-horizontal dt {
+                float: left;
+                width: 160px;
+                overflow: hidden;
+                clear: left;
+                text-align: right;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+            }
+        }
+
+        @media (min-width: 768px) {
+            .dl-horizontal dd {
+                margin-left: 180px;
+            }
+        }
+        
+
+        .preview-image {
+            width: 10%;
+            height: 10%;
+        }
+        
+    }
+
+    .button-container {
+        .download-btn, .preview-btn {
+            display: inline;
+            padding: .2em .6em .3em;
+            font-size: 14px;
+            font-weight: bold;
+            line-height: 1;
+            text-align: center;
+            white-space: nowrap;
+            vertical-align: baseline;
+            border-radius: .25em;
+            border: none;
+            color: white;
+            cursor: pointer;
+            background-color: #5bc0de;
+        }
+    }
+
+    .panel {
+        background-color: #fff;
+        border: 1px solid transparent;
+        border-radius: 4px;
+        box-shadow: 0 1px 1px rgba(0,0,0,0.05);
+    }
+    
+    .panel-info {
+        border-color: #bce8f1;
+    }
+    
+    .panel-info>.panel-heading {
+        color: #3a87ad;
+        background-color: #d9edf7;
+        border-color: #bce8f1;
+    }
+
+    .panel-body {
+        padding: 15px;
+
+        pre {
+            display: block;
+            padding: 9.5px;
+            margin: 0 0 10px;
+            font-size: 13px;
+            line-height: 1.428571429;
+            color: #333;
+            white-space: pre-wrap;
+            word-wrap: break-word;
+            background-color: #f5f5f5;
+            border: 1px solid #ccc;
+            border-radius: 4px;
+        }
+    }
+
+    .pull-right {
+        float: right !important;
+    }
+}
\ No newline at end of file
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.spec.ts b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.spec.ts
new file mode 100644
index 00000000000..46586a7ce43
--- /dev/null
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.spec.ts
@@ -0,0 +1,52 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+import { MetadataBitstream } from 'src/app/core/metadata/metadata-bitstream.model';
+import { ResourceType } from 'src/app/core/shared/resource-type';
+import { FileDescriptionComponent } from './file-description.component';
+
+describe('FileDescriptionComponent', () => {
+  let component: FileDescriptionComponent;
+  let fixture: ComponentFixture<FileDescriptionComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [FileDescriptionComponent],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(FileDescriptionComponent);
+    component = fixture.componentInstance;
+
+    // Mock the input value
+    const fileInput = new MetadataBitstream();
+    fileInput.id = 123;
+    fileInput.name = 'testFile';
+    fileInput.description = 'test description';
+    fileInput.fileSize = '5MB';
+    fileInput.checksum = 'abc';
+    fileInput.type = new ResourceType('item');
+    fileInput.fileInfo = [];
+    fileInput.format = 'application/pdf';
+    fileInput.canPreview = false;
+    fileInput._links = {
+      self: { href: '' },
+      schema: { href: '' },
+    };
+
+    component.fileInput = fileInput;
+
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+
+  it('should display the file name', () => {
+    const fileNameElement = fixture.debugElement.query(
+      By.css('.file-content dd')
+    ).nativeElement;
+    expect(fileNameElement.textContent).toContain('testFile');
+  });
+});
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts
new file mode 100644
index 00000000000..68145d2fff4
--- /dev/null
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts
@@ -0,0 +1,16 @@
+import { Component, Input, OnInit } from '@angular/core';
+import { MetadataBitstream } from 'src/app/core/metadata/metadata-bitstream.model';
+
+@Component({
+  selector: 'ds-file-description',
+  templateUrl: './file-description.component.html',
+  styleUrls: ['./file-description.component.scss'],
+})
+export class FileDescriptionComponent implements OnInit {
+  @Input()
+  fileInput: MetadataBitstream;
+
+  ngOnInit(): void {
+    console.log(this.fileInput);
+  }
+}
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.html b/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.html
new file mode 100644
index 00000000000..b61251030b7
--- /dev/null
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.html
@@ -0,0 +1,24 @@
+<li>
+  <span class="foldername" *ngIf="node.isDirectory; else fileTemplate">
+    <a role="button" data-toggle="collapse" href="#folder_{{ node.name }}">
+      {{ node.name }}
+    </a>
+  </span>
+
+  <ng-template #fileTemplate>
+    <span class="filename">{{ node.name }}</span
+    ><span class="size pull-right">{{ node.size }}</span>
+  </ng-template>
+
+  <ul
+    id="folder_{{ node.name }}"
+    class="in"
+    style="height: auto"
+    *ngIf="node.isDirectory && node.sub"
+  >
+    <ds-file-tree-view
+      *ngFor="let subNodeKey of getKeys(node.sub)"
+      [node]="node.sub[subNodeKey]"
+    ></ds-file-tree-view>
+  </ul>
+</li>
\ No newline at end of file
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.scss b/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.scss
new file mode 100644
index 00000000000..1aaef2bf84c
--- /dev/null
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.scss
@@ -0,0 +1,23 @@
+.foldername:before {
+    font-family: FontAwesome;
+    content: '\f07b';
+    margin-right: 5px;
+    color: #a0a0a0;
+}
+
+.filename:before {
+    font-family: FontAwesome;
+    content: '\f016';
+    margin-right: 5px;
+    color: #a0a0a0;
+}
+
+ li {
+    padding: 0 0 0 8px;
+    margin: 0;
+    list-style: none;
+}
+
+.pull-right {
+    float: right !important;
+}
\ No newline at end of file
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.spec.ts b/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.spec.ts
new file mode 100644
index 00000000000..606370da57a
--- /dev/null
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.spec.ts
@@ -0,0 +1,55 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+import { FileInfo, MetadataBitstream } from 'src/app/core/metadata/metadata-bitstream.model';
+import { FileTreeViewComponent } from './file-tree-view.component';
+
+describe('FileTreeViewComponent', () => {
+  let component: FileTreeViewComponent;
+  let fixture: ComponentFixture<FileTreeViewComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ FileTreeViewComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(FileTreeViewComponent);
+    component = fixture.componentInstance;
+
+    // Mock the node input value
+    const fileInfo = new FileInfo();
+    fileInfo.name = 'TestFolder';
+    fileInfo.isDirectory = true;
+    fileInfo.size = null;
+    fileInfo.content = null; // add content property
+    fileInfo.sub = {
+      'TestSubFolder': {
+        name: 'TestSubFolder',
+        isDirectory: true,
+        size: null,
+        content: null, // add content property
+        sub: null
+      }
+    };
+
+    const metadataBitstream = new MetadataBitstream();
+    metadataBitstream.fileInfo = [fileInfo];
+    component.node = fileInfo;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+
+  it('should display the node name', () => {
+    const nodeNameElement = fixture.debugElement.query(By.css('.foldername')).nativeElement;
+    expect(nodeNameElement.textContent).toContain('TestFolder');
+  });
+
+  it('should correctly get the keys of the sub object', () => {
+    expect(component.getKeys(component.node.sub)).toEqual(['TestSubFolder']);
+  });
+});
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.ts b/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.ts
new file mode 100644
index 00000000000..4471ebb25b7
--- /dev/null
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.ts
@@ -0,0 +1,20 @@
+import { Component, Input, OnInit } from '@angular/core';
+import { FileInfo } from 'src/app/core/metadata/metadata-bitstream.model';
+
+@Component({
+  selector: 'ds-file-tree-view',
+  templateUrl: './file-tree-view.component.html',
+  styleUrls: ['./file-tree-view.component.scss'],
+})
+export class FileTreeViewComponent implements OnInit {
+  @Input()
+  node: FileInfo;
+
+  getKeys(obj: any): string[] {
+    return Object.keys(obj);
+  }
+
+  ngOnInit(): void {
+    console.log(this.node);
+  }
+}
diff --git a/src/app/item-page/simple/field-components/preview-section/preview-section.component.html b/src/app/item-page/simple/field-components/preview-section/preview-section.component.html
index 328e3c21251..37ba7d1ce28 100644
--- a/src/app/item-page/simple/field-components/preview-section/preview-section.component.html
+++ b/src/app/item-page/simple/field-components/preview-section/preview-section.component.html
@@ -1,4712 +1,3 @@
-<div class="file-preview-box">
-  <div class="file-content">
-    <dl class="dl-horizontal">
-      <dt>Name</dt>
-      <dd
-        xmlns:i18n="http://apache.org/cocoon/i18n/2.1"
-        title="ud-treebanks-v2.12.tgz"
-      >
-        ud-treebanks-v2.12.tgz
-      </dd>
-      <dt>Size</dt>
-      <dd xmlns:i18n="http://apache.org/cocoon/i18n/2.1">497.82 MB</dd>
-      <dt xmlns:i18n="http://apache.org/cocoon/i18n/2.1">Format</dt>
-      <dd xmlns:i18n="http://apache.org/cocoon/i18n/2.1">application/x-gzip</dd>
-      <dt xmlns:i18n="http://apache.org/cocoon/i18n/2.1">Description</dt>
-      <dd xmlns:i18n="http://apache.org/cocoon/i18n/2.1">Treebank data</dd>
-      <dt>MD5</dt>
-      <dd xmlns:i18n="http://apache.org/cocoon/i18n/2.1">
-        afb7546d9591a82f372686bcc100db52
-      </dd>
-    </dl>
-    <img [src]="file.previewImageUrl" alt="Preview" class="preview-image" />
-  </div>
-  <div class="button-container">
-    <a
-      class="download-btn"
-      href="/repository/xmlui/bitstream/handle/11234/1-5150/ud-treebanks-v2.12.tgz?sequence=1&amp;isAllowed=y"
-    >
-      <i class="fa fa-chevron-circle-down">&nbsp;</i>Download file</a
-    >
-    <a
-      xmlns:i18n="http://apache.org/cocoon/i18n/2.1"
-      data-toggle="collapse"
-      role="button"
-      class="preview-btn collapsed"
-      href="#file_file_9566"
-    >
-      <i class="fa fa-eye">&nbsp;</i>Preview</a
-    >
-  </div>
-  <div
-    xmlns:i18n="http://apache.org/cocoon/i18n/2.1"
-    class="in collapse"
-    id="file_file_9566"
-    style="height: auto"
-  >
-    <div style="margin: 5px 1px 1px 1px" class="panel panel-info">
-      <div
-        style="height: auto; padding: 0px"
-        class="bold panel-heading text-center"
-      >
-        <i class="fa fa-eye">&nbsp;</i>File Preview<a
-          xmlns:i18n="http://apache.org/cocoon/i18n/2.1"
-          class="pull-right collapsed"
-          data-toggle="collapse"
-          role="button"
-          href="#file_file_9566"
-        >
-          <i class="fa fa-remove">&nbsp;</i>
-        </a>
-      </div>
-      <div style="max-height: 200px; overflow: scroll" class="panel-body">
-        <ul class="treeview in collapse show">
-          <li>
-            <span class="foldername"
-              ><a role="button" data-toggle="collapse" href="#folder_1"
-                >ud-treebanks-v2.12</a
-              ></span
-            >
-            <ul id="folder_1" class="in" style="height: auto">
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_2"
-                    >UD_English-PUD</a
-                  ></span
-                >
-                <ul id="folder_2" class="in collapse show" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">8 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">en_pud-ud-test.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">6 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">en_pud-ud-test.txt</span
-                    ><span class="size pull-right">109 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">19 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_8"
-                    >UD_Finnish-PUD</a
-                  ></span
-                >
-                <ul id="folder_8" class="in collapse show" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">17 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.txt</span
-                    ><span class="size pull-right">2 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">fi_pud-ud-test.txt</span
-                    ><span class="size pull-right">119 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">fi_pud-ud-test.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_14"
-                    >UD_Telugu-MTG</a
-                  ></span
-                >
-                <ul id="folder_14" class="in collapse show" style="height: auto">
-                  <li>
-                    <span class="filename">te_mtg-ud-test.txt</span
-                    ><span class="size pull-right">10 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">1 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">te_mtg-ud-train.conllu</span
-                    ><span class="size pull-right">494 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">te_mtg-ud-dev.conllu</span
-                    ><span class="size pull-right">64 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">3 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">te_mtg-ud-test.conllu</span
-                    ><span class="size pull-right">70 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">te_mtg-ud-dev.txt</span
-                    ><span class="size pull-right">9 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">te_mtg-ud-train.txt</span
-                    ><span class="size pull-right">72 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_24"
-                    >UD_Neapolitan-RB</a
-                  ></span
-                >
-                <ul id="folder_24" class="in collapse show" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">1 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">1 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">nap_rb-ud-test.conllu</span
-                    ><span class="size pull-right">431 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">nap_rb-ud-test.txt</span
-                    ><span class="size pull-right">56 B</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_30"
-                    >UD_Swedish-Talbanken</a
-                  ></span
-                >
-                <ul id="folder_30" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">sv_talbanken-ud-test.txt</span
-                    ><span class="size pull-right">122 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">7 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">sv_talbanken-ud-train.txt</span
-                    ><span class="size pull-right">402 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">9 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">20 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">sv_talbanken-ud-train.conllu</span
-                    ><span class="size pull-right">5 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">sv_talbanken-ud-dev.conllu</span
-                    ><span class="size pull-right">834 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">sv_talbanken-ud-test.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">sv_talbanken-ud-dev.txt</span
-                    ><span class="size pull-right">58 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_40"
-                    >UD_Romanian-RRT</a
-                  ></span
-                >
-                <ul id="folder_40" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">5 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ro_rrt-ud-dev.txt</span
-                    ><span class="size pull-right">98 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ro_rrt-ud-train.conllu</span
-                    ><span class="size pull-right">13 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">12 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">66 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">ro_rrt-ud-dev.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ro_rrt-ud-test.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ro_rrt-ud-train.txt</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ro_rrt-ud-test.txt</span
-                    ><span class="size pull-right">94 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_50"
-                    >UD_Czech-CLTT</a
-                  ></span
-                >
-                <ul id="folder_50" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">cs_cltt-ud-dev.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">cs_cltt-ud-test.txt</span
-                    ><span class="size pull-right">81 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">3 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">cs_cltt-ud-train.txt</span
-                    ><span class="size pull-right">96 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">cs_cltt-ud-dev.txt</span
-                    ><span class="size pull-right">76 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">13 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">cs_cltt-ud-train.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">265 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">cs_cltt-ud-test.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_60"
-                    >UD_Czech-PUD</a
-                  ></span
-                >
-                <ul id="folder_60" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">16 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">3 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">cs_pud-ud-test.txt</span
-                    ><span class="size pull-right">114 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">cs_pud-ud-test.conllu</span
-                    ><span class="size pull-right">2 MB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_66"
-                    >UD_Sinhala-STB</a
-                  ></span
-                >
-                <ul id="folder_66" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">14 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">1 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">si_stb-ud-test.txt</span
-                    ><span class="size pull-right">11 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">si_stb-ud-test.conllu</span
-                    ><span class="size pull-right">109 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_72"
-                    >UD_German-GSD</a
-                  ></span
-                >
-                <ul id="folder_72" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">9 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">de_gsd-ud-dev.conllu</span
-                    ><span class="size pull-right">882 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">de_gsd-ud-dev.txt</span
-                    ><span class="size pull-right">72 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">de_gsd-ud-train.txt</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">de_gsd-ud-test.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">11 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">de_gsd-ud-train.conllu</span
-                    ><span class="size pull-right">18 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">de_gsd-ud-test.txt</span
-                    ><span class="size pull-right">97 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_82"
-                    >UD_Zaar-Autogramm</a
-                  ></span
-                >
-                <ul id="folder_82" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">10 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">2 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">say_autogramm-ud-test.conllu</span
-                    ><span class="size pull-right">951 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">say_autogramm-ud-test.txt</span
-                    ><span class="size pull-right">42 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_88"
-                    >UD_Akuntsu-TuDeT</a
-                  ></span
-                >
-                <ul id="folder_88" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">7 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">aqz_tudet-ud-test.conllu</span
-                    ><span class="size pull-right">89 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">3 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">aqz_tudet-ud-test.txt</span
-                    ><span class="size pull-right">6 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_94"
-                    >UD_Komi_Permyak-UH</a
-                  ></span
-                >
-                <ul id="folder_94" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">14 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">6 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">koi_uh-ud-test.conllu</span
-                    ><span class="size pull-right">107 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">koi_uh-ud-test.txt</span
-                    ><span class="size pull-right">8 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_100"
-                    >UD_Pomak-Philotis</a
-                  ></span
-                >
-                <ul id="folder_100" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">2 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">qpm_philotis-ud-train.conllu</span
-                    ><span class="size pull-right">5 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">qpm_philotis-ud-test.txt</span
-                    ><span class="size pull-right">45 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">qpm_philotis-ud-train.txt</span
-                    ><span class="size pull-right">357 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">qpm_philotis-ud-dev.txt</span
-                    ><span class="size pull-right">45 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">qpm_philotis-ud-dev.conllu</span
-                    ><span class="size pull-right">690 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">qpm_philotis-ud-test.conllu</span
-                    ><span class="size pull-right">695 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">12 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">417 B</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_110"
-                    >UD_Faroese-FarPaHC</a
-                  ></span
-                >
-                <ul id="folder_110" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">fo_farpahc-ud-dev.conllu</span
-                    ><span class="size pull-right">465 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">fo_farpahc-ud-dev.txt</span
-                    ><span class="size pull-right">42 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">4 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">fo_farpahc-ud-test.conllu</span
-                    ><span class="size pull-right">459 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">fo_farpahc-ud-train.txt</span
-                    ><span class="size pull-right">105 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">fo_farpahc-ud-train.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">5 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">fo_farpahc-ud-test.txt</span
-                    ><span class="size pull-right">42 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_120"
-                    >UD_Turkish-Penn</a
-                  ></span
-                >
-                <ul id="folder_120" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">1 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">tr_penn-ud-dev.conllu</span
-                    ><span class="size pull-right">477 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">tr_penn-ud-train.conllu</span
-                    ><span class="size pull-right">11 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">tr_penn-ud-test.txt</span
-                    ><span class="size pull-right">69 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">13 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">tr_penn-ud-test.conllu</span
-                    ><span class="size pull-right">682 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">tr_penn-ud-dev.txt</span
-                    ><span class="size pull-right">48 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">tr_penn-ud-train.txt</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_130"
-                    >UD_Japanese-PUDLUW</a
-                  ></span
-                >
-                <ul id="folder_130" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">4 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">5 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ja_pudluw-ud-test.txt</span
-                    ><span class="size pull-right">138 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">ja_pudluw-ud-test.conllu</span
-                    ><span class="size pull-right">4 MB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_136"
-                    >UD_Chinese-PUD</a
-                  ></span
-                >
-                <ul id="folder_136" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">5 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">5 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">zh_pud-ud-test.conllu</span
-                    ><span class="size pull-right">2 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">zh_pud-ud-test.txt</span
-                    ><span class="size pull-right">101 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">19 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_142"
-                    >UD_Teko-TuDeT</a
-                  ></span
-                >
-                <ul id="folder_142" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">14 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">eme_tudet-ud-test.conllu</span
-                    ><span class="size pull-right">206 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">eme_tudet-ud-test.txt</span
-                    ><span class="size pull-right">17 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">1 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_148"
-                    >UD_Latin-UDante</a
-                  ></span
-                >
-                <ul id="folder_148" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">la_udante-ud-train.conllu</span
-                    ><span class="size pull-right">2 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">10 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">la_udante-ud-dev.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">la_udante-ud-train.txt</span
-                    ><span class="size pull-right">170 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">19 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">la_udante-ud-test.txt</span
-                    ><span class="size pull-right">78 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">la_udante-ud-dev.txt</span
-                    ><span class="size pull-right">67 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">la_udante-ud-test.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_158"
-                    >UD_Buryat-BDT</a
-                  ></span
-                >
-                <ul id="folder_158" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">12 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.txt</span
-                    ><span class="size pull-right">1 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">bxr_bdt-ud-train.txt</span
-                    ><span class="size pull-right">1 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">bxr_bdt-ud-train.conllu</span
-                    ><span class="size pull-right">11 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">bxr_bdt-ud-test.txt</span
-                    ><span class="size pull-right">114 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">bxr_bdt-ud-test.conllu</span
-                    ><span class="size pull-right">699 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_166"
-                    >UD_Italian-MarkIT</a
-                  ></span
-                >
-                <ul id="folder_166" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">it_markit-ud-dev.txt</span
-                    ><span class="size pull-right">54 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">1 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">it_markit-ud-train.txt</span
-                    ><span class="size pull-right">102 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">it_markit-ud-test.txt</span
-                    ><span class="size pull-right">52 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">8 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">it_markit-ud-train.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">188 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">it_markit-ud-test.conllu</span
-                    ><span class="size pull-right">642 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">it_markit-ud-dev.conllu</span
-                    ><span class="size pull-right">649 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_176"
-                    >UD_Abaza-ATB</a
-                  ></span
-                >
-                <ul id="folder_176" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">17 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">abq_atb-ud-test.conllu</span
-                    ><span class="size pull-right">125 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">1 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">abq_atb-ud-test.txt</span
-                    ><span class="size pull-right">9 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_182"
-                    >UD_Slovenian-SST</a
-                  ></span
-                >
-                <ul id="folder_182" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">11 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">sl_sst-ud-test.txt</span
-                    ><span class="size pull-right">53 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">5 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">sl_sst-ud-train.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">sl_sst-ud-test.conllu</span
-                    ><span class="size pull-right">988 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">441 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">sl_sst-ud-train.txt</span
-                    ><span class="size pull-right">103 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_190"
-                    >UD_English-GUMReddit</a
-                  ></span
-                >
-                <ul id="folder_190" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">24 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">en_gumreddit-ud-train.txt</span
-                    ><span class="size pull-right">23 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">en_gumreddit-ud-train.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">en_gumreddit-ud-dev.conllu</span
-                    ><span class="size pull-right">171 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">get_text.py</span
-                    ><span class="size pull-right">28 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">en_gumreddit-ud-dev.txt</span
-                    ><span class="size pull-right">3 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">6 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">en_gumreddit-ud-test.txt</span
-                    ><span class="size pull-right">3 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">313 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">en_gumreddit-ud-test.conllu</span
-                    ><span class="size pull-right">172 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_201"
-                    >UD_Guarani-OldTuDeT</a
-                  ></span
-                >
-                <ul id="folder_201" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">8 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">2 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">gn_oldtudet-ud-test.txt</span
-                    ><span class="size pull-right">1 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">gn_oldtudet-ud-test.conllu</span
-                    ><span class="size pull-right">18 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_207"
-                    >UD_Warlpiri-UFAL</a
-                  ></span
-                >
-                <ul id="folder_207" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">6 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">870 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">wbp_ufal-ud-test.txt</span
-                    ><span class="size pull-right">2 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">wbp_ufal-ud-test.conllu</span
-                    ><span class="size pull-right">37 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_213"
-                    >UD_Norwegian-Bokmaal</a
-                  ></span
-                >
-                <ul id="folder_213" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">7 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">no_bokmaal-ud-dev.txt</span
-                    ><span class="size pull-right">195 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">no_bokmaal-ud-train.txt</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">no_bokmaal-ud-test.txt</span
-                    ><span class="size pull-right">161 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">9 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">no_bokmaal-ud-train.conllu</span
-                    ><span class="size pull-right">15 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">no_bokmaal-ud-test.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">no_bokmaal-ud-dev.conllu</span
-                    ><span class="size pull-right">2 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">68 B</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_223"
-                    >UD_French-FQB</a
-                  ></span
-                >
-                <ul id="folder_223" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">8 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">fr_fqb-ud-test.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">3 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">fr_fqb-ud-test.txt</span
-                    ><span class="size pull-right">117 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">14 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_229"
-                    >UD_South_Levantine_Arabic-MADAR</a
-                  ></span
-                >
-                <ul id="folder_229" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">4 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">2 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ajp_madar-ud-test.conllu</span
-                    ><span class="size pull-right">42 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ajp_madar-ud-test.txt</span
-                    ><span class="size pull-right">5 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_235"
-                    >UD_Chinese-GSDSimp</a
-                  ></span
-                >
-                <ul id="folder_235" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">zh_gsdsimp-ud-test.txt</span
-                    ><span class="size pull-right">53 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">2 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">zh_gsdsimp-ud-dev.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">zh_gsdsimp-ud-train.txt</span
-                    ><span class="size pull-right">433 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">zh_gsdsimp-ud-train.conllu</span
-                    ><span class="size pull-right">8 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">5 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">zh_gsdsimp-ud-dev.txt</span
-                    ><span class="size pull-right">55 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">zh_gsdsimp-ud-test.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_245"
-                    >UD_Galician-CTG</a
-                  ></span
-                >
-                <ul id="folder_245" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">gl_ctg-ud-dev.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">2 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">gl_ctg-ud-test.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">gl_ctg-ud-dev.txt</span
-                    ><span class="size pull-right">155 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">gl_ctg-ud-train.conllu</span
-                    ><span class="size pull-right">4 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">gl_ctg-ud-test.txt</span
-                    ><span class="size pull-right">156 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">4 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">gl_ctg-ud-train.txt</span
-                    ><span class="size pull-right">413 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">173 B</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_255"
-                    >UD_Slovenian-SSJ</a
-                  ></span
-                >
-                <ul id="folder_255" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">sl_ssj-ud-dev.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">5 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">sl_ssj-ud-train.txt</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">sl_ssj-ud-test.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">sl_ssj-ud-train.conllu</span
-                    ><span class="size pull-right">15 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">sl_ssj-ud-dev.txt</span
-                    ><span class="size pull-right">147 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">12 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">222 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">sl_ssj-ud-test.txt</span
-                    ><span class="size pull-right">141 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_265"
-                    >UD_French-PUD</a
-                  ></span
-                >
-                <ul id="folder_265" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">fr_pud-ud-test.txt</span
-                    ><span class="size pull-right">130 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">8 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">fr_pud-ud-test.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">5 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">19 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_271"
-                    >UD_English-GUM</a
-                  ></span
-                >
-                <ul id="folder_271" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">en_gum-ud-test.txt</span
-                    ><span class="size pull-right">99 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">24 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">en_gum-ud-dev.txt</span
-                    ><span class="size pull-right">94 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">en_gum-ud-train.conllu</span
-                    ><span class="size pull-right">12 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">en_gum-ud-dev.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">10 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">en_gum-ud-test.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">en_gum-ud-train.txt</span
-                    ><span class="size pull-right">716 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">1 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_281"
-                    >UD_Moksha-JR</a
-                  ></span
-                >
-                <ul id="folder_281" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">26 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">6 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">mdf_jr-ud-test.txt</span
-                    ><span class="size pull-right">42 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">mdf_jr-ud-test.conllu</span
-                    ><span class="size pull-right">466 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_287"
-                    >UD_Munduruku-TuDeT</a
-                  ></span
-                >
-                <ul id="folder_287" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">8 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">2 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">myu_tudet-ud-test.conllu</span
-                    ><span class="size pull-right">73 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">myu_tudet-ud-test.txt</span
-                    ><span class="size pull-right">5 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_293"
-                    >UD_Indonesian-GSD</a
-                  ></span
-                >
-                <ul id="folder_293" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">6 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">id_gsd-ud-test.txt</span
-                    ><span class="size pull-right">69 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">id_gsd-ud-dev.conllu</span
-                    ><span class="size pull-right">969 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">id_gsd-ud-train.conllu</span
-                    ><span class="size pull-right">7 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">8 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">id_gsd-ud-test.conllu</span
-                    ><span class="size pull-right">903 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">id_gsd-ud-dev.txt</span
-                    ><span class="size pull-right">73 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">id_gsd-ud-train.txt</span
-                    ><span class="size pull-right">573 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_303"
-                    >UD_Kyrgyz-KTMU</a
-                  ></span
-                >
-                <ul id="folder_303" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">14 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">1 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ky_ktmu-ud-train.conllu</span
-                    ><span class="size pull-right">62 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">ky_ktmu-ud-train.txt</span
-                    ><span class="size pull-right">8 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ky_ktmu-ud-test.conllu</span
-                    ><span class="size pull-right">594 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ky_ktmu-ud-test.txt</span
-                    ><span class="size pull-right">78 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_311"
-                    >UD_French-ParTUT</a
-                  ></span
-                >
-                <ul id="folder_311" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">5 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">fr_partut-ud-dev.conllu</span
-                    ><span class="size pull-right">117 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">fr_partut-ud-train.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">fr_partut-ud-test.txt</span
-                    ><span class="size pull-right">14 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">fr_partut-ud-train.txt</span
-                    ><span class="size pull-right">128 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">8 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">18 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">fr_partut-ud-test.conllu</span
-                    ><span class="size pull-right">165 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">fr_partut-ud-dev.txt</span
-                    ><span class="size pull-right">9 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_321"
-                    >UD_Turkish-Tourism</a
-                  ></span
-                >
-                <ul id="folder_321" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">tr_tourism-ud-test.conllu</span
-                    ><span class="size pull-right">715 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">1 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">tr_tourism-ud-dev.conllu</span
-                    ><span class="size pull-right">747 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">tr_tourism-ud-train.conllu</span
-                    ><span class="size pull-right">5 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">13 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">tr_tourism-ud-train.txt</span
-                    ><span class="size pull-right">477 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">tr_tourism-ud-dev.txt</span
-                    ><span class="size pull-right">69 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">tr_tourism-ud-test.txt</span
-                    ><span class="size pull-right">67 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_331"
-                    >UD_Spanish-GSD</a
-                  ></span
-                >
-                <ul id="folder_331" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">5 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">es_gsd-ud-test.conllu</span
-                    ><span class="size pull-right">716 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">es_gsd-ud-train.conllu</span
-                    ><span class="size pull-right">22 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">es_gsd-ud-test.txt</span
-                    ><span class="size pull-right">61 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">es_gsd-ud-train.txt</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">es_gsd-ud-dev.conllu</span
-                    ><span class="size pull-right">2 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">es_gsd-ud-dev.txt</span
-                    ><span class="size pull-right">191 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">11 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_341"
-                    >UD_Ancient_Greek-Perseus</a
-                  ></span
-                >
-                <ul id="folder_341" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">4 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">grc_perseus-ud-dev.txt</span
-                    ><span class="size pull-right">250 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">grc_perseus-ud-test.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">grc_perseus-ud-test.txt</span
-                    ><span class="size pull-right">231 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">grc_perseus-ud-train.txt</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">10 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">grc_perseus-ud-train.conllu</span
-                    ><span class="size pull-right">14 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">279 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">grc_perseus-ud-dev.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_351"
-                    >UD_Mbya_Guarani-Thomas</a
-                  ></span
-                >
-                <ul id="folder_351" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">8 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">3 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">gun_thomas-ud-test.txt</span
-                    ><span class="size pull-right">7 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">gun_thomas-ud-test.conllu</span
-                    ><span class="size pull-right">90 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_357"
-                    >UD_Tagalog-Ugnayan</a
-                  ></span
-                >
-                <ul id="folder_357" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">3 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">1 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">tl_ugnayan-ud-test.txt</span
-                    ><span class="size pull-right">5 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">tl_ugnayan-ud-test.conllu</span
-                    ><span class="size pull-right">53 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">219 B</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_363"
-                    >UD_Italian-TWITTIRO</a
-                  ></span
-                >
-                <ul id="folder_363" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">3 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">it_twittiro-ud-test.conllu</span
-                    ><span class="size pull-right">184 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">it_twittiro-ud-test.txt</span
-                    ><span class="size pull-right">15 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">it_twittiro-ud-train.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">it_twittiro-ud-train.txt</span
-                    ><span class="size pull-right">120 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">9 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">it_twittiro-ud-dev.txt</span
-                    ><span class="size pull-right">15 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">it_twittiro-ud-dev.conllu</span
-                    ><span class="size pull-right">188 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_373"
-                    >UD_Skolt_Sami-Giellagas</a
-                  ></span
-                >
-                <ul id="folder_373" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">12 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">sms_giellagas-ud-test.conllu</span
-                    ><span class="size pull-right">233 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">sms_giellagas-ud-test.txt</span
-                    ><span class="size pull-right">17 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">4 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_379"
-                    >UD_English-Atis</a
-                  ></span
-                >
-                <ul id="folder_379" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">en_atis-ud-test.conllu</span
-                    ><span class="size pull-right">342 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">1 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">en_atis-ud-train.conllu</span
-                    ><span class="size pull-right">2 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">en_atis-ud-test.txt</span
-                    ><span class="size pull-right">36 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">en_atis-ud-train.txt</span
-                    ><span class="size pull-right">271 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">en_atis-ud-dev.txt</span
-                    ><span class="size pull-right">36 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">6 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">en_atis-ud-dev.conllu</span
-                    ><span class="size pull-right">341 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_389"
-                    >UD_Polish-LFG</a
-                  ></span
-                >
-                <ul id="folder_389" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">pl_lfg-ud-dev.txt</span
-                    ><span class="size pull-right">74 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">pl_lfg-ud-train.txt</span
-                    ><span class="size pull-right">596 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">6 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">pl_lfg-ud-test.txt</span
-                    ><span class="size pull-right">74 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">pl_lfg-ud-dev.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">pl_lfg-ud-test.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">14 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">34 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">pl_lfg-ud-train.conllu</span
-                    ><span class="size pull-right">11 MB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_399"
-                    >UD_Russian-GSD</a
-                  ></span
-                >
-                <ul id="folder_399" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">ru_gsd-ud-dev.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">1 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ru_gsd-ud-test.conllu</span
-                    ><span class="size pull-right">1003 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ru_gsd-ud-dev.txt</span
-                    ><span class="size pull-right">123 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ru_gsd-ud-train.txt</span
-                    ><span class="size pull-right">794 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ru_gsd-ud-test.txt</span
-                    ><span class="size pull-right">120 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">13 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">ru_gsd-ud-train.conllu</span
-                    ><span class="size pull-right">6 MB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_409"
-                    >UD_Classical_Chinese-Kyoto</a
-                  ></span
-                >
-                <ul id="folder_409" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">lzh_kyoto-ud-train.conllu</span
-                    ><span class="size pull-right">34 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">4 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">lzh_kyoto-ud-test.conllu</span
-                    ><span class="size pull-right">2 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">lzh_kyoto-ud-train.txt</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">lzh_kyoto-ud-dev.txt</span
-                    ><span class="size pull-right">97 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">lzh_kyoto-ud-dev.conllu</span
-                    ><span class="size pull-right">2 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">7 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">lzh_kyoto-ud-test.txt</span
-                    ><span class="size pull-right">84 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_419"
-                    >UD_Estonian-EWT</a
-                  ></span
-                >
-                <ul id="folder_419" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">et_ewt-ud-train.txt</span
-                    ><span class="size pull-right">379 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">4 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">et_ewt-ud-dev.txt</span
-                    ><span class="size pull-right">54 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">et_ewt-ud-dev.conllu</span
-                    ><span class="size pull-right">698 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">et_ewt-ud-test.conllu</span
-                    ><span class="size pull-right">926 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">et_ewt-ud-test.txt</span
-                    ><span class="size pull-right">76 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">et_ewt-ud-train.conllu</span
-                    ><span class="size pull-right">4 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">13 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_429"
-                    >UD_Chinese-PatentChar</a
-                  ></span
-                >
-                <ul id="folder_429" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">2 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">1009 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">zh_patentchar-ud-test.txt</span
-                    ><span class="size pull-right">11 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">zh_patentchar-ud-test.conllu</span
-                    ><span class="size pull-right">115 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_435"
-                    >UD_Yakut-YKTDT</a
-                  ></span
-                >
-                <ul id="folder_435" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">10 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">2 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">sah_yktdt-ud-test.txt</span
-                    ><span class="size pull-right">15 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">sah_yktdt-ud-test.conllu</span
-                    ><span class="size pull-right">148 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_441"
-                    >UD_Indonesian-CSUI</a
-                  ></span
-                >
-                <ul id="folder_441" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">7 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">3 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">id_csui-ud-test.txt</span
-                    ><span class="size pull-right">59 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">id_csui-ud-train.txt</span
-                    ><span class="size pull-right">108 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">id_csui-ud-test.conllu</span
-                    ><span class="size pull-right">589 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">id_csui-ud-train.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_449"
-                    >UD_Portuguese-PetroGold</a
-                  ></span
-                >
-                <ul id="folder_449" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">3 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">pt_petrogold-ud-test.txt</span
-                    ><span class="size pull-right">154 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">pt_petrogold-ud-dev.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">pt_petrogold-ud-train.conllu</span
-                    ><span class="size pull-right">12 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">9 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">pt_petrogold-ud-dev.txt</span
-                    ><span class="size pull-right">115 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">pt_petrogold-ud-train.txt</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">pt_petrogold-ud-test.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_459"
-                    >UD_Lithuanian-ALKSNIS</a
-                  ></span
-                >
-                <ul id="folder_459" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">lt_alksnis-ud-train.txt</span
-                    ><span class="size pull-right">317 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">4 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">lt_alksnis-ud-test.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">lt_alksnis-ud-train.conllu</span
-                    ><span class="size pull-right">4 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">lt_alksnis-ud-test.txt</span
-                    ><span class="size pull-right">69 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">lt_alksnis-ud-dev.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">13 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">lt_alksnis-ud-dev.txt</span
-                    ><span class="size pull-right">78 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_469"
-                    >UD_Dutch-Alpino</a
-                  ></span
-                >
-                <ul id="folder_469" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">nl_alpino-ud-test.conllu</span
-                    ><span class="size pull-right">901 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">nl_alpino-ud-train.conllu</span
-                    ><span class="size pull-right">14 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">nl_alpino-ud-train.txt</span
-                    ><span class="size pull-right">1016 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">nl_alpino-ud-dev.conllu</span
-                    ><span class="size pull-right">942 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">nl_alpino-ud-dev.txt</span
-                    ><span class="size pull-right">62 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">7 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">19 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.txt</span
-                    ><span class="size pull-right">5 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">nl_alpino-ud-test.txt</span
-                    ><span class="size pull-right">64 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_479"
-                    >UD_Apurina-UFPA</a
-                  ></span
-                >
-                <ul id="folder_479" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">9 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">3 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">apu_ufpa-ud-test.conllu</span
-                    ><span class="size pull-right">115 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">apu_ufpa-ud-test.txt</span
-                    ><span class="size pull-right">5 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_485"
-                    >UD_Livvi-KKPP</a
-                  ></span
-                >
-                <ul id="folder_485" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">10 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">olo_kkpp-ud-train.txt</span
-                    ><span class="size pull-right">808 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">4 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">olo_kkpp-ud-test.txt</span
-                    ><span class="size pull-right">9 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">olo_kkpp-ud-test.conllu</span
-                    ><span class="size pull-right">103 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">olo_kkpp-ud-train.conllu</span
-                    ><span class="size pull-right">15 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_493"
-                    >UD_German-PUD</a
-                  ></span
-                >
-                <ul id="folder_493" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">10 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">5 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">19 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">de_pud-ud-test.txt</span
-                    ><span class="size pull-right">126 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">de_pud-ud-test.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_499"
-                    >UD_Western_Armenian-ArmTDP</a
-                  ></span
-                >
-                <ul id="folder_499" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">3 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">hyw_armtdp-ud-test.txt</span
-                    ><span class="size pull-right">141 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">hyw_armtdp-ud-train.txt</span
-                    ><span class="size pull-right">1006 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">hyw_armtdp-ud-dev.txt</span
-                    ><span class="size pull-right">133 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">hyw_armtdp-ud-test.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">hyw_armtdp-ud-dev.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">24 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">hyw_armtdp-ud-train.conllu</span
-                    ><span class="size pull-right">12 MB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_509"
-                    >UD_Urdu-UDTB</a
-                  ></span
-                >
-                <ul id="folder_509" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">2 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ur_udtb-ud-train.txt</span
-                    ><span class="size pull-right">853 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ur_udtb-ud-test.txt</span
-                    ><span class="size pull-right">117 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ur_udtb-ud-train.conllu</span
-                    ><span class="size pull-right">11 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ur_udtb-ud-test.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">11 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ur_udtb-ud-dev.txt</span
-                    ><span class="size pull-right">115 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">247 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">ur_udtb-ud-dev.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_519"
-                    >UD_Akkadian-PISANDUB</a
-                  ></span
-                >
-                <ul id="folder_519" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">3 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">871 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">akk_pisandub-ud-test.txt</span
-                    ><span class="size pull-right">15 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">akk_pisandub-ud-test.conllu</span
-                    ><span class="size pull-right">99 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_525"
-                    >UD_Galician-TreeGal</a
-                  ></span
-                >
-                <ul id="folder_525" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">9 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">5 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">gl_treegal-ud-test.txt</span
-                    ><span class="size pull-right">50 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">gl_treegal-ud-train.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">14 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">gl_treegal-ud-train.txt</span
-                    ><span class="size pull-right">76 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">gl_treegal-ud-test.conllu</span
-                    ><span class="size pull-right">670 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_533"
-                    >UD_Old_Turkish-Tonqq</a
-                  ></span
-                >
-                <ul id="folder_533" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">2 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">otk_tonqq-ud-test.txt</span
-                    ><span class="size pull-right">1 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">1 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">otk_tonqq-ud-test.conllu</span
-                    ><span class="size pull-right">10 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">6 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_539"
-                    >UD_Gheg-GPS</a
-                  ></span
-                >
-                <ul id="folder_539" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">8 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">2 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">aln_gps-ud-test.txt</span
-                    ><span class="size pull-right">71 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">aln_gps-ud-test.conllu</span
-                    ><span class="size pull-right">984 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_545"
-                    >UD_Czech-FicTree</a
-                  ></span
-                >
-                <ul id="folder_545" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">3 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">cs_fictree-ud-test.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">cs_fictree-ud-test.txt</span
-                    ><span class="size pull-right">86 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">cs_fictree-ud-train.conllu</span
-                    ><span class="size pull-right">13 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">cs_fictree-ud-dev.txt</span
-                    ><span class="size pull-right">86 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">15 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">cs_fictree-ud-dev.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">219 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">cs_fictree-ud-train.txt</span
-                    ><span class="size pull-right">696 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_555"
-                    >UD_Italian-PoSTWITA</a
-                  ></span
-                >
-                <ul id="folder_555" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">it_postwita-ud-test.conllu</span
-                    ><span class="size pull-right">759 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">it_postwita-ud-train.txt</span
-                    ><span class="size pull-right">526 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">4 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">it_postwita-ud-dev.conllu</span
-                    ><span class="size pull-right">732 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">it_postwita-ud-train.conllu</span
-                    ><span class="size pull-right">5 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">9 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">18 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">it_postwita-ud-dev.txt</span
-                    ><span class="size pull-right">64 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">it_postwita-ud-test.txt</span
-                    ><span class="size pull-right">67 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_565"
-                    >UD_Low_Saxon-LSDC</a
-                  ></span
-                >
-                <ul id="folder_565" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">10 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">4 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">nds_lsdc-ud-test.conllu</span
-                    ><span class="size pull-right">236 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">nds_lsdc-ud-test.txt</span
-                    ><span class="size pull-right">13 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_571"
-                    >UD_Hebrew-IAHLTwiki</a
-                  ></span
-                >
-                <ul id="folder_571" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">2 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">he_iahltwiki-ud-train.conllu</span
-                    ><span class="size pull-right">8 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">he_iahltwiki-ud-dev.txt</span
-                    ><span class="size pull-right">60 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">he_iahltwiki-ud-dev.conllu</span
-                    ><span class="size pull-right">713 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">he_iahltwiki-ud-test.conllu</span
-                    ><span class="size pull-right">810 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">he_iahltwiki-ud-train.txt</span
-                    ><span class="size pull-right">762 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">12 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">he_iahltwiki-ud-test.txt</span
-                    ><span class="size pull-right">68 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_581"
-                    >UD_Polish-PDB</a
-                  ></span
-                >
-                <ul id="folder_581" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">pl_pdb-ud-train.txt</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">5 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">pl_pdb-ud-dev.conllu</span
-                    ><span class="size pull-right">3 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">pl_pdb-ud-test.txt</span
-                    ><span class="size pull-right">203 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">pl_pdb-ud-train.conllu</span
-                    ><span class="size pull-right">27 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">pl_pdb-ud-dev.txt</span
-                    ><span class="size pull-right">210 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">17 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">384 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">pl_pdb-ud-test.conllu</span
-                    ><span class="size pull-right">3 MB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_591"
-                    >UD_Croatian-SET</a
-                  ></span
-                >
-                <ul id="folder_591" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">hr_set-ud-dev.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">5 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">hr_set-ud-dev.txt</span
-                    ><span class="size pull-right">130 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">hr_set-ud-train.conllu</span
-                    ><span class="size pull-right">11 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">hr_set-ud-train.txt</span
-                    ><span class="size pull-right">901 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">11 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">hr_set-ud-test.txt</span
-                    ><span class="size pull-right">143 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">233 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">hr_set-ud-test.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_601"
-                    >UD_North_Sami-Giella</a
-                  ></span
-                >
-                <ul id="folder_601" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">10 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">2 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">sme_giella-ud-train.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">sme_giella-ud-train.txt</span
-                    ><span class="size pull-right">107 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">sme_giella-ud-test.conllu</span
-                    ><span class="size pull-right">668 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">sme_giella-ud-test.txt</span
-                    ><span class="size pull-right">70 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_609"
-                    >UD_Old_Irish-DipWBG</a
-                  ></span
-                >
-                <ul id="folder_609" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">8 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">2 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">sga_dipwbg-ud-test.txt</span
-                    ><span class="size pull-right">1 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">sga_dipwbg-ud-test.conllu</span
-                    ><span class="size pull-right">31 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_615"
-                    >UD_Khunsari-AHA</a
-                  ></span
-                >
-                <ul id="folder_615" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">4 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">1 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">kfm_aha-ud-test.conllu</span
-                    ><span class="size pull-right">6 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">kfm_aha-ud-test.txt</span
-                    ><span class="size pull-right">542 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_621"
-                    >UD_Xibe-XDT</a
-                  ></span
-                >
-                <ul id="folder_621" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">16 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">sjo_xdt-ud-test.txt</span
-                    ><span class="size pull-right">217 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">1 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">sjo_xdt-ud-test.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_627"
-                    >UD_Maltese-MUDT</a
-                  ></span
-                >
-                <ul id="folder_627" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">mt_mudt-ud-dev.txt</span
-                    ><span class="size pull-right">55 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">6 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">mt_mudt-ud-train.conllu</span
-                    ><span class="size pull-right">1020 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">mt_mudt-ud-test.txt</span
-                    ><span class="size pull-right">59 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">mt_mudt-ud-dev.conllu</span
-                    ><span class="size pull-right">454 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">3 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">mt_mudt-ud-train.txt</span
-                    ><span class="size pull-right">123 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">mt_mudt-ud-test.conllu</span
-                    ><span class="size pull-right">489 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_637"
-                    >UD_Persian-Seraji</a
-                  ></span
-                >
-                <ul id="folder_637" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">fa_seraji-ud-dev.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">5 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">fa_seraji-ud-test.txt</span
-                    ><span class="size pull-right">134 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">fa_seraji-ud-train.conllu</span
-                    ><span class="size pull-right">11 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">fa_seraji-ud-test.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">9 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">fa_seraji-ud-train.txt</span
-                    ><span class="size pull-right">995 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">110 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">fa_seraji-ud-dev.txt</span
-                    ><span class="size pull-right">133 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_647"
-                    >UD_Indonesian-PUD</a
-                  ></span
-                >
-                <ul id="folder_647" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">8 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">8 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">id_pud-ud-test.txt</span
-                    ><span class="size pull-right">117 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">19 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">id_pud-ud-test.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_653"
-                    >UD_Belarusian-HSE</a
-                  ></span
-                >
-                <ul id="folder_653" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">be_hse-ud-test.txt</span
-                    ><span class="size pull-right">180 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">7 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">be_hse-ud-train.txt</span
-                    ><span class="size pull-right">2 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">be_hse-ud-dev.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">be_hse-ud-train.conllu</span
-                    ><span class="size pull-right">27 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">be_hse-ud-test.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">17 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">1021 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">be_hse-ud-dev.txt</span
-                    ><span class="size pull-right">164 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_663"
-                    >UD_Turkish-BOUN</a
-                  ></span
-                >
-                <ul id="folder_663" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">14 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">4 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">tr_boun-ud-train.conllu</span
-                    ><span class="size pull-right">7 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">tr_boun-ud-dev.txt</span
-                    ><span class="size pull-right">81 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">tr_boun-ud-train.txt</span
-                    ><span class="size pull-right">660 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">tr_boun-ud-test.conllu</span
-                    ><span class="size pull-right">933 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_671"
-                    >UD_Norwegian-Nynorsk</a
-                  ></span
-                >
-                <ul id="folder_671" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">no_nynorsk-ud-dev.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">5 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">no_nynorsk-ud-test.txt</span
-                    ><span class="size pull-right">135 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">no_nynorsk-ud-dev.txt</span
-                    ><span class="size pull-right">166 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">8 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">no_nynorsk-ud-test.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">68 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">no_nynorsk-ud-train.txt</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">no_nynorsk-ud-train.conllu</span
-                    ><span class="size pull-right">14 MB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_681"
-                    >UD_Guajajara-TuDeT</a
-                  ></span
-                >
-                <ul id="folder_681" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">13 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">3 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">gub_tudet-ud-test.txt</span
-                    ><span class="size pull-right">47 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">gub_tudet-ud-test.conllu</span
-                    ><span class="size pull-right">705 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_687"
-                    >UD_Ligurian-GLT</a
-                  ></span
-                >
-                <ul id="folder_687" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">8 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">lij_glt-ud-test.conllu</span
-                    ><span class="size pull-right">411 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">lij_glt-ud-train.txt</span
-                    ><span class="size pull-right">918 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">1 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">lij_glt-ud-train.conllu</span
-                    ><span class="size pull-right">14 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">3 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">lij_glt-ud-test.txt</span
-                    ><span class="size pull-right">27 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_695"
-                    >UD_Romanian-SiMoNERo</a
-                  ></span
-                >
-                <ul id="folder_695" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">ro_simonero-ud-test.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">2 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ro_simonero-ud-dev.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ro_simonero-ud-test.txt</span
-                    ><span class="size pull-right">93 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ro_simonero-ud-train.txt</span
-                    ><span class="size pull-right">719 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ro_simonero-ud-dev.txt</span
-                    ><span class="size pull-right">91 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">11 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ro_simonero-ud-train.conllu</span
-                    ><span class="size pull-right">9 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_705"
-                    >UD_Spanish-PUD</a
-                  ></span
-                >
-                <ul id="folder_705" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">9 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">es_pud-ud-test.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">6 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">19 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">es_pud-ud-test.txt</span
-                    ><span class="size pull-right">123 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_711"
-                    >UD_Cebuano-GJA</a
-                  ></span
-                >
-                <ul id="folder_711" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">ceb_gja-ud-test.conllu</span
-                    ><span class="size pull-right">99 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">7 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">1 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">ceb_gja-ud-test.txt</span
-                    ><span class="size pull-right">5 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_717"
-                    >UD_Serbian-SET</a
-                  ></span
-                >
-                <ul id="folder_717" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">sr_set-ud-test.txt</span
-                    ><span class="size pull-right">67 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">1 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">sr_set-ud-train.conllu</span
-                    ><span class="size pull-right">5 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">sr_set-ud-dev.txt</span
-                    ><span class="size pull-right">68 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">11 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">sr_set-ud-test.conllu</span
-                    ><span class="size pull-right">847 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">sr_set-ud-train.txt</span
-                    ><span class="size pull-right">432 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">230 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">sr_set-ud-dev.conllu</span
-                    ><span class="size pull-right">888 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_727"
-                    >UD_Tatar-NMCTT</a
-                  ></span
-                >
-                <ul id="folder_727" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">12 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">1 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">tt_nmctt-ud-test.txt</span
-                    ><span class="size pull-right">26 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">tt_nmctt-ud-test.conllu</span
-                    ><span class="size pull-right">220 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_733"
-                    >UD_Hittite-HitTB</a
-                  ></span
-                >
-                <ul id="folder_733" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">9 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">1 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">hit_hittb-ud-test.conllu</span
-                    ><span class="size pull-right">115 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">hit_hittb-ud-test.txt</span
-                    ><span class="size pull-right">10 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_739"
-                    >UD_Chinese-HK</a
-                  ></span
-                >
-                <ul id="folder_739" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">4 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">4 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">zh_hk-ud-test.conllu</span
-                    ><span class="size pull-right">872 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">zh_hk-ud-test.txt</span
-                    ><span class="size pull-right">41 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_745"
-                    >UD_Marathi-UFAL</a
-                  ></span
-                >
-                <ul id="folder_745" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">1 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">mr_ufal-ud-train.conllu</span
-                    ><span class="size pull-right">385 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">mr_ufal-ud-test.txt</span
-                    ><span class="size pull-right">4 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">mr_ufal-ud-dev.conllu</span
-                    ><span class="size pull-right">56 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">mr_ufal-ud-dev.txt</span
-                    ><span class="size pull-right">4 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">mr_ufal-ud-train.txt</span
-                    ><span class="size pull-right">33 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">14 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">mr_ufal-ud-test.conllu</span
-                    ><span class="size pull-right">51 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_755"
-                    >UD_Maghrebi_Arabic_French-Arabizi</a
-                  ></span
-                >
-                <ul id="folder_755" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">qaf_arabizi-ud-dev.conllu</span
-                    ><span class="size pull-right">222 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">3 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">qaf_arabizi-ud-train.txt</span
-                    ><span class="size pull-right">81 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">qaf_arabizi-ud-test.conllu</span
-                    ><span class="size pull-right">220 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">qaf_arabizi-ud-dev.txt</span
-                    ><span class="size pull-right">11 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">qaf_arabizi-ud-train.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">6 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">qaf_arabizi-ud-test.txt</span
-                    ><span class="size pull-right">11 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_765"
-                    >UD_Afrikaans-AfriBooms</a
-                  ></span
-                >
-                <ul id="folder_765" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">af_afribooms-ud-test.conllu</span
-                    ><span class="size pull-right">618 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">af_afribooms-ud-train.conllu</span
-                    ><span class="size pull-right">2 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">af_afribooms-ud-test.txt</span
-                    ><span class="size pull-right">57 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">8 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.txt</span
-                    ><span class="size pull-right">1 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">af_afribooms-ud-dev.txt</span
-                    ><span class="size pull-right">30 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">af_afribooms-ud-dev.conllu</span
-                    ><span class="size pull-right">321 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">af_afribooms-ud-train.txt</span
-                    ><span class="size pull-right">195 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_775"
-                    >UD_Czech-CAC</a
-                  ></span
-                >
-                <ul id="folder_775" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">cs_cac-ud-test.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">cs_cac-ud-test.txt</span
-                    ><span class="size pull-right">71 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">6 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">cs_cac-ud-train.conllu</span
-                    ><span class="size pull-right">51 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">cs_cac-ud-dev.txt</span
-                    ><span class="size pull-right">72 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">cs_cac-ud-train.txt</span
-                    ><span class="size pull-right">2 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">19 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">265 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">cs_cac-ud-dev.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_785"
-                    >UD_Arabic-PADT</a
-                  ></span
-                >
-                <ul id="folder_785" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">6 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ar_padt-ud-dev.conllu</span
-                    ><span class="size pull-right">5 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ar_padt-ud-train.conllu</span
-                    ><span class="size pull-right">38 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ar_padt-ud-train.txt</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ar_padt-ud-test.txt</span
-                    ><span class="size pull-right">234 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ar_padt-ud-test.conllu</span
-                    ><span class="size pull-right">4 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">11 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ar_padt-ud-dev.txt</span
-                    ><span class="size pull-right">241 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">19 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_795"
-                    >UD_English-Pronouns</a
-                  ></span
-                >
-                <ul id="folder_795" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">5 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">en_pronouns-ud-test.conllu</span
-                    ><span class="size pull-right">138 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">9 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">en_pronouns-ud-test.txt</span
-                    ><span class="size pull-right">7 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_801"
-                    >UD_Upper_Sorbian-UFAL</a
-                  ></span
-                >
-                <ul id="folder_801" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">11 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">hsb_ufal-ud-test.conllu</span
-                    ><span class="size pull-right">730 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">1 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">hsb_ufal-ud-train.conllu</span
-                    ><span class="size pull-right">31 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">hsb_ufal-ud-test.txt</span
-                    ><span class="size pull-right">64 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">hsb_ufal-ud-train.txt</span
-                    ><span class="size pull-right">2 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_809"
-                    >UD_Czech-PDT</a
-                  ></span
-                >
-                <ul id="folder_809" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">cs_pdt-ud-train.conllu</span
-                    ><span class="size pull-right">144 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">12 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">cs_pdt-ud-test.conllu</span
-                    ><span class="size pull-right">21 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">cs_pdt-ud-test.txt</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">cs_pdt-ud-dev.txt</span
-                    ><span class="size pull-right">989 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">cs_pdt-ud-dev.conllu</span
-                    ><span class="size pull-right">19 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">18 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">311 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">cs_pdt-ud-train.txt</span
-                    ><span class="size pull-right">7 MB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_819"
-                    >UD_Bororo-BDT</a
-                  ></span
-                >
-                <ul id="folder_819" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">8 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">2 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">bor_bdt-ud-test.conllu</span
-                    ><span class="size pull-right">63 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">bor_bdt-ud-test.txt</span
-                    ><span class="size pull-right">4 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_825"
-                    >UD_Swedish_Sign_Language-SSLC</a
-                  ></span
-                >
-                <ul id="folder_825" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">2 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">swl_sslc-ud-test.txt</span
-                    ><span class="size pull-right">15 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">1 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">19 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">swl_sslc-ud-test.conllu</span
-                    ><span class="size pull-right">79 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_831"
-                    >UD_Chinese-GSD</a
-                  ></span
-                >
-                <ul id="folder_831" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">2 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">zh_gsd-ud-test.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">zh_gsd-ud-train.conllu</span
-                    ><span class="size pull-right">8 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">zh_gsd-ud-train.txt</span
-                    ><span class="size pull-right">433 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">zh_gsd-ud-dev.txt</span
-                    ><span class="size pull-right">55 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">zh_gsd-ud-dev.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">5 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">zh_gsd-ud-test.txt</span
-                    ><span class="size pull-right">53 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_841"
-                    >UD_Xavante-XDT</a
-                  ></span
-                >
-                <ul id="folder_841" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">6 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">xav_xdt-ud-test.txt</span
-                    ><span class="size pull-right">8 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">1 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">xav_xdt-ud-test.conllu</span
-                    ><span class="size pull-right">119 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_847"
-                    >UD_Arabic-PUD</a
-                  ></span
-                >
-                <ul id="folder_847" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">9 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">5 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ar_pud-ud-test.txt</span
-                    ><span class="size pull-right">168 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">19 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ar_pud-ud-test.conllu</span
-                    ><span class="size pull-right">2 MB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_853"
-                    >UD_Russian-PUD</a
-                  ></span
-                >
-                <ul id="folder_853" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">12 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">5 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">19 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ru_pud-ud-test.txt</span
-                    ><span class="size pull-right">209 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ru_pud-ud-test.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_859"
-                    >UD_Erzya-JR</a
-                  ></span
-                >
-                <ul id="folder_859" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">31 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">myv_jr-ud-test.txt</span
-                    ><span class="size pull-right">107 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.txt</span
-                    ><span class="size pull-right">6 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">myv_jr-ud-test.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">myv_jr-ud-train.txt</span
-                    ><span class="size pull-right">102 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">myv_jr-ud-train.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_867"
-                    >UD_French-GSD</a
-                  ></span
-                >
-                <ul id="folder_867" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">fr_gsd-ud-train.conllu</span
-                    ><span class="size pull-right">21 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">7 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">fr_gsd-ud-dev.conllu</span
-                    ><span class="size pull-right">2 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">fr_gsd-ud-dev.txt</span
-                    ><span class="size pull-right">184 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">10 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">fr_gsd-ud-test.conllu</span
-                    ><span class="size pull-right">636 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">fr_gsd-ud-test.txt</span
-                    ><span class="size pull-right">49 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">fr_gsd-ud-train.txt</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_877"
-                    >UD_Assyrian-AS</a
-                  ></span
-                >
-                <ul id="folder_877" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">7 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">aii_as-ud-test.conllu</span
-                    ><span class="size pull-right">31 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">1 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">aii_as-ud-test.txt</span
-                    ><span class="size pull-right">4 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_883"
-                    >UD_Chukchi-HSE</a
-                  ></span
-                >
-                <ul id="folder_883" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">3 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">4 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ckt_hse-ud-test.txt</span
-                    ><span class="size pull-right">72 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">ckt_hse-ud-test.conllu</span
-                    ><span class="size pull-right">793 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_889"
-                    >UD_Albanian-TSA</a
-                  ></span
-                >
-                <ul id="folder_889" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">8 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">sq_tsa-ud-test.conllu</span
-                    ><span class="size pull-right">61 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">1 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">sq_tsa-ud-test.txt</span
-                    ><span class="size pull-right">5 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_895"
-                    >UD_Javanese-CSUI</a
-                  ></span
-                >
-                <ul id="folder_895" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">7 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">jv_csui-ud-test.txt</span
-                    ><span class="size pull-right">77 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">3 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">jv_csui-ud-test.conllu</span
-                    ><span class="size pull-right">936 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_901"
-                    >UD_Old_East_Slavic-RNC</a
-                  ></span
-                >
-                <ul id="folder_901" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">20 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">orv_rnc-ud-dev.txt</span
-                    ><span class="size pull-right">87 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">orv_rnc-ud-dev.conllu</span
-                    ><span class="size pull-right">945 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">orv_rnc-ud-test.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">17 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">orv_rnc-ud-train.txt</span
-                    ><span class="size pull-right">175 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">orv_rnc-ud-test.txt</span
-                    ><span class="size pull-right">183 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">orv_rnc-ud-train.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_911"
-                    >UD_Old_Irish-DipSGG</a
-                  ></span
-                >
-                <ul id="folder_911" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">8 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">3 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">sga_dipsgg-ud-test.txt</span
-                    ><span class="size pull-right">2 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">15 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">sga_dipsgg-ud-test.conllu</span
-                    ><span class="size pull-right">34 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_917"
-                    >UD_Latin-LLCT</a
-                  ></span
-                >
-                <ul id="folder_917" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">la_llct-ud-dev.conllu</span
-                    ><span class="size pull-right">2 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">9 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">la_llct-ud-test.conllu</span
-                    ><span class="size pull-right">2 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">la_llct-ud-train.conllu</span
-                    ><span class="size pull-right">17 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">13 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">la_llct-ud-dev.txt</span
-                    ><span class="size pull-right">136 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">la_llct-ud-test.txt</span
-                    ><span class="size pull-right">136 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">la_llct-ud-train.txt</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_927"
-                    >UD_Japanese-BCCWJ</a
-                  ></span
-                >
-                <ul id="folder_927" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">ja_bccwj-ud-train.txt</span
-                    ><span class="size pull-right">902 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ja_bccwj-ud-train.conllu</span
-                    ><span class="size pull-right">67 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ja_bccwj-ud-dev.txt</span
-                    ><span class="size pull-right">177 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ja_bccwj-ud-test.conllu</span
-                    ><span class="size pull-right">12 MB</span>
-                  </li>
-                  <li>
-                    <span class="foldername"
-                      ><a
-                        role="button"
-                        data-toggle="collapse"
-                        href="#folder_932"
-                        >merge</a
-                      ></span
-                    >
-                    <ul id="folder_932" class="in" style="height: auto">
-                      <li>
-                        <span class="filename">test_pos.pkl</span
-                        ><span class="size pull-right">2 MB</span>
-                      </li>
-                      <li>
-                        <span class="filename">dev_pos.pkl</span
-                        ><span class="size pull-right">2 MB</span>
-                      </li>
-                      <li>
-                        <span class="foldername"
-                          ><a
-                            role="button"
-                            data-toggle="collapse"
-                            href="#folder_935"
-                            >script</a
-                          ></span
-                        >
-                        <ul id="folder_935" class="in" style="height: auto">
-                          <li>
-                            <span class="filename">lib.py</span
-                            ><span class="size pull-right">5 kB</span>
-                          </li>
-                          <li>
-                            <span class="filename"
-                              >restore_word_unit_bccwj.py</span
-                            ><span class="size pull-right">7 kB</span>
-                          </li>
-                          <li>
-                            <span class="filename"
-                              >convert_core_bccwj_pkl.py</span
-                            ><span class="size pull-right">746 B</span>
-                          </li>
-                        </ul>
-                      </li>
-                      <li>
-                        <span class="filename">misc_mapping.pkl</span
-                        ><span class="size pull-right">23 MB</span>
-                      </li>
-                      <li>
-                        <span class="filename">merge.sh</span
-                        ><span class="size pull-right">1 kB</span>
-                      </li>
-                      <li>
-                        <span class="filename">train_pos.pkl</span
-                        ><span class="size pull-right">13 MB</span>
-                      </li>
-                    </ul>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">3 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">18 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.txt</span
-                    ><span class="size pull-right">3 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ja_bccwj-ud-test.txt</span
-                    ><span class="size pull-right">165 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">ja_bccwj-ud-dev.conllu</span
-                    ><span class="size pull-right">13 MB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_947"
-                    >UD_Latin-ITTB</a
-                  ></span
-                >
-                <ul id="folder_947" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">la_ittb-ud-train.txt</span
-                    ><span class="size pull-right">2 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">11 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">la_ittb-ud-dev.txt</span
-                    ><span class="size pull-right">168 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">la_ittb-ud-test.conllu</span
-                    ><span class="size pull-right">2 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">la_ittb-ud-dev.conllu</span
-                    ><span class="size pull-right">2 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">17 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">19 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">la_ittb-ud-test.txt</span
-                    ><span class="size pull-right">169 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">la_ittb-ud-train.conllu</span
-                    ><span class="size pull-right">37 MB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_957"
-                    >UD_Italian-ParlaMint</a
-                  ></span
-                >
-                <ul id="folder_957" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">8 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">it_parlamint-ud-train.txt</span
-                    ><span class="size pull-right">52 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">2 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">it_parlamint-ud-train.conllu</span
-                    ><span class="size pull-right">640 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">it_parlamint-ud-test.conllu</span
-                    ><span class="size pull-right">669 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">it_parlamint-ud-test.txt</span
-                    ><span class="size pull-right">55 kB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_965"
-                    >UD_Armenian-ArmTDP</a
-                  ></span
-                >
-                <ul id="folder_965" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">4 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">hy_armtdp-ud-train.conllu</span
-                    ><span class="size pull-right">5 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">hy_armtdp-ud-dev.conllu</span
-                    ><span class="size pull-right">694 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">hy_armtdp-ud-dev.txt</span
-                    ><span class="size pull-right">57 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">hy_armtdp-ud-test.txt</span
-                    ><span class="size pull-right">51 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">hy_armtdp-ud-train.txt</span
-                    ><span class="size pull-right">434 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">24 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">hy_armtdp-ud-test.conllu</span
-                    ><span class="size pull-right">656 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_975"
-                    >UD_Vietnamese-VTB</a
-                  ></span
-                >
-                <ul id="folder_975" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">1 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">vi_vtb-ud-test.txt</span
-                    ><span class="size pull-right">71 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">vi_vtb-ud-train.txt</span
-                    ><span class="size pull-right">129 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">vi_vtb-ud-train.conllu</span
-                    ><span class="size pull-right">924 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">vi_vtb-ud-dev.txt</span
-                    ><span class="size pull-right">168 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">6 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">19 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">vi_vtb-ud-test.conllu</span
-                    ><span class="size pull-right">526 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">vi_vtb-ud-dev.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_985"
-                    >UD_Western_Sierra_Puebla_Nahuatl-ITML</a
-                  ></span
-                >
-                <ul id="folder_985" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">12 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">nhi_itml-ud-test.txt</span
-                    ><span class="size pull-right">51 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">1 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">nhi_itml-ud-test.conllu</span
-                    ><span class="size pull-right">1 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                </ul>
-              </li>
-              <li>
-                <span class="foldername"
-                  ><a role="button" data-toggle="collapse" href="#folder_991"
-                    >UD_Icelandic-IcePaHC</a
-                  ></span
-                >
-                <ul id="folder_991" class="in" style="height: auto">
-                  <li>
-                    <span class="filename">is_icepahc-ud-dev.conllu</span
-                    ><span class="size pull-right">11 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">is_icepahc-ud-test.txt</span
-                    ><span class="size pull-right">738 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">README.md</span
-                    ><span class="size pull-right">6 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">is_icepahc-ud-dev.txt</span
-                    ><span class="size pull-right">735 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">is_icepahc-ud-train.conllu</span
-                    ><span class="size pull-right">58 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">stats.xml</span
-                    ><span class="size pull-right">11 kB</span>
-                  </li>
-                  <li>
-                    <span class="filename">LICENSE.txt</span
-                    ><span class="size pull-right">202 B</span>
-                  </li>
-                  <li>
-                    <span class="filename">is_icepahc-ud-train.txt</span
-                    ><span class="size pull-right">3 MB</span>
-                  </li>
-                  <li>
-                    <span class="filename">is_icepahc-ud-test.conllu</span
-                    ><span class="size pull-right">11 MB</span>
-                  </li>
-                </ul>
-              </li>
-            </ul>
-          </li>
-          <li>
-            <span class="foldername"
-              ><a role="button" data-toggle="collapse" href="#folder_1001"></a
-            ></span>
-            <ul id="folder_1001" class="in" style="height: auto">
-              <li>
-                <span class="filename">... too many files ...</span
-                ><span class="size pull-right">0 B</span>
-              </li>
-            </ul>
-          </li>
-        </ul>
-      </div>
-    </div>
-  </div>
-</div>
+<div *ngFor="let file of (listOfFiles | async)">
+  <ds-file-description [fileInput] = 'file'></ds-file-description>
+</div>
\ No newline at end of file
diff --git a/src/app/item-page/simple/field-components/preview-section/preview-section.component.spec.ts b/src/app/item-page/simple/field-components/preview-section/preview-section.component.spec.ts
index f4aeef26dd9..e88b994e9f0 100644
--- a/src/app/item-page/simple/field-components/preview-section/preview-section.component.spec.ts
+++ b/src/app/item-page/simple/field-components/preview-section/preview-section.component.spec.ts
@@ -1,25 +1,71 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { BehaviorSubject, of } from 'rxjs';
+import { MetadataBitstream } from 'src/app/core/metadata/metadata-bitstream.model';
+import { RegistryService } from 'src/app/core/registry/registry.service';
 
 import { PreviewSectionComponent } from './preview-section.component';
+import { ResourceType } from 'src/app/core/shared/resource-type';
+import { HALLink } from 'src/app/core/shared/hal-link.model';
 
 describe('PreviewSectionComponent', () => {
   let component: PreviewSectionComponent;
   let fixture: ComponentFixture<PreviewSectionComponent>;
+  let mockRegistryService: any;
 
   beforeEach(async () => {
+    mockRegistryService = jasmine.createSpyObj('RegistryService', [
+      'getMetadataBitstream',
+    ]);
+
     await TestBed.configureTestingModule({
-      declarations: [ PreviewSectionComponent ]
-    })
-    .compileComponents();
+      declarations: [PreviewSectionComponent],
+      providers: [{ provide: RegistryService, useValue: mockRegistryService }],
+    }).compileComponents();
   });
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PreviewSectionComponent);
     component = fixture.componentInstance;
+
+    // Set up the mock service's getMetadataBitstream method to return a simple stream
+    const metadatabitstream = new MetadataBitstream();
+    metadatabitstream.id = 123;
+    metadatabitstream.name = 'test';
+    metadatabitstream.description = 'test';
+    metadatabitstream.fileSize = '1MB';
+    metadatabitstream.checksum = 'abc';
+    metadatabitstream.type = new ResourceType('item');
+    metadatabitstream.fileInfo = [];
+    metadatabitstream.format = 'text';
+    metadatabitstream.canPreview = false;
+    metadatabitstream._links = {
+      self: new HALLink(),
+      schema: new HALLink(),
+    };
+
+    metadatabitstream._links.self.href = '';
+    metadatabitstream._links.schema.href = '';
+    const metadataBitstreams: MetadataBitstream[] = [metadatabitstream];
+    const bitstreamStream = new BehaviorSubject(metadataBitstreams);
+    mockRegistryService.getMetadataBitstream.and.returnValue(
+      of(bitstreamStream)
+    );
+
     fixture.detectChanges();
   });
 
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should call getMetadataBitstream on init', () => {
+    expect(mockRegistryService.getMetadataBitstream).toHaveBeenCalled();
+  });
+
+  it('should set listOfFiles on init', (done) => {
+    component.listOfFiles.subscribe((files) => {
+      expect(files).toEqual([]);
+      done();
+    });
+  });
 });
diff --git a/src/app/item-page/simple/field-components/preview-section/preview-section.component.ts b/src/app/item-page/simple/field-components/preview-section/preview-section.component.ts
index f7cf45a6413..a515c30306b 100644
--- a/src/app/item-page/simple/field-components/preview-section/preview-section.component.ts
+++ b/src/app/item-page/simple/field-components/preview-section/preview-section.component.ts
@@ -1,67 +1,30 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, Input, OnInit } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import { MetadataBitstream } from 'src/app/core/metadata/metadata-bitstream.model';
 import { RegistryService } from 'src/app/core/registry/registry.service';
+import { Item } from 'src/app/core/shared/item.model';
+import { getAllSucceededRemoteListPayload } from 'src/app/core/shared/operators';
 
 @Component({
   selector: 'ds-preview-section',
   templateUrl: './preview-section.component.html',
-  styleUrls: ['./preview-section.component.scss']
+  styleUrls: ['./preview-section.component.scss'],
 })
 export class PreviewSectionComponent implements OnInit {
+  @Input() item: Item;
 
-  file = {
-    previewImageUrl:
-      'https://lindat.mff.cuni.cz/repository/xmlui/themes/UFAL/images/mime/application-x-gzip.png', // replace with your image URL
-    name: 'ud-treebanks-v2.12.tgz',
-    size: '497.82 MB',
-    format: 'application/x-gzip',
-    description: 'Treebank data',
-    md5: 'afb7546d9591a82f372686bcc100db52',
-  };
-
-  fileList: any[] = []; // Modified
-
-  isPreviewVisible = false;
+  listOfFiles: BehaviorSubject<MetadataBitstream[]> = new BehaviorSubject<
+    MetadataBitstream[]
+  >([] as any);
 
   constructor(protected registryService: RegistryService) {} // Modified
 
   ngOnInit(): void {
     this.registryService
       .getMetadataBitstream('123456789/36', 'ORIGINAL,TEXT,THUMBNAIL')
-      .subscribe(
-        (remoteData: any) => {
-          console.log('Received data:', remoteData);
-          // if (
-          //   remoteData &&
-          //   remoteData._embedded &&
-          //   remoteData._embedded.metadatabitstreams
-          // ) {
-          //   this.fileList = this.parseFiles(
-          //     remoteData._embedded.metadatabitstreams[0].fileInfo
-          //   );
-          // }
-        },
-        (error: any) => {
-          console.log('Received error:', error);
-        }
-      );
+      .pipe(getAllSucceededRemoteListPayload())
+      .subscribe((data: MetadataBitstream[]) => {
+        this.listOfFiles.next(data);
+      });
   }
-
-  // togglePreview() {
-  //   this.isPreviewVisible = !this.isPreviewVisible;
-  // }
-
-  // parseFiles(files: any[]): any[] {
-  //   let parsedFiles: any[] = [];
-  //   for (let file of files) {
-  //     let parsedFile: any = {};
-  //     parsedFile.name = file.name;
-  //     parsedFile.size = file.size;
-  //     parsedFile.isDirectory = file.isDirectory;
-  //     if (file.isDirectory && file.sub) {
-  //       parsedFile.sub = this.parseFiles(Object.values(file.sub));
-  //     }
-  //     parsedFiles.push(parsedFile);
-  //   }
-  //   return parsedFiles;
-  // }
 }
diff --git a/src/app/item-page/simple/item-page.component.html b/src/app/item-page/simple/item-page.component.html
index 44ebca5cc0a..a819e3f91c2 100644
--- a/src/app/item-page/simple/item-page.component.html
+++ b/src/app/item-page/simple/item-page.component.html
@@ -11,7 +11,7 @@
       <ds-listable-object-component-loader [object]="item" [viewMode]="viewMode" class="d-block mb-4"></ds-listable-object-component-loader>
       <ds-item-versions [item]="item" [displayActions]="false"></ds-item-versions>
       <ds-clarin-license-info class="mt-3 d-block" [item]="item"></ds-clarin-license-info>
-      <ds-preview-section></ds-preview-section>
+      <ds-preview-section [item]="item"></ds-preview-section>
     </div>
   </div>
   <ds-error *ngIf="itemRD?.hasFailed" message="{{'error.item' | translate}}"></ds-error>
diff --git a/src/app/item-page/simple/item-types/shared/item-relationships-utils.ts b/src/app/item-page/simple/item-types/shared/item-relationships-utils.ts
index b4c3da2cdc3..33a97493358 100644
--- a/src/app/item-page/simple/item-types/shared/item-relationships-utils.ts
+++ b/src/app/item-page/simple/item-types/shared/item-relationships-utils.ts
@@ -1,4 +1,8 @@
-import { combineLatest as observableCombineLatest, Observable, zip as observableZip } from 'rxjs';
+import {
+  combineLatest as observableCombineLatest,
+  Observable,
+  zip as observableZip,
+} from 'rxjs';
 import { distinctUntilChanged, map, mergeMap, switchMap } from 'rxjs/operators';
 import { PaginatedList } from '../../../../core/data/paginated-list.model';
 import { RemoteData } from '../../../../core/data/remote-data';
@@ -6,14 +10,20 @@ import { Relationship } from '../../../../core/shared/item-relationships/relatio
 import { Item } from '../../../../core/shared/item.model';
 import {
   getFirstSucceededRemoteDataPayload,
-  getFirstSucceededRemoteData
+  getFirstSucceededRemoteData,
 } from '../../../../core/shared/operators';
 import { hasValue } from '../../../../shared/empty.util';
 import { InjectionToken } from '@angular/core';
 
-export const PAGINATED_RELATIONS_TO_ITEMS_OPERATOR = new InjectionToken<(thisId: string) => (source: Observable<RemoteData<PaginatedList<Relationship>>>) => Observable<RemoteData<PaginatedList<Item>>>>('paginatedRelationsToItems', {
+export const PAGINATED_RELATIONS_TO_ITEMS_OPERATOR = new InjectionToken<
+  (
+    thisId: string
+  ) => (
+    source: Observable<RemoteData<PaginatedList<Relationship>>>
+  ) => Observable<RemoteData<PaginatedList<Item>>>
+>('paginatedRelationsToItems', {
   providedIn: 'root',
-  factory: () => paginatedRelationsToItems
+  factory: () => paginatedRelationsToItems,
 });
 
 /**
@@ -23,42 +33,51 @@ export const PAGINATED_RELATIONS_TO_ITEMS_OPERATOR = new InjectionToken<(thisId:
  * For example: "(o) => o.id" will compare the two arrays by comparing their content by id.
  * @param mapFn   Function for mapping the arrays
  */
-export const compareArraysUsing = <T>(mapFn: (t: T) => any) =>
+export const compareArraysUsing =
+  <T>(mapFn: (t: T) => any) =>
   (a: T[], b: T[]): boolean => {
-    if (!Array.isArray(a) || ! Array.isArray(b)) {
+    if (!Array.isArray(a) || !Array.isArray(b)) {
       return false;
     }
 
     const aIds = a.map(mapFn);
     const bIds = b.map(mapFn);
 
-    return aIds.length === bIds.length &&
+    return (
+      aIds.length === bIds.length &&
       aIds.every((e) => bIds.includes(e)) &&
-      bIds.every((e) => aIds.includes(e));
+      bIds.every((e) => aIds.includes(e))
+    );
   };
 
 /**
  * Operator for comparing arrays using the object's ids
  */
 export const compareArraysUsingIds = <T extends { id: string }>() =>
-  compareArraysUsing((t: T) => hasValue(t) ? t.id : undefined);
+  compareArraysUsing((t: T) => (hasValue(t) ? t.id : undefined));
 
 /**
  * Operator for turning a list of relationships into a list of the relevant items
  * @param {string} thisId       The item's id of which the relations belong to
  * @returns {(source: Observable<Relationship[]>) => Observable<Item[]>}
  */
-export const relationsToItems = (thisId: string) =>
+export const relationsToItems =
+  (thisId: string) =>
   (source: Observable<Relationship[]>): Observable<Item[]> =>
     source.pipe(
       mergeMap((rels: Relationship[]) =>
         observableZip(
-          ...rels.map((rel: Relationship) => observableCombineLatest(rel.leftItem, rel.rightItem))
+          ...rels.map((rel: Relationship) =>
+            observableCombineLatest(rel.leftItem, rel.rightItem)
+          )
         )
       ),
       map((arr) =>
         arr
-          .filter(([leftItem, rightItem]) => leftItem.hasSucceeded && rightItem.hasSucceeded)
+          .filter(
+            ([leftItem, rightItem]) =>
+              leftItem.hasSucceeded && rightItem.hasSucceeded
+          )
           .map(([leftItem, rightItem]) => {
             if (leftItem.payload.id === thisId) {
               return rightItem.payload;
@@ -68,7 +87,7 @@ export const relationsToItems = (thisId: string) =>
           })
           .filter((item: Item) => hasValue(item))
       ),
-      distinctUntilChanged(compareArraysUsingIds()),
+      distinctUntilChanged(compareArraysUsingIds())
     );
 
 /**
@@ -77,8 +96,11 @@ export const relationsToItems = (thisId: string) =>
  * @param {string} thisId       The item's id of which the relations belong to
  * @returns {(source: Observable<Relationship[]>) => Observable<Item[]>}
  */
-export const paginatedRelationsToItems = (thisId: string) =>
-  (source: Observable<RemoteData<PaginatedList<Relationship>>>): Observable<RemoteData<PaginatedList<Item>>> =>
+export const paginatedRelationsToItems =
+  (thisId: string) =>
+  (
+    source: Observable<RemoteData<PaginatedList<Relationship>>>
+  ): Observable<RemoteData<PaginatedList<Item>>> =>
     source.pipe(
       getFirstSucceededRemoteData(),
       switchMap((relationshipsRD: RemoteData<PaginatedList<Relationship>>) => {
@@ -86,9 +108,10 @@ export const paginatedRelationsToItems = (thisId: string) =>
           relationshipsRD.payload.page.map((rel: Relationship) =>
             observableCombineLatest([
               rel.leftItem.pipe(getFirstSucceededRemoteDataPayload()),
-              rel.rightItem.pipe(getFirstSucceededRemoteDataPayload())]
-            )
-          )).pipe(
+              rel.rightItem.pipe(getFirstSucceededRemoteDataPayload()),
+            ])
+          )
+        ).pipe(
           map((arr) =>
             arr
               .map(([leftItem, rightItem]) => {
@@ -102,7 +125,11 @@ export const paginatedRelationsToItems = (thisId: string) =>
           ),
           distinctUntilChanged(compareArraysUsingIds()),
           map((relatedItems: Item[]) =>
-            Object.assign(relationshipsRD, { payload: Object.assign(relationshipsRD.payload, { page: relatedItems } )})
+            Object.assign(relationshipsRD, {
+              payload: Object.assign(relationshipsRD.payload, {
+                page: relatedItems,
+              }),
+            })
           )
         );
       })

From e3df2d3bfb537ba88adbb5b57cae956ed62b0f40 Mon Sep 17 00:00:00 2001
From: HuynhKhoa1601 <huynhnhatkhoa21@gmail.com>
Date: Mon, 17 Jul 2023 16:52:35 +0700
Subject: [PATCH 04/26] fix the lint error and fix the collapse/hide behaviour

---
 .../builders/remote-data-build.service.ts     | 233 +++++++++++++-----
 .../data/metadata-bitstream-data.service.ts   |  56 ++---
 src/app/core/metadata/file-info.model.ts      |   9 +
 .../core/metadata/metadata-bitstream.model.ts |  30 ++-
 .../file-tree-view.component.html             |   4 +-
 5 files changed, 218 insertions(+), 114 deletions(-)
 create mode 100644 src/app/core/metadata/file-info.model.ts

diff --git a/src/app/core/cache/builders/remote-data-build.service.ts b/src/app/core/cache/builders/remote-data-build.service.ts
index 72acde8df9b..f8bb6ecba0e 100644
--- a/src/app/core/cache/builders/remote-data-build.service.ts
+++ b/src/app/core/cache/builders/remote-data-build.service.ts
@@ -3,22 +3,39 @@ import {
   combineLatest as observableCombineLatest,
   Observable,
   of as observableOf,
-  race as observableRace
+  race as observableRace,
 } from 'rxjs';
-import { map, switchMap, filter, distinctUntilKeyChanged } from 'rxjs/operators';
-import { hasValue, isEmpty, isNotEmpty, hasNoValue, isUndefined } from '../../../shared/empty.util';
+import {
+  map,
+  switchMap,
+  filter,
+  distinctUntilKeyChanged,
+} from 'rxjs/operators';
+import {
+  hasValue,
+  isEmpty,
+  isNotEmpty,
+  hasNoValue,
+  isUndefined,
+} from '../../../shared/empty.util';
 import { createSuccessfulRemoteDataObject$ } from '../../../shared/remote-data.utils';
-import { FollowLinkConfig, followLink } from '../../../shared/utils/follow-link-config.model';
+import {
+  FollowLinkConfig,
+  followLink,
+} from '../../../shared/utils/follow-link-config.model';
 import { PaginatedList } from '../../data/paginated-list.model';
 import { RemoteData } from '../../data/remote-data';
 import {
   RequestEntry,
   ResponseState,
   RequestEntryState,
-  hasSucceeded
+  hasSucceeded,
 } from '../../data/request.reducer';
 import { RequestService } from '../../data/request.service';
-import { getRequestFromRequestHref, getRequestFromRequestUUID } from '../../shared/operators';
+import {
+  getRequestFromRequestHref,
+  getRequestFromRequestUUID,
+} from '../../shared/operators';
 import { ObjectCacheService } from '../object-cache.service';
 import { LinkService } from './link.service';
 import { HALLink } from '../../shared/hal-link.model';
@@ -31,10 +48,11 @@ import { getResourceTypeValueFor } from '../object-cache.reducer';
 
 @Injectable()
 export class RemoteDataBuildService {
-  constructor(protected objectCache: ObjectCacheService,
-              protected linkService: LinkService,
-              protected requestService: RequestService) {
-  }
+  constructor(
+    protected objectCache: ObjectCacheService,
+    protected linkService: LinkService,
+    protected requestService: RequestService
+  ) {}
 
   /**
    * Creates an Observable<T> with the payload for a RemoteData object
@@ -48,21 +66,36 @@ export class RemoteDataBuildService {
    *                        should be automatically resolved
    * @private
    */
-  private buildPayload<T>(requestEntry$: Observable<RequestEntry>, href$?: Observable<string>, ...linksToFollow: FollowLinkConfig<any>[]): Observable<T> {
+  private buildPayload<T>(
+    requestEntry$: Observable<RequestEntry>,
+    href$?: Observable<string>,
+    ...linksToFollow: FollowLinkConfig<any>[]
+  ): Observable<T> {
     if (hasNoValue(href$)) {
       href$ = observableOf(undefined);
     }
     return observableCombineLatest([href$, requestEntry$]).pipe(
       switchMap(([href, entry]: [string, RequestEntry]) => {
-        const hasExactMatchInObjectCache = this.hasExactMatchInObjectCache(href, entry);
-        if (hasValue(entry.response) &&
-          (hasExactMatchInObjectCache || this.isCacheablePayload(entry) || this.isUnCacheablePayload(entry))) {
+        const hasExactMatchInObjectCache = this.hasExactMatchInObjectCache(
+          href,
+          entry
+        );
+        if (
+          hasValue(entry.response) &&
+          (hasExactMatchInObjectCache ||
+            this.isCacheablePayload(entry) ||
+            this.isUnCacheablePayload(entry))
+        ) {
           if (hasExactMatchInObjectCache) {
             return this.objectCache.getObjectByHref(href);
           } else if (this.isCacheablePayload(entry)) {
-            return this.objectCache.getObjectByHref(entry.response.payloadLink.href);
+            return this.objectCache.getObjectByHref(
+              entry.response.payloadLink.href
+            );
           } else {
-            return [this.plainObjectToInstance<T>(entry.response.unCacheableObject)];
+            return [
+              this.plainObjectToInstance<T>(entry.response.unCacheableObject),
+            ];
           }
         } else if (hasSucceeded(entry.state)) {
           return [null];
@@ -72,7 +105,9 @@ export class RemoteDataBuildService {
       }),
       switchMap((obj: T) => {
         if (hasValue(obj)) {
-          if (getResourceTypeValueFor((obj as any).type) === PAGINATED_LIST.value) {
+          if (
+            getResourceTypeValueFor((obj as any).type) === PAGINATED_LIST.value
+          ) {
             return this.buildPaginatedList<T>(obj, ...linksToFollow);
           } else if (isNotEmpty(linksToFollow)) {
             return [this.linkService.resolveLinks(obj, ...linksToFollow)];
@@ -109,9 +144,17 @@ export class RemoteDataBuildService {
    * @param entry the request entry the object has to match
    * @private
    */
-  private hasExactMatchInObjectCache(href: string, entry: RequestEntry): boolean {
-    return hasValue(entry) && hasValue(entry.request) && isNotEmpty(entry.request.uuid) &&
-      hasValue(href) && this.objectCache.hasByHref(href, entry.request.uuid);
+  private hasExactMatchInObjectCache(
+    href: string,
+    entry: RequestEntry
+  ): boolean {
+    return (
+      hasValue(entry) &&
+      hasValue(entry.request) &&
+      isNotEmpty(entry.request.uuid) &&
+      hasValue(href) &&
+      this.objectCache.hasByHref(href, entry.request.uuid)
+    );
   }
 
   /**
@@ -120,7 +163,10 @@ export class RemoteDataBuildService {
    * @private
    */
   private isCacheablePayload(entry: RequestEntry): boolean {
-    return hasValue(entry.response.payloadLink) && isNotEmpty(entry.response.payloadLink.href);
+    return (
+      hasValue(entry.response.payloadLink) &&
+      isNotEmpty(entry.response.payloadLink.href)
+    );
   }
 
   /**
@@ -140,26 +186,40 @@ export class RemoteDataBuildService {
    * @param object          A plain object to be turned in to a {@link PaginatedList}
    * @param linksToFollow   List of {@link FollowLinkConfig} that indicate which {@link HALLink}s should be automatically resolved
    */
-  private buildPaginatedList<T>(object: any, ...linksToFollow: FollowLinkConfig<any>[]): Observable<T> {
-    const pageLink = linksToFollow.find((linkToFollow: FollowLinkConfig<any>) => linkToFollow.name === 'page');
-    const otherLinks = linksToFollow.filter((linkToFollow: FollowLinkConfig<any>) => linkToFollow.name !== 'page');
+  private buildPaginatedList<T>(
+    object: any,
+    ...linksToFollow: FollowLinkConfig<any>[]
+  ): Observable<T> {
+    const pageLink = linksToFollow.find(
+      (linkToFollow: FollowLinkConfig<any>) => linkToFollow.name === 'page'
+    );
+    const otherLinks = linksToFollow.filter(
+      (linkToFollow: FollowLinkConfig<any>) => linkToFollow.name !== 'page'
+    );
 
     const paginatedList = Object.assign(new PaginatedList(), object);
 
     if (hasValue(pageLink)) {
       if (isEmpty(paginatedList.page)) {
-        const pageSelfLinks = paginatedList._links.page.map((link: HALLink) => link.href);
-        return this.objectCache.getList(pageSelfLinks).pipe(map((page: any[]) => {
-          paginatedList.page = page
-            .map((obj: any) => this.plainObjectToInstance<T>(obj))
-            .map((obj: any) =>
-              this.linkService.resolveLinks(obj, ...pageLink.linksToFollow)
-            );
-          if (isNotEmpty(otherLinks)) {
-            return this.linkService.resolveLinks(paginatedList, ...otherLinks);
-          }
-          return paginatedList;
-        }));
+        const pageSelfLinks = paginatedList._links.page.map(
+          (link: HALLink) => link.href
+        );
+        return this.objectCache.getList(pageSelfLinks).pipe(
+          map((page: any[]) => {
+            paginatedList.page = page
+              .map((obj: any) => this.plainObjectToInstance<T>(obj))
+              .map((obj: any) =>
+                this.linkService.resolveLinks(obj, ...pageLink.linksToFollow)
+              );
+            if (isNotEmpty(otherLinks)) {
+              return this.linkService.resolveLinks(
+                paginatedList,
+                ...otherLinks
+              );
+            }
+            return paginatedList;
+          })
+        );
       } else {
         // in case the elements of the paginated list were already filled in, because they're UnCacheableObjects
         paginatedList.page = paginatedList.page
@@ -168,7 +228,9 @@ export class RemoteDataBuildService {
             this.linkService.resolveLinks(obj, ...pageLink.linksToFollow)
           );
         if (isNotEmpty(otherLinks)) {
-          return observableOf(this.linkService.resolveLinks(paginatedList, ...otherLinks));
+          return observableOf(
+            this.linkService.resolveLinks(paginatedList, ...otherLinks)
+          );
         }
       }
     }
@@ -181,13 +243,22 @@ export class RemoteDataBuildService {
    * @param requestUUID$      The UUID of the request we want to retrieve
    * @param linksToFollow     List of {@link FollowLinkConfig} that indicate which {@link HALLink}s should be automatically resolved
    */
-  buildFromRequestUUID<T>(requestUUID$: string | Observable<string>, ...linksToFollow: FollowLinkConfig<any>[]): Observable<RemoteData<T>> {
+  buildFromRequestUUID<T>(
+    requestUUID$: string | Observable<string>,
+    ...linksToFollow: FollowLinkConfig<any>[]
+  ): Observable<RemoteData<T>> {
     if (typeof requestUUID$ === 'string') {
       requestUUID$ = observableOf(requestUUID$);
     }
-    const requestEntry$ = requestUUID$.pipe(getRequestFromRequestUUID(this.requestService));
+    const requestEntry$ = requestUUID$.pipe(
+      getRequestFromRequestUUID(this.requestService)
+    );
 
-    const payload$ = this.buildPayload<T>(requestEntry$, undefined, ...linksToFollow);
+    const payload$ = this.buildPayload<T>(
+      requestEntry$,
+      undefined,
+      ...linksToFollow
+    );
 
     return this.toRemoteDataObservable<T>(requestEntry$, payload$);
   }
@@ -198,7 +269,10 @@ export class RemoteDataBuildService {
    * @param href$             self link of object we want to retrieve
    * @param linksToFollow     List of {@link FollowLinkConfig} that indicate which {@link HALLink}s should be automatically resolved
    */
-  buildFromHref<T>(href$: string | Observable<string>, ...linksToFollow: FollowLinkConfig<any>[]): Observable<RemoteData<T>> {
+  buildFromHref<T>(
+    href$: string | Observable<string>,
+    ...linksToFollow: FollowLinkConfig<any>[]
+  ): Observable<RemoteData<T>> {
     if (typeof href$ === 'string') {
       href$ = observableOf(href$);
     }
@@ -207,18 +281,21 @@ export class RemoteDataBuildService {
 
     const requestUUID$ = href$.pipe(
       switchMap((href: string) =>
-        this.objectCache.getRequestUUIDBySelfLink(href)),
+        this.objectCache.getRequestUUIDBySelfLink(href)
+      )
     );
 
     const requestEntry$ = observableRace(
       href$.pipe(getRequestFromRequestHref(this.requestService)),
-      requestUUID$.pipe(getRequestFromRequestUUID(this.requestService)),
-    ).pipe(
-      distinctUntilKeyChanged('lastUpdated')
+      requestUUID$.pipe(getRequestFromRequestUUID(this.requestService))
+    ).pipe(distinctUntilKeyChanged('lastUpdated'));
+
+    const payload$ = this.buildPayload<T>(
+      requestEntry$,
+      href$,
+      ...linksToFollow
     );
 
-    const payload$ = this.buildPayload<T>(requestEntry$, href$, ...linksToFollow);
-    
     return this.toRemoteDataObservable<T>(requestEntry$, payload$);
   }
 
@@ -228,19 +305,23 @@ export class RemoteDataBuildService {
    * @param href$             Observable href of object we want to retrieve
    * @param linksToFollow     List of {@link FollowLinkConfig} that indicate which {@link HALLink}s should be automatically resolved
    */
-  buildSingle<T>(href$: string | Observable<string>, ...linksToFollow: FollowLinkConfig<any>[]): Observable<RemoteData<T>> {
+  buildSingle<T>(
+    href$: string | Observable<string>,
+    ...linksToFollow: FollowLinkConfig<any>[]
+  ): Observable<RemoteData<T>> {
     return this.buildFromHref(href$, ...linksToFollow);
   }
 
-  toRemoteDataObservable<T>(requestEntry$: Observable<RequestEntry>, payload$: Observable<T>) {
-    return observableCombineLatest([
-      requestEntry$,
-      payload$
-    ]).pipe(
-      filter(([entry,payload]: [RequestEntry, T]) =>
-        hasValue(entry) &&
-        // filter out cases where the state is successful, but the payload isn't yet set
-        !(hasSucceeded(entry.state) && isUndefined(payload))
+  toRemoteDataObservable<T>(
+    requestEntry$: Observable<RequestEntry>,
+    payload$: Observable<T>
+  ) {
+    return observableCombineLatest([requestEntry$, payload$]).pipe(
+      filter(
+        ([entry, payload]: [RequestEntry, T]) =>
+          hasValue(entry) &&
+          // filter out cases where the state is successful, but the payload isn't yet set
+          !(hasSucceeded(entry.state) && isUndefined(payload))
       ),
       map(([entry, payload]: [RequestEntry, T]) => {
         let response = entry.response;
@@ -270,8 +351,14 @@ export class RemoteDataBuildService {
    * @param href$             Observable href of objects we want to retrieve
    * @param linksToFollow     List of {@link FollowLinkConfig} that indicate which {@link HALLink}s should be automatically resolved
    */
-  buildList<T extends HALResource>(href$: string | Observable<string>, ...linksToFollow: FollowLinkConfig<T>[]): Observable<RemoteData<PaginatedList<T>>> {
-    return this.buildFromHref<PaginatedList<T>>(href$, followLink('page', { shouldEmbed: false }, ...linksToFollow));
+  buildList<T extends HALResource>(
+    href$: string | Observable<string>,
+    ...linksToFollow: FollowLinkConfig<T>[]
+  ): Observable<RemoteData<PaginatedList<T>>> {
+    return this.buildFromHref<PaginatedList<T>>(
+      href$,
+      followLink('page', { shouldEmbed: false }, ...linksToFollow)
+    );
   }
 
   /**
@@ -284,8 +371,9 @@ export class RemoteDataBuildService {
    *
    * @param input     the array of RemoteData observables to start from
    */
-  aggregate<T>(input: Observable<RemoteData<T>>[]): Observable<RemoteData<T[]>> {
-
+  aggregate<T>(
+    input: Observable<RemoteData<T>>[]
+  ): Observable<RemoteData<T[]>> {
     if (isEmpty(input)) {
       return createSuccessfulRemoteDataObject$([], new Date().getTime());
     }
@@ -294,15 +382,21 @@ export class RemoteDataBuildService {
       map((arr) => {
         const timeCompleted = arr
           .map((d: RemoteData<T>) => d.timeCompleted)
-          .reduce((max: number, current: number) => current > max ? current : max);
+          .reduce((max: number, current: number) =>
+            current > max ? current : max
+          );
 
         const msToLive = arr
           .map((d: RemoteData<T>) => d.msToLive)
-          .reduce((min: number, current: number) => current < min ? current : min);
+          .reduce((min: number, current: number) =>
+            current < min ? current : min
+          );
 
         const lastUpdated = arr
           .map((d: RemoteData<T>) => d.lastUpdated)
-          .reduce((max: number, current: number) => current > max ? current : max);
+          .reduce((max: number, current: number) =>
+            current > max ? current : max
+          );
 
         let state: RequestEntryState;
         if (arr.some((d: RemoteData<T>) => d.isRequestPending)) {
@@ -325,11 +419,13 @@ export class RemoteDataBuildService {
             if (hasValue(e)) {
               return `[${idx}]: ${e}`;
             }
-          }).filter((e: string) => hasValue(e))
+          })
+          .filter((e: string) => hasValue(e))
           .join(', ');
 
-        const statusCodes = new Set(arr
-          .map((d: RemoteData<T>) => d.statusCode));
+        const statusCodes = new Set(
+          arr.map((d: RemoteData<T>) => d.statusCode)
+        );
 
         let statusCode: number;
 
@@ -350,6 +446,7 @@ export class RemoteDataBuildService {
           payload,
           statusCode
         );
-      }));
+      })
+    );
   }
 }
diff --git a/src/app/core/data/metadata-bitstream-data.service.ts b/src/app/core/data/metadata-bitstream-data.service.ts
index 4d51f3f05d9..7e583eb99bf 100644
--- a/src/app/core/data/metadata-bitstream-data.service.ts
+++ b/src/app/core/data/metadata-bitstream-data.service.ts
@@ -39,54 +39,44 @@ export class MetadataBitstreamDataService extends DataService<MetadataBitstream>
     protected rdbService: RemoteDataBuildService,
     protected objectCache: ObjectCacheService,
     protected halService: HALEndpointService,
-    protected notificationsService: NotificationsService,
+    protected notificationsService: NotificationsService
   ) {
     super();
   }
 
-
   /**
    * Find metadata fields with either the partial metadata field name (e.g. "dc.ti") as query or an exact match to
    * at least the schema, element or qualifier
-   * @param schema    optional; an exact match of the prefix of the metadata schema (e.g. "dc", "dcterms", "eperson")
-   * @param element   optional; an exact match of the field's element (e.g. "contributor", "title")
-   * @param qualifier optional; an exact match of the field's qualifier (e.g. "author", "alternative")
-   * @param query     optional (if any of schema, element or qualifier used) - part of the fully qualified field,
-   * should start with the start of the schema, element or qualifier (e.g. “dc.ti”, “contributor”, “auth”, “contributor.ot”)
-   * @param exactName optional; the exact fully qualified field, should use the syntax schema.element.qualifier or
-   * schema.element if no qualifier exists (e.g. "dc.title", "dc.contributor.author"). It will only return one value
-   * if there's an exact match
+   * @param handle    optional; an exact match of the prefix of the item identifier (e.g. "123456789/1126")
+   * @param fileGrpType   optional; an exact match of the type of the file(e.g. "TEXT", "THUMBNAIL")
    * @param options   The options info used to retrieve the fields
    * @param useCachedVersionIfAvailable If this is true, the request will only be sent if there's no valid cached version. Defaults to true
    * @param reRequestOnStale  Whether or not the request should automatically be re-requested after the response becomes stale
    * @param linksToFollow List of {@link FollowLinkConfig} that indicate which {@link HALLink}s should be automatically resolved
    */
-  searchByHandleParams(handle: string, fileGrpType: string, options: FindListOptions = {}, useCachedVersionIfAvailable = true, reRequestOnStale = true, ...linksToFollow: FollowLinkConfig<any>[]): Observable<RemoteData<any>> {
+  searchByHandleParams(
+    handle: string,
+    fileGrpType: string,
+    options: FindListOptions = {},
+    useCachedVersionIfAvailable = true,
+    reRequestOnStale = true,
+    ...linksToFollow: FollowLinkConfig<any>[]
+  ): Observable<RemoteData<any>> {
     const optionParams = Object.assign(new FindListOptions(), options, {
       searchParams: [
         new RequestParam('handle', hasValue(handle) ? handle : ''),
-        new RequestParam('fileGrpType', hasValue(fileGrpType) ? fileGrpType : ''),
+        new RequestParam(
+          'fileGrpType',
+          hasValue(fileGrpType) ? fileGrpType : ''
+        ),
       ],
     });
-    return this.searchBy(this.searchByHandleLinkPath, optionParams, useCachedVersionIfAvailable, reRequestOnStale, ...linksToFollow);
+    return this.searchBy(
+      this.searchByHandleLinkPath,
+      optionParams,
+      useCachedVersionIfAvailable,
+      reRequestOnStale,
+      ...linksToFollow
+    );
   }
-
-  // /**
-  //  * Make a new FindListRequest with given search method
-  //  *
-  //  * @param searchMethod                The search method for the object
-  //  * @param options                     The [[FindListOptions]] object
-  //  * @param useCachedVersionIfAvailable If this is true, the request will only be sent if there's
-  //  *                                    no valid cached version. Defaults to true
-  //  * @param reRequestOnStale            Whether or not the request should automatically be re-
-  //  *                                    requested after the response becomes stale
-  //  * @param linksToFollow               List of {@link FollowLinkConfig} that indicate which
-  //  *                                    {@link HALLink}s should be automatically resolved
-  //  * @return {Observable<RemoteData<PaginatedList<T>>}
-  //  *    Return an observable that emits response from the server
-  //  */
-  // public searchBy(searchMethod: string, options?: FindListOptions, useCachedVersionIfAvailable?: boolean, reRequestOnStale?: boolean, ...linksToFollow: FollowLinkConfig<any>[]): Observable<RemoteData<PaginatedList<any>>> {
-  //   return this.searchData.searchBy(searchMethod, options, useCachedVersionIfAvailable, reRequestOnStale, ...linksToFollow);
-  // }
-
-}
\ No newline at end of file
+}
diff --git a/src/app/core/metadata/file-info.model.ts b/src/app/core/metadata/file-info.model.ts
new file mode 100644
index 00000000000..cdcccd5c97b
--- /dev/null
+++ b/src/app/core/metadata/file-info.model.ts
@@ -0,0 +1,9 @@
+import { autoserialize, autoserializeAs } from 'cerialize';
+
+export class FileInfo {
+  @autoserialize name: string;
+  @autoserialize content: any;
+  @autoserialize size: string;
+  @autoserialize isDirectory: boolean;
+  @autoserializeAs('sub') sub: { [key: string]: FileInfo };
+}
diff --git a/src/app/core/metadata/metadata-bitstream.model.ts b/src/app/core/metadata/metadata-bitstream.model.ts
index de51e91dad6..eb6c2d0c011 100644
--- a/src/app/core/metadata/metadata-bitstream.model.ts
+++ b/src/app/core/metadata/metadata-bitstream.model.ts
@@ -1,4 +1,9 @@
-import { autoserialize, autoserializeAs, deserialize, deserializeAs } from 'cerialize';
+import {
+  autoserialize,
+  autoserializeAs,
+  deserialize,
+  deserializeAs,
+} from 'cerialize';
 import { ListableObject } from '../../shared/object-collection/shared/listable-object.model';
 import { typedObject } from '../cache/builders/build-decorators';
 import { GenericConstructor } from '../shared/generic-constructor';
@@ -7,17 +12,18 @@ import { HALResource } from '../shared/hal-resource.model';
 import { ResourceType } from '../shared/resource-type';
 import { excludeFromEquals } from '../utilities/equals.decorators';
 import { METADATA_BITSTREAM } from './metadata-bitstream.resource-type';
+import { FileInfo } from './file-info.model';
 
 /**
  * Class the represents a File
  */
-export class FileInfo {
-  @autoserialize name: string;
-  @autoserialize content: any;
-  @autoserialize size: string;
-  @autoserialize isDirectory: boolean;
-  @autoserializeAs('sub') sub: {[key: string]: FileInfo};
-}
+// export class FileInfo {
+//   @autoserialize name: string;
+//   @autoserialize content: any;
+//   @autoserialize size: string;
+//   @autoserialize isDirectory: boolean;
+//   @autoserializeAs('sub') sub: { [key: string]: FileInfo };
+// }
 
 /**
  * Class that represents a MetadataBitstream
@@ -91,11 +97,13 @@ export class MetadataBitstream extends ListableObject implements HALResource {
    */
   @deserialize
   _links: {
-    self: HALLink,
-    schema: HALLink
+    self: HALLink;
+    schema: HALLink;
   };
 
   getRenderTypes(): (string | GenericConstructor<ListableObject>)[] {
     return [this.constructor as GenericConstructor<ListableObject>];
   }
-}
\ No newline at end of file
+}
+export { FileInfo };
+
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.html b/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.html
index b61251030b7..6644016bb99 100644
--- a/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.html
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.html
@@ -1,5 +1,5 @@
 <li>
-  <span class="foldername" *ngIf="node.isDirectory; else fileTemplate">
+  <span class="foldername collapse show" *ngIf="node.isDirectory; else fileTemplate">
     <a role="button" data-toggle="collapse" href="#folder_{{ node.name }}">
       {{ node.name }}
     </a>
@@ -12,7 +12,7 @@
 
   <ul
     id="folder_{{ node.name }}"
-    class="in"
+    class="in collapse show"
     style="height: auto"
     *ngIf="node.isDirectory && node.sub"
   >

From 060bf5130b4e004b4accccff9725380e572ce12e Mon Sep 17 00:00:00 2001
From: HuynhKhoa1601 <huynhnhatkhoa21@gmail.com>
Date: Tue, 18 Jul 2023 18:33:20 +0700
Subject: [PATCH 05/26] add UI for download buttons and fix UI for the ZIP
 Preview

---
 .../file-description.component.scss           |  7 ++
 .../item-page/simple/item-page.component.html | 74 ++++++++++++++++---
 .../item-page/simple/item-page.component.scss | 55 ++++++++++++++
 .../item-page/simple/item-page.component.ts   | 10 +++
 4 files changed, 137 insertions(+), 9 deletions(-)

diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.scss b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.scss
index 2336ee20794..a561b7b903d 100644
--- a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.scss
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.scss
@@ -48,6 +48,9 @@
     }
 
     .button-container {
+        a {
+            text-decoration: none;
+        }
         .download-btn, .preview-btn {
             display: inline;
             padding: .2em .6em .3em;
@@ -63,6 +66,10 @@
             cursor: pointer;
             background-color: #5bc0de;
         }
+
+        .download-btn:hover, .preview-btn:hover {
+            background-color: #31b0d5;
+        }
     }
 
     .panel {
diff --git a/src/app/item-page/simple/item-page.component.html b/src/app/item-page/simple/item-page.component.html
index a819e3f91c2..06e06b9180d 100644
--- a/src/app/item-page/simple/item-page.component.html
+++ b/src/app/item-page/simple/item-page.component.html
@@ -1,19 +1,75 @@
-<div class="container clarin-shadow remove-padding clarin-home-page-borders clarin-cut-bottom-2 clarin-cut-top-1 pb-2"
-     *ngVar="(itemRD$ | async) as itemRD">
-  <div class="item-page" *ngIf="itemRD?.hasSucceeded && itemRD?.payload as item" @fadeInOut>
-    <div *ngIf="!(isAdmin$ | async)?.valueOf() && (withdrawnTombstone || replacedTombstone)">
+<div
+  class="container clarin-shadow remove-padding clarin-home-page-borders clarin-cut-bottom-2 clarin-cut-top-1 pb-2"
+  *ngVar="itemRD$ | async as itemRD"
+>
+  <div
+    class="item-page"
+    *ngIf="itemRD?.hasSucceeded && itemRD?.payload as item"
+    @fadeInOut
+  >
+    <div
+      *ngIf="
+        !(isAdmin$ | async)?.valueOf() &&
+        (withdrawnTombstone || replacedTombstone)
+      "
+    >
       <ds-tombstone [item]="item"></ds-tombstone>
     </div>
     <div *ngIf="!(withdrawnTombstone || replacedTombstone)">
       <ds-item-alerts [item]="item"></ds-item-alerts>
       <ds-item-versions-notice [item]="item"></ds-item-versions-notice>
       <ds-view-tracker [object]="item"></ds-view-tracker>
-      <ds-listable-object-component-loader [object]="item" [viewMode]="viewMode" class="d-block mb-4"></ds-listable-object-component-loader>
-      <ds-item-versions [item]="item" [displayActions]="false"></ds-item-versions>
-      <ds-clarin-license-info class="mt-3 d-block" [item]="item"></ds-clarin-license-info>
+      <ds-listable-object-component-loader
+        [object]="item"
+        [viewMode]="viewMode"
+        class="d-block mb-4"
+      ></ds-listable-object-component-loader>
+      <ds-item-versions
+        [item]="item"
+        [displayActions]="false"
+      ></ds-item-versions>
+      <h4><i class="fa fa-paperclip">&nbsp;</i>Files in this item</h4>
+      <a class="btn btn-download" (click)="setCommandline()" style="text-decoration: none"
+        ><i class="fa fa-download fa-3x" style="display: block">&nbsp;</i
+        >Download instructions for command line</a
+      >
+      <div id="command-div" *ngIf="isCommandLineVisible">
+        <!-- <button
+          class="repo-copy-btn pull-right"
+          data-clipboard-target="#command-div"
+        ></button> -->
+        <pre style="background-color: #d9edf7; color: #3a87ad">
+curl --remote-name-all https://lindat.mff.cuni.cz/repository/xmlui/bitstream/handle/11234/1-5150{{
+            "{"
+          }}/ud-treebanks-v2.12.tgz,/ud-documentation-v2.12.tgz,/ud-tools-v2.12.tgz{{
+            "}"
+          }}</pre
+        >
+      </div>
+      <a
+        xmlns:i18n="http://apache.org/cocoon/i18n/2.1"
+        class="btn btn-download"
+        id="download-all-button"
+        href="#"
+        onclick="$('#download_all_alert').toggle();$('#download_all_alert').focus(); return false;"
+        style="visibility: visible"
+      >
+        <i style="display: block" class="fa fa-download fa-3x">&nbsp;</i
+        >Download all files in item (598.92 MB)</a
+      >
+      <ds-clarin-license-info
+        class="mt-3 d-block"
+        [item]="item"
+      ></ds-clarin-license-info>
       <ds-preview-section [item]="item"></ds-preview-section>
     </div>
   </div>
-  <ds-error *ngIf="itemRD?.hasFailed" message="{{'error.item' | translate}}"></ds-error>
-  <ds-loading *ngIf="itemRD?.isLoading" message="{{'loading.item' | translate}}"></ds-loading>
+  <ds-error
+    *ngIf="itemRD?.hasFailed"
+    message="{{ 'error.item' | translate }}"
+  ></ds-error>
+  <ds-loading
+    *ngIf="itemRD?.isLoading"
+    message="{{ 'loading.item' | translate }}"
+  ></ds-loading>
 </div>
diff --git a/src/app/item-page/simple/item-page.component.scss b/src/app/item-page/simple/item-page.component.scss
index f28ce613865..d86eec4771f 100644
--- a/src/app/item-page/simple/item-page.component.scss
+++ b/src/app/item-page/simple/item-page.component.scss
@@ -27,3 +27,58 @@
 .clarin-cut-top-1 {
   margin-top: -16px;
 }
+
+.btn-download{
+  color: #fff !important;
+  background-color: #428bca;
+  border-color: #357ebd;
+  cursor: pointer;
+}
+
+.btn-download:hover {
+  color: #fff;
+  background-color: #3276b1;
+  border-color: #285e8e;
+}
+
+pre {
+  display: block;
+  padding: 9.5px;
+  margin: 0 0 10px;
+  font-size: 13px;
+  line-height: 1.428571429;
+  color: #333;
+  word-break: break-all;
+  word-wrap: break-word;
+  background-color: #f5f5f5;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  white-space: pre-wrap;
+}
+
+#command-div .repo-copy-btn {
+  opacity: 0;
+  -webkit-transition: opacity .3s ease-in-out;
+  -o-transition: opacity .3s ease-in-out;
+  transition: opacity .3s ease-in-out;
+}
+
+.repo-copy-btn {
+  width: 20px;
+  height: 20px;
+  position: relative;
+  display: inline-block;
+  padding: 0 !important;
+}
+
+.repo-copy-btn:before {
+  content: " ";
+  background-image: url('https://lindat.mff.cuni.cz/repository/xmlui/themes/UFAL/images/clippy.svg');
+  background-size: 13px 15px;
+  background-repeat: no-repeat;
+  background-color: red;
+  display: inline-block;
+  width: 13px;
+  height: 15px;
+  padding: 0 !important;
+}
diff --git a/src/app/item-page/simple/item-page.component.ts b/src/app/item-page/simple/item-page.component.ts
index 41f4b945822..82a4279aed6 100644
--- a/src/app/item-page/simple/item-page.component.ts
+++ b/src/app/item-page/simple/item-page.component.ts
@@ -66,6 +66,11 @@ export class ItemPageComponent implements OnInit {
    */
   withdrawnTombstone = false;
 
+  /**
+   * If download by command button is click, the command line will be shown
+   */
+  isCommandLineVisible = false
+
   constructor(
     protected route: ActivatedRoute,
     private router: Router,
@@ -124,4 +129,9 @@ export class ItemPageComponent implements OnInit {
       }
     });
   }
+
+  setCommandline() {
+    console.log('Hello');
+    this.isCommandLineVisible = !this.isCommandLineVisible;
+  }
 }

From a537c0523a280a2ae8a745a3d6ebf3a4028654d4 Mon Sep 17 00:00:00 2001
From: HuynhKhoa1601 <huynhnhatkhoa21@gmail.com>
Date: Wed, 19 Jul 2023 19:20:05 +0700
Subject: [PATCH 06/26] getting data from backend and make the download feature

---
 .../full/full-item-page.component.ts          |  4 +-
 .../file-description.component.html           |  1 +
 .../file-description.component.ts             |  7 +++-
 .../item-page/simple/item-page.component.html | 10 +----
 .../item-page/simple/item-page.component.ts   | 41 +++++++++++++++++--
 5 files changed, 50 insertions(+), 13 deletions(-)

diff --git a/src/app/item-page/full/full-item-page.component.ts b/src/app/item-page/full/full-item-page.component.ts
index 369769c77d1..c549b3678f4 100644
--- a/src/app/item-page/full/full-item-page.component.ts
+++ b/src/app/item-page/full/full-item-page.component.ts
@@ -16,6 +16,7 @@ import { hasValue } from '../../shared/empty.util';
 import { AuthService } from '../../core/auth/auth.service';
 import { Location } from '@angular/common';
 import { AuthorizationDataService } from '../../core/data/feature-authorization/authorization-data.service';
+import { RegistryService } from 'src/app/core/registry/registry.service';
 
 
 /**
@@ -48,8 +49,9 @@ export class FullItemPageComponent extends ItemPageComponent implements OnInit,
               items: ItemDataService,
               authService: AuthService,
               authorizationService: AuthorizationDataService,
+              protected registryService: RegistryService,
               private _location: Location) {
-    super(route, router, items, authService, authorizationService);
+    super(route, router, items, authService, authorizationService, registryService);
   }
 
   /*** AoT inheritance fix, will hopefully be resolved in the near future **/
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
index 8a5cd15c580..54cd8e9c1f5 100644
--- a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
@@ -41,6 +41,7 @@
   <div class="button-container">
     <a
       class="download-btn"
+      (click) ="downloadFiles()"
     >
       <i class="fa fa-chevron-circle-down">&nbsp;</i>Download file</a
     >
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts
index 68145d2fff4..be3cf3b6a17 100644
--- a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts
@@ -11,6 +11,11 @@ export class FileDescriptionComponent implements OnInit {
   fileInput: MetadataBitstream;
 
   ngOnInit(): void {
-    console.log(this.fileInput);
+    console.log('fileInput', this.fileInput);
+  }
+
+  public downloadFiles() {
+    //window.location.href = `http://localhost:8080${this.fileInput}`
+    window.location.href = 'http://localhost:8080/server/bitstream/handle/123456789/1128/Folder1.zip?sequence=1&isAllowed=y';
   }
 }
diff --git a/src/app/item-page/simple/item-page.component.html b/src/app/item-page/simple/item-page.component.html
index 06e06b9180d..0f89155c885 100644
--- a/src/app/item-page/simple/item-page.component.html
+++ b/src/app/item-page/simple/item-page.component.html
@@ -38,20 +38,14 @@ <h4><i class="fa fa-paperclip">&nbsp;</i>Files in this item</h4>
           class="repo-copy-btn pull-right"
           data-clipboard-target="#command-div"
         ></button> -->
-        <pre style="background-color: #d9edf7; color: #3a87ad">
-curl --remote-name-all https://lindat.mff.cuni.cz/repository/xmlui/bitstream/handle/11234/1-5150{{
-            "{"
-          }}/ud-treebanks-v2.12.tgz,/ud-documentation-v2.12.tgz,/ud-tools-v2.12.tgz{{
-            "}"
-          }}</pre
+        <pre style="background-color: #d9edf7; color: #3a87ad">{{command}}</pre
         >
       </div>
       <a
         xmlns:i18n="http://apache.org/cocoon/i18n/2.1"
         class="btn btn-download"
         id="download-all-button"
-        href="#"
-        onclick="$('#download_all_alert').toggle();$('#download_all_alert').focus(); return false;"
+        (click) = "downloadFiles()"
         style="visibility: visible"
       >
         <i style="display: block" class="fa fa-download fa-3x">&nbsp;</i
diff --git a/src/app/item-page/simple/item-page.component.ts b/src/app/item-page/simple/item-page.component.ts
index 82a4279aed6..4f809a0fca3 100644
--- a/src/app/item-page/simple/item-page.component.ts
+++ b/src/app/item-page/simple/item-page.component.ts
@@ -2,20 +2,22 @@ import {map, take} from 'rxjs/operators';
 import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 
-import { Observable} from 'rxjs';
+import { BehaviorSubject, Observable} from 'rxjs';
 import { ItemDataService } from '../../core/data/item-data.service';
 import { RemoteData } from '../../core/data/remote-data';
 
 import { Item } from '../../core/shared/item.model';
 
 import { fadeInOut } from '../../shared/animations/fade';
-import { getAllSucceededRemoteDataPayload, redirectOn4xx } from '../../core/shared/operators';
+import { getAllSucceededRemoteDataPayload, getAllSucceededRemoteListPayload, redirectOn4xx } from '../../core/shared/operators';
 import { ViewMode } from '../../core/shared/view-mode.model';
 import { AuthService } from '../../core/auth/auth.service';
 import { getItemPageRoute } from '../item-page-routing-paths';
 import { isNotEmpty } from '../../shared/empty.util';
 import { FeatureID } from '../../core/data/feature-authorization/feature-id';
 import { AuthorizationDataService } from '../../core/data/feature-authorization/authorization-data.service';
+import { RegistryService } from 'src/app/core/registry/registry.service';
+import { MetadataBitstream } from 'src/app/core/metadata/metadata-bitstream.model';
 
 /**
  * This component renders a simple item page.
@@ -50,6 +52,15 @@ export class ItemPageComponent implements OnInit {
    * Route to the item's page
    */
   itemPageRoute$: Observable<string>;
+   /**
+   * handle of the specific item 
+   */
+  itemHandle: string;
+   /**
+   * handle of the specific item 
+   */
+  fileName: string;
+  command: string;
 
   /**
    * Whether the current user is an admin or not
@@ -70,6 +81,9 @@ export class ItemPageComponent implements OnInit {
    * If download by command button is click, the command line will be shown
    */
   isCommandLineVisible = false
+  listOfFiles: any;
+
+
 
   constructor(
     protected route: ActivatedRoute,
@@ -77,6 +91,7 @@ export class ItemPageComponent implements OnInit {
     private items: ItemDataService,
     private authService: AuthService,
     private authorizationService: AuthorizationDataService,
+    protected registryService: RegistryService
   ) { }
 
   /**
@@ -93,6 +108,14 @@ export class ItemPageComponent implements OnInit {
     );
 
     this.showTombstone();
+
+    this.registryService
+.getMetadataBitstream(this.itemHandle, 'ORIGINAL,TEXT,THUMBNAIL')
+      .pipe(getAllSucceededRemoteListPayload())
+      .subscribe((data: MetadataBitstream[]) => {
+        this.listOfFiles = data;
+        this.generateCurlCommand();
+      });
   }
 
   showTombstone() {
@@ -106,6 +129,7 @@ export class ItemPageComponent implements OnInit {
       take(1),
       getAllSucceededRemoteDataPayload())
       .subscribe((item: Item) => {
+        this.itemHandle = item.handle;
         isWithdrawn = item.isWithdrawn;
         isReplaced = item.metadata['dc.relation.isreplacedby']?.[0]?.value;
       });
@@ -131,7 +155,18 @@ export class ItemPageComponent implements OnInit {
   }
 
   setCommandline() {
-    console.log('Hello');
     this.isCommandLineVisible = !this.isCommandLineVisible;
   }
+
+  generateCurlCommand() {
+    let fileNames = this.listOfFiles
+    .filter((file: MetadataBitstream) => file.format === 'application/octet-stream' || file.format === 'application/pdf')
+    .map((file: MetadataBitstream) => file.name);
+
+    this.command =`curl --remote-name-all http://localhost:8080/server/bitstream/handle/${this.itemHandle}/{${fileNames.join(',')}}`;
+  }
+
+  downloadFiles() {
+    window.location.href = `http://localhost:8080/server/bitstream/allzip?handleId=${this.itemHandle}`;
+  }
 }

From bafb92b138684203a3b6ef549d484d332ef40430 Mon Sep 17 00:00:00 2001
From: HuynhKhoa1601 <huynhnhatkhoa21@gmail.com>
Date: Fri, 21 Jul 2023 19:15:28 +0700
Subject: [PATCH 07/26] handle with the dynamic input

---
 .../file-description/file-description.component.html           | 2 +-
 .../file-description/file-description.component.ts             | 3 +--
 .../preview-section/preview-section.component.ts               | 2 +-
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
index 54cd8e9c1f5..7e7a9c22523 100644
--- a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
@@ -79,7 +79,7 @@
       </div>
       <div style="max-height: 200px; overflow: scroll" class="panel-body">
         <ul class="treeview in collapse show">
-          <ng-container *ngIf="fileInput.format === 'application/pdf'">
+          <ng-container *ngIf="fileInput.format === 'application/zip'">
             <ds-file-tree-view *ngFor="let node of fileInput.fileInfo" [node]="node"></ds-file-tree-view>
           </ng-container>
           <ng-container *ngIf="fileInput.format === 'text/plain'">
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts
index be3cf3b6a17..aef793bc9b2 100644
--- a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts
@@ -15,7 +15,6 @@ export class FileDescriptionComponent implements OnInit {
   }
 
   public downloadFiles() {
-    //window.location.href = `http://localhost:8080${this.fileInput}`
-    window.location.href = 'http://localhost:8080/server/bitstream/handle/123456789/1128/Folder1.zip?sequence=1&isAllowed=y';
+    window.location.href = `http://localhost:8080${this.fileInput.href}`
   }
 }
diff --git a/src/app/item-page/simple/field-components/preview-section/preview-section.component.ts b/src/app/item-page/simple/field-components/preview-section/preview-section.component.ts
index a515c30306b..24e9dcc5580 100644
--- a/src/app/item-page/simple/field-components/preview-section/preview-section.component.ts
+++ b/src/app/item-page/simple/field-components/preview-section/preview-section.component.ts
@@ -21,7 +21,7 @@ export class PreviewSectionComponent implements OnInit {
 
   ngOnInit(): void {
     this.registryService
-      .getMetadataBitstream('123456789/36', 'ORIGINAL,TEXT,THUMBNAIL')
+      .getMetadataBitstream(this.item.handle, 'ORIGINAL,TEXT,THUMBNAIL')
       .pipe(getAllSucceededRemoteListPayload())
       .subscribe((data: MetadataBitstream[]) => {
         this.listOfFiles.next(data);

From af88da98a3904fcff25cae7ccd97c6c8b4e26d9b Mon Sep 17 00:00:00 2001
From: HuynhKhoa1601 <huynhnhatkhoa21@gmail.com>
Date: Mon, 24 Jul 2023 18:21:23 +0700
Subject: [PATCH 08/26] fix the collapese/hide behaviour and handle more cases

---
 src/app/core/shared/clarin/constants.ts       |  1 +
 src/app/item-page/item-page.module.ts         |  2 +
 .../file-description.component.html           |  6 +-
 .../file-description.component.ts             |  8 +-
 .../file-tree-view.component.html             | 10 +-
 .../file-tree-view.component.scss             |  8 ++
 .../file-tree-view.component.ts               | 10 +-
 .../item-page/simple/item-page.component.html |  2 +-
 .../item-page/simple/item-page.component.ts   | 94 ++++++++++++++-----
 9 files changed, 101 insertions(+), 40 deletions(-)

diff --git a/src/app/core/shared/clarin/constants.ts b/src/app/core/shared/clarin/constants.ts
index 5dc8e9be50f..45ef74a9ed8 100644
--- a/src/app/core/shared/clarin/constants.ts
+++ b/src/app/core/shared/clarin/constants.ts
@@ -6,4 +6,5 @@ export const DOWNLOAD_TOKEN_EXPIRED_EXCEPTION = 'DownloadTokenExpiredException';
 export const HTTP_STATUS_UNAUTHORIZED = 401;
 export const USER_WITHOUT_EMAIL_EXCEPTION = 'UserWithoutEmailException';
 export const MISSING_HEADERS_FROM_IDP_EXCEPTION = 'MissingHeadersFromIpd';
+export const BASE_LOCAL_URL = 'http://localhost:8080';
 
diff --git a/src/app/item-page/item-page.module.ts b/src/app/item-page/item-page.module.ts
index a2699098596..e98b87d2205 100644
--- a/src/app/item-page/item-page.module.ts
+++ b/src/app/item-page/item-page.module.ts
@@ -51,6 +51,7 @@ import { ClarinFilesItemFieldComponent } from './simple/field-components/clarin-
 import { FileDescriptionComponent } from './simple/field-components/preview-section/file-description/file-description.component';
 import { FileTreeViewComponent } from './simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component';
 import { PreviewSectionComponent } from './simple/field-components/preview-section/preview-section.component';
+import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
 
 const ENTRY_COMPONENTS = [
   // put only entry components that use custom decorator
@@ -112,6 +113,7 @@ const DECLARATIONS = [
     ResearchEntitiesModule.withEntryComponents(),
     NgxGalleryModule,
     ChartsModule,
+    NgbModule
   ],
   declarations: [...DECLARATIONS, VersionedItemComponent],
   exports: [...DECLARATIONS],
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
index 7e7a9c22523..6ff0cf9d8b4 100644
--- a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
@@ -48,7 +48,7 @@
     <a
       xmlns:i18n="http://apache.org/cocoon/i18n/2.1"
       data-toggle="collapse"
-      *ngIf = "fileInput.format !== 'video/mp4'"
+      *ngIf = "fileInput.format !== 'video/mp4' && fileInput.description !== 'Unknown'"
       role="button"
       class="preview-btn collapsed"
       href="#file_file_{{fileInput.id}}"
@@ -85,6 +85,10 @@
           <ng-container *ngIf="fileInput.format === 'text/plain'">
             <pre>{{fileInput.fileInfo[0].content}}</pre>
           </ng-container>
+          <ng-container *ngIf="fileInput.format === 'text/html'">
+            <iframe width="100%" height="500" scrolling="yes" frameborder="0" src="https://fr.wikipedia.org/wiki/Main_Page">
+            </iframe>
+          </ng-container>
         </ul>
       </div>
     </div>
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts
index aef793bc9b2..ebf03e76ba2 100644
--- a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts
@@ -1,5 +1,6 @@
 import { Component, Input, OnInit } from '@angular/core';
 import { MetadataBitstream } from 'src/app/core/metadata/metadata-bitstream.model';
+import { BASE_LOCAL_URL } from 'src/app/core/shared/clarin/constants';
 
 @Component({
   selector: 'ds-file-description',
@@ -9,12 +10,11 @@ import { MetadataBitstream } from 'src/app/core/metadata/metadata-bitstream.mode
 export class FileDescriptionComponent implements OnInit {
   @Input()
   fileInput: MetadataBitstream;
-
+  
   ngOnInit(): void {
-    console.log('fileInput', this.fileInput);
+      console.log(this.fileInput);
   }
-
   public downloadFiles() {
-    window.location.href = `http://localhost:8080${this.fileInput.href}`
+    window.location.href = `${BASE_LOCAL_URL}${this.fileInput.href}`;
   }
 }
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.html b/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.html
index 6644016bb99..55d2b8e833d 100644
--- a/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.html
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.html
@@ -1,6 +1,9 @@
 <li>
-  <span class="foldername collapse show" *ngIf="node.isDirectory; else fileTemplate">
-    <a role="button" data-toggle="collapse" href="#folder_{{ node.name }}">
+  <span class="foldername" *ngIf="node.isDirectory; else fileTemplate">
+    <a role="button" 
+       (click)="isCollapsed = !isCollapsed" 
+       [attr.aria-expanded]="!isCollapsed" 
+       attr.aria-controls="folder_{{ node.name }}">
       {{ node.name }}
     </a>
   </span>
@@ -12,7 +15,8 @@
 
   <ul
     id="folder_{{ node.name }}"
-    class="in collapse show"
+    [ngbCollapse]="isCollapsed"
+    class="in"
     style="height: auto"
     *ngIf="node.isDirectory && node.sub"
   >
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.scss b/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.scss
index 1aaef2bf84c..53ef730cabb 100644
--- a/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.scss
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.scss
@@ -20,4 +20,12 @@
 
 .pull-right {
     float: right !important;
+}
+
+.foldername a {
+    cursor: pointer;
+}
+
+.foldername a:hover {
+    text-decoration: underline;
 }
\ No newline at end of file
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.ts b/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.ts
index 4471ebb25b7..71f6553f9dd 100644
--- a/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.ts
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input } from '@angular/core';
 import { FileInfo } from 'src/app/core/metadata/metadata-bitstream.model';
 
 @Component({
@@ -6,15 +6,13 @@ import { FileInfo } from 'src/app/core/metadata/metadata-bitstream.model';
   templateUrl: './file-tree-view.component.html',
   styleUrls: ['./file-tree-view.component.scss'],
 })
-export class FileTreeViewComponent implements OnInit {
+export class FileTreeViewComponent {
   @Input()
   node: FileInfo;
 
+  isCollapsed = false; // add this line
+
   getKeys(obj: any): string[] {
     return Object.keys(obj);
   }
-
-  ngOnInit(): void {
-    console.log(this.node);
-  }
 }
diff --git a/src/app/item-page/simple/item-page.component.html b/src/app/item-page/simple/item-page.component.html
index 0f89155c885..d5a19e9382f 100644
--- a/src/app/item-page/simple/item-page.component.html
+++ b/src/app/item-page/simple/item-page.component.html
@@ -49,7 +49,7 @@ <h4><i class="fa fa-paperclip">&nbsp;</i>Files in this item</h4>
         style="visibility: visible"
       >
         <i style="display: block" class="fa fa-download fa-3x">&nbsp;</i
-        >Download all files in item (598.92 MB)</a
+        >Download all files in item ({{totalFileSizes}})</a
       >
       <ds-clarin-license-info
         class="mt-3 d-block"
diff --git a/src/app/item-page/simple/item-page.component.ts b/src/app/item-page/simple/item-page.component.ts
index 4f809a0fca3..35c42ecedc4 100644
--- a/src/app/item-page/simple/item-page.component.ts
+++ b/src/app/item-page/simple/item-page.component.ts
@@ -1,15 +1,19 @@
-import {map, take} from 'rxjs/operators';
+import { map, take } from 'rxjs/operators';
 import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 
-import { BehaviorSubject, Observable} from 'rxjs';
+import { BehaviorSubject, Observable } from 'rxjs';
 import { ItemDataService } from '../../core/data/item-data.service';
 import { RemoteData } from '../../core/data/remote-data';
 
 import { Item } from '../../core/shared/item.model';
 
 import { fadeInOut } from '../../shared/animations/fade';
-import { getAllSucceededRemoteDataPayload, getAllSucceededRemoteListPayload, redirectOn4xx } from '../../core/shared/operators';
+import {
+  getAllSucceededRemoteDataPayload,
+  getAllSucceededRemoteListPayload,
+  redirectOn4xx,
+} from '../../core/shared/operators';
 import { ViewMode } from '../../core/shared/view-mode.model';
 import { AuthService } from '../../core/auth/auth.service';
 import { getItemPageRoute } from '../item-page-routing-paths';
@@ -18,6 +22,7 @@ import { FeatureID } from '../../core/data/feature-authorization/feature-id';
 import { AuthorizationDataService } from '../../core/data/feature-authorization/authorization-data.service';
 import { RegistryService } from 'src/app/core/registry/registry.service';
 import { MetadataBitstream } from 'src/app/core/metadata/metadata-bitstream.model';
+import { BASE_LOCAL_URL } from 'src/app/core/shared/clarin/constants';
 
 /**
  * This component renders a simple item page.
@@ -29,10 +34,9 @@ import { MetadataBitstream } from 'src/app/core/metadata/metadata-bitstream.mode
   styleUrls: ['./item-page.component.scss'],
   templateUrl: './item-page.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
-  animations: [fadeInOut]
+  animations: [fadeInOut],
 })
 export class ItemPageComponent implements OnInit {
-
   /**
    * The item's id
    */
@@ -52,14 +56,17 @@ export class ItemPageComponent implements OnInit {
    * Route to the item's page
    */
   itemPageRoute$: Observable<string>;
-   /**
-   * handle of the specific item 
+  /**
+   * handle of the specific item
    */
   itemHandle: string;
-   /**
-   * handle of the specific item 
+  /**
+   * handle of the specific item
    */
   fileName: string;
+  /**
+   * command for the download command feature
+   */
   command: string;
 
   /**
@@ -80,10 +87,15 @@ export class ItemPageComponent implements OnInit {
   /**
    * If download by command button is click, the command line will be shown
    */
-  isCommandLineVisible = false
-  listOfFiles: any;
-
-
+  isCommandLineVisible = false;
+  /**
+   * list of files uploaded by users to this item
+   */
+  listOfFiles: MetadataBitstream[];
+  /**
+   * total size of list of files uploaded by users to this item
+   */
+  totalFileSizes: string;
 
   constructor(
     protected route: ActivatedRoute,
@@ -92,7 +104,7 @@ export class ItemPageComponent implements OnInit {
     private authService: AuthService,
     private authorizationService: AuthorizationDataService,
     protected registryService: RegistryService
-  ) { }
+  ) {}
 
   /**
    * Initialize instance variables
@@ -110,14 +122,43 @@ export class ItemPageComponent implements OnInit {
     this.showTombstone();
 
     this.registryService
-.getMetadataBitstream(this.itemHandle, 'ORIGINAL,TEXT,THUMBNAIL')
+      .getMetadataBitstream(this.itemHandle, 'ORIGINAL,TEXT,THUMBNAIL')
       .pipe(getAllSucceededRemoteListPayload())
       .subscribe((data: MetadataBitstream[]) => {
         this.listOfFiles = data;
         this.generateCurlCommand();
+        this.sumFileSizes();
       });
   }
 
+  sumFileSizes() {
+    const sizeUnits = {
+      B: 1,
+      KB: 1000,
+      MB: 1000 * 1000,
+      GB: 1000 * 1000 * 1000,
+      TB: 1000 * 1000 * 1000 * 1000,
+    };
+
+    let totalBytes = this.listOfFiles.reduce((total, file) => {
+      const [valueStr, unit] = file.fileSize.split(' ');
+      const value = parseFloat(valueStr);
+      const bytes = value * sizeUnits[unit.toUpperCase()];
+      return total + bytes;
+    }, 0);
+
+    let finalUnit = 'B';
+    for (const unit of ['KB', 'MB', 'GB', 'TB']) {
+      if (totalBytes < 1000) {
+        break;
+      }
+      totalBytes /= 1000;
+      finalUnit = unit;
+    }
+
+    this.totalFileSizes = totalBytes.toFixed(2) + ' ' + finalUnit;
+  }
+
   showTombstone() {
     // if the item is withdrawn
     let isWithdrawn = false;
@@ -125,9 +166,8 @@ export class ItemPageComponent implements OnInit {
     let isReplaced = '';
 
     // load values from item
-    this.itemRD$.pipe(
-      take(1),
-      getAllSucceededRemoteDataPayload())
+    this.itemRD$
+      .pipe(take(1), getAllSucceededRemoteDataPayload())
       .subscribe((item: Item) => {
         this.itemHandle = item.handle;
         isWithdrawn = item.isWithdrawn;
@@ -141,8 +181,10 @@ export class ItemPageComponent implements OnInit {
 
     // for users navigate to the custom tombstone
     // for admin stay on the item page with tombstone flag
-    this.isAdmin$ = this.authorizationService.isAuthorized(FeatureID.AdministratorOf);
-    this.isAdmin$.subscribe(isAdmin => {
+    this.isAdmin$ = this.authorizationService.isAuthorized(
+      FeatureID.AdministratorOf
+    );
+    this.isAdmin$.subscribe((isAdmin) => {
       // do not show tombstone for admin but show it for users
       if (!isAdmin) {
         if (isNotEmpty(isReplaced)) {
@@ -159,14 +201,16 @@ export class ItemPageComponent implements OnInit {
   }
 
   generateCurlCommand() {
-    let fileNames = this.listOfFiles
-    .filter((file: MetadataBitstream) => file.format === 'application/octet-stream' || file.format === 'application/pdf')
-    .map((file: MetadataBitstream) => file.name);
+    let fileNames = this.listOfFiles.map(
+      (file: MetadataBitstream) => file.name
+    );
 
-    this.command =`curl --remote-name-all http://localhost:8080/server/bitstream/handle/${this.itemHandle}/{${fileNames.join(',')}}`;
+    this.command = `curl --remote-name-all ${BASE_LOCAL_URL}/server/bitstream/handle/${
+      this.itemHandle
+    }/{${fileNames.join(',')}}`;
   }
 
   downloadFiles() {
-    window.location.href = `http://localhost:8080/server/bitstream/allzip?handleId=${this.itemHandle}`;
+    window.location.href = `${BASE_LOCAL_URL}/server/bitstream/allzip?handleId=${this.itemHandle}`;
   }
 }

From 52a07b232ab71c2419f0e47266cc076d0cbcba81 Mon Sep 17 00:00:00 2001
From: HuynhKhoa1601 <huynhnhatkhoa21@gmail.com>
Date: Wed, 26 Jul 2023 16:12:25 +0700
Subject: [PATCH 09/26] add more conditions for checking permission to preview
 and download files

---
 .../file-description.component.html           | 45 ++++++++++++-------
 .../file-tree-view.component.ts               |  2 +-
 .../item-page/simple/item-page.component.html | 16 ++++---
 .../item-page/simple/item-page.component.ts   | 12 ++++-
 4 files changed, 52 insertions(+), 23 deletions(-)

diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
index 6ff0cf9d8b4..0fb29830901 100644
--- a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
@@ -1,9 +1,12 @@
 <div class="file-preview-box">
-  <div style="text-align: left;" *ngIf = "fileInput.format === 'video/mp4'">
+  <div style="text-align: left" *ngIf="fileInput.format === 'video/mp4'">
     <video preload="none" controls="controls" height="240">
-    <source src="https://samplelib.com/lib/preview/mp4/sample-5s.mp4" type="video/mp4">
-                      Your browser does not support the video tag.
-                    </video>
+      <source
+        src="https://samplelib.com/lib/preview/mp4/sample-5s.mp4"
+        type="video/mp4"
+      />
+      Your browser does not support the video tag.
+    </video>
   </div>
   <div class="file-content">
     <dl class="dl-horizontal">
@@ -32,26 +35,27 @@
       </dd>
     </dl>
     <img
-      *ngIf = "fileInput.format !== 'video/mp4'"
+      *ngIf="fileInput.format !== 'video/mp4'"
       src="https://lindat.mff.cuni.cz/repository/xmlui/themes/UFAL/images/mime/application-x-gzip.png"
       alt="Preview"
       class="preview-image"
     />
   </div>
   <div class="button-container">
-    <a
-      class="download-btn"
-      (click) ="downloadFiles()"
-    >
+    <a class="download-btn" (click)="downloadFiles()">
       <i class="fa fa-chevron-circle-down">&nbsp;</i>Download file</a
     >
     <a
       xmlns:i18n="http://apache.org/cocoon/i18n/2.1"
       data-toggle="collapse"
-      *ngIf = "fileInput.format !== 'video/mp4' && fileInput.description !== 'Unknown'"
+      *ngIf="
+        fileInput.format === 'text/plain' ||
+        fileInput.format === 'text/html' ||
+        (fileInput.format === 'application/zip' && fileInput.canPreview)
+      "
       role="button"
       class="preview-btn collapsed"
-      href="#file_file_{{fileInput.id}}"
+      href="#file_file_{{ fileInput.id }}"
     >
       <i class="fa fa-eye">&nbsp;</i>Preview</a
     >
@@ -59,7 +63,7 @@
   <div
     xmlns:i18n="http://apache.org/cocoon/i18n/2.1"
     class="in collapse"
-    id="file_file_{{fileInput.id}}"
+    id="file_file_{{ fileInput.id }}"
     style="height: auto"
   >
     <div style="margin: 5px 1px 1px 1px" class="panel panel-info">
@@ -72,7 +76,7 @@
           class="pull-right collapsed"
           data-toggle="collapse"
           role="button"
-          href="#file_file_{{fileInput.id}}"
+          href="#file_file_{{ fileInput.id }}"
         >
           <i class="fa fa-remove">&nbsp;</i>
         </a>
@@ -80,13 +84,22 @@
       <div style="max-height: 200px; overflow: scroll" class="panel-body">
         <ul class="treeview in collapse show">
           <ng-container *ngIf="fileInput.format === 'application/zip'">
-            <ds-file-tree-view *ngFor="let node of fileInput.fileInfo" [node]="node"></ds-file-tree-view>
+            <ds-file-tree-view
+              *ngFor="let node of fileInput.fileInfo"
+              [node]="node"
+            ></ds-file-tree-view>
           </ng-container>
           <ng-container *ngIf="fileInput.format === 'text/plain'">
-            <pre>{{fileInput.fileInfo[0].content}}</pre>
+            <pre>{{ fileInput.fileInfo[0].content }}</pre>
           </ng-container>
           <ng-container *ngIf="fileInput.format === 'text/html'">
-            <iframe width="100%" height="500" scrolling="yes" frameborder="0" src="https://fr.wikipedia.org/wiki/Main_Page">
+            <iframe
+              width="100%"
+              height="500"
+              scrolling="yes"
+              frameborder="0"
+              src="https://fr.wikipedia.org/wiki/Main_Page"
+            >
             </iframe>
           </ng-container>
         </ul>
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.ts b/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.ts
index 71f6553f9dd..96129517885 100644
--- a/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.ts
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.ts
@@ -10,7 +10,7 @@ export class FileTreeViewComponent {
   @Input()
   node: FileInfo;
 
-  isCollapsed = false; // add this line
+  isCollapsed = false;
 
   getKeys(obj: any): string[] {
     return Object.keys(obj);
diff --git a/src/app/item-page/simple/item-page.component.html b/src/app/item-page/simple/item-page.component.html
index d5a19e9382f..65fc101db43 100644
--- a/src/app/item-page/simple/item-page.component.html
+++ b/src/app/item-page/simple/item-page.component.html
@@ -29,7 +29,11 @@
         [displayActions]="false"
       ></ds-item-versions>
       <h4><i class="fa fa-paperclip">&nbsp;</i>Files in this item</h4>
-      <a class="btn btn-download" (click)="setCommandline()" style="text-decoration: none"
+      <a
+        class="btn btn-download"
+        (click)="setCommandline()"
+        style="text-decoration: none"
+        *ngIf="canDownloadAllFiles"
         ><i class="fa fa-download fa-3x" style="display: block">&nbsp;</i
         >Download instructions for command line</a
       >
@@ -38,18 +42,20 @@ <h4><i class="fa fa-paperclip">&nbsp;</i>Files in this item</h4>
           class="repo-copy-btn pull-right"
           data-clipboard-target="#command-div"
         ></button> -->
-        <pre style="background-color: #d9edf7; color: #3a87ad">{{command}}</pre
-        >
+        <pre style="background-color: #d9edf7; color: #3a87ad">{{
+          command
+        }}</pre>
       </div>
       <a
         xmlns:i18n="http://apache.org/cocoon/i18n/2.1"
+        *ngIf="canDownloadAllFiles"
         class="btn btn-download"
         id="download-all-button"
-        (click) = "downloadFiles()"
+        (click)="downloadFiles()"
         style="visibility: visible"
       >
         <i style="display: block" class="fa fa-download fa-3x">&nbsp;</i
-        >Download all files in item ({{totalFileSizes}})</a
+        >Download all files in item ({{ totalFileSizes }})</a
       >
       <ds-clarin-license-info
         class="mt-3 d-block"
diff --git a/src/app/item-page/simple/item-page.component.ts b/src/app/item-page/simple/item-page.component.ts
index 35c42ecedc4..9c71ead33b9 100644
--- a/src/app/item-page/simple/item-page.component.ts
+++ b/src/app/item-page/simple/item-page.component.ts
@@ -64,6 +64,10 @@ export class ItemPageComponent implements OnInit {
    * handle of the specific item
    */
   fileName: string;
+  /**
+   * determine to show download all zip button or not
+   */
+  canDownloadAllFiles = true;
   /**
    * command for the download command feature
    */
@@ -202,7 +206,13 @@ export class ItemPageComponent implements OnInit {
 
   generateCurlCommand() {
     let fileNames = this.listOfFiles.map(
-      (file: MetadataBitstream) => file.name
+      (file: MetadataBitstream) => {
+        if (!file.canPreview) {
+          this.canDownloadAllFiles = file.canPreview;
+        }
+
+        return file.name;
+      }
     );
 
     this.command = `curl --remote-name-all ${BASE_LOCAL_URL}/server/bitstream/handle/${

From 9ddbb6ee822c3970c0294441501048ca9a91742e Mon Sep 17 00:00:00 2001
From: HuynhKhoa1601 <huynhnhatkhoa21@gmail.com>
Date: Wed, 26 Jul 2023 18:12:41 +0700
Subject: [PATCH 10/26] fix lint error

---
 .../core/registry/registry.service.spec.ts    | 227 ++++++++++++------
 .../full/full-item-page.component.spec.ts     |   6 +-
 .../file-description.component.ts             |   4 +-
 .../preview-section.component.spec.ts         |   4 +
 .../simple/item-page.component.spec.ts        |  45 ++--
 .../item-page/simple/item-page.component.ts   |  14 +-
 6 files changed, 190 insertions(+), 110 deletions(-)

diff --git a/src/app/core/registry/registry.service.spec.ts b/src/app/core/registry/registry.service.spec.ts
index 199f43e98e2..b3b5adc1515 100644
--- a/src/app/core/registry/registry.service.spec.ts
+++ b/src/app/core/registry/registry.service.spec.ts
@@ -3,7 +3,7 @@ import { Component } from '@angular/core';
 import { TestBed } from '@angular/core/testing';
 import { Store, StoreModule } from '@ngrx/store';
 import { TranslateModule } from '@ngx-translate/core';
-import { Observable, of as observableOf } from 'rxjs';
+import { Observable, of as observableOf, of } from 'rxjs';
 import {
   MetadataRegistryCancelFieldAction,
   MetadataRegistryCancelSchemaAction,
@@ -14,7 +14,7 @@ import {
   MetadataRegistryEditFieldAction,
   MetadataRegistryEditSchemaAction,
   MetadataRegistrySelectFieldAction,
-  MetadataRegistrySelectSchemaAction
+  MetadataRegistrySelectSchemaAction,
 } from '../../admin/admin-registries/metadata-registry/metadata-registry.actions';
 import { NotificationsService } from '../../shared/notifications/notifications.service';
 import { StoreMock } from '../../shared/testing/store.mock';
@@ -26,20 +26,24 @@ import { storeModuleConfig } from '../../app.reducer';
 import { FindListOptions } from '../data/request.models';
 import { MetadataSchemaDataService } from '../data/metadata-schema-data.service';
 import { MetadataFieldDataService } from '../data/metadata-field-data.service';
-import { createNoContentRemoteDataObject$, createSuccessfulRemoteDataObject$ } from '../../shared/remote-data.utils';
+import {
+  createNoContentRemoteDataObject$,
+  createSuccessfulRemoteDataObject$,
+} from '../../shared/remote-data.utils';
 import { createPaginatedList } from '../../shared/testing/utils.test';
 import { RemoteData } from '../data/remote-data';
 import { NoContent } from '../shared/NoContent.model';
+import { MetadataBitstreamDataService } from '../data/metadata-bitstream-data.service';
 
 @Component({ template: '' })
-class DummyComponent {
-}
+class DummyComponent {}
 
 describe('RegistryService', () => {
   let registryService: RegistryService;
   let mockStore;
   let metadataSchemaService: MetadataSchemaDataService;
   let metadataFieldService: MetadataFieldDataService;
+  let metadataBitstreamDataService: MetadataBitstreamDataService;
 
   let options: FindListOptions;
   let mockSchemasList: MetadataSchema[];
@@ -48,113 +52,144 @@ describe('RegistryService', () => {
   function init() {
     options = Object.assign(new FindListOptions(), {
       currentPage: 1,
-      elementsPerPage: 20
+      elementsPerPage: 20,
     });
 
     mockSchemasList = [
       Object.assign(new MetadataSchema(), {
         id: 1,
         _links: {
-          self: { href: 'https://dspace7.4science.it/dspace-spring-rest/api/core/metadataschemas/1' }
+          self: {
+            href: 'https://dspace7.4science.it/dspace-spring-rest/api/core/metadataschemas/1',
+          },
         },
         prefix: 'dc',
         namespace: 'http://dublincore.org/documents/dcmi-terms/',
-        type: MetadataSchema.type
+        type: MetadataSchema.type,
       }),
       Object.assign(new MetadataSchema(), {
         id: 2,
         _links: {
-          self: { href: 'https://dspace7.4science.it/dspace-spring-rest/api/core/metadataschemas/2' }
+          self: {
+            href: 'https://dspace7.4science.it/dspace-spring-rest/api/core/metadataschemas/2',
+          },
         },
         prefix: 'mock',
         namespace: 'http://dspace.org/mockschema',
-        type: MetadataSchema.type
-      })
+        type: MetadataSchema.type,
+      }),
     ];
 
     mockFieldsList = [
-      Object.assign(new MetadataField(),
-        {
-          id: 1,
-          _links: {
-            self: { href: 'https://dspace7.4science.it/dspace-spring-rest/api/core/metadatafields/8' }
+      Object.assign(new MetadataField(), {
+        id: 1,
+        _links: {
+          self: {
+            href: 'https://dspace7.4science.it/dspace-spring-rest/api/core/metadatafields/8',
           },
-          element: 'contributor',
-          qualifier: 'advisor',
-          scopeNote: null,
-          schema: createSuccessfulRemoteDataObject$(mockSchemasList[0]),
-          type: MetadataField.type
-        }),
-      Object.assign(new MetadataField(),
-        {
-          id: 2,
-          _links: {
-            self: { href: 'https://dspace7.4science.it/dspace-spring-rest/api/core/metadatafields/9' }
+        },
+        element: 'contributor',
+        qualifier: 'advisor',
+        scopeNote: null,
+        schema: createSuccessfulRemoteDataObject$(mockSchemasList[0]),
+        type: MetadataField.type,
+      }),
+      Object.assign(new MetadataField(), {
+        id: 2,
+        _links: {
+          self: {
+            href: 'https://dspace7.4science.it/dspace-spring-rest/api/core/metadatafields/9',
           },
-          element: 'contributor',
-          qualifier: 'author',
-          scopeNote: null,
-          schema: createSuccessfulRemoteDataObject$(mockSchemasList[0]),
-          type: MetadataField.type
-        }),
-      Object.assign(new MetadataField(),
-        {
-          id: 3,
-          _links: {
-            self: { href: 'https://dspace7.4science.it/dspace-spring-rest/api/core/metadatafields/10' }
+        },
+        element: 'contributor',
+        qualifier: 'author',
+        scopeNote: null,
+        schema: createSuccessfulRemoteDataObject$(mockSchemasList[0]),
+        type: MetadataField.type,
+      }),
+      Object.assign(new MetadataField(), {
+        id: 3,
+        _links: {
+          self: {
+            href: 'https://dspace7.4science.it/dspace-spring-rest/api/core/metadatafields/10',
           },
-          element: 'contributor',
-          qualifier: 'editor',
-          scopeNote: 'test scope note',
-          schema: createSuccessfulRemoteDataObject$(mockSchemasList[1]),
-          type: MetadataField.type
-        }),
-      Object.assign(new MetadataField(),
-        {
-          id: 4,
-          _links: {
-            self: { href: 'https://dspace7.4science.it/dspace-spring-rest/api/core/metadatafields/11' }
+        },
+        element: 'contributor',
+        qualifier: 'editor',
+        scopeNote: 'test scope note',
+        schema: createSuccessfulRemoteDataObject$(mockSchemasList[1]),
+        type: MetadataField.type,
+      }),
+      Object.assign(new MetadataField(), {
+        id: 4,
+        _links: {
+          self: {
+            href: 'https://dspace7.4science.it/dspace-spring-rest/api/core/metadatafields/11',
           },
-          element: 'contributor',
-          qualifier: 'illustrator',
-          scopeNote: null,
-          schema: createSuccessfulRemoteDataObject$(mockSchemasList[1]),
-          type: MetadataField.type
-        })
+        },
+        element: 'contributor',
+        qualifier: 'illustrator',
+        scopeNote: null,
+        schema: createSuccessfulRemoteDataObject$(mockSchemasList[1]),
+        type: MetadataField.type,
+      }),
     ];
 
     metadataSchemaService = jasmine.createSpyObj('metadataSchemaService', {
-      findAll: createSuccessfulRemoteDataObject$(createPaginatedList(mockSchemasList)),
+      findAll: createSuccessfulRemoteDataObject$(
+        createPaginatedList(mockSchemasList)
+      ),
       findById: createSuccessfulRemoteDataObject$(mockSchemasList[0]),
-      createOrUpdateMetadataSchema: createSuccessfulRemoteDataObject$(mockSchemasList[0]),
+      createOrUpdateMetadataSchema: createSuccessfulRemoteDataObject$(
+        mockSchemasList[0]
+      ),
       delete: createNoContentRemoteDataObject$(),
-      clearRequests: observableOf('href')
+      clearRequests: observableOf('href'),
     });
 
     metadataFieldService = jasmine.createSpyObj('metadataFieldService', {
-      findAll: createSuccessfulRemoteDataObject$(createPaginatedList(mockFieldsList)),
+      findAll: createSuccessfulRemoteDataObject$(
+        createPaginatedList(mockFieldsList)
+      ),
       findById: createSuccessfulRemoteDataObject$(mockFieldsList[0]),
       create: createSuccessfulRemoteDataObject$(mockFieldsList[0]),
       put: createSuccessfulRemoteDataObject$(mockFieldsList[0]),
       delete: createNoContentRemoteDataObject$(),
-      clearRequests: observableOf('href')
+      clearRequests: observableOf('href'),
     });
+    metadataBitstreamDataService = jasmine.createSpyObj(
+      'metadataBitstreamDataService',
+      {
+        searchByHandleParams: of({
+          /* Your Mock Data */
+        }),
+      }
+    );
   }
 
   beforeEach(() => {
     init();
     TestBed.configureTestingModule({
-      imports: [CommonModule, StoreModule.forRoot({}, storeModuleConfig), TranslateModule.forRoot()],
-      declarations: [
-        DummyComponent
+      imports: [
+        CommonModule,
+        StoreModule.forRoot({}, storeModuleConfig),
+        TranslateModule.forRoot(),
       ],
+      declarations: [DummyComponent],
       providers: [
         { provide: Store, useClass: StoreMock },
-        { provide: NotificationsService, useValue: new NotificationsServiceStub() },
+        {
+          provide: NotificationsService,
+          useValue: new NotificationsServiceStub(),
+        },
         { provide: MetadataSchemaDataService, useValue: metadataSchemaService },
         { provide: MetadataFieldDataService, useValue: metadataFieldService },
-        RegistryService
-      ]
+        {
+          provide: MetadataBitstreamDataService,
+          useValue: metadataBitstreamDataService,
+        },
+        RegistryService,
+      ],
     });
     registryService = TestBed.inject(RegistryService);
     mockStore = TestBed.inject(Store);
@@ -179,12 +214,18 @@ describe('RegistryService', () => {
     let result;
 
     beforeEach(() => {
-      result = registryService.getMetadataSchemaByPrefix(mockSchemasList[0].prefix);
+      result = registryService.getMetadataSchemaByPrefix(
+        mockSchemasList[0].prefix
+      );
     });
 
     it('should call metadataSchemaService.findById with the correct ID', (done) => {
       result.subscribe(() => {
-        expect(metadataSchemaService.findById).toHaveBeenCalledWith(`${mockSchemasList[0].id}`, true, true);
+        expect(metadataSchemaService.findById).toHaveBeenCalledWith(
+          `${mockSchemasList[0].id}`,
+          true,
+          true
+        );
         done();
       });
     });
@@ -201,7 +242,9 @@ describe('RegistryService', () => {
       });
 
       it('should dispatch a MetadataRegistryEditSchemaAction with the correct schema', () => {
-        expect(mockStore.dispatch).toHaveBeenCalledWith(new MetadataRegistryEditSchemaAction(mockSchemasList[0]));
+        expect(mockStore.dispatch).toHaveBeenCalledWith(
+          new MetadataRegistryEditSchemaAction(mockSchemasList[0])
+        );
       });
     });
 
@@ -211,7 +254,9 @@ describe('RegistryService', () => {
       });
 
       it('should dispatch a MetadataRegistryCancelSchemaAction', () => {
-        expect(mockStore.dispatch).toHaveBeenCalledWith(new MetadataRegistryCancelSchemaAction());
+        expect(mockStore.dispatch).toHaveBeenCalledWith(
+          new MetadataRegistryCancelSchemaAction()
+        );
       });
     });
 
@@ -221,7 +266,9 @@ describe('RegistryService', () => {
       });
 
       it('should dispatch a MetadataRegistrySelectSchemaAction with the correct schema', () => {
-        expect(mockStore.dispatch).toHaveBeenCalledWith(new MetadataRegistrySelectSchemaAction(mockSchemasList[0]));
+        expect(mockStore.dispatch).toHaveBeenCalledWith(
+          new MetadataRegistrySelectSchemaAction(mockSchemasList[0])
+        );
       });
     });
 
@@ -231,7 +278,9 @@ describe('RegistryService', () => {
       });
 
       it('should dispatch a MetadataRegistryDeselectSchemaAction with the correct schema', () => {
-        expect(mockStore.dispatch).toHaveBeenCalledWith(new MetadataRegistryDeselectSchemaAction(mockSchemasList[0]));
+        expect(mockStore.dispatch).toHaveBeenCalledWith(
+          new MetadataRegistryDeselectSchemaAction(mockSchemasList[0])
+        );
       });
     });
 
@@ -241,7 +290,9 @@ describe('RegistryService', () => {
       });
 
       it('should dispatch a MetadataRegistryDeselectAllSchemaAction', () => {
-        expect(mockStore.dispatch).toHaveBeenCalledWith(new MetadataRegistryDeselectAllSchemaAction());
+        expect(mockStore.dispatch).toHaveBeenCalledWith(
+          new MetadataRegistryDeselectAllSchemaAction()
+        );
       });
     });
 
@@ -251,7 +302,9 @@ describe('RegistryService', () => {
       });
 
       it('should dispatch a MetadataRegistryEditFieldAction with the correct Field', () => {
-        expect(mockStore.dispatch).toHaveBeenCalledWith(new MetadataRegistryEditFieldAction(mockFieldsList[0]));
+        expect(mockStore.dispatch).toHaveBeenCalledWith(
+          new MetadataRegistryEditFieldAction(mockFieldsList[0])
+        );
       });
     });
 
@@ -261,7 +314,9 @@ describe('RegistryService', () => {
       });
 
       it('should dispatch a MetadataRegistryCancelFieldAction', () => {
-        expect(mockStore.dispatch).toHaveBeenCalledWith(new MetadataRegistryCancelFieldAction());
+        expect(mockStore.dispatch).toHaveBeenCalledWith(
+          new MetadataRegistryCancelFieldAction()
+        );
       });
     });
 
@@ -271,7 +326,9 @@ describe('RegistryService', () => {
       });
 
       it('should dispatch a MetadataRegistrySelectFieldAction with the correct Field', () => {
-        expect(mockStore.dispatch).toHaveBeenCalledWith(new MetadataRegistrySelectFieldAction(mockFieldsList[0]));
+        expect(mockStore.dispatch).toHaveBeenCalledWith(
+          new MetadataRegistrySelectFieldAction(mockFieldsList[0])
+        );
       });
     });
 
@@ -281,7 +338,9 @@ describe('RegistryService', () => {
       });
 
       it('should dispatch a MetadataRegistryDeselectFieldAction with the correct Field', () => {
-        expect(mockStore.dispatch).toHaveBeenCalledWith(new MetadataRegistryDeselectFieldAction(mockFieldsList[0]));
+        expect(mockStore.dispatch).toHaveBeenCalledWith(
+          new MetadataRegistryDeselectFieldAction(mockFieldsList[0])
+        );
       });
     });
 
@@ -291,7 +350,9 @@ describe('RegistryService', () => {
       });
 
       it('should dispatch a MetadataRegistryDeselectAllFieldAction', () => {
-        expect(mockStore.dispatch).toHaveBeenCalledWith(new MetadataRegistryDeselectAllFieldAction());
+        expect(mockStore.dispatch).toHaveBeenCalledWith(
+          new MetadataRegistryDeselectAllFieldAction()
+        );
       });
     });
   });
@@ -315,7 +376,10 @@ describe('RegistryService', () => {
     let result: Observable<MetadataField>;
 
     beforeEach(() => {
-      result = registryService.createMetadataField(mockFieldsList[0], mockSchemasList[0]);
+      result = registryService.createMetadataField(
+        mockFieldsList[0],
+        mockSchemasList[0]
+      );
     });
 
     it('should return the created metadata field', (done) => {
@@ -333,7 +397,10 @@ describe('RegistryService', () => {
     beforeEach(() => {
       metadataField = mockFieldsList[0];
       metadataField.qualifier = '';
-      result = registryService.createMetadataField(metadataField, mockSchemasList[0]);
+      result = registryService.createMetadataField(
+        metadataField,
+        mockSchemasList[0]
+      );
     });
 
     it('should return the created metadata field with a null qualifier', (done) => {
diff --git a/src/app/item-page/full/full-item-page.component.spec.ts b/src/app/item-page/full/full-item-page.component.spec.ts
index 41236d04767..c25b2f8e6e5 100644
--- a/src/app/item-page/full/full-item-page.component.spec.ts
+++ b/src/app/item-page/full/full-item-page.component.spec.ts
@@ -18,6 +18,7 @@ import { createSuccessfulRemoteDataObject, createSuccessfulRemoteDataObject$ } f
 import { AuthService } from '../../core/auth/auth.service';
 import { createPaginatedList } from '../../shared/testing/utils.test';
 import { AuthorizationDataService } from '../../core/data/feature-authorization/authorization-data.service';
+import { RegistryService } from 'src/app/core/registry/registry.service';
 
 const mockItem: Item = Object.assign(new Item(), {
   bundles: createSuccessfulRemoteDataObject$(createPaginatedList([])),
@@ -41,14 +42,13 @@ const metadataServiceStub = {
 describe('FullItemPageComponent', () => {
   let comp: FullItemPageComponent;
   let fixture: ComponentFixture<FullItemPageComponent>;
+  let registryService: RegistryService;
 
   let authService: AuthService;
   let routeStub: ActivatedRouteStub;
   let routeData;
   const authorizationService = jasmine.createSpyObj('authorizationService', ['isAuthorized']);
 
-
-
   beforeEach(waitForAsync(() => {
     authService = jasmine.createSpyObj('authService', {
       isAuthenticated: observableOf(true),
@@ -77,6 +77,7 @@ describe('FullItemPageComponent', () => {
         { provide: MetadataService, useValue: metadataServiceStub },
         { provide: AuthService, useValue: authService },
         { provide: AuthorizationDataService, useValue: authorizationService },
+        RegistryService
       ],
 
       schemas: [NO_ERRORS_SCHEMA]
@@ -86,6 +87,7 @@ describe('FullItemPageComponent', () => {
   }));
 
   beforeEach(waitForAsync(() => {
+    registryService = TestBed.inject(RegistryService);
     fixture = TestBed.createComponent(FullItemPageComponent);
     comp = fixture.componentInstance;
     fixture.detectChanges();
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts
index ebf03e76ba2..b893b1f4346 100644
--- a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts
@@ -10,9 +10,9 @@ import { BASE_LOCAL_URL } from 'src/app/core/shared/clarin/constants';
 export class FileDescriptionComponent implements OnInit {
   @Input()
   fileInput: MetadataBitstream;
-  
+
   ngOnInit(): void {
-      console.log(this.fileInput);
+    console.log(this.fileInput);
   }
   public downloadFiles() {
     window.location.href = `${BASE_LOCAL_URL}${this.fileInput.href}`;
diff --git a/src/app/item-page/simple/field-components/preview-section/preview-section.component.spec.ts b/src/app/item-page/simple/field-components/preview-section/preview-section.component.spec.ts
index e88b994e9f0..8258c340d86 100644
--- a/src/app/item-page/simple/field-components/preview-section/preview-section.component.spec.ts
+++ b/src/app/item-page/simple/field-components/preview-section/preview-section.component.spec.ts
@@ -6,6 +6,7 @@ import { RegistryService } from 'src/app/core/registry/registry.service';
 import { PreviewSectionComponent } from './preview-section.component';
 import { ResourceType } from 'src/app/core/shared/resource-type';
 import { HALLink } from 'src/app/core/shared/hal-link.model';
+import { Item } from 'src/app/core/shared/item.model';
 
 describe('PreviewSectionComponent', () => {
   let component: PreviewSectionComponent;
@@ -51,6 +52,9 @@ describe('PreviewSectionComponent', () => {
       of(bitstreamStream)
     );
 
+    component.item = new Item();
+    component.item.handle = '12345';
+
     fixture.detectChanges();
   });
 
diff --git a/src/app/item-page/simple/item-page.component.spec.ts b/src/app/item-page/simple/item-page.component.spec.ts
index 387bddf1736..1d8cbd3645a 100644
--- a/src/app/item-page/simple/item-page.component.spec.ts
+++ b/src/app/item-page/simple/item-page.component.spec.ts
@@ -17,47 +17,53 @@ import {
   createFailedRemoteDataObject$,
   createPendingRemoteDataObject$,
   createSuccessfulRemoteDataObject,
-  createSuccessfulRemoteDataObject$
+  createSuccessfulRemoteDataObject$,
 } from '../../shared/remote-data.utils';
 import { AuthService } from '../../core/auth/auth.service';
 import { createPaginatedList } from '../../shared/testing/utils.test';
 import { AuthorizationDataService } from '../../core/data/feature-authorization/authorization-data.service';
+import { RegistryService } from 'src/app/core/registry/registry.service';
 
 const mockItem: Item = Object.assign(new Item(), {
   bundles: createSuccessfulRemoteDataObject$(createPaginatedList([])),
   metadata: [],
-  relationships: createRelationshipsObservable()
+  relationships: createRelationshipsObservable(),
 });
 
 describe('ItemPageComponent', () => {
   let comp: ItemPageComponent;
   let fixture: ComponentFixture<ItemPageComponent>;
   let authService: AuthService;
-  const authorizationService = jasmine.createSpyObj('authorizationService', ['isAuthorized']);
+  let registryService: RegistryService;
+  const authorizationService = jasmine.createSpyObj('authorizationService', [
+    'isAuthorized',
+  ]);
 
   const mockMetadataService = {
     /* tslint:disable:no-empty */
-    processRemoteData: () => {
-    }
+    processRemoteData: () => {},
     /* tslint:enable:no-empty */
   };
   const mockRoute = Object.assign(new ActivatedRouteStub(), {
-    data: observableOf({ dso: createSuccessfulRemoteDataObject(mockItem) })
+    data: observableOf({ dso: createSuccessfulRemoteDataObject(mockItem) }),
   });
 
   beforeEach(waitForAsync(() => {
     authService = jasmine.createSpyObj('authService', {
       isAuthenticated: observableOf(true),
-      setRedirectUrl: {}
+      setRedirectUrl: {},
     });
 
     TestBed.configureTestingModule({
-      imports: [TranslateModule.forRoot({
-        loader: {
-          provide: TranslateLoader,
-          useClass: TranslateLoaderMock
-        }
-      }), BrowserAnimationsModule],
+      imports: [
+        TranslateModule.forRoot({
+          loader: {
+            provide: TranslateLoader,
+            useClass: TranslateLoaderMock,
+          },
+        }),
+        BrowserAnimationsModule,
+      ],
       declarations: [ItemPageComponent, VarDirective],
       providers: [
         { provide: ActivatedRoute, useValue: mockRoute },
@@ -66,15 +72,19 @@ describe('ItemPageComponent', () => {
         { provide: Router, useValue: {} },
         { provide: AuthService, useValue: authService },
         { provide: AuthorizationDataService, useValue: authorizationService },
+        RegistryService,
       ],
 
-      schemas: [NO_ERRORS_SCHEMA]
-    }).overrideComponent(ItemPageComponent, {
-      set: { changeDetection: ChangeDetectionStrategy.Default }
-    }).compileComponents();
+      schemas: [NO_ERRORS_SCHEMA],
+    })
+      .overrideComponent(ItemPageComponent, {
+        set: { changeDetection: ChangeDetectionStrategy.Default },
+      })
+      .compileComponents();
   }));
 
   beforeEach(waitForAsync(() => {
+    registryService = TestBed.inject(RegistryService);
     fixture = TestBed.createComponent(ItemPageComponent);
     comp = fixture.componentInstance;
     fixture.detectChanges();
@@ -104,5 +114,4 @@ describe('ItemPageComponent', () => {
       expect(error.nativeElement).toBeDefined();
     });
   });
-
 });
diff --git a/src/app/item-page/simple/item-page.component.ts b/src/app/item-page/simple/item-page.component.ts
index 9c71ead33b9..96871ae48e0 100644
--- a/src/app/item-page/simple/item-page.component.ts
+++ b/src/app/item-page/simple/item-page.component.ts
@@ -205,15 +205,13 @@ export class ItemPageComponent implements OnInit {
   }
 
   generateCurlCommand() {
-    let fileNames = this.listOfFiles.map(
-      (file: MetadataBitstream) => {
-        if (!file.canPreview) {
-          this.canDownloadAllFiles = file.canPreview;
-        }
-
-        return file.name;
+    const fileNames = this.listOfFiles.map((file: MetadataBitstream) => {
+      if (!file.canPreview) {
+        this.canDownloadAllFiles = file.canPreview;
       }
-    );
+
+      return file.name;
+    });
 
     this.command = `curl --remote-name-all ${BASE_LOCAL_URL}/server/bitstream/handle/${
       this.itemHandle

From 395db4ecab3c6959e43d89437a6ab17da20d5c81 Mon Sep 17 00:00:00 2001
From: HuynhKhoa1601 <huynhnhatkhoa21@gmail.com>
Date: Thu, 27 Jul 2023 14:59:32 +0700
Subject: [PATCH 11/26] fix failed test

---
 .../full/full-item-page.component.spec.ts     | 22 ++++++++++++++++---
 .../simple/item-page.component.spec.ts        | 22 +++++++++++++++++--
 2 files changed, 39 insertions(+), 5 deletions(-)

diff --git a/src/app/item-page/full/full-item-page.component.spec.ts b/src/app/item-page/full/full-item-page.component.spec.ts
index c25b2f8e6e5..5b695607b7c 100644
--- a/src/app/item-page/full/full-item-page.component.spec.ts
+++ b/src/app/item-page/full/full-item-page.component.spec.ts
@@ -1,6 +1,6 @@
 import { ComponentFixture, fakeAsync, TestBed, waitForAsync } from '@angular/core/testing';
 import { ItemDataService } from '../../core/data/item-data.service';
-import { TranslateLoader, TranslateModule } from '@ngx-translate/core';
+import { TranslateLoader, TranslateModule, TranslateService } from '@ngx-translate/core';
 import { TranslateLoaderMock } from '../../shared/mocks/translate-loader.mock';
 import { ChangeDetectionStrategy, NO_ERRORS_SCHEMA } from '@angular/core';
 import { TruncatePipe } from '../../shared/utils/truncate.pipe';
@@ -11,7 +11,7 @@ import { ActivatedRouteStub } from '../../shared/testing/active-router.stub';
 import { VarDirective } from '../../shared/utils/var.directive';
 import { RouterTestingModule } from '@angular/router/testing';
 import { Item } from '../../core/shared/item.model';
-import { of as observableOf } from 'rxjs';
+import { of as observableOf, of } from 'rxjs';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { By } from '@angular/platform-browser';
 import { createSuccessfulRemoteDataObject, createSuccessfulRemoteDataObject$ } from '../../shared/remote-data.utils';
@@ -19,6 +19,12 @@ import { AuthService } from '../../core/auth/auth.service';
 import { createPaginatedList } from '../../shared/testing/utils.test';
 import { AuthorizationDataService } from '../../core/data/feature-authorization/authorization-data.service';
 import { RegistryService } from 'src/app/core/registry/registry.service';
+import { Store } from '@ngrx/store';
+import { NotificationsService } from 'src/app/shared/notifications/notifications.service';
+import { MetadataFieldDataService } from 'src/app/core/data/metadata-field-data.service';
+import { MetadataSchemaDataService } from 'src/app/core/data/metadata-schema-data.service';
+import { MetadataBitstreamDataService } from 'src/app/core/data/metadata-bitstream-data.service';
+import { getMockTranslateService } from 'src/app/shared/mocks/translate.service.mock';
 
 const mockItem: Item = Object.assign(new Item(), {
   bundles: createSuccessfulRemoteDataObject$(createPaginatedList([])),
@@ -43,7 +49,7 @@ describe('FullItemPageComponent', () => {
   let comp: FullItemPageComponent;
   let fixture: ComponentFixture<FullItemPageComponent>;
   let registryService: RegistryService;
-
+  let translateService: TranslateService;
   let authService: AuthService;
   let routeStub: ActivatedRouteStub;
   let routeData;
@@ -63,6 +69,11 @@ describe('FullItemPageComponent', () => {
       data: observableOf(routeData)
     });
 
+    const mockMetadataBitstreamDataService = {
+      searchByHandleParams: () => of({}) // Returns a mock Observable
+    };
+
+    translateService = getMockTranslateService();
     TestBed.configureTestingModule({
       imports: [TranslateModule.forRoot({
         loader: {
@@ -77,6 +88,11 @@ describe('FullItemPageComponent', () => {
         { provide: MetadataService, useValue: metadataServiceStub },
         { provide: AuthService, useValue: authService },
         { provide: AuthorizationDataService, useValue: authorizationService },
+        { provide: MetadataBitstreamDataService, useValue: mockMetadataBitstreamDataService },
+        { provide: Store, useValue: {} },
+        { provide: NotificationsService, useValue: {} },
+        { provide: MetadataSchemaDataService, useValue: {} },
+        { provide: MetadataFieldDataService, useValue: {} },
         RegistryService
       ],
 
diff --git a/src/app/item-page/simple/item-page.component.spec.ts b/src/app/item-page/simple/item-page.component.spec.ts
index 1d8cbd3645a..e266013a0dd 100644
--- a/src/app/item-page/simple/item-page.component.spec.ts
+++ b/src/app/item-page/simple/item-page.component.spec.ts
@@ -1,5 +1,5 @@
 import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-import { TranslateLoader, TranslateModule } from '@ngx-translate/core';
+import { TranslateLoader, TranslateModule, TranslateService } from '@ngx-translate/core';
 import { TranslateLoaderMock } from '../../shared/mocks/translate-loader.mock';
 import { ItemDataService } from '../../core/data/item-data.service';
 import { ChangeDetectionStrategy, NO_ERRORS_SCHEMA } from '@angular/core';
@@ -12,7 +12,7 @@ import { Item } from '../../core/shared/item.model';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { By } from '@angular/platform-browser';
 import { createRelationshipsObservable } from './item-types/shared/item.component.spec';
-import { of as observableOf } from 'rxjs';
+import { of as observableOf, of } from 'rxjs';
 import {
   createFailedRemoteDataObject$,
   createPendingRemoteDataObject$,
@@ -23,6 +23,12 @@ import { AuthService } from '../../core/auth/auth.service';
 import { createPaginatedList } from '../../shared/testing/utils.test';
 import { AuthorizationDataService } from '../../core/data/feature-authorization/authorization-data.service';
 import { RegistryService } from 'src/app/core/registry/registry.service';
+import { Store } from '@ngrx/store';
+import { NotificationsService } from 'src/app/shared/notifications/notifications.service';
+import { MetadataSchemaDataService } from 'src/app/core/data/metadata-schema-data.service';
+import { MetadataFieldDataService } from 'src/app/core/data/metadata-field-data.service';
+import { MetadataBitstreamDataService } from 'src/app/core/data/metadata-bitstream-data.service';
+import { getMockTranslateService } from 'src/app/shared/mocks/translate.service.mock';
 
 const mockItem: Item = Object.assign(new Item(), {
   bundles: createSuccessfulRemoteDataObject$(createPaginatedList([])),
@@ -34,6 +40,7 @@ describe('ItemPageComponent', () => {
   let comp: ItemPageComponent;
   let fixture: ComponentFixture<ItemPageComponent>;
   let authService: AuthService;
+  let translateService: TranslateService;
   let registryService: RegistryService;
   const authorizationService = jasmine.createSpyObj('authorizationService', [
     'isAuthorized',
@@ -48,12 +55,18 @@ describe('ItemPageComponent', () => {
     data: observableOf({ dso: createSuccessfulRemoteDataObject(mockItem) }),
   });
 
+  const mockMetadataBitstreamDataService = {
+    searchByHandleParams: () => of({}) // Returns a mock Observable
+  };
+
   beforeEach(waitForAsync(() => {
     authService = jasmine.createSpyObj('authService', {
       isAuthenticated: observableOf(true),
       setRedirectUrl: {},
     });
 
+    translateService = getMockTranslateService();
+
     TestBed.configureTestingModule({
       imports: [
         TranslateModule.forRoot({
@@ -72,6 +85,11 @@ describe('ItemPageComponent', () => {
         { provide: Router, useValue: {} },
         { provide: AuthService, useValue: authService },
         { provide: AuthorizationDataService, useValue: authorizationService },
+        { provide: Store, useValue: {} },
+        { provide: NotificationsService, useValue: {} },
+        { provide: MetadataSchemaDataService, useValue: {} },
+        { provide: MetadataFieldDataService, useValue: {} },
+        { provide: MetadataBitstreamDataService, useValue: mockMetadataBitstreamDataService },
         RegistryService,
       ],
 

From a8683313d53facd59694da83b316c4bb446443fa Mon Sep 17 00:00:00 2001
From: milanmajchrak <90026355+milanmajchrak@users.noreply.github.com>
Date: Wed, 27 Sep 2023 13:16:07 +0200
Subject: [PATCH 12/26] Lock/download preview (#311)

* create new component and add model file and service file

* build the user interface and calling the api from backend

* add logic for handling data from BE and refactor the UI

* fix the lint error and fix the collapse/hide behaviour

---------

Co-authored-by: HuynhKhoa1601 <huynhnhatkhoa21@gmail.com>
---
 angular.json                                  |   1 +
 src/app/core/core.module.ts                   |   4 +
 src/app/core/data/data.service.ts             |   0
 .../data/metadata-bitstream-data.service.ts   |  82 ++++++++
 src/app/core/metadata/file-info.model.ts      |   9 +
 .../core/metadata/metadata-bitstream.model.ts | 109 ++++++++++
 .../metadata-bitstream.resource-type.ts       |  10 +
 src/app/core/registry/registry.service.ts     | 192 ++++++++++++++----
 src/app/item-page/item-page.module.ts         |  11 +-
 .../file-description.component.html           |  91 +++++++++
 .../file-description.component.scss           | 106 ++++++++++
 .../file-description.component.spec.ts        |  52 +++++
 .../file-description.component.ts             |  16 ++
 .../file-tree-view.component.html             |  24 +++
 .../file-tree-view.component.scss             |  23 +++
 .../file-tree-view.component.spec.ts          |  55 +++++
 .../file-tree-view.component.ts               |  20 ++
 .../preview-section.component.html            |   3 +
 .../preview-section.component.scss            | 107 ++++++++++
 .../preview-section.component.spec.ts         |  71 +++++++
 .../preview-section.component.ts              |  30 +++
 .../item-page/simple/item-page.component.html |   1 +
 .../shared/item-relationships-utils.ts        |  65 ++++--
 .../untyped-item/untyped-item.component.html  |   1 +
 24 files changed, 1025 insertions(+), 58 deletions(-)
 create mode 100644 src/app/core/data/data.service.ts
 create mode 100644 src/app/core/data/metadata-bitstream-data.service.ts
 create mode 100644 src/app/core/metadata/file-info.model.ts
 create mode 100644 src/app/core/metadata/metadata-bitstream.model.ts
 create mode 100644 src/app/core/metadata/metadata-bitstream.resource-type.ts
 create mode 100644 src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
 create mode 100644 src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.scss
 create mode 100644 src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.spec.ts
 create mode 100644 src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts
 create mode 100644 src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.html
 create mode 100644 src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.scss
 create mode 100644 src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.spec.ts
 create mode 100644 src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.ts
 create mode 100644 src/app/item-page/simple/field-components/preview-section/preview-section.component.html
 create mode 100644 src/app/item-page/simple/field-components/preview-section/preview-section.component.scss
 create mode 100644 src/app/item-page/simple/field-components/preview-section/preview-section.component.spec.ts
 create mode 100644 src/app/item-page/simple/field-components/preview-section/preview-section.component.ts

diff --git a/angular.json b/angular.json
index d828887b214..1afce4bb954 100644
--- a/angular.json
+++ b/angular.json
@@ -46,6 +46,7 @@
             "styles": [
               "src/styles/startup.scss",
               "src/aai/discojuice/discojuice.css",
+              "node_modules/font-awesome/css/font-awesome.css",
               "node_modules/bootstrap/dist/css/bootstrap.min.css",
               {
                 "input": "src/styles/base-theme.scss",
diff --git a/src/app/core/core.module.ts b/src/app/core/core.module.ts
index 175a3fd1609..306b950f8f4 100644
--- a/src/app/core/core.module.ts
+++ b/src/app/core/core.module.ts
@@ -64,6 +64,7 @@ import { EPerson } from './eperson/models/eperson.model';
 import { Group } from './eperson/models/group.model';
 import { JsonPatchOperationsBuilder } from './json-patch/builder/json-patch-operations-builder';
 import { MetadataField } from './metadata/metadata-field.model';
+import { MetadataBitstream } from './metadata/metadata-bitstream.model';
 import { MetadataSchema } from './metadata/metadata-schema.model';
 import { MetadataService } from './metadata/metadata.service';
 import { RegistryService } from './registry/registry.service';
@@ -133,6 +134,7 @@ import {
 import { Registration } from './shared/registration.model';
 import { MetadataSchemaDataService } from './data/metadata-schema-data.service';
 import { MetadataFieldDataService } from './data/metadata-field-data.service';
+import { MetadataBitstreamDataService } from './data/metadata-bitstream-data.service';
 import { DsDynamicTypeBindRelationService } from '../shared/form/builder/ds-dynamic-form-ui/ds-dynamic-type-bind-relation.service';
 import { TokenResponseParsingService } from './auth/token-response-parsing.service';
 import { SubmissionCcLicenseDataService } from './submission/submission-cc-license-data.service';
@@ -298,6 +300,7 @@ const PROVIDERS = [
   SiteRegisterGuard,
   MetadataSchemaDataService,
   MetadataFieldDataService,
+  MetadataBitstreamDataService,
   TokenResponseParsingService,
   ReloadGuard,
   EndUserAgreementCurrentUserGuard,
@@ -341,6 +344,7 @@ export const models =
     ResourcePolicy,
     MetadataSchema,
     MetadataField,
+    MetadataBitstream,
     License,
     WorkflowItem,
     WorkspaceItem,
diff --git a/src/app/core/data/data.service.ts b/src/app/core/data/data.service.ts
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/src/app/core/data/metadata-bitstream-data.service.ts b/src/app/core/data/metadata-bitstream-data.service.ts
new file mode 100644
index 00000000000..7e583eb99bf
--- /dev/null
+++ b/src/app/core/data/metadata-bitstream-data.service.ts
@@ -0,0 +1,82 @@
+import { Injectable } from '@angular/core';
+import { hasValue } from '../../shared/empty.util';
+import { PaginatedList } from './paginated-list.model';
+import { RemoteData } from './remote-data';
+import { RequestService } from './request.service';
+import { RemoteDataBuildService } from '../cache/builders/remote-data-build.service';
+import { HALEndpointService } from '../shared/hal-endpoint.service';
+import { FollowLinkConfig } from '../../shared/utils/follow-link-config.model';
+import { Observable } from 'rxjs';
+import { RequestParam } from '../cache/models/request-param.model';
+import { NoContent } from '../shared/NoContent.model';
+import { NotificationsService } from '../../shared/notifications/notifications.service';
+import { ObjectCacheService } from '../cache/object-cache.service';
+import { METADATA_BITSTREAM } from '../metadata/metadata-bitstream.resource-type';
+import { FindListOptions } from './request.models';
+import { dataService } from '../cache/builders/build-decorators';
+import { MetadataBitstream } from '../metadata/metadata-bitstream.model';
+import { DataService } from './data.service';
+import { HttpClient } from '@angular/common/http';
+import { Store } from '@ngrx/store';
+import { CoreState } from '../core.reducers';
+import { ChangeAnalyzer } from './change-analyzer';
+import { tap } from 'rxjs/operators';
+
+/**
+ * A service responsible for fetching/sending data from/to the REST API on the metadatafields endpoint
+ */
+@Injectable()
+@dataService(METADATA_BITSTREAM)
+export class MetadataBitstreamDataService extends DataService<MetadataBitstream> {
+  protected store: Store<CoreState>;
+  protected http: HttpClient;
+  protected comparator: ChangeAnalyzer<MetadataBitstream>;
+  protected linkPath = 'metadatabitstreams';
+  protected searchByHandleLinkPath = 'byHandle';
+
+  constructor(
+    protected requestService: RequestService,
+    protected rdbService: RemoteDataBuildService,
+    protected objectCache: ObjectCacheService,
+    protected halService: HALEndpointService,
+    protected notificationsService: NotificationsService
+  ) {
+    super();
+  }
+
+  /**
+   * Find metadata fields with either the partial metadata field name (e.g. "dc.ti") as query or an exact match to
+   * at least the schema, element or qualifier
+   * @param handle    optional; an exact match of the prefix of the item identifier (e.g. "123456789/1126")
+   * @param fileGrpType   optional; an exact match of the type of the file(e.g. "TEXT", "THUMBNAIL")
+   * @param options   The options info used to retrieve the fields
+   * @param useCachedVersionIfAvailable If this is true, the request will only be sent if there's no valid cached version. Defaults to true
+   * @param reRequestOnStale  Whether or not the request should automatically be re-requested after the response becomes stale
+   * @param linksToFollow List of {@link FollowLinkConfig} that indicate which {@link HALLink}s should be automatically resolved
+   */
+  searchByHandleParams(
+    handle: string,
+    fileGrpType: string,
+    options: FindListOptions = {},
+    useCachedVersionIfAvailable = true,
+    reRequestOnStale = true,
+    ...linksToFollow: FollowLinkConfig<any>[]
+  ): Observable<RemoteData<any>> {
+    const optionParams = Object.assign(new FindListOptions(), options, {
+      searchParams: [
+        new RequestParam('handle', hasValue(handle) ? handle : ''),
+        new RequestParam(
+          'fileGrpType',
+          hasValue(fileGrpType) ? fileGrpType : ''
+        ),
+      ],
+    });
+    return this.searchBy(
+      this.searchByHandleLinkPath,
+      optionParams,
+      useCachedVersionIfAvailable,
+      reRequestOnStale,
+      ...linksToFollow
+    );
+  }
+}
diff --git a/src/app/core/metadata/file-info.model.ts b/src/app/core/metadata/file-info.model.ts
new file mode 100644
index 00000000000..cdcccd5c97b
--- /dev/null
+++ b/src/app/core/metadata/file-info.model.ts
@@ -0,0 +1,9 @@
+import { autoserialize, autoserializeAs } from 'cerialize';
+
+export class FileInfo {
+  @autoserialize name: string;
+  @autoserialize content: any;
+  @autoserialize size: string;
+  @autoserialize isDirectory: boolean;
+  @autoserializeAs('sub') sub: { [key: string]: FileInfo };
+}
diff --git a/src/app/core/metadata/metadata-bitstream.model.ts b/src/app/core/metadata/metadata-bitstream.model.ts
new file mode 100644
index 00000000000..eb6c2d0c011
--- /dev/null
+++ b/src/app/core/metadata/metadata-bitstream.model.ts
@@ -0,0 +1,109 @@
+import {
+  autoserialize,
+  autoserializeAs,
+  deserialize,
+  deserializeAs,
+} from 'cerialize';
+import { ListableObject } from '../../shared/object-collection/shared/listable-object.model';
+import { typedObject } from '../cache/builders/build-decorators';
+import { GenericConstructor } from '../shared/generic-constructor';
+import { HALLink } from '../shared/hal-link.model';
+import { HALResource } from '../shared/hal-resource.model';
+import { ResourceType } from '../shared/resource-type';
+import { excludeFromEquals } from '../utilities/equals.decorators';
+import { METADATA_BITSTREAM } from './metadata-bitstream.resource-type';
+import { FileInfo } from './file-info.model';
+
+/**
+ * Class the represents a File
+ */
+// export class FileInfo {
+//   @autoserialize name: string;
+//   @autoserialize content: any;
+//   @autoserialize size: string;
+//   @autoserialize isDirectory: boolean;
+//   @autoserializeAs('sub') sub: { [key: string]: FileInfo };
+// }
+
+/**
+ * Class that represents a MetadataBitstream
+ */
+@typedObject
+export class MetadataBitstream extends ListableObject implements HALResource {
+  static type = METADATA_BITSTREAM;
+
+  /**
+   * The object type
+   */
+  @excludeFromEquals
+  @autoserialize
+  type: ResourceType;
+
+  /**
+   * The identifier of this metadata field
+   */
+  @autoserialize
+  id: number;
+
+  /**
+   * The name of this bitstream
+   */
+  @autoserialize
+  name: string;
+
+  /**
+   * The description of this bitstream
+   */
+  @autoserialize
+  description: string;
+
+  /**
+   * The fileSize of this bitstream
+   */
+  @autoserialize
+  fileSize: string;
+
+  /**
+   * The checksum of this bitstream
+   */
+  @autoserialize
+  checksum: string;
+
+  /**
+   * The fileInfo of this bitstream
+   */
+  @autoserializeAs(FileInfo, 'fileInfo') fileInfo: FileInfo[];
+
+  /**
+   * The format of this bitstream
+   */
+  @autoserialize
+  format: string;
+
+  /**
+   * The href of this bitstream
+   */
+  @autoserialize
+  href: string;
+
+  /**
+   * The canPreview of this bitstream
+   */
+  @autoserialize
+  canPreview: boolean;
+
+  /**
+   * The {@link HALLink}s for this MetadataField
+   */
+  @deserialize
+  _links: {
+    self: HALLink;
+    schema: HALLink;
+  };
+
+  getRenderTypes(): (string | GenericConstructor<ListableObject>)[] {
+    return [this.constructor as GenericConstructor<ListableObject>];
+  }
+}
+export { FileInfo };
+
diff --git a/src/app/core/metadata/metadata-bitstream.resource-type.ts b/src/app/core/metadata/metadata-bitstream.resource-type.ts
new file mode 100644
index 00000000000..f023a8c5259
--- /dev/null
+++ b/src/app/core/metadata/metadata-bitstream.resource-type.ts
@@ -0,0 +1,10 @@
+import { ResourceType } from '../shared/resource-type';
+
+/**
+ * The resource type for MetadataBitstream
+ *
+ * Needs to be in a separate file to prevent circular
+ * dependencies in webpack.
+ */
+
+export const METADATA_BITSTREAM = new ResourceType('metadatabitstream');
diff --git a/src/app/core/registry/registry.service.ts b/src/app/core/registry/registry.service.ts
index 7a377405bd0..566533ae65e 100644
--- a/src/app/core/registry/registry.service.ts
+++ b/src/app/core/registry/registry.service.ts
@@ -17,7 +17,7 @@ import {
   MetadataRegistryEditFieldAction,
   MetadataRegistryEditSchemaAction,
   MetadataRegistrySelectFieldAction,
-  MetadataRegistrySelectSchemaAction
+  MetadataRegistrySelectSchemaAction,
 } from '../../admin/admin-registries/metadata-registry/metadata-registry.actions';
 import { map, mergeMap, tap } from 'rxjs/operators';
 import { NotificationsService } from '../../shared/notifications/notifications.service';
@@ -26,30 +26,45 @@ import { MetadataSchema } from '../metadata/metadata-schema.model';
 import { MetadataField } from '../metadata/metadata-field.model';
 import { MetadataSchemaDataService } from '../data/metadata-schema-data.service';
 import { MetadataFieldDataService } from '../data/metadata-field-data.service';
+import { MetadataBitstreamDataService } from '../data/metadata-bitstream-data.service';
 import { FollowLinkConfig } from '../../shared/utils/follow-link-config.model';
 import { RequestParam } from '../cache/models/request-param.model';
 import { NoContent } from '../shared/NoContent.model';
 import { FindListOptions } from '../data/find-list-options.model';
+import { MetadataBitstream } from '../metadata/metadata-bitstream.model';
 
-const metadataRegistryStateSelector = (state: AppState) => state.metadataRegistry;
-const editMetadataSchemaSelector = createSelector(metadataRegistryStateSelector, (metadataState: MetadataRegistryState) => metadataState.editSchema);
-const selectedMetadataSchemasSelector = createSelector(metadataRegistryStateSelector, (metadataState: MetadataRegistryState) => metadataState.selectedSchemas);
-const editMetadataFieldSelector = createSelector(metadataRegistryStateSelector, (metadataState: MetadataRegistryState) => metadataState.editField);
-const selectedMetadataFieldsSelector = createSelector(metadataRegistryStateSelector, (metadataState: MetadataRegistryState) => metadataState.selectedFields);
+const metadataRegistryStateSelector = (state: AppState) =>
+  state.metadataRegistry;
+const editMetadataSchemaSelector = createSelector(
+  metadataRegistryStateSelector,
+  (metadataState: MetadataRegistryState) => metadataState.editSchema
+);
+const selectedMetadataSchemasSelector = createSelector(
+  metadataRegistryStateSelector,
+  (metadataState: MetadataRegistryState) => metadataState.selectedSchemas
+);
+const editMetadataFieldSelector = createSelector(
+  metadataRegistryStateSelector,
+  (metadataState: MetadataRegistryState) => metadataState.editField
+);
+const selectedMetadataFieldsSelector = createSelector(
+  metadataRegistryStateSelector,
+  (metadataState: MetadataRegistryState) => metadataState.selectedFields
+);
 
 /**
  * Service for registry related CRUD actions such as metadata schema, metadata field and bitstream format
  */
 @Injectable()
 export class RegistryService {
-
-  constructor(private store: Store<AppState>,
-              private notificationsService: NotificationsService,
-              private translateService: TranslateService,
-              private metadataSchemaService: MetadataSchemaDataService,
-              private metadataFieldService: MetadataFieldDataService) {
-
-  }
+  constructor(
+    private store: Store<AppState>,
+    private notificationsService: NotificationsService,
+    private translateService: TranslateService,
+    private metadataSchemaService: MetadataSchemaDataService,
+    private metadataFieldService: MetadataFieldDataService,
+    private metadataBitstreamDataService: MetadataBitstreamDataService
+  ) {}
 
   /**
    * Retrieves all metadata schemas
@@ -61,8 +76,18 @@ export class RegistryService {
    * @param linksToFollow               List of {@link FollowLinkConfig} that indicate which
    *                                    {@link HALLink}s should be automatically resolved
    */
-  public getMetadataSchemas(options: FindListOptions = {}, useCachedVersionIfAvailable = true, reRequestOnStale = true, ...linksToFollow: FollowLinkConfig<MetadataSchema>[]): Observable<RemoteData<PaginatedList<MetadataSchema>>> {
-    return this.metadataSchemaService.findAll(options, useCachedVersionIfAvailable, reRequestOnStale, ...linksToFollow);
+  public getMetadataSchemas(
+    options: FindListOptions = {},
+    useCachedVersionIfAvailable = true,
+    reRequestOnStale = true,
+    ...linksToFollow: FollowLinkConfig<MetadataSchema>[]
+  ): Observable<RemoteData<PaginatedList<MetadataSchema>>> {
+    return this.metadataSchemaService.findAll(
+      options,
+      useCachedVersionIfAvailable,
+      reRequestOnStale,
+      ...linksToFollow
+    );
   }
 
   /**
@@ -75,17 +100,32 @@ export class RegistryService {
    * @param linksToFollow               List of {@link FollowLinkConfig} that indicate which
    *                                    {@link HALLink}s should be automatically resolved
    */
-  public getMetadataSchemaByPrefix(prefix: string, useCachedVersionIfAvailable = true, reRequestOnStale = true, ...linksToFollow: FollowLinkConfig<MetadataSchema>[]): Observable<RemoteData<MetadataSchema>> {
+  public getMetadataSchemaByPrefix(
+    prefix: string,
+    useCachedVersionIfAvailable = true,
+    reRequestOnStale = true,
+    ...linksToFollow: FollowLinkConfig<MetadataSchema>[]
+  ): Observable<RemoteData<MetadataSchema>> {
     // Temporary options to get ALL metadataschemas until there's a rest api endpoint for fetching a specific schema
     const options: FindListOptions = Object.assign(new FindListOptions(), {
-      elementsPerPage: 10000
+      elementsPerPage: 10000,
     });
     return this.getMetadataSchemas(options).pipe(
       getFirstSucceededRemoteDataPayload(),
       map((schemas: PaginatedList<MetadataSchema>) => schemas.page),
       isNotEmptyOperator(),
-      map((schemas: MetadataSchema[]) => schemas.filter((schema) => schema.prefix === prefix)[0]),
-      mergeMap((schema: MetadataSchema) => this.metadataSchemaService.findById(`${schema.id}`, useCachedVersionIfAvailable, reRequestOnStale, ...linksToFollow))
+      map(
+        (schemas: MetadataSchema[]) =>
+          schemas.filter((schema) => schema.prefix === prefix)[0]
+      ),
+      mergeMap((schema: MetadataSchema) =>
+        this.metadataSchemaService.findById(
+          `${schema.id}`,
+          useCachedVersionIfAvailable,
+          reRequestOnStale,
+          ...linksToFollow
+        )
+      )
     );
   }
 
@@ -100,8 +140,49 @@ export class RegistryService {
    * @param linksToFollow               List of {@link FollowLinkConfig} that indicate which
    *                                    {@link HALLink}s should be automatically resolved
    */
-  public getMetadataFieldsBySchema(schema: MetadataSchema, options: FindListOptions = {}, useCachedVersionIfAvailable = true, reRequestOnStale = true, ...linksToFollow: FollowLinkConfig<MetadataField>[]): Observable<RemoteData<PaginatedList<MetadataField>>> {
-    return this.metadataFieldService.findBySchema(schema, options, useCachedVersionIfAvailable, reRequestOnStale, ...linksToFollow);
+  public getMetadataFieldsBySchema(
+    schema: MetadataSchema,
+    options: FindListOptions = {},
+    useCachedVersionIfAvailable = true,
+    reRequestOnStale = true,
+    ...linksToFollow: FollowLinkConfig<MetadataField>[]
+  ): Observable<RemoteData<PaginatedList<MetadataField>>> {
+    return this.metadataFieldService.findBySchema(
+      schema,
+      options,
+      useCachedVersionIfAvailable,
+      reRequestOnStale,
+      ...linksToFollow
+    );
+  }
+
+  /**
+   * retrieves all metadatabistream that belong to a certain metadata
+   * @param schema                      The schema to filter by
+   * @param options                     The options info used to retrieve the fields
+   * @param useCachedVersionIfAvailable If this is true, the request will only be sent if there's
+   *                                    no valid cached version. Defaults to true
+   * @param reRequestOnStale            Whether or not the request should automatically be re-
+   *                                    requested after the response becomes stale
+   * @param linksToFollow               List of {@link FollowLinkConfig} that indicate which
+   *                                    {@link HALLink}s should be automatically resolved
+   */
+  public getMetadataBitstream(
+    handle: string,
+    fileGrpType: string,
+    options: FindListOptions = {},
+    useCachedVersionIfAvailable = true,
+    reRequestOnStale = true,
+    ...linksToFollow: FollowLinkConfig<MetadataBitstream>[]
+  ): Observable<RemoteData<any>> {
+    return this.metadataBitstreamDataService.searchByHandleParams(
+      handle,
+      fileGrpType,
+      options,
+      useCachedVersionIfAvailable,
+      reRequestOnStale,
+      ...linksToFollow
+    );
   }
 
   public editMetadataSchema(schema: MetadataSchema) {
@@ -212,13 +293,17 @@ export class RegistryService {
    *  - On update, a PutRequest is used
    * @param schema    The MetadataSchema to create or update
    */
-  public createOrUpdateMetadataSchema(schema: MetadataSchema): Observable<MetadataSchema> {
+  public createOrUpdateMetadataSchema(
+    schema: MetadataSchema
+  ): Observable<MetadataSchema> {
     const isUpdate = hasValue(schema.id);
     return this.metadataSchemaService.createOrUpdateMetadataSchema(schema).pipe(
       getFirstSucceededRemoteDataPayload(),
       hasValueOperator(),
       tap(() => {
-        this.showNotifications(true, isUpdate, false, { prefix: schema.prefix });
+        this.showNotifications(true, isUpdate, false, {
+          prefix: schema.prefix,
+        });
       })
     );
   }
@@ -244,17 +329,24 @@ export class RegistryService {
    * @param field    The MetadataField to create
    * @param schema   The MetadataSchema to create the field in
    */
-  public createMetadataField(field: MetadataField, schema: MetadataSchema): Observable<MetadataField> {
+  public createMetadataField(
+    field: MetadataField,
+    schema: MetadataSchema
+  ): Observable<MetadataField> {
     if (!field.qualifier) {
       field.qualifier = null;
     }
-    return this.metadataFieldService.create(field, new RequestParam('schemaId', schema.id)).pipe(
-      getFirstSucceededRemoteDataPayload(),
-      hasValueOperator(),
-      tap(() => {
-        this.showNotifications(true, false, true, { field: field.toString() });
-      })
-    );
+    return this.metadataFieldService
+      .create(field, new RequestParam('schemaId', schema.id))
+      .pipe(
+        getFirstSucceededRemoteDataPayload(),
+        hasValueOperator(),
+        tap(() => {
+          this.showNotifications(true, false, true, {
+            field: field.toString(),
+          });
+        })
+      );
   }
 
   /**
@@ -290,13 +382,23 @@ export class RegistryService {
     this.metadataFieldService.clearRequests();
   }
 
-  private showNotifications(success: boolean, edited: boolean, isField: boolean, options: any) {
+  private showNotifications(
+    success: boolean,
+    edited: boolean,
+    isField: boolean,
+    options: any
+  ) {
     const prefix = 'admin.registries.schema.notification';
     const suffix = success ? 'success' : 'failure';
     const editedString = edited ? 'edited' : 'created';
     const messages = observableCombineLatest(
-      this.translateService.get(success ? `${prefix}.${suffix}` : `${prefix}.${suffix}`),
-      this.translateService.get(`${prefix}${isField ? '.field' : ''}.${editedString}`, options)
+      this.translateService.get(
+        success ? `${prefix}.${suffix}` : `${prefix}.${suffix}`
+      ),
+      this.translateService.get(
+        `${prefix}${isField ? '.field' : ''}.${editedString}`,
+        options
+      )
     );
     messages.subscribe(([head, content]) => {
       if (success) {
@@ -321,7 +423,23 @@ export class RegistryService {
    *                                    {@link HALLink}s should be automatically resolved
    * @returns an observable that emits a remote data object with a page of metadata fields that match the query
    */
-  queryMetadataFields(query: string, options: FindListOptions = {}, useCachedVersionIfAvailable = true, reRequestOnStale = true, ...linksToFollow: FollowLinkConfig<MetadataField>[]): Observable<RemoteData<PaginatedList<MetadataField>>> {
-    return this.metadataFieldService.searchByFieldNameParams(null, null, null, query, null, options, useCachedVersionIfAvailable, reRequestOnStale, ...linksToFollow);
+  queryMetadataFields(
+    query: string,
+    options: FindListOptions = {},
+    useCachedVersionIfAvailable = true,
+    reRequestOnStale = true,
+    ...linksToFollow: FollowLinkConfig<MetadataField>[]
+  ): Observable<RemoteData<PaginatedList<MetadataField>>> {
+    return this.metadataFieldService.searchByFieldNameParams(
+      null,
+      null,
+      null,
+      query,
+      null,
+      options,
+      useCachedVersionIfAvailable,
+      reRequestOnStale,
+      ...linksToFollow
+    );
   }
 }
diff --git a/src/app/item-page/item-page.module.ts b/src/app/item-page/item-page.module.ts
index 3cf3f2bf560..ad6e38f7533 100644
--- a/src/app/item-page/item-page.module.ts
+++ b/src/app/item-page/item-page.module.ts
@@ -16,6 +16,7 @@ import {
   ItemPageAbstractFieldComponent
 } from './simple/field-components/specific-field/abstract/item-page-abstract-field.component';
 import { ItemPageUriFieldComponent } from './simple/field-components/specific-field/uri/item-page-uri-field.component';
+import { ItemPageTitleFieldComponent } from './simple/field-components/specific-field/title/item-page-title-field.component';
 import { ItemPageFieldComponent } from './simple/field-components/specific-field/item-page-field.component';
 import { CollectionsComponent } from './field-components/collections/collections.component';
 import { FullItemPageComponent } from './full/full-item-page.component';
@@ -68,11 +69,14 @@ import { FileSectionComponent } from './simple/field-components/file-section/fil
 import { ItemSharedModule } from './item-shared.module';
 import { DsoPageModule } from '../shared/dso-page/dso-page.module';
 
+import { FileDescriptionComponent } from './simple/field-components/preview-section/file-description/file-description.component';
+import { FileTreeViewComponent } from './simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component';
+import { PreviewSectionComponent } from './simple/field-components/preview-section/preview-section.component';
 
 const ENTRY_COMPONENTS = [
   // put only entry components that use custom decorator
   PublicationComponent,
-  UntypedItemComponent
+  UntypedItemComponent,
 ];
 
 const DECLARATIONS = [
@@ -118,7 +122,10 @@ const DECLARATIONS = [
   ClarinStatisticsButtonComponent,
   ClarinGenericItemFieldComponent,
   ClarinCollectionsItemFieldComponent,
-  ClarinFilesItemFieldComponent
+  ClarinFilesItemFieldComponent,
+  PreviewSectionComponent,
+  FileDescriptionComponent,
+  FileTreeViewComponent,
 ];
 
 @NgModule({
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
new file mode 100644
index 00000000000..8a5cd15c580
--- /dev/null
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
@@ -0,0 +1,91 @@
+<div class="file-preview-box">
+  <div style="text-align: left;" *ngIf = "fileInput.format === 'video/mp4'">
+    <video preload="none" controls="controls" height="240">
+    <source src="https://samplelib.com/lib/preview/mp4/sample-5s.mp4" type="video/mp4">
+                      Your browser does not support the video tag.
+                    </video>
+  </div>
+  <div class="file-content">
+    <dl class="dl-horizontal">
+      <dt>Name</dt>
+      <dd
+        xmlns:i18n="http://apache.org/cocoon/i18n/2.1"
+        title="ud-treebanks-v2.12.tgz"
+      >
+        {{ fileInput.name }}
+      </dd>
+      <dt>Size</dt>
+      <dd xmlns:i18n="http://apache.org/cocoon/i18n/2.1">
+        {{ fileInput.fileSize }}
+      </dd>
+      <dt xmlns:i18n="http://apache.org/cocoon/i18n/2.1">Format</dt>
+      <dd xmlns:i18n="http://apache.org/cocoon/i18n/2.1">
+        {{ fileInput.format }}
+      </dd>
+      <dt xmlns:i18n="http://apache.org/cocoon/i18n/2.1">Description</dt>
+      <dd xmlns:i18n="http://apache.org/cocoon/i18n/2.1">
+        {{ fileInput.description }}
+      </dd>
+      <dt>MD5</dt>
+      <dd xmlns:i18n="http://apache.org/cocoon/i18n/2.1">
+        {{ fileInput.checksum }}
+      </dd>
+    </dl>
+    <img
+      *ngIf = "fileInput.format !== 'video/mp4'"
+      src="https://lindat.mff.cuni.cz/repository/xmlui/themes/UFAL/images/mime/application-x-gzip.png"
+      alt="Preview"
+      class="preview-image"
+    />
+  </div>
+  <div class="button-container">
+    <a
+      class="download-btn"
+    >
+      <i class="fa fa-chevron-circle-down">&nbsp;</i>Download file</a
+    >
+    <a
+      xmlns:i18n="http://apache.org/cocoon/i18n/2.1"
+      data-toggle="collapse"
+      *ngIf = "fileInput.format !== 'video/mp4'"
+      role="button"
+      class="preview-btn collapsed"
+      href="#file_file_{{fileInput.id}}"
+    >
+      <i class="fa fa-eye">&nbsp;</i>Preview</a
+    >
+  </div>
+  <div
+    xmlns:i18n="http://apache.org/cocoon/i18n/2.1"
+    class="in collapse"
+    id="file_file_{{fileInput.id}}"
+    style="height: auto"
+  >
+    <div style="margin: 5px 1px 1px 1px" class="panel panel-info">
+      <div
+        style="height: auto; padding: 0px"
+        class="bold panel-heading text-center"
+      >
+        <i class="fa fa-eye">&nbsp;</i>File Preview<a
+          xmlns:i18n="http://apache.org/cocoon/i18n/2.1"
+          class="pull-right collapsed"
+          data-toggle="collapse"
+          role="button"
+          href="#file_file_{{fileInput.id}}"
+        >
+          <i class="fa fa-remove">&nbsp;</i>
+        </a>
+      </div>
+      <div style="max-height: 200px; overflow: scroll" class="panel-body">
+        <ul class="treeview in collapse show">
+          <ng-container *ngIf="fileInput.format === 'application/pdf'">
+            <ds-file-tree-view *ngFor="let node of fileInput.fileInfo" [node]="node"></ds-file-tree-view>
+          </ng-container>
+          <ng-container *ngIf="fileInput.format === 'text/plain'">
+            <pre>{{fileInput.fileInfo[0].content}}</pre>
+          </ng-container>
+        </ul>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.scss b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.scss
new file mode 100644
index 00000000000..2336ee20794
--- /dev/null
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.scss
@@ -0,0 +1,106 @@
+.file-preview-box {
+    border: 1px solid #ddd;
+    padding: 4px;
+    margin-bottom: 10px;
+
+    video {
+        margin-left: 100px;
+    }
+
+    .file-content {
+        display: flex !important;
+        width: 100%;
+        justify-content: space-between;
+
+        .dl-horizontal {
+            margin-bottom: 0;
+        }
+
+        .thumbnails dl {
+            padding: 5px;
+            display: table;
+        }
+
+        @media (min-width: 768px){
+            .dl-horizontal dt {
+                float: left;
+                width: 160px;
+                overflow: hidden;
+                clear: left;
+                text-align: right;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+            }
+        }
+
+        @media (min-width: 768px) {
+            .dl-horizontal dd {
+                margin-left: 180px;
+            }
+        }
+        
+
+        .preview-image {
+            width: 10%;
+            height: 10%;
+        }
+        
+    }
+
+    .button-container {
+        .download-btn, .preview-btn {
+            display: inline;
+            padding: .2em .6em .3em;
+            font-size: 14px;
+            font-weight: bold;
+            line-height: 1;
+            text-align: center;
+            white-space: nowrap;
+            vertical-align: baseline;
+            border-radius: .25em;
+            border: none;
+            color: white;
+            cursor: pointer;
+            background-color: #5bc0de;
+        }
+    }
+
+    .panel {
+        background-color: #fff;
+        border: 1px solid transparent;
+        border-radius: 4px;
+        box-shadow: 0 1px 1px rgba(0,0,0,0.05);
+    }
+    
+    .panel-info {
+        border-color: #bce8f1;
+    }
+    
+    .panel-info>.panel-heading {
+        color: #3a87ad;
+        background-color: #d9edf7;
+        border-color: #bce8f1;
+    }
+
+    .panel-body {
+        padding: 15px;
+
+        pre {
+            display: block;
+            padding: 9.5px;
+            margin: 0 0 10px;
+            font-size: 13px;
+            line-height: 1.428571429;
+            color: #333;
+            white-space: pre-wrap;
+            word-wrap: break-word;
+            background-color: #f5f5f5;
+            border: 1px solid #ccc;
+            border-radius: 4px;
+        }
+    }
+
+    .pull-right {
+        float: right !important;
+    }
+}
\ No newline at end of file
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.spec.ts b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.spec.ts
new file mode 100644
index 00000000000..46586a7ce43
--- /dev/null
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.spec.ts
@@ -0,0 +1,52 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+import { MetadataBitstream } from 'src/app/core/metadata/metadata-bitstream.model';
+import { ResourceType } from 'src/app/core/shared/resource-type';
+import { FileDescriptionComponent } from './file-description.component';
+
+describe('FileDescriptionComponent', () => {
+  let component: FileDescriptionComponent;
+  let fixture: ComponentFixture<FileDescriptionComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [FileDescriptionComponent],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(FileDescriptionComponent);
+    component = fixture.componentInstance;
+
+    // Mock the input value
+    const fileInput = new MetadataBitstream();
+    fileInput.id = 123;
+    fileInput.name = 'testFile';
+    fileInput.description = 'test description';
+    fileInput.fileSize = '5MB';
+    fileInput.checksum = 'abc';
+    fileInput.type = new ResourceType('item');
+    fileInput.fileInfo = [];
+    fileInput.format = 'application/pdf';
+    fileInput.canPreview = false;
+    fileInput._links = {
+      self: { href: '' },
+      schema: { href: '' },
+    };
+
+    component.fileInput = fileInput;
+
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+
+  it('should display the file name', () => {
+    const fileNameElement = fixture.debugElement.query(
+      By.css('.file-content dd')
+    ).nativeElement;
+    expect(fileNameElement.textContent).toContain('testFile');
+  });
+});
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts
new file mode 100644
index 00000000000..68145d2fff4
--- /dev/null
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts
@@ -0,0 +1,16 @@
+import { Component, Input, OnInit } from '@angular/core';
+import { MetadataBitstream } from 'src/app/core/metadata/metadata-bitstream.model';
+
+@Component({
+  selector: 'ds-file-description',
+  templateUrl: './file-description.component.html',
+  styleUrls: ['./file-description.component.scss'],
+})
+export class FileDescriptionComponent implements OnInit {
+  @Input()
+  fileInput: MetadataBitstream;
+
+  ngOnInit(): void {
+    console.log(this.fileInput);
+  }
+}
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.html b/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.html
new file mode 100644
index 00000000000..6644016bb99
--- /dev/null
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.html
@@ -0,0 +1,24 @@
+<li>
+  <span class="foldername collapse show" *ngIf="node.isDirectory; else fileTemplate">
+    <a role="button" data-toggle="collapse" href="#folder_{{ node.name }}">
+      {{ node.name }}
+    </a>
+  </span>
+
+  <ng-template #fileTemplate>
+    <span class="filename">{{ node.name }}</span
+    ><span class="size pull-right">{{ node.size }}</span>
+  </ng-template>
+
+  <ul
+    id="folder_{{ node.name }}"
+    class="in collapse show"
+    style="height: auto"
+    *ngIf="node.isDirectory && node.sub"
+  >
+    <ds-file-tree-view
+      *ngFor="let subNodeKey of getKeys(node.sub)"
+      [node]="node.sub[subNodeKey]"
+    ></ds-file-tree-view>
+  </ul>
+</li>
\ No newline at end of file
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.scss b/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.scss
new file mode 100644
index 00000000000..1aaef2bf84c
--- /dev/null
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.scss
@@ -0,0 +1,23 @@
+.foldername:before {
+    font-family: FontAwesome;
+    content: '\f07b';
+    margin-right: 5px;
+    color: #a0a0a0;
+}
+
+.filename:before {
+    font-family: FontAwesome;
+    content: '\f016';
+    margin-right: 5px;
+    color: #a0a0a0;
+}
+
+ li {
+    padding: 0 0 0 8px;
+    margin: 0;
+    list-style: none;
+}
+
+.pull-right {
+    float: right !important;
+}
\ No newline at end of file
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.spec.ts b/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.spec.ts
new file mode 100644
index 00000000000..606370da57a
--- /dev/null
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.spec.ts
@@ -0,0 +1,55 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+import { FileInfo, MetadataBitstream } from 'src/app/core/metadata/metadata-bitstream.model';
+import { FileTreeViewComponent } from './file-tree-view.component';
+
+describe('FileTreeViewComponent', () => {
+  let component: FileTreeViewComponent;
+  let fixture: ComponentFixture<FileTreeViewComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ FileTreeViewComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(FileTreeViewComponent);
+    component = fixture.componentInstance;
+
+    // Mock the node input value
+    const fileInfo = new FileInfo();
+    fileInfo.name = 'TestFolder';
+    fileInfo.isDirectory = true;
+    fileInfo.size = null;
+    fileInfo.content = null; // add content property
+    fileInfo.sub = {
+      'TestSubFolder': {
+        name: 'TestSubFolder',
+        isDirectory: true,
+        size: null,
+        content: null, // add content property
+        sub: null
+      }
+    };
+
+    const metadataBitstream = new MetadataBitstream();
+    metadataBitstream.fileInfo = [fileInfo];
+    component.node = fileInfo;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+
+  it('should display the node name', () => {
+    const nodeNameElement = fixture.debugElement.query(By.css('.foldername')).nativeElement;
+    expect(nodeNameElement.textContent).toContain('TestFolder');
+  });
+
+  it('should correctly get the keys of the sub object', () => {
+    expect(component.getKeys(component.node.sub)).toEqual(['TestSubFolder']);
+  });
+});
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.ts b/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.ts
new file mode 100644
index 00000000000..4471ebb25b7
--- /dev/null
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.ts
@@ -0,0 +1,20 @@
+import { Component, Input, OnInit } from '@angular/core';
+import { FileInfo } from 'src/app/core/metadata/metadata-bitstream.model';
+
+@Component({
+  selector: 'ds-file-tree-view',
+  templateUrl: './file-tree-view.component.html',
+  styleUrls: ['./file-tree-view.component.scss'],
+})
+export class FileTreeViewComponent implements OnInit {
+  @Input()
+  node: FileInfo;
+
+  getKeys(obj: any): string[] {
+    return Object.keys(obj);
+  }
+
+  ngOnInit(): void {
+    console.log(this.node);
+  }
+}
diff --git a/src/app/item-page/simple/field-components/preview-section/preview-section.component.html b/src/app/item-page/simple/field-components/preview-section/preview-section.component.html
new file mode 100644
index 00000000000..37ba7d1ce28
--- /dev/null
+++ b/src/app/item-page/simple/field-components/preview-section/preview-section.component.html
@@ -0,0 +1,3 @@
+<div *ngFor="let file of (listOfFiles | async)">
+  <ds-file-description [fileInput] = 'file'></ds-file-description>
+</div>
\ No newline at end of file
diff --git a/src/app/item-page/simple/field-components/preview-section/preview-section.component.scss b/src/app/item-page/simple/field-components/preview-section/preview-section.component.scss
new file mode 100644
index 00000000000..e4267ba0874
--- /dev/null
+++ b/src/app/item-page/simple/field-components/preview-section/preview-section.component.scss
@@ -0,0 +1,107 @@
+.file-preview-box {
+    border: 1px solid #ddd;
+    padding: 4px;
+
+    .file-content {
+        display: flex !important;
+        width: 100%;
+        justify-content: space-between;
+
+        .dl-horizontal {
+            margin-bottom: 0;
+        }
+
+        .thumbnails dl {
+            padding: 5px;
+            display: table;
+        }
+
+        @media (min-width: 768px){
+            .dl-horizontal dt {
+                float: left;
+                width: 160px;
+                overflow: hidden;
+                clear: left;
+                text-align: right;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+            }
+        }
+
+        @media (min-width: 768px) {
+            .dl-horizontal dd {
+                margin-left: 180px;
+            }
+        }
+        
+
+        .preview-image {
+            width: 10%;
+            height: 10%;
+        }
+        
+    }
+
+    .button-container {
+        .download-btn, .preview-btn {
+            display: inline;
+            padding: .2em .6em .3em;
+            font-size: 12px;
+            font-weight: bold;
+            line-height: 1;
+            text-align: center;
+            white-space: nowrap;
+            vertical-align: baseline;
+            border-radius: .25em;
+            border: none;
+            color: white;
+            cursor: pointer;
+            background-color: #5bc0de;
+        }
+    }
+
+    .panel {
+        background-color: #fff;
+        border: 1px solid transparent;
+        border-radius: 4px;
+        box-shadow: 0 1px 1px rgba(0,0,0,0.05);
+    }
+    
+    .panel-info {
+        border-color: #bce8f1;
+    }
+
+    .panel-info>.panel-heading {
+        color: #3a87ad;
+        background-color: #d9edf7;
+        border-color: #bce8f1;
+    }
+
+    .treeview .foldername:before {
+        font-family: FontAwesome;
+        content: '\f07b';
+        margin-right: 5px;
+        color: #a0a0a0;
+    }
+
+    .treeview .filename:before {
+        font-family: FontAwesome;
+        content: '\f016';
+        margin-right: 5px;
+        color: #a0a0a0;
+    }
+
+    .treeview li {
+        padding: 0 0 0 8px;
+        margin: 0;
+        list-style: none;
+    }
+
+    .pull-right {
+        float: right !important;
+    }
+
+    .panel-body {
+        padding: 15px;
+    }
+}
\ No newline at end of file
diff --git a/src/app/item-page/simple/field-components/preview-section/preview-section.component.spec.ts b/src/app/item-page/simple/field-components/preview-section/preview-section.component.spec.ts
new file mode 100644
index 00000000000..e88b994e9f0
--- /dev/null
+++ b/src/app/item-page/simple/field-components/preview-section/preview-section.component.spec.ts
@@ -0,0 +1,71 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { BehaviorSubject, of } from 'rxjs';
+import { MetadataBitstream } from 'src/app/core/metadata/metadata-bitstream.model';
+import { RegistryService } from 'src/app/core/registry/registry.service';
+
+import { PreviewSectionComponent } from './preview-section.component';
+import { ResourceType } from 'src/app/core/shared/resource-type';
+import { HALLink } from 'src/app/core/shared/hal-link.model';
+
+describe('PreviewSectionComponent', () => {
+  let component: PreviewSectionComponent;
+  let fixture: ComponentFixture<PreviewSectionComponent>;
+  let mockRegistryService: any;
+
+  beforeEach(async () => {
+    mockRegistryService = jasmine.createSpyObj('RegistryService', [
+      'getMetadataBitstream',
+    ]);
+
+    await TestBed.configureTestingModule({
+      declarations: [PreviewSectionComponent],
+      providers: [{ provide: RegistryService, useValue: mockRegistryService }],
+    }).compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(PreviewSectionComponent);
+    component = fixture.componentInstance;
+
+    // Set up the mock service's getMetadataBitstream method to return a simple stream
+    const metadatabitstream = new MetadataBitstream();
+    metadatabitstream.id = 123;
+    metadatabitstream.name = 'test';
+    metadatabitstream.description = 'test';
+    metadatabitstream.fileSize = '1MB';
+    metadatabitstream.checksum = 'abc';
+    metadatabitstream.type = new ResourceType('item');
+    metadatabitstream.fileInfo = [];
+    metadatabitstream.format = 'text';
+    metadatabitstream.canPreview = false;
+    metadatabitstream._links = {
+      self: new HALLink(),
+      schema: new HALLink(),
+    };
+
+    metadatabitstream._links.self.href = '';
+    metadatabitstream._links.schema.href = '';
+    const metadataBitstreams: MetadataBitstream[] = [metadatabitstream];
+    const bitstreamStream = new BehaviorSubject(metadataBitstreams);
+    mockRegistryService.getMetadataBitstream.and.returnValue(
+      of(bitstreamStream)
+    );
+
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+
+  it('should call getMetadataBitstream on init', () => {
+    expect(mockRegistryService.getMetadataBitstream).toHaveBeenCalled();
+  });
+
+  it('should set listOfFiles on init', (done) => {
+    component.listOfFiles.subscribe((files) => {
+      expect(files).toEqual([]);
+      done();
+    });
+  });
+});
diff --git a/src/app/item-page/simple/field-components/preview-section/preview-section.component.ts b/src/app/item-page/simple/field-components/preview-section/preview-section.component.ts
new file mode 100644
index 00000000000..a515c30306b
--- /dev/null
+++ b/src/app/item-page/simple/field-components/preview-section/preview-section.component.ts
@@ -0,0 +1,30 @@
+import { Component, Input, OnInit } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import { MetadataBitstream } from 'src/app/core/metadata/metadata-bitstream.model';
+import { RegistryService } from 'src/app/core/registry/registry.service';
+import { Item } from 'src/app/core/shared/item.model';
+import { getAllSucceededRemoteListPayload } from 'src/app/core/shared/operators';
+
+@Component({
+  selector: 'ds-preview-section',
+  templateUrl: './preview-section.component.html',
+  styleUrls: ['./preview-section.component.scss'],
+})
+export class PreviewSectionComponent implements OnInit {
+  @Input() item: Item;
+
+  listOfFiles: BehaviorSubject<MetadataBitstream[]> = new BehaviorSubject<
+    MetadataBitstream[]
+  >([] as any);
+
+  constructor(protected registryService: RegistryService) {} // Modified
+
+  ngOnInit(): void {
+    this.registryService
+      .getMetadataBitstream('123456789/36', 'ORIGINAL,TEXT,THUMBNAIL')
+      .pipe(getAllSucceededRemoteListPayload())
+      .subscribe((data: MetadataBitstream[]) => {
+        this.listOfFiles.next(data);
+      });
+  }
+}
diff --git a/src/app/item-page/simple/item-page.component.html b/src/app/item-page/simple/item-page.component.html
index fc4aaeffc17..dcac68672c3 100644
--- a/src/app/item-page/simple/item-page.component.html
+++ b/src/app/item-page/simple/item-page.component.html
@@ -11,6 +11,7 @@
       <ds-listable-object-component-loader *ngIf="!item.isWithdrawn || (isAdmin$|async)" [object]="item" [viewMode]="viewMode"></ds-listable-object-component-loader>
       <ds-item-versions class="mt-2" [item]="item" [displayActions]="false"></ds-item-versions>
       <ds-clarin-license-info class="mt-3 d-block" [item]="item"></ds-clarin-license-info>
+      <ds-preview-section [item]="item"></ds-preview-section>
     </div>
   </div>
   <ds-error *ngIf="itemRD?.hasFailed" message="{{'error.item' | translate}}"></ds-error>
diff --git a/src/app/item-page/simple/item-types/shared/item-relationships-utils.ts b/src/app/item-page/simple/item-types/shared/item-relationships-utils.ts
index b4c3da2cdc3..33a97493358 100644
--- a/src/app/item-page/simple/item-types/shared/item-relationships-utils.ts
+++ b/src/app/item-page/simple/item-types/shared/item-relationships-utils.ts
@@ -1,4 +1,8 @@
-import { combineLatest as observableCombineLatest, Observable, zip as observableZip } from 'rxjs';
+import {
+  combineLatest as observableCombineLatest,
+  Observable,
+  zip as observableZip,
+} from 'rxjs';
 import { distinctUntilChanged, map, mergeMap, switchMap } from 'rxjs/operators';
 import { PaginatedList } from '../../../../core/data/paginated-list.model';
 import { RemoteData } from '../../../../core/data/remote-data';
@@ -6,14 +10,20 @@ import { Relationship } from '../../../../core/shared/item-relationships/relatio
 import { Item } from '../../../../core/shared/item.model';
 import {
   getFirstSucceededRemoteDataPayload,
-  getFirstSucceededRemoteData
+  getFirstSucceededRemoteData,
 } from '../../../../core/shared/operators';
 import { hasValue } from '../../../../shared/empty.util';
 import { InjectionToken } from '@angular/core';
 
-export const PAGINATED_RELATIONS_TO_ITEMS_OPERATOR = new InjectionToken<(thisId: string) => (source: Observable<RemoteData<PaginatedList<Relationship>>>) => Observable<RemoteData<PaginatedList<Item>>>>('paginatedRelationsToItems', {
+export const PAGINATED_RELATIONS_TO_ITEMS_OPERATOR = new InjectionToken<
+  (
+    thisId: string
+  ) => (
+    source: Observable<RemoteData<PaginatedList<Relationship>>>
+  ) => Observable<RemoteData<PaginatedList<Item>>>
+>('paginatedRelationsToItems', {
   providedIn: 'root',
-  factory: () => paginatedRelationsToItems
+  factory: () => paginatedRelationsToItems,
 });
 
 /**
@@ -23,42 +33,51 @@ export const PAGINATED_RELATIONS_TO_ITEMS_OPERATOR = new InjectionToken<(thisId:
  * For example: "(o) => o.id" will compare the two arrays by comparing their content by id.
  * @param mapFn   Function for mapping the arrays
  */
-export const compareArraysUsing = <T>(mapFn: (t: T) => any) =>
+export const compareArraysUsing =
+  <T>(mapFn: (t: T) => any) =>
   (a: T[], b: T[]): boolean => {
-    if (!Array.isArray(a) || ! Array.isArray(b)) {
+    if (!Array.isArray(a) || !Array.isArray(b)) {
       return false;
     }
 
     const aIds = a.map(mapFn);
     const bIds = b.map(mapFn);
 
-    return aIds.length === bIds.length &&
+    return (
+      aIds.length === bIds.length &&
       aIds.every((e) => bIds.includes(e)) &&
-      bIds.every((e) => aIds.includes(e));
+      bIds.every((e) => aIds.includes(e))
+    );
   };
 
 /**
  * Operator for comparing arrays using the object's ids
  */
 export const compareArraysUsingIds = <T extends { id: string }>() =>
-  compareArraysUsing((t: T) => hasValue(t) ? t.id : undefined);
+  compareArraysUsing((t: T) => (hasValue(t) ? t.id : undefined));
 
 /**
  * Operator for turning a list of relationships into a list of the relevant items
  * @param {string} thisId       The item's id of which the relations belong to
  * @returns {(source: Observable<Relationship[]>) => Observable<Item[]>}
  */
-export const relationsToItems = (thisId: string) =>
+export const relationsToItems =
+  (thisId: string) =>
   (source: Observable<Relationship[]>): Observable<Item[]> =>
     source.pipe(
       mergeMap((rels: Relationship[]) =>
         observableZip(
-          ...rels.map((rel: Relationship) => observableCombineLatest(rel.leftItem, rel.rightItem))
+          ...rels.map((rel: Relationship) =>
+            observableCombineLatest(rel.leftItem, rel.rightItem)
+          )
         )
       ),
       map((arr) =>
         arr
-          .filter(([leftItem, rightItem]) => leftItem.hasSucceeded && rightItem.hasSucceeded)
+          .filter(
+            ([leftItem, rightItem]) =>
+              leftItem.hasSucceeded && rightItem.hasSucceeded
+          )
           .map(([leftItem, rightItem]) => {
             if (leftItem.payload.id === thisId) {
               return rightItem.payload;
@@ -68,7 +87,7 @@ export const relationsToItems = (thisId: string) =>
           })
           .filter((item: Item) => hasValue(item))
       ),
-      distinctUntilChanged(compareArraysUsingIds()),
+      distinctUntilChanged(compareArraysUsingIds())
     );
 
 /**
@@ -77,8 +96,11 @@ export const relationsToItems = (thisId: string) =>
  * @param {string} thisId       The item's id of which the relations belong to
  * @returns {(source: Observable<Relationship[]>) => Observable<Item[]>}
  */
-export const paginatedRelationsToItems = (thisId: string) =>
-  (source: Observable<RemoteData<PaginatedList<Relationship>>>): Observable<RemoteData<PaginatedList<Item>>> =>
+export const paginatedRelationsToItems =
+  (thisId: string) =>
+  (
+    source: Observable<RemoteData<PaginatedList<Relationship>>>
+  ): Observable<RemoteData<PaginatedList<Item>>> =>
     source.pipe(
       getFirstSucceededRemoteData(),
       switchMap((relationshipsRD: RemoteData<PaginatedList<Relationship>>) => {
@@ -86,9 +108,10 @@ export const paginatedRelationsToItems = (thisId: string) =>
           relationshipsRD.payload.page.map((rel: Relationship) =>
             observableCombineLatest([
               rel.leftItem.pipe(getFirstSucceededRemoteDataPayload()),
-              rel.rightItem.pipe(getFirstSucceededRemoteDataPayload())]
-            )
-          )).pipe(
+              rel.rightItem.pipe(getFirstSucceededRemoteDataPayload()),
+            ])
+          )
+        ).pipe(
           map((arr) =>
             arr
               .map(([leftItem, rightItem]) => {
@@ -102,7 +125,11 @@ export const paginatedRelationsToItems = (thisId: string) =>
           ),
           distinctUntilChanged(compareArraysUsingIds()),
           map((relatedItems: Item[]) =>
-            Object.assign(relationshipsRD, { payload: Object.assign(relationshipsRD.payload, { page: relatedItems } )})
+            Object.assign(relationshipsRD, {
+              payload: Object.assign(relationshipsRD.payload, {
+                page: relatedItems,
+              }),
+            })
           )
         );
       })
diff --git a/src/app/item-page/simple/item-types/untyped-item/untyped-item.component.html b/src/app/item-page/simple/item-types/untyped-item/untyped-item.component.html
index ffd7af5809c..957576583dc 100644
--- a/src/app/item-page/simple/item-types/untyped-item/untyped-item.component.html
+++ b/src/app/item-page/simple/item-types/untyped-item/untyped-item.component.html
@@ -104,5 +104,6 @@
                                 [iconName]="'fa-paperclip'"
                                 [separator]="'<br />'">
     </ds-clarin-files-item-field>
+
   </div>
 </div>

From 9c9149f49395b5f721ff3fdb74299e1ce653204e Mon Sep 17 00:00:00 2001
From: milanmajchrak <milan.majchrak@dataquest.sk>
Date: Wed, 27 Sep 2023 14:52:40 +0200
Subject: [PATCH 13/26] Resolved conflicts

---
 .../data/metadata-bitstream-data.service.ts   | 24 ++++++++++++-------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/src/app/core/data/metadata-bitstream-data.service.ts b/src/app/core/data/metadata-bitstream-data.service.ts
index 7e583eb99bf..55144566192 100644
--- a/src/app/core/data/metadata-bitstream-data.service.ts
+++ b/src/app/core/data/metadata-bitstream-data.service.ts
@@ -1,6 +1,5 @@
 import { Injectable } from '@angular/core';
 import { hasValue } from '../../shared/empty.util';
-import { PaginatedList } from './paginated-list.model';
 import { RemoteData } from './remote-data';
 import { RequestService } from './request.service';
 import { RemoteDataBuildService } from '../cache/builders/remote-data-build.service';
@@ -8,31 +7,33 @@ import { HALEndpointService } from '../shared/hal-endpoint.service';
 import { FollowLinkConfig } from '../../shared/utils/follow-link-config.model';
 import { Observable } from 'rxjs';
 import { RequestParam } from '../cache/models/request-param.model';
-import { NoContent } from '../shared/NoContent.model';
 import { NotificationsService } from '../../shared/notifications/notifications.service';
 import { ObjectCacheService } from '../cache/object-cache.service';
 import { METADATA_BITSTREAM } from '../metadata/metadata-bitstream.resource-type';
-import { FindListOptions } from './request.models';
-import { dataService } from '../cache/builders/build-decorators';
 import { MetadataBitstream } from '../metadata/metadata-bitstream.model';
-import { DataService } from './data.service';
 import { HttpClient } from '@angular/common/http';
 import { Store } from '@ngrx/store';
-import { CoreState } from '../core.reducers';
 import { ChangeAnalyzer } from './change-analyzer';
-import { tap } from 'rxjs/operators';
+import { IdentifiableDataService } from './base/identifiable-data.service';
+import { SearchData, SearchDataImpl } from './base/search-data';
+import { CoreState } from '../core-state.model';
+import { dataService } from './base/data-service.decorator';
+import { FindListOptions } from './find-list-options.model';
+import { linkName } from './clarin/clarin-license-data.service';
+import { PaginatedList } from './paginated-list.model';
 
 /**
  * A service responsible for fetching/sending data from/to the REST API on the metadatafields endpoint
  */
 @Injectable()
 @dataService(METADATA_BITSTREAM)
-export class MetadataBitstreamDataService extends DataService<MetadataBitstream> {
+export class MetadataBitstreamDataService extends IdentifiableDataService<MetadataBitstream> implements SearchData<MetadataBitstream> {
   protected store: Store<CoreState>;
   protected http: HttpClient;
   protected comparator: ChangeAnalyzer<MetadataBitstream>;
   protected linkPath = 'metadatabitstreams';
   protected searchByHandleLinkPath = 'byHandle';
+  private searchData: SearchData<MetadataBitstream>;
 
   constructor(
     protected requestService: RequestService,
@@ -41,7 +42,8 @@ export class MetadataBitstreamDataService extends DataService<MetadataBitstream>
     protected halService: HALEndpointService,
     protected notificationsService: NotificationsService
   ) {
-    super();
+    super(linkName, requestService, rdbService, objectCache, halService, undefined);
+    this.searchData = new SearchDataImpl(this.linkPath, requestService, rdbService, objectCache, halService, this.responseMsToLive);
   }
 
   /**
@@ -79,4 +81,8 @@ export class MetadataBitstreamDataService extends DataService<MetadataBitstream>
       ...linksToFollow
     );
   }
+
+  searchBy(searchMethod: string, options?: FindListOptions, useCachedVersionIfAvailable?: boolean, reRequestOnStale?: boolean, ...linksToFollow: FollowLinkConfig<MetadataBitstream>[]): Observable<RemoteData<PaginatedList<MetadataBitstream>>> {
+    return this.searchData.searchBy(searchMethod, options, useCachedVersionIfAvailable, reRequestOnStale, ...linksToFollow);
+  }
 }

From 94b62af37210e271e746d4ac24ab9c7db1a15169 Mon Sep 17 00:00:00 2001
From: milanmajchrak <milan.majchrak@dataquest.sk>
Date: Wed, 27 Sep 2023 16:04:33 +0200
Subject: [PATCH 14/26] Revert unnecessary changes

---
 .../builders/remote-data-build.service.ts     | 218 +++++-------------
 .../core/registry/registry.service.spec.ts    | 215 +++++++----------
 src/app/core/registry/registry.service.ts     | 167 +++-----------
 .../simple/item-page.component.spec.ts        |  37 ++-
 .../item-page/simple/item-page.component.ts   |  16 +-
 .../shared/item-relationships-utils.ts        |  65 ++----
 .../untyped-item/untyped-item.component.html  |   1 -
 7 files changed, 221 insertions(+), 498 deletions(-)

diff --git a/src/app/core/cache/builders/remote-data-build.service.ts b/src/app/core/cache/builders/remote-data-build.service.ts
index 607fecad499..76529891d4b 100644
--- a/src/app/core/cache/builders/remote-data-build.service.ts
+++ b/src/app/core/cache/builders/remote-data-build.service.ts
@@ -5,24 +5,10 @@ import {
   Observable,
   of as observableOf,
 } from 'rxjs';
-import {
-  map,
-  switchMap,
-  filter,
-  distinctUntilKeyChanged, startWith,
-} from 'rxjs/operators';
-import {
-  hasValue,
-  isEmpty,
-  isNotEmpty,
-  hasNoValue,
-  isUndefined,
-} from '../../../shared/empty.util';
+import { map, switchMap, filter, distinctUntilKeyChanged, startWith } from 'rxjs/operators';
+import { hasValue, isEmpty, isNotEmpty, hasNoValue, isUndefined } from '../../../shared/empty.util';
 import { createSuccessfulRemoteDataObject$ } from '../../../shared/remote-data.utils';
-import {
-  FollowLinkConfig,
-  followLink,
-} from '../../../shared/utils/follow-link-config.model';
+import { FollowLinkConfig, followLink } from '../../../shared/utils/follow-link-config.model';
 import { PaginatedList } from '../../data/paginated-list.model';
 import { RemoteData } from '../../data/remote-data';
 import { RequestService } from '../../data/request.service';
@@ -43,11 +29,10 @@ import { getFirstCompletedRemoteData } from '../../shared/operators';
 
 @Injectable()
 export class RemoteDataBuildService {
-  constructor(
-    protected objectCache: ObjectCacheService,
-    protected linkService: LinkService,
-    protected requestService: RequestService
-  ) {}
+  constructor(protected objectCache: ObjectCacheService,
+              protected linkService: LinkService,
+              protected requestService: RequestService) {
+  }
 
   /**
    * Creates an Observable<T> with the payload for a RemoteData object
@@ -61,36 +46,21 @@ export class RemoteDataBuildService {
    *                        should be automatically resolved
    * @private
    */
-  private buildPayload<T>(
-    requestEntry$: Observable<RequestEntry>,
-    href$?: Observable<string>,
-    ...linksToFollow: FollowLinkConfig<any>[]
-  ): Observable<T> {
+  private buildPayload<T>(requestEntry$: Observable<RequestEntry>, href$?: Observable<string>, ...linksToFollow: FollowLinkConfig<any>[]): Observable<T> {
     if (hasNoValue(href$)) {
       href$ = observableOf(undefined);
     }
     return observableCombineLatest([href$, requestEntry$]).pipe(
       switchMap(([href, entry]: [string, RequestEntry]) => {
-        const hasExactMatchInObjectCache = this.hasExactMatchInObjectCache(
-          href,
-          entry
-        );
-        if (
-          hasValue(entry.response) &&
-          (hasExactMatchInObjectCache ||
-            this.isCacheablePayload(entry) ||
-            this.isUnCacheablePayload(entry))
-        ) {
+        const hasExactMatchInObjectCache = this.hasExactMatchInObjectCache(href, entry);
+        if (hasValue(entry.response) &&
+          (hasExactMatchInObjectCache || this.isCacheablePayload(entry) || this.isUnCacheablePayload(entry))) {
           if (hasExactMatchInObjectCache) {
             return this.objectCache.getObjectByHref(href);
           } else if (this.isCacheablePayload(entry)) {
-            return this.objectCache.getObjectByHref(
-              entry.response.payloadLink.href
-            );
+            return this.objectCache.getObjectByHref(entry.response.payloadLink.href);
           } else {
-            return [
-              this.plainObjectToInstance<T>(entry.response.unCacheableObject),
-            ];
+            return [this.plainObjectToInstance<T>(entry.response.unCacheableObject)];
           }
         } else if (hasSucceeded(entry.state)) {
           return [null];
@@ -100,9 +70,7 @@ export class RemoteDataBuildService {
       }),
       switchMap((obj: T) => {
         if (hasValue(obj)) {
-          if (
-            getResourceTypeValueFor((obj as any).type) === PAGINATED_LIST.value
-          ) {
+          if (getResourceTypeValueFor((obj as any).type) === PAGINATED_LIST.value) {
             return this.buildPaginatedList<T>(obj, ...linksToFollow);
           } else if (isNotEmpty(linksToFollow)) {
             return [this.linkService.resolveLinks(obj, ...linksToFollow)];
@@ -139,17 +107,9 @@ export class RemoteDataBuildService {
    * @param entry the request entry the object has to match
    * @private
    */
-  private hasExactMatchInObjectCache(
-    href: string,
-    entry: RequestEntry
-  ): boolean {
-    return (
-      hasValue(entry) &&
-      hasValue(entry.request) &&
-      isNotEmpty(entry.request.uuid) &&
-      hasValue(href) &&
-      this.objectCache.hasByHref(href, entry.request.uuid)
-    );
+  private hasExactMatchInObjectCache(href: string, entry: RequestEntry): boolean {
+    return hasValue(entry) && hasValue(entry.request) && isNotEmpty(entry.request.uuid) &&
+      hasValue(href) && this.objectCache.hasByHref(href, entry.request.uuid);
   }
 
   /**
@@ -158,10 +118,7 @@ export class RemoteDataBuildService {
    * @private
    */
   private isCacheablePayload(entry: RequestEntry): boolean {
-    return (
-      hasValue(entry.response.payloadLink) &&
-      isNotEmpty(entry.response.payloadLink.href)
-    );
+    return hasValue(entry.response.payloadLink) && isNotEmpty(entry.response.payloadLink.href);
   }
 
   /**
@@ -181,40 +138,26 @@ export class RemoteDataBuildService {
    * @param object          A plain object to be turned in to a {@link PaginatedList}
    * @param linksToFollow   List of {@link FollowLinkConfig} that indicate which {@link HALLink}s should be automatically resolved
    */
-  private buildPaginatedList<T>(
-    object: any,
-    ...linksToFollow: FollowLinkConfig<any>[]
-  ): Observable<T> {
-    const pageLink = linksToFollow.find(
-      (linkToFollow: FollowLinkConfig<any>) => linkToFollow.name === 'page'
-    );
-    const otherLinks = linksToFollow.filter(
-      (linkToFollow: FollowLinkConfig<any>) => linkToFollow.name !== 'page'
-    );
+  private buildPaginatedList<T>(object: any, ...linksToFollow: FollowLinkConfig<any>[]): Observable<T> {
+    const pageLink = linksToFollow.find((linkToFollow: FollowLinkConfig<any>) => linkToFollow.name === 'page');
+    const otherLinks = linksToFollow.filter((linkToFollow: FollowLinkConfig<any>) => linkToFollow.name !== 'page');
 
     const paginatedList = Object.assign(new PaginatedList(), object);
 
     if (hasValue(pageLink)) {
       if (isEmpty(paginatedList.page)) {
-        const pageSelfLinks = paginatedList._links.page.map(
-          (link: HALLink) => link.href
-        );
-        return this.objectCache.getList(pageSelfLinks).pipe(
-          map((page: any[]) => {
-            paginatedList.page = page
-              .map((obj: any) => this.plainObjectToInstance<T>(obj))
-              .map((obj: any) =>
-                this.linkService.resolveLinks(obj, ...pageLink.linksToFollow)
-              );
-            if (isNotEmpty(otherLinks)) {
-              return this.linkService.resolveLinks(
-                paginatedList,
-                ...otherLinks
-              );
-            }
-            return paginatedList;
-          })
-        );
+        const pageSelfLinks = paginatedList._links.page.map((link: HALLink) => link.href);
+        return this.objectCache.getList(pageSelfLinks).pipe(map((page: any[]) => {
+          paginatedList.page = page
+            .map((obj: any) => this.plainObjectToInstance<T>(obj))
+            .map((obj: any) =>
+              this.linkService.resolveLinks(obj, ...pageLink.linksToFollow)
+            );
+          if (isNotEmpty(otherLinks)) {
+            return this.linkService.resolveLinks(paginatedList, ...otherLinks);
+          }
+          return paginatedList;
+        }));
       } else {
         // in case the elements of the paginated list were already filled in, because they're UnCacheableObjects
         paginatedList.page = paginatedList.page
@@ -223,9 +166,7 @@ export class RemoteDataBuildService {
             this.linkService.resolveLinks(obj, ...pageLink.linksToFollow)
           );
         if (isNotEmpty(otherLinks)) {
-          return observableOf(
-            this.linkService.resolveLinks(paginatedList, ...otherLinks)
-          );
+          return observableOf(this.linkService.resolveLinks(paginatedList, ...otherLinks));
         }
       }
     }
@@ -238,22 +179,13 @@ export class RemoteDataBuildService {
    * @param requestUUID$      The UUID of the request we want to retrieve
    * @param linksToFollow     List of {@link FollowLinkConfig} that indicate which {@link HALLink}s should be automatically resolved
    */
-  buildFromRequestUUID<T>(
-    requestUUID$: string | Observable<string>,
-    ...linksToFollow: FollowLinkConfig<any>[]
-  ): Observable<RemoteData<T>> {
+  buildFromRequestUUID<T>(requestUUID$: string | Observable<string>, ...linksToFollow: FollowLinkConfig<any>[]): Observable<RemoteData<T>> {
     if (typeof requestUUID$ === 'string') {
       requestUUID$ = observableOf(requestUUID$);
     }
-    const requestEntry$ = requestUUID$.pipe(
-      getRequestFromRequestUUID(this.requestService)
-    );
+    const requestEntry$ = requestUUID$.pipe(getRequestFromRequestUUID(this.requestService));
 
-    const payload$ = this.buildPayload<T>(
-      requestEntry$,
-      undefined,
-      ...linksToFollow
-    );
+    const payload$ = this.buildPayload<T>(requestEntry$, undefined, ...linksToFollow);
 
     return this.toRemoteDataObservable<T>(requestEntry$, payload$);
   }
@@ -307,10 +239,7 @@ export class RemoteDataBuildService {
    * @param href$             self link of object we want to retrieve
    * @param linksToFollow     List of {@link FollowLinkConfig} that indicate which {@link HALLink}s should be automatically resolved
    */
-  buildFromHref<T>(
-    href$: string | Observable<string>,
-    ...linksToFollow: FollowLinkConfig<any>[]
-  ): Observable<RemoteData<T>> {
+  buildFromHref<T>(href$: string | Observable<string>, ...linksToFollow: FollowLinkConfig<any>[]): Observable<RemoteData<T>> {
     if (typeof href$ === 'string') {
       href$ = observableOf(href$);
     }
@@ -319,8 +248,7 @@ export class RemoteDataBuildService {
 
     const requestUUID$ = href$.pipe(
       switchMap((href: string) =>
-        this.objectCache.getRequestUUIDBySelfLink(href)
-      )
+        this.objectCache.getRequestUUIDBySelfLink(href)),
     );
 
     const requestEntry$ = observableCombineLatest([
@@ -347,11 +275,7 @@ export class RemoteDataBuildService {
       distinctUntilKeyChanged('lastUpdated')
     );
 
-    const payload$ = this.buildPayload<T>(
-      requestEntry$,
-      href$,
-      ...linksToFollow
-    );
+    const payload$ = this.buildPayload<T>(requestEntry$, href$, ...linksToFollow);
 
     return this.toRemoteDataObservable<T>(requestEntry$, payload$);
   }
@@ -362,23 +286,19 @@ export class RemoteDataBuildService {
    * @param href$             Observable href of object we want to retrieve
    * @param linksToFollow     List of {@link FollowLinkConfig} that indicate which {@link HALLink}s should be automatically resolved
    */
-  buildSingle<T>(
-    href$: string | Observable<string>,
-    ...linksToFollow: FollowLinkConfig<any>[]
-  ): Observable<RemoteData<T>> {
+  buildSingle<T>(href$: string | Observable<string>, ...linksToFollow: FollowLinkConfig<any>[]): Observable<RemoteData<T>> {
     return this.buildFromHref(href$, ...linksToFollow);
   }
 
-  toRemoteDataObservable<T>(
-    requestEntry$: Observable<RequestEntry>,
-    payload$: Observable<T>
-  ) {
-    return observableCombineLatest([requestEntry$, payload$]).pipe(
-      filter(
-        ([entry, payload]: [RequestEntry, T]) =>
-          hasValue(entry) &&
-          // filter out cases where the state is successful, but the payload isn't yet set
-          !(hasSucceeded(entry.state) && isUndefined(payload))
+  toRemoteDataObservable<T>(requestEntry$: Observable<RequestEntry>, payload$: Observable<T>) {
+    return observableCombineLatest([
+      requestEntry$,
+      payload$
+    ]).pipe(
+      filter(([entry,payload]: [RequestEntry, T]) =>
+        hasValue(entry) &&
+        // filter out cases where the state is successful, but the payload isn't yet set
+        !(hasSucceeded(entry.state) && isUndefined(payload))
       ),
       map(([entry, payload]: [RequestEntry, T]) => {
         let response = entry.response;
@@ -408,14 +328,8 @@ export class RemoteDataBuildService {
    * @param href$             Observable href of objects we want to retrieve
    * @param linksToFollow     List of {@link FollowLinkConfig} that indicate which {@link HALLink}s should be automatically resolved
    */
-  buildList<T extends HALResource>(
-    href$: string | Observable<string>,
-    ...linksToFollow: FollowLinkConfig<T>[]
-  ): Observable<RemoteData<PaginatedList<T>>> {
-    return this.buildFromHref<PaginatedList<T>>(
-      href$,
-      followLink('page', { shouldEmbed: false }, ...linksToFollow)
-    );
+  buildList<T extends HALResource>(href$: string | Observable<string>, ...linksToFollow: FollowLinkConfig<T>[]): Observable<RemoteData<PaginatedList<T>>> {
+    return this.buildFromHref<PaginatedList<T>>(href$, followLink('page', { shouldEmbed: false }, ...linksToFollow));
   }
 
   /**
@@ -428,9 +342,8 @@ export class RemoteDataBuildService {
    *
    * @param input     the array of RemoteData observables to start from
    */
-  aggregate<T>(
-    input: Observable<RemoteData<T>>[]
-  ): Observable<RemoteData<T[]>> {
+  aggregate<T>(input: Observable<RemoteData<T>>[]): Observable<RemoteData<T[]>> {
+
     if (isEmpty(input)) {
       return createSuccessfulRemoteDataObject$([], new Date().getTime());
     }
@@ -439,21 +352,15 @@ export class RemoteDataBuildService {
       map((arr) => {
         const timeCompleted = arr
           .map((d: RemoteData<T>) => d.timeCompleted)
-          .reduce((max: number, current: number) =>
-            current > max ? current : max
-          );
+          .reduce((max: number, current: number) => current > max ? current : max);
 
         const msToLive = arr
           .map((d: RemoteData<T>) => d.msToLive)
-          .reduce((min: number, current: number) =>
-            current < min ? current : min
-          );
+          .reduce((min: number, current: number) => current < min ? current : min);
 
         const lastUpdated = arr
           .map((d: RemoteData<T>) => d.lastUpdated)
-          .reduce((max: number, current: number) =>
-            current > max ? current : max
-          );
+          .reduce((max: number, current: number) => current > max ? current : max);
 
         let state: RequestEntryState;
         if (arr.some((d: RemoteData<T>) => d.isRequestPending)) {
@@ -476,13 +383,11 @@ export class RemoteDataBuildService {
             if (hasValue(e)) {
               return `[${idx}]: ${e}`;
             }
-          })
-          .filter((e: string) => hasValue(e))
+          }).filter((e: string) => hasValue(e))
           .join(', ');
 
-        const statusCodes = new Set(
-          arr.map((d: RemoteData<T>) => d.statusCode)
-        );
+        const statusCodes = new Set(arr
+          .map((d: RemoteData<T>) => d.statusCode));
 
         let statusCode: number;
 
@@ -503,7 +408,6 @@ export class RemoteDataBuildService {
           payload,
           statusCode
         );
-      })
-    );
+      }));
   }
 }
diff --git a/src/app/core/registry/registry.service.spec.ts b/src/app/core/registry/registry.service.spec.ts
index de545623462..a926c19d426 100644
--- a/src/app/core/registry/registry.service.spec.ts
+++ b/src/app/core/registry/registry.service.spec.ts
@@ -14,7 +14,7 @@ import {
   MetadataRegistryEditFieldAction,
   MetadataRegistryEditSchemaAction,
   MetadataRegistrySelectFieldAction,
-  MetadataRegistrySelectSchemaAction,
+  MetadataRegistrySelectSchemaAction
 } from '../../admin/admin-registries/metadata-registry/metadata-registry.actions';
 import { NotificationsService } from '../../shared/notifications/notifications.service';
 import { StoreMock } from '../../shared/testing/store.mock';
@@ -25,10 +25,7 @@ import { RegistryService } from './registry.service';
 import { storeModuleConfig } from '../../app.reducer';
 import { MetadataSchemaDataService } from '../data/metadata-schema-data.service';
 import { MetadataFieldDataService } from '../data/metadata-field-data.service';
-import {
-  createNoContentRemoteDataObject$,
-  createSuccessfulRemoteDataObject$,
-} from '../../shared/remote-data.utils';
+import { createNoContentRemoteDataObject$, createSuccessfulRemoteDataObject$ } from '../../shared/remote-data.utils';
 import { createPaginatedList } from '../../shared/testing/utils.test';
 import { RemoteData } from '../data/remote-data';
 import { NoContent } from '../shared/NoContent.model';
@@ -36,7 +33,8 @@ import { FindListOptions } from '../data/find-list-options.model';
 import { MetadataBitstreamDataService } from '../data/metadata-bitstream-data.service';
 
 @Component({ template: '' })
-class DummyComponent {}
+class DummyComponent {
+}
 
 describe('RegistryService', () => {
   let registryService: RegistryService;
@@ -52,110 +50,96 @@ describe('RegistryService', () => {
   function init() {
     options = Object.assign(new FindListOptions(), {
       currentPage: 1,
-      elementsPerPage: 20,
+      elementsPerPage: 20
     });
 
     mockSchemasList = [
       Object.assign(new MetadataSchema(), {
         id: 1,
         _links: {
-          self: {
-            href: 'https://dspace7.4science.it/dspace-spring-rest/api/core/metadataschemas/1',
-          },
+          self: { href: 'https://dspace7.4science.it/dspace-spring-rest/api/core/metadataschemas/1' }
         },
         prefix: 'dc',
         namespace: 'http://dublincore.org/documents/dcmi-terms/',
-        type: MetadataSchema.type,
+        type: MetadataSchema.type
       }),
       Object.assign(new MetadataSchema(), {
         id: 2,
         _links: {
-          self: {
-            href: 'https://dspace7.4science.it/dspace-spring-rest/api/core/metadataschemas/2',
-          },
+          self: { href: 'https://dspace7.4science.it/dspace-spring-rest/api/core/metadataschemas/2' }
         },
         prefix: 'mock',
         namespace: 'http://dspace.org/mockschema',
-        type: MetadataSchema.type,
-      }),
+        type: MetadataSchema.type
+      })
     ];
 
     mockFieldsList = [
-      Object.assign(new MetadataField(), {
-        id: 1,
-        _links: {
-          self: {
-            href: 'https://dspace7.4science.it/dspace-spring-rest/api/core/metadatafields/8',
+      Object.assign(new MetadataField(),
+        {
+          id: 1,
+          _links: {
+            self: { href: 'https://dspace7.4science.it/dspace-spring-rest/api/core/metadatafields/8' }
           },
-        },
-        element: 'contributor',
-        qualifier: 'advisor',
-        scopeNote: null,
-        schema: createSuccessfulRemoteDataObject$(mockSchemasList[0]),
-        type: MetadataField.type,
-      }),
-      Object.assign(new MetadataField(), {
-        id: 2,
-        _links: {
-          self: {
-            href: 'https://dspace7.4science.it/dspace-spring-rest/api/core/metadatafields/9',
+          element: 'contributor',
+          qualifier: 'advisor',
+          scopeNote: null,
+          schema: createSuccessfulRemoteDataObject$(mockSchemasList[0]),
+          type: MetadataField.type
+        }),
+      Object.assign(new MetadataField(),
+        {
+          id: 2,
+          _links: {
+            self: { href: 'https://dspace7.4science.it/dspace-spring-rest/api/core/metadatafields/9' }
           },
-        },
-        element: 'contributor',
-        qualifier: 'author',
-        scopeNote: null,
-        schema: createSuccessfulRemoteDataObject$(mockSchemasList[0]),
-        type: MetadataField.type,
-      }),
-      Object.assign(new MetadataField(), {
-        id: 3,
-        _links: {
-          self: {
-            href: 'https://dspace7.4science.it/dspace-spring-rest/api/core/metadatafields/10',
+          element: 'contributor',
+          qualifier: 'author',
+          scopeNote: null,
+          schema: createSuccessfulRemoteDataObject$(mockSchemasList[0]),
+          type: MetadataField.type
+        }),
+      Object.assign(new MetadataField(),
+        {
+          id: 3,
+          _links: {
+            self: { href: 'https://dspace7.4science.it/dspace-spring-rest/api/core/metadatafields/10' }
           },
-        },
-        element: 'contributor',
-        qualifier: 'editor',
-        scopeNote: 'test scope note',
-        schema: createSuccessfulRemoteDataObject$(mockSchemasList[1]),
-        type: MetadataField.type,
-      }),
-      Object.assign(new MetadataField(), {
-        id: 4,
-        _links: {
-          self: {
-            href: 'https://dspace7.4science.it/dspace-spring-rest/api/core/metadatafields/11',
+          element: 'contributor',
+          qualifier: 'editor',
+          scopeNote: 'test scope note',
+          schema: createSuccessfulRemoteDataObject$(mockSchemasList[1]),
+          type: MetadataField.type
+        }),
+      Object.assign(new MetadataField(),
+        {
+          id: 4,
+          _links: {
+            self: { href: 'https://dspace7.4science.it/dspace-spring-rest/api/core/metadatafields/11' }
           },
-        },
-        element: 'contributor',
-        qualifier: 'illustrator',
-        scopeNote: null,
-        schema: createSuccessfulRemoteDataObject$(mockSchemasList[1]),
-        type: MetadataField.type,
-      }),
+          element: 'contributor',
+          qualifier: 'illustrator',
+          scopeNote: null,
+          schema: createSuccessfulRemoteDataObject$(mockSchemasList[1]),
+          type: MetadataField.type
+        })
     ];
 
     metadataSchemaService = jasmine.createSpyObj('metadataSchemaService', {
-      findAll: createSuccessfulRemoteDataObject$(
-        createPaginatedList(mockSchemasList)
-      ),
+      findAll: createSuccessfulRemoteDataObject$(createPaginatedList(mockSchemasList)),
       findById: createSuccessfulRemoteDataObject$(mockSchemasList[0]),
-      createOrUpdateMetadataSchema: createSuccessfulRemoteDataObject$(
-        mockSchemasList[0]
-      ),
+      createOrUpdateMetadataSchema: createSuccessfulRemoteDataObject$(mockSchemasList[0]),
       delete: createNoContentRemoteDataObject$(),
-      clearRequests: observableOf('href'),
+      clearRequests: observableOf('href')
     });
 
     metadataFieldService = jasmine.createSpyObj('metadataFieldService', {
-      findAll: createSuccessfulRemoteDataObject$(
-        createPaginatedList(mockFieldsList)
-      ),
+      findAll: createSuccessfulRemoteDataObject$(createPaginatedList(mockFieldsList)),
       findById: createSuccessfulRemoteDataObject$(mockFieldsList[0]),
       create: createSuccessfulRemoteDataObject$(mockFieldsList[0]),
       put: createSuccessfulRemoteDataObject$(mockFieldsList[0]),
       delete: createNoContentRemoteDataObject$(),
-      clearRequests: observableOf('href'),
+      clearRequests: observableOf('href')
     });
     metadataBitstreamDataService = jasmine.createSpyObj(
       'metadataBitstreamDataService',
@@ -170,26 +154,17 @@ describe('RegistryService', () => {
   beforeEach(() => {
     init();
     TestBed.configureTestingModule({
-      imports: [
-        CommonModule,
-        StoreModule.forRoot({}, storeModuleConfig),
-        TranslateModule.forRoot(),
+      imports: [CommonModule, StoreModule.forRoot({}, storeModuleConfig), TranslateModule.forRoot()],
+      declarations: [
+        DummyComponent
       ],
-      declarations: [DummyComponent],
       providers: [
         { provide: Store, useClass: StoreMock },
-        {
-          provide: NotificationsService,
-          useValue: new NotificationsServiceStub(),
-        },
+        { provide: NotificationsService, useValue: new NotificationsServiceStub() },
         { provide: MetadataSchemaDataService, useValue: metadataSchemaService },
         { provide: MetadataFieldDataService, useValue: metadataFieldService },
-        {
-          provide: MetadataBitstreamDataService,
-          useValue: metadataBitstreamDataService,
-        },
-        RegistryService,
-      ],
+        RegistryService
+      ]
     });
     registryService = TestBed.inject(RegistryService);
     mockStore = TestBed.inject(Store);
@@ -214,18 +189,12 @@ describe('RegistryService', () => {
     let result;
 
     beforeEach(() => {
-      result = registryService.getMetadataSchemaByPrefix(
-        mockSchemasList[0].prefix
-      );
+      result = registryService.getMetadataSchemaByPrefix(mockSchemasList[0].prefix);
     });
 
     it('should call metadataSchemaService.findById with the correct ID', (done) => {
       result.subscribe(() => {
-        expect(metadataSchemaService.findById).toHaveBeenCalledWith(
-          `${mockSchemasList[0].id}`,
-          true,
-          true
-        );
+        expect(metadataSchemaService.findById).toHaveBeenCalledWith(`${mockSchemasList[0].id}`, true, true);
         done();
       });
     });
@@ -242,9 +211,7 @@ describe('RegistryService', () => {
       });
 
       it('should dispatch a MetadataRegistryEditSchemaAction with the correct schema', () => {
-        expect(mockStore.dispatch).toHaveBeenCalledWith(
-          new MetadataRegistryEditSchemaAction(mockSchemasList[0])
-        );
+        expect(mockStore.dispatch).toHaveBeenCalledWith(new MetadataRegistryEditSchemaAction(mockSchemasList[0]));
       });
     });
 
@@ -254,9 +221,7 @@ describe('RegistryService', () => {
       });
 
       it('should dispatch a MetadataRegistryCancelSchemaAction', () => {
-        expect(mockStore.dispatch).toHaveBeenCalledWith(
-          new MetadataRegistryCancelSchemaAction()
-        );
+        expect(mockStore.dispatch).toHaveBeenCalledWith(new MetadataRegistryCancelSchemaAction());
       });
     });
 
@@ -266,9 +231,7 @@ describe('RegistryService', () => {
       });
 
       it('should dispatch a MetadataRegistrySelectSchemaAction with the correct schema', () => {
-        expect(mockStore.dispatch).toHaveBeenCalledWith(
-          new MetadataRegistrySelectSchemaAction(mockSchemasList[0])
-        );
+        expect(mockStore.dispatch).toHaveBeenCalledWith(new MetadataRegistrySelectSchemaAction(mockSchemasList[0]));
       });
     });
 
@@ -278,9 +241,7 @@ describe('RegistryService', () => {
       });
 
       it('should dispatch a MetadataRegistryDeselectSchemaAction with the correct schema', () => {
-        expect(mockStore.dispatch).toHaveBeenCalledWith(
-          new MetadataRegistryDeselectSchemaAction(mockSchemasList[0])
-        );
+        expect(mockStore.dispatch).toHaveBeenCalledWith(new MetadataRegistryDeselectSchemaAction(mockSchemasList[0]));
       });
     });
 
@@ -290,9 +251,7 @@ describe('RegistryService', () => {
       });
 
       it('should dispatch a MetadataRegistryDeselectAllSchemaAction', () => {
-        expect(mockStore.dispatch).toHaveBeenCalledWith(
-          new MetadataRegistryDeselectAllSchemaAction()
-        );
+        expect(mockStore.dispatch).toHaveBeenCalledWith(new MetadataRegistryDeselectAllSchemaAction());
       });
     });
 
@@ -302,9 +261,7 @@ describe('RegistryService', () => {
       });
 
       it('should dispatch a MetadataRegistryEditFieldAction with the correct Field', () => {
-        expect(mockStore.dispatch).toHaveBeenCalledWith(
-          new MetadataRegistryEditFieldAction(mockFieldsList[0])
-        );
+        expect(mockStore.dispatch).toHaveBeenCalledWith(new MetadataRegistryEditFieldAction(mockFieldsList[0]));
       });
     });
 
@@ -314,9 +271,7 @@ describe('RegistryService', () => {
       });
 
       it('should dispatch a MetadataRegistryCancelFieldAction', () => {
-        expect(mockStore.dispatch).toHaveBeenCalledWith(
-          new MetadataRegistryCancelFieldAction()
-        );
+        expect(mockStore.dispatch).toHaveBeenCalledWith(new MetadataRegistryCancelFieldAction());
       });
     });
 
@@ -326,9 +281,7 @@ describe('RegistryService', () => {
       });
 
       it('should dispatch a MetadataRegistrySelectFieldAction with the correct Field', () => {
-        expect(mockStore.dispatch).toHaveBeenCalledWith(
-          new MetadataRegistrySelectFieldAction(mockFieldsList[0])
-        );
+        expect(mockStore.dispatch).toHaveBeenCalledWith(new MetadataRegistrySelectFieldAction(mockFieldsList[0]));
       });
     });
 
@@ -338,9 +291,7 @@ describe('RegistryService', () => {
       });
 
       it('should dispatch a MetadataRegistryDeselectFieldAction with the correct Field', () => {
-        expect(mockStore.dispatch).toHaveBeenCalledWith(
-          new MetadataRegistryDeselectFieldAction(mockFieldsList[0])
-        );
+        expect(mockStore.dispatch).toHaveBeenCalledWith(new MetadataRegistryDeselectFieldAction(mockFieldsList[0]));
       });
     });
 
@@ -350,9 +301,7 @@ describe('RegistryService', () => {
       });
 
       it('should dispatch a MetadataRegistryDeselectAllFieldAction', () => {
-        expect(mockStore.dispatch).toHaveBeenCalledWith(
-          new MetadataRegistryDeselectAllFieldAction()
-        );
+        expect(mockStore.dispatch).toHaveBeenCalledWith(new MetadataRegistryDeselectAllFieldAction());
       });
     });
   });
@@ -376,10 +325,7 @@ describe('RegistryService', () => {
     let result: Observable<MetadataField>;
 
     beforeEach(() => {
-      result = registryService.createMetadataField(
-        mockFieldsList[0],
-        mockSchemasList[0]
-      );
+      result = registryService.createMetadataField(mockFieldsList[0], mockSchemasList[0]);
     });
 
     it('should return the created metadata field', (done) => {
@@ -397,10 +343,7 @@ describe('RegistryService', () => {
     beforeEach(() => {
       metadataField = mockFieldsList[0];
       metadataField.qualifier = '';
-      result = registryService.createMetadataField(
-        metadataField,
-        mockSchemasList[0]
-      );
+      result = registryService.createMetadataField(metadataField, mockSchemasList[0]);
     });
 
     it('should return the created metadata field with a null qualifier', (done) => {
diff --git a/src/app/core/registry/registry.service.ts b/src/app/core/registry/registry.service.ts
index b91eb183d98..be7d171d0e6 100644
--- a/src/app/core/registry/registry.service.ts
+++ b/src/app/core/registry/registry.service.ts
@@ -2,11 +2,7 @@ import { combineLatest as observableCombineLatest, Observable } from 'rxjs';
 import { Injectable } from '@angular/core';
 import { RemoteData } from '../data/remote-data';
 import { PaginatedList } from '../data/paginated-list.model';
-import {
-  hasValue,
-  hasValueOperator,
-  isNotEmptyOperator,
-} from '../../shared/empty.util';
+import { hasValue, hasValueOperator, isNotEmptyOperator } from '../../shared/empty.util';
 import { getFirstSucceededRemoteDataPayload } from '../shared/operators';
 import { createSelector, select, Store } from '@ngrx/store';
 import { AppState } from '../../app.reducer';
@@ -21,7 +17,7 @@ import {
   MetadataRegistryEditFieldAction,
   MetadataRegistryEditSchemaAction,
   MetadataRegistrySelectFieldAction,
-  MetadataRegistrySelectSchemaAction,
+  MetadataRegistrySelectSchemaAction
 } from '../../admin/admin-registries/metadata-registry/metadata-registry.actions';
 import { map, mergeMap, tap } from 'rxjs/operators';
 import { NotificationsService } from '../../shared/notifications/notifications.service';
@@ -37,38 +33,25 @@ import { NoContent } from '../shared/NoContent.model';
 import { FindListOptions } from '../data/find-list-options.model';
 import { MetadataBitstream } from '../metadata/metadata-bitstream.model';
 
-const metadataRegistryStateSelector = (state: AppState) =>
-  state.metadataRegistry;
-const editMetadataSchemaSelector = createSelector(
-  metadataRegistryStateSelector,
-  (metadataState: MetadataRegistryState) => metadataState.editSchema
-);
-const selectedMetadataSchemasSelector = createSelector(
-  metadataRegistryStateSelector,
-  (metadataState: MetadataRegistryState) => metadataState.selectedSchemas
-);
-const editMetadataFieldSelector = createSelector(
-  metadataRegistryStateSelector,
-  (metadataState: MetadataRegistryState) => metadataState.editField
-);
-const selectedMetadataFieldsSelector = createSelector(
-  metadataRegistryStateSelector,
-  (metadataState: MetadataRegistryState) => metadataState.selectedFields
-);
+const metadataRegistryStateSelector = (state: AppState) => state.metadataRegistry;
+const editMetadataSchemaSelector = createSelector(metadataRegistryStateSelector, (metadataState: MetadataRegistryState) => metadataState.editSchema);
+const selectedMetadataSchemasSelector = createSelector(metadataRegistryStateSelector, (metadataState: MetadataRegistryState) => metadataState.selectedSchemas);
+const editMetadataFieldSelector = createSelector(metadataRegistryStateSelector, (metadataState: MetadataRegistryState) => metadataState.editField);
+const selectedMetadataFieldsSelector = createSelector(metadataRegistryStateSelector, (metadataState: MetadataRegistryState) => metadataState.selectedFields);
 
 /**
  * Service for registry related CRUD actions such as metadata schema, metadata field and bitstream format
  */
 @Injectable()
 export class RegistryService {
-  constructor(
-    private store: Store<AppState>,
-    private notificationsService: NotificationsService,
-    private translateService: TranslateService,
-    private metadataSchemaService: MetadataSchemaDataService,
-    private metadataFieldService: MetadataFieldDataService,
-    private metadataBitstreamDataService: MetadataBitstreamDataService
-  ) {}
+  constructor(private store: Store<AppState>,
+              private notificationsService: NotificationsService,
+              private translateService: TranslateService,
+              private metadataSchemaService: MetadataSchemaDataService,
+              private metadataFieldService: MetadataFieldDataService,
+              private metadataBitstreamDataService: MetadataBitstreamDataService) {
+
+  }
 
   /**
    * Retrieves all metadata schemas
@@ -80,18 +63,8 @@ export class RegistryService {
    * @param linksToFollow               List of {@link FollowLinkConfig} that indicate which
    *                                    {@link HALLink}s should be automatically resolved
    */
-  public getMetadataSchemas(
-    options: FindListOptions = {},
-    useCachedVersionIfAvailable = true,
-    reRequestOnStale = true,
-    ...linksToFollow: FollowLinkConfig<MetadataSchema>[]
-  ): Observable<RemoteData<PaginatedList<MetadataSchema>>> {
-    return this.metadataSchemaService.findAll(
-      options,
-      useCachedVersionIfAvailable,
-      reRequestOnStale,
-      ...linksToFollow
-    );
+  public getMetadataSchemas(options: FindListOptions = {}, useCachedVersionIfAvailable = true, reRequestOnStale = true, ...linksToFollow: FollowLinkConfig<MetadataSchema>[]): Observable<RemoteData<PaginatedList<MetadataSchema>>> {
+    return this.metadataSchemaService.findAll(options, useCachedVersionIfAvailable, reRequestOnStale, ...linksToFollow);
   }
 
   /**
@@ -104,32 +77,17 @@ export class RegistryService {
    * @param linksToFollow               List of {@link FollowLinkConfig} that indicate which
    *                                    {@link HALLink}s should be automatically resolved
    */
-  public getMetadataSchemaByPrefix(
-    prefix: string,
-    useCachedVersionIfAvailable = true,
-    reRequestOnStale = true,
-    ...linksToFollow: FollowLinkConfig<MetadataSchema>[]
-  ): Observable<RemoteData<MetadataSchema>> {
+  public getMetadataSchemaByPrefix(prefix: string, useCachedVersionIfAvailable = true, reRequestOnStale = true, ...linksToFollow: FollowLinkConfig<MetadataSchema>[]): Observable<RemoteData<MetadataSchema>> {
     // Temporary options to get ALL metadataschemas until there's a rest api endpoint for fetching a specific schema
     const options: FindListOptions = Object.assign(new FindListOptions(), {
-      elementsPerPage: 10000,
+      elementsPerPage: 10000
     });
     return this.getMetadataSchemas(options).pipe(
       getFirstSucceededRemoteDataPayload(),
       map((schemas: PaginatedList<MetadataSchema>) => schemas.page),
       isNotEmptyOperator(),
-      map(
-        (schemas: MetadataSchema[]) =>
-          schemas.filter((schema) => schema.prefix === prefix)[0]
-      ),
-      mergeMap((schema: MetadataSchema) =>
-        this.metadataSchemaService.findById(
-          `${schema.id}`,
-          useCachedVersionIfAvailable,
-          reRequestOnStale,
-          ...linksToFollow
-        )
-      )
+      map((schemas: MetadataSchema[]) => schemas.filter((schema) => schema.prefix === prefix)[0]),
+      mergeMap((schema: MetadataSchema) => this.metadataSchemaService.findById(`${schema.id}`, useCachedVersionIfAvailable, reRequestOnStale, ...linksToFollow))
     );
   }
 
@@ -144,20 +102,8 @@ export class RegistryService {
    * @param linksToFollow               List of {@link FollowLinkConfig} that indicate which
    *                                    {@link HALLink}s should be automatically resolved
    */
-  public getMetadataFieldsBySchema(
-    schema: MetadataSchema,
-    options: FindListOptions = {},
-    useCachedVersionIfAvailable = true,
-    reRequestOnStale = true,
-    ...linksToFollow: FollowLinkConfig<MetadataField>[]
-  ): Observable<RemoteData<PaginatedList<MetadataField>>> {
-    return this.metadataFieldService.findBySchema(
-      schema,
-      options,
-      useCachedVersionIfAvailable,
-      reRequestOnStale,
-      ...linksToFollow
-    );
+  public getMetadataFieldsBySchema(schema: MetadataSchema, options: FindListOptions = {}, useCachedVersionIfAvailable = true, reRequestOnStale = true, ...linksToFollow: FollowLinkConfig<MetadataField>[]): Observable<RemoteData<PaginatedList<MetadataField>>> {
+    return this.metadataFieldService.findBySchema(schema, options, useCachedVersionIfAvailable, reRequestOnStale, ...linksToFollow);
   }
 
   /**
@@ -297,17 +243,13 @@ export class RegistryService {
    *  - On update, a PutRequest is used
    * @param schema    The MetadataSchema to create or update
    */
-  public createOrUpdateMetadataSchema(
-    schema: MetadataSchema
-  ): Observable<MetadataSchema> {
+  public createOrUpdateMetadataSchema(schema: MetadataSchema): Observable<MetadataSchema> {
     const isUpdate = hasValue(schema.id);
     return this.metadataSchemaService.createOrUpdateMetadataSchema(schema).pipe(
       getFirstSucceededRemoteDataPayload(),
       hasValueOperator(),
       tap(() => {
-        this.showNotifications(true, isUpdate, false, {
-          prefix: schema.prefix,
-        });
+        this.showNotifications(true, isUpdate, false, { prefix: schema.prefix });
       })
     );
   }
@@ -333,24 +275,17 @@ export class RegistryService {
    * @param field    The MetadataField to create
    * @param schema   The MetadataSchema to create the field in
    */
-  public createMetadataField(
-    field: MetadataField,
-    schema: MetadataSchema
-  ): Observable<MetadataField> {
+  public createMetadataField(field: MetadataField, schema: MetadataSchema): Observable<MetadataField> {
     if (!field.qualifier) {
       field.qualifier = null;
     }
-    return this.metadataFieldService
-      .create(field, new RequestParam('schemaId', schema.id))
-      .pipe(
-        getFirstSucceededRemoteDataPayload(),
-        hasValueOperator(),
-        tap(() => {
-          this.showNotifications(true, false, true, {
-            field: field.toString(),
-          });
-        })
-      );
+    return this.metadataFieldService.create(field, new RequestParam('schemaId', schema.id)).pipe(
+      getFirstSucceededRemoteDataPayload(),
+      hasValueOperator(),
+      tap(() => {
+        this.showNotifications(true, false, true, { field: field.toString() });
+      })
+    );
   }
 
   /**
@@ -386,23 +321,13 @@ export class RegistryService {
     this.metadataFieldService.clearRequests();
   }
 
-  private showNotifications(
-    success: boolean,
-    edited: boolean,
-    isField: boolean,
-    options: any
-  ) {
+  private showNotifications(success: boolean, edited: boolean, isField: boolean, options: any) {
     const prefix = 'admin.registries.schema.notification';
     const suffix = success ? 'success' : 'failure';
     const editedString = edited ? 'edited' : 'created';
     const messages = observableCombineLatest(
-      this.translateService.get(
-        success ? `${prefix}.${suffix}` : `${prefix}.${suffix}`
-      ),
-      this.translateService.get(
-        `${prefix}${isField ? '.field' : ''}.${editedString}`,
-        options
-      )
+      this.translateService.get(success ? `${prefix}.${suffix}` : `${prefix}.${suffix}`),
+      this.translateService.get(`${prefix}${isField ? '.field' : ''}.${editedString}`, options)
     );
     messages.subscribe(([head, content]) => {
       if (success) {
@@ -427,23 +352,7 @@ export class RegistryService {
    *                                    {@link HALLink}s should be automatically resolved
    * @returns an observable that emits a remote data object with a page of metadata fields that match the query
    */
-  queryMetadataFields(
-    query: string,
-    options: FindListOptions = {},
-    useCachedVersionIfAvailable = true,
-    reRequestOnStale = true,
-    ...linksToFollow: FollowLinkConfig<MetadataField>[]
-  ): Observable<RemoteData<PaginatedList<MetadataField>>> {
-    return this.metadataFieldService.searchByFieldNameParams(
-      null,
-      null,
-      null,
-      query,
-      null,
-      options,
-      useCachedVersionIfAvailable,
-      reRequestOnStale,
-      ...linksToFollow
-    );
+  queryMetadataFields(query: string, options: FindListOptions = {}, useCachedVersionIfAvailable = true, reRequestOnStale = true, ...linksToFollow: FollowLinkConfig<MetadataField>[]): Observable<RemoteData<PaginatedList<MetadataField>>> {
+    return this.metadataFieldService.searchByFieldNameParams(null, null, null, query, null, options, useCachedVersionIfAvailable, reRequestOnStale, ...linksToFollow);
   }
 }
diff --git a/src/app/item-page/simple/item-page.component.spec.ts b/src/app/item-page/simple/item-page.component.spec.ts
index 7db6cd7148a..15d3a29fad5 100644
--- a/src/app/item-page/simple/item-page.component.spec.ts
+++ b/src/app/item-page/simple/item-page.component.spec.ts
@@ -12,12 +12,12 @@ import { Item } from '../../core/shared/item.model';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { By } from '@angular/platform-browser';
 import { createRelationshipsObservable } from './item-types/shared/item.component.spec';
-import { of as observableOf, of } from 'rxjs';
+import { of as observableOf } from 'rxjs';
 import {
   createFailedRemoteDataObject$,
   createPendingRemoteDataObject$,
   createSuccessfulRemoteDataObject,
-  createSuccessfulRemoteDataObject$,
+  createSuccessfulRemoteDataObject$
 } from '../../shared/remote-data.utils';
 import { AuthService } from '../../core/auth/auth.service';
 import { createPaginatedList } from '../../shared/testing/utils.test';
@@ -33,7 +33,7 @@ import { getMockTranslateService } from 'src/app/shared/mocks/translate.service.
 const mockItem: Item = Object.assign(new Item(), {
   bundles: createSuccessfulRemoteDataObject$(createPaginatedList([])),
   metadata: [],
-  relationships: createRelationshipsObservable(),
+  relationships: createRelationshipsObservable()
 });
 
 const mockWithdrawnItem: Item = Object.assign(new Item(), {
@@ -61,17 +61,17 @@ describe('ItemPageComponent', () => {
     /* eslint-enable no-empty, @typescript-eslint/no-empty-function */
   };
   const mockRoute = Object.assign(new ActivatedRouteStub(), {
-    data: observableOf({ dso: createSuccessfulRemoteDataObject(mockItem) }),
+    data: observableOf({ dso: createSuccessfulRemoteDataObject(mockItem) })
   });
 
   const mockMetadataBitstreamDataService = {
-    searchByHandleParams: () => of({}) // Returns a mock Observable
+    searchByHandleParams: () => observableOf({}) // Returns a mock Observable
   };
 
   beforeEach(waitForAsync(() => {
     authService = jasmine.createSpyObj('authService', {
       isAuthenticated: observableOf(true),
-      setRedirectUrl: {},
+      setRedirectUrl: {}
     });
 
     translateService = getMockTranslateService();
@@ -80,15 +80,12 @@ describe('ItemPageComponent', () => {
     });
 
     TestBed.configureTestingModule({
-      imports: [
-        TranslateModule.forRoot({
-          loader: {
-            provide: TranslateLoader,
-            useClass: TranslateLoaderMock,
-          },
-        }),
-        BrowserAnimationsModule,
-      ],
+      imports: [TranslateModule.forRoot({
+        loader: {
+          provide: TranslateLoader,
+          useClass: TranslateLoaderMock
+        }
+      }), BrowserAnimationsModule],
       declarations: [ItemPageComponent, VarDirective],
       providers: [
         { provide: ActivatedRoute, useValue: mockRoute },
@@ -106,12 +103,10 @@ describe('ItemPageComponent', () => {
         { provide: AuthorizationDataService, useValue: authorizationDataService },
       ],
 
-      schemas: [NO_ERRORS_SCHEMA],
-    })
-      .overrideComponent(ItemPageComponent, {
-        set: { changeDetection: ChangeDetectionStrategy.Default },
-      })
-      .compileComponents();
+      schemas: [NO_ERRORS_SCHEMA]
+    }).overrideComponent(ItemPageComponent, {
+      set: { changeDetection: ChangeDetectionStrategy.Default }
+    }).compileComponents();
   }));
 
   beforeEach(waitForAsync(() => {
diff --git a/src/app/item-page/simple/item-page.component.ts b/src/app/item-page/simple/item-page.component.ts
index d52ed7c410e..c42c2ccb821 100644
--- a/src/app/item-page/simple/item-page.component.ts
+++ b/src/app/item-page/simple/item-page.component.ts
@@ -31,7 +31,7 @@ import { Observable } from 'rxjs';
   styleUrls: ['./item-page.component.scss'],
   templateUrl: './item-page.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
-  animations: [fadeInOut],
+  animations: [fadeInOut]
 })
 export class ItemPageComponent implements OnInit {
   /**
@@ -107,7 +107,8 @@ export class ItemPageComponent implements OnInit {
     private authService: AuthService,
     private authorizationService: AuthorizationDataService,
     protected registryService: RegistryService
-  ) {}
+  ) {
+  }
 
   /**
    * Initialize instance variables
@@ -169,8 +170,9 @@ export class ItemPageComponent implements OnInit {
     let isReplaced = '';
 
     // load values from item
-    this.itemRD$
-      .pipe(take(1), getAllSucceededRemoteDataPayload())
+    this.itemRD$.pipe(
+      take(1),
+      getAllSucceededRemoteDataPayload())
       .subscribe((item: Item) => {
         this.itemHandle = item.handle;
         isWithdrawn = item.isWithdrawn;
@@ -184,10 +186,8 @@ export class ItemPageComponent implements OnInit {
 
     // for users navigate to the custom tombstone
     // for admin stay on the item page with tombstone flag
-    this.isAdmin$ = this.authorizationService.isAuthorized(
-      FeatureID.AdministratorOf
-    );
-    this.isAdmin$.subscribe((isAdmin) => {
+    this.isAdmin$ = this.authorizationService.isAuthorized(FeatureID.AdministratorOf);
+    this.isAdmin$.subscribe(isAdmin => {
       // do not show tombstone for admin but show it for users
       if (!isAdmin) {
         if (isNotEmpty(isReplaced)) {
diff --git a/src/app/item-page/simple/item-types/shared/item-relationships-utils.ts b/src/app/item-page/simple/item-types/shared/item-relationships-utils.ts
index 33a97493358..b4c3da2cdc3 100644
--- a/src/app/item-page/simple/item-types/shared/item-relationships-utils.ts
+++ b/src/app/item-page/simple/item-types/shared/item-relationships-utils.ts
@@ -1,8 +1,4 @@
-import {
-  combineLatest as observableCombineLatest,
-  Observable,
-  zip as observableZip,
-} from 'rxjs';
+import { combineLatest as observableCombineLatest, Observable, zip as observableZip } from 'rxjs';
 import { distinctUntilChanged, map, mergeMap, switchMap } from 'rxjs/operators';
 import { PaginatedList } from '../../../../core/data/paginated-list.model';
 import { RemoteData } from '../../../../core/data/remote-data';
@@ -10,20 +6,14 @@ import { Relationship } from '../../../../core/shared/item-relationships/relatio
 import { Item } from '../../../../core/shared/item.model';
 import {
   getFirstSucceededRemoteDataPayload,
-  getFirstSucceededRemoteData,
+  getFirstSucceededRemoteData
 } from '../../../../core/shared/operators';
 import { hasValue } from '../../../../shared/empty.util';
 import { InjectionToken } from '@angular/core';
 
-export const PAGINATED_RELATIONS_TO_ITEMS_OPERATOR = new InjectionToken<
-  (
-    thisId: string
-  ) => (
-    source: Observable<RemoteData<PaginatedList<Relationship>>>
-  ) => Observable<RemoteData<PaginatedList<Item>>>
->('paginatedRelationsToItems', {
+export const PAGINATED_RELATIONS_TO_ITEMS_OPERATOR = new InjectionToken<(thisId: string) => (source: Observable<RemoteData<PaginatedList<Relationship>>>) => Observable<RemoteData<PaginatedList<Item>>>>('paginatedRelationsToItems', {
   providedIn: 'root',
-  factory: () => paginatedRelationsToItems,
+  factory: () => paginatedRelationsToItems
 });
 
 /**
@@ -33,51 +23,42 @@ export const PAGINATED_RELATIONS_TO_ITEMS_OPERATOR = new InjectionToken<
  * For example: "(o) => o.id" will compare the two arrays by comparing their content by id.
  * @param mapFn   Function for mapping the arrays
  */
-export const compareArraysUsing =
-  <T>(mapFn: (t: T) => any) =>
+export const compareArraysUsing = <T>(mapFn: (t: T) => any) =>
   (a: T[], b: T[]): boolean => {
-    if (!Array.isArray(a) || !Array.isArray(b)) {
+    if (!Array.isArray(a) || ! Array.isArray(b)) {
       return false;
     }
 
     const aIds = a.map(mapFn);
     const bIds = b.map(mapFn);
 
-    return (
-      aIds.length === bIds.length &&
+    return aIds.length === bIds.length &&
       aIds.every((e) => bIds.includes(e)) &&
-      bIds.every((e) => aIds.includes(e))
-    );
+      bIds.every((e) => aIds.includes(e));
   };
 
 /**
  * Operator for comparing arrays using the object's ids
  */
 export const compareArraysUsingIds = <T extends { id: string }>() =>
-  compareArraysUsing((t: T) => (hasValue(t) ? t.id : undefined));
+  compareArraysUsing((t: T) => hasValue(t) ? t.id : undefined);
 
 /**
  * Operator for turning a list of relationships into a list of the relevant items
  * @param {string} thisId       The item's id of which the relations belong to
  * @returns {(source: Observable<Relationship[]>) => Observable<Item[]>}
  */
-export const relationsToItems =
-  (thisId: string) =>
+export const relationsToItems = (thisId: string) =>
   (source: Observable<Relationship[]>): Observable<Item[]> =>
     source.pipe(
       mergeMap((rels: Relationship[]) =>
         observableZip(
-          ...rels.map((rel: Relationship) =>
-            observableCombineLatest(rel.leftItem, rel.rightItem)
-          )
+          ...rels.map((rel: Relationship) => observableCombineLatest(rel.leftItem, rel.rightItem))
         )
       ),
       map((arr) =>
         arr
-          .filter(
-            ([leftItem, rightItem]) =>
-              leftItem.hasSucceeded && rightItem.hasSucceeded
-          )
+          .filter(([leftItem, rightItem]) => leftItem.hasSucceeded && rightItem.hasSucceeded)
           .map(([leftItem, rightItem]) => {
             if (leftItem.payload.id === thisId) {
               return rightItem.payload;
@@ -87,7 +68,7 @@ export const relationsToItems =
           })
           .filter((item: Item) => hasValue(item))
       ),
-      distinctUntilChanged(compareArraysUsingIds())
+      distinctUntilChanged(compareArraysUsingIds()),
     );
 
 /**
@@ -96,11 +77,8 @@ export const relationsToItems =
  * @param {string} thisId       The item's id of which the relations belong to
  * @returns {(source: Observable<Relationship[]>) => Observable<Item[]>}
  */
-export const paginatedRelationsToItems =
-  (thisId: string) =>
-  (
-    source: Observable<RemoteData<PaginatedList<Relationship>>>
-  ): Observable<RemoteData<PaginatedList<Item>>> =>
+export const paginatedRelationsToItems = (thisId: string) =>
+  (source: Observable<RemoteData<PaginatedList<Relationship>>>): Observable<RemoteData<PaginatedList<Item>>> =>
     source.pipe(
       getFirstSucceededRemoteData(),
       switchMap((relationshipsRD: RemoteData<PaginatedList<Relationship>>) => {
@@ -108,10 +86,9 @@ export const paginatedRelationsToItems =
           relationshipsRD.payload.page.map((rel: Relationship) =>
             observableCombineLatest([
               rel.leftItem.pipe(getFirstSucceededRemoteDataPayload()),
-              rel.rightItem.pipe(getFirstSucceededRemoteDataPayload()),
-            ])
-          )
-        ).pipe(
+              rel.rightItem.pipe(getFirstSucceededRemoteDataPayload())]
+            )
+          )).pipe(
           map((arr) =>
             arr
               .map(([leftItem, rightItem]) => {
@@ -125,11 +102,7 @@ export const paginatedRelationsToItems =
           ),
           distinctUntilChanged(compareArraysUsingIds()),
           map((relatedItems: Item[]) =>
-            Object.assign(relationshipsRD, {
-              payload: Object.assign(relationshipsRD.payload, {
-                page: relatedItems,
-              }),
-            })
+            Object.assign(relationshipsRD, { payload: Object.assign(relationshipsRD.payload, { page: relatedItems } )})
           )
         );
       })
diff --git a/src/app/item-page/simple/item-types/untyped-item/untyped-item.component.html b/src/app/item-page/simple/item-types/untyped-item/untyped-item.component.html
index 1b42e8c3257..ae2cde511d6 100644
--- a/src/app/item-page/simple/item-types/untyped-item/untyped-item.component.html
+++ b/src/app/item-page/simple/item-types/untyped-item/untyped-item.component.html
@@ -105,6 +105,5 @@
                                 [iconName]="'fa-paperclip'"
                                 [separator]="'<br />'">
     </ds-clarin-files-item-field>
-
   </div>
 </div>

From a720ac877402854ca19611cec5a5ad72dd2e0c18 Mon Sep 17 00:00:00 2001
From: milanmajchrak <milan.majchrak@dataquest.sk>
Date: Wed, 27 Sep 2023 16:29:17 +0200
Subject: [PATCH 15/26] Refactoring and removed font awesome loading from node
 modules

---
 angular.json                          |  1 -
 src/app/item-page/item-page.module.ts | 14 ++++++++++----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/angular.json b/angular.json
index 1afce4bb954..d828887b214 100644
--- a/angular.json
+++ b/angular.json
@@ -46,7 +46,6 @@
             "styles": [
               "src/styles/startup.scss",
               "src/aai/discojuice/discojuice.css",
-              "node_modules/font-awesome/css/font-awesome.css",
               "node_modules/bootstrap/dist/css/bootstrap.min.css",
               {
                 "input": "src/styles/base-theme.scss",
diff --git a/src/app/item-page/item-page.module.ts b/src/app/item-page/item-page.module.ts
index 1c6174bca18..6e87e4594a9 100644
--- a/src/app/item-page/item-page.module.ts
+++ b/src/app/item-page/item-page.module.ts
@@ -82,7 +82,7 @@ import {
 const ENTRY_COMPONENTS = [
   // put only entry components that use custom decorator
   PublicationComponent,
-  UntypedItemComponent,
+  UntypedItemComponent
 ];
 
 const DECLARATIONS = [
@@ -154,8 +154,13 @@ const DECLARATIONS = [
     ChartsModule,
     NgbModule
   ],
-  declarations: [...DECLARATIONS],
-  exports: [...DECLARATIONS],
+  declarations: [
+    ...DECLARATIONS,
+
+  ],
+  exports: [
+    ...DECLARATIONS
+  ]
 })
 export class ItemPageModule {
   /**
@@ -165,7 +170,8 @@ export class ItemPageModule {
   static withEntryComponents() {
     return {
       ngModule: ItemPageModule,
-      providers: ENTRY_COMPONENTS.map((component) => ({ provide: component })),
+      providers: ENTRY_COMPONENTS.map((component) => ({provide: component}))
     };
   }
+
 }

From 23835f4987cd04fbb7d7f493c212247a5e7364d3 Mon Sep 17 00:00:00 2001
From: milanmajchrak <milan.majchrak@dataquest.sk>
Date: Thu, 28 Sep 2023 10:12:24 +0200
Subject: [PATCH 16/26] Updated preview file box look and feel

---
 .../file-description.component.html           | 54 +++++++++----------
 .../file-description.component.scss           | 14 ++++-
 .../preview-section.component.html            |  2 +-
 .../preview-section.component.scss            | 11 ++--
 .../item-page/simple/item-page.component.html |  2 +-
 5 files changed, 48 insertions(+), 35 deletions(-)

diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
index 0fb29830901..13e04fa8430 100644
--- a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
@@ -1,4 +1,4 @@
-<div class="file-preview-box">
+<div class="file-preview-box rounded pt-2">
   <div style="text-align: left" *ngIf="fileInput.format === 'video/mp4'">
     <video preload="none" controls="controls" height="240">
       <source
@@ -12,25 +12,24 @@
     <dl class="dl-horizontal">
       <dt>Name</dt>
       <dd
-        xmlns:i18n="http://apache.org/cocoon/i18n/2.1"
         title="ud-treebanks-v2.12.tgz"
       >
         {{ fileInput.name }}
       </dd>
       <dt>Size</dt>
-      <dd xmlns:i18n="http://apache.org/cocoon/i18n/2.1">
+      <dd>
         {{ fileInput.fileSize }}
       </dd>
-      <dt xmlns:i18n="http://apache.org/cocoon/i18n/2.1">Format</dt>
-      <dd xmlns:i18n="http://apache.org/cocoon/i18n/2.1">
+      <dt>Format</dt>
+      <dd>
         {{ fileInput.format }}
       </dd>
-      <dt xmlns:i18n="http://apache.org/cocoon/i18n/2.1">Description</dt>
-      <dd xmlns:i18n="http://apache.org/cocoon/i18n/2.1">
+      <dt>Description</dt>
+      <dd>
         {{ fileInput.description }}
       </dd>
       <dt>MD5</dt>
-      <dd xmlns:i18n="http://apache.org/cocoon/i18n/2.1">
+      <dd>
         {{ fileInput.checksum }}
       </dd>
     </dl>
@@ -42,26 +41,27 @@
     />
   </div>
   <div class="button-container">
-    <a class="download-btn" (click)="downloadFiles()">
-      <i class="fa fa-chevron-circle-down">&nbsp;</i>Download file</a
-    >
-    <a
-      xmlns:i18n="http://apache.org/cocoon/i18n/2.1"
-      data-toggle="collapse"
-      *ngIf="
-        fileInput.format === 'text/plain' ||
-        fileInput.format === 'text/html' ||
-        (fileInput.format === 'application/zip' && fileInput.canPreview)
-      "
-      role="button"
-      class="preview-btn collapsed"
-      href="#file_file_{{ fileInput.id }}"
-    >
-      <i class="fa fa-eye">&nbsp;</i>Preview</a
-    >
+    <span>
+      <a class="download-btn" (click)="downloadFiles()">
+        <i class="fa fa-chevron-circle-down">&nbsp;</i>Download file
+      </a>
+    </span>
+    <span class="pl-1">
+      <a class="preview-btn collapsed"
+               data-toggle="collapse"
+               *ngIf="
+                 fileInput.format === 'text/plain' ||
+                 fileInput.format === 'text/html' ||
+                 (fileInput.format === 'application/zip' && fileInput.canPreview)
+               "
+               role="button"
+               href="#file_file_{{ fileInput.id }}">
+        <i class="fa fa-eye">&nbsp;</i>Preview
+      </a>
+    </span>
+
   </div>
   <div
-    xmlns:i18n="http://apache.org/cocoon/i18n/2.1"
     class="in collapse"
     id="file_file_{{ fileInput.id }}"
     style="height: auto"
@@ -72,7 +72,7 @@
         class="bold panel-heading text-center"
       >
         <i class="fa fa-eye">&nbsp;</i>File Preview<a
-          xmlns:i18n="http://apache.org/cocoon/i18n/2.1"
+
           class="pull-right collapsed"
           data-toggle="collapse"
           role="button"
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.scss b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.scss
index 005bd540250..2611c696bc7 100644
--- a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.scss
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.scss
@@ -54,7 +54,7 @@
         .download-btn, .preview-btn {
             display: inline;
             padding: .2em .6em .3em;
-            font-size: 14px;
+            font-size: 12px;
             font-weight: bold;
             line-height: 1;
             text-align: center;
@@ -111,3 +111,15 @@
         float: right !important;
     }
 }
+
+.dl-horizontal {
+  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
+  font-size: 14px !important;
+  line-height: 1.428571429 !important;
+  color: #333 !important;
+}
+
+dd {
+  margin-bottom: 0;
+}
+
diff --git a/src/app/item-page/simple/field-components/preview-section/preview-section.component.html b/src/app/item-page/simple/field-components/preview-section/preview-section.component.html
index 37ba7d1ce28..8404f491b4f 100644
--- a/src/app/item-page/simple/field-components/preview-section/preview-section.component.html
+++ b/src/app/item-page/simple/field-components/preview-section/preview-section.component.html
@@ -1,3 +1,3 @@
 <div *ngFor="let file of (listOfFiles | async)">
   <ds-file-description [fileInput] = 'file'></ds-file-description>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/app/item-page/simple/field-components/preview-section/preview-section.component.scss b/src/app/item-page/simple/field-components/preview-section/preview-section.component.scss
index e4267ba0874..fb6cb457842 100644
--- a/src/app/item-page/simple/field-components/preview-section/preview-section.component.scss
+++ b/src/app/item-page/simple/field-components/preview-section/preview-section.component.scss
@@ -8,7 +8,7 @@
         justify-content: space-between;
 
         .dl-horizontal {
-            margin-bottom: 0;
+          margin-bottom: 0;
         }
 
         .thumbnails dl {
@@ -16,6 +16,7 @@
             display: table;
         }
 
+
         @media (min-width: 768px){
             .dl-horizontal dt {
                 float: left;
@@ -33,13 +34,13 @@
                 margin-left: 180px;
             }
         }
-        
+
 
         .preview-image {
             width: 10%;
             height: 10%;
         }
-        
+
     }
 
     .button-container {
@@ -66,7 +67,7 @@
         border-radius: 4px;
         box-shadow: 0 1px 1px rgba(0,0,0,0.05);
     }
-    
+
     .panel-info {
         border-color: #bce8f1;
     }
@@ -104,4 +105,4 @@
     .panel-body {
         padding: 15px;
     }
-}
\ No newline at end of file
+}
diff --git a/src/app/item-page/simple/item-page.component.html b/src/app/item-page/simple/item-page.component.html
index dcac68672c3..43e394fb447 100644
--- a/src/app/item-page/simple/item-page.component.html
+++ b/src/app/item-page/simple/item-page.component.html
@@ -10,8 +10,8 @@
       <ds-view-tracker [object]="item"></ds-view-tracker>
       <ds-listable-object-component-loader *ngIf="!item.isWithdrawn || (isAdmin$|async)" [object]="item" [viewMode]="viewMode"></ds-listable-object-component-loader>
       <ds-item-versions class="mt-2" [item]="item" [displayActions]="false"></ds-item-versions>
-      <ds-clarin-license-info class="mt-3 d-block" [item]="item"></ds-clarin-license-info>
       <ds-preview-section [item]="item"></ds-preview-section>
+      <ds-clarin-license-info class="mt-3 d-block" [item]="item"></ds-clarin-license-info>
     </div>
   </div>
   <ds-error *ngIf="itemRD?.hasFailed" message="{{'error.item' | translate}}"></ds-error>

From 1fc15090a3ec614191992aa366ef5b7f6c49d20a Mon Sep 17 00:00:00 2001
From: milanmajchrak <milan.majchrak@dataquest.sk>
Date: Thu, 28 Sep 2023 10:28:48 +0200
Subject: [PATCH 17/26] Fixed file preview icons

---
 .../file-tree-view/file-tree-view.component.html    |  8 +++++---
 .../sections/clarin-license-resource/ufal-theme.css | 13 -------------
 2 files changed, 5 insertions(+), 16 deletions(-)

diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.html b/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.html
index 9968164d377..15dcdccfd40 100644
--- a/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.html
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.html
@@ -1,5 +1,6 @@
 <li>
-  <span class="foldername" *ngIf="node.isDirectory; else fileTemplate">
+  <span *ngIf="node.isDirectory; else fileTemplate">
+    <i class="fas fa-folder fa-sm" style="color: #a0a0a0"></i>
     <a role="button"
        (click)="isCollapsed = !isCollapsed"
        [attr.aria-expanded]="!isCollapsed"
@@ -9,8 +10,9 @@
   </span>
 
   <ng-template #fileTemplate>
-    <span class="filename">{{ node.name }}</span
-    ><span class="size pull-right">{{ node.size }}</span>
+    <i class="far fa-file fa-sm pr-1" style="color: #a0a0a0"></i>
+    <span>{{ node.name }}</span>
+    <span class="size pull-right">{{ node.size }}</span>
   </ng-template>
 
   <ul
diff --git a/src/app/submission/sections/clarin-license-resource/ufal-theme.css b/src/app/submission/sections/clarin-license-resource/ufal-theme.css
index 8bb5d65fd7e..1112b7357e6 100644
--- a/src/app/submission/sections/clarin-license-resource/ufal-theme.css
+++ b/src/app/submission/sections/clarin-license-resource/ufal-theme.css
@@ -1426,19 +1426,6 @@ div.modal-scrollbar {
     list-style: none;
 }
 
-.treeview .foldername:before {
-        font-family: FontAwesome;
-        content: '\f07b';
-        margin-right: 5px;
-        color: #A0A0A0;
-}
-
-.treeview .filename:before {
-        font-family: FontAwesome;
-        content: '\f016';
-        margin-right: 5px;
-        color: #A0A0A0;
-}
 
 .filebutton {
         font-size: 12px;

From 32190b5785489f22143b8476f7b3c0134c4768b4 Mon Sep 17 00:00:00 2001
From: milanmajchrak <milan.majchrak@dataquest.sk>
Date: Thu, 28 Sep 2023 14:25:37 +0200
Subject: [PATCH 18/26] Fixed html preview scrolling

---
 .../file-description/file-description.component.html           | 3 +--
 src/app/item-page/simple/item-page.component.html              | 2 +-
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
index 13e04fa8430..08c13a17b3e 100644
--- a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
@@ -81,7 +81,7 @@
           <i class="fa fa-remove">&nbsp;</i>
         </a>
       </div>
-      <div style="max-height: 200px; overflow: scroll" class="panel-body">
+      <div style="max-height: 500px; overflow: hidden; padding: 0px;" class="panel-body">
         <ul class="treeview in collapse show">
           <ng-container *ngIf="fileInput.format === 'application/zip'">
             <ds-file-tree-view
@@ -96,7 +96,6 @@
             <iframe
               width="100%"
               height="500"
-              scrolling="yes"
               frameborder="0"
               src="https://fr.wikipedia.org/wiki/Main_Page"
             >
diff --git a/src/app/item-page/simple/item-page.component.html b/src/app/item-page/simple/item-page.component.html
index 43e394fb447..dcac68672c3 100644
--- a/src/app/item-page/simple/item-page.component.html
+++ b/src/app/item-page/simple/item-page.component.html
@@ -10,8 +10,8 @@
       <ds-view-tracker [object]="item"></ds-view-tracker>
       <ds-listable-object-component-loader *ngIf="!item.isWithdrawn || (isAdmin$|async)" [object]="item" [viewMode]="viewMode"></ds-listable-object-component-loader>
       <ds-item-versions class="mt-2" [item]="item" [displayActions]="false"></ds-item-versions>
-      <ds-preview-section [item]="item"></ds-preview-section>
       <ds-clarin-license-info class="mt-3 d-block" [item]="item"></ds-clarin-license-info>
+      <ds-preview-section [item]="item"></ds-preview-section>
     </div>
   </div>
   <ds-error *ngIf="itemRD?.hasFailed" message="{{'error.item' | translate}}"></ds-error>

From 70f0120386223f62fd38f721eeedea082cffd439 Mon Sep 17 00:00:00 2001
From: milanmajchrak <milan.majchrak@dataquest.sk>
Date: Fri, 29 Sep 2023 10:08:01 +0200
Subject: [PATCH 19/26] Show scrollbar in txt preview

---
 .../file-description/file-description.component.html  |  5 +++--
 .../file-description/file-description.component.ts    | 11 +++++++++++
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
index 08c13a17b3e..fe8976ef6cb 100644
--- a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
@@ -81,7 +81,8 @@
           <i class="fa fa-remove">&nbsp;</i>
         </a>
       </div>
-      <div style="max-height: 500px; overflow: hidden; padding: 0px;" class="panel-body">
+      <div [style]="'max-height: 500px; padding: 0px; ' + dynamicOverflow()" class="
+      panel-body">
         <ul class="treeview in collapse show">
           <ng-container *ngIf="fileInput.format === 'application/zip'">
             <ds-file-tree-view
@@ -89,7 +90,7 @@
               [node]="node"
             ></ds-file-tree-view>
           </ng-container>
-          <ng-container *ngIf="fileInput.format === 'text/plain'">
+          <ng-container *ngIf="isTxt()">
             <pre>{{ fileInput.fileInfo[0].content }}</pre>
           </ng-container>
           <ng-container *ngIf="fileInput.format === 'text/html'">
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts
index b893b1f4346..23e6d14495a 100644
--- a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts
@@ -17,4 +17,15 @@ export class FileDescriptionComponent implements OnInit {
   public downloadFiles() {
     window.location.href = `${BASE_LOCAL_URL}${this.fileInput.href}`;
   }
+
+  public isTxt() {
+    return this.fileInput?.format === 'text/plain';
+  }
+
+  /**
+   * Show scrollbar in the `.txt` preview, but it should be hidden in the other formats.
+   */
+  public dynamicOverflow() {
+    return this.isTxt() ? 'overflow: scroll' : 'overflow: hidden';
+  }
 }

From 6109d40dceb452ca8bfebc96e31e0952430332b2 Mon Sep 17 00:00:00 2001
From: milanmajchrak <milan.majchrak@dataquest.sk>
Date: Mon, 2 Oct 2023 15:34:32 +0200
Subject: [PATCH 20/26] Some refactoring

---
 .../file-description/file-description.component.html |  8 ++------
 .../file-description/file-description.component.ts   | 12 ++++++++++++
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
index fe8976ef6cb..55b3f697a9e 100644
--- a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
@@ -49,11 +49,7 @@
     <span class="pl-1">
       <a class="preview-btn collapsed"
                data-toggle="collapse"
-               *ngIf="
-                 fileInput.format === 'text/plain' ||
-                 fileInput.format === 'text/html' ||
-                 (fileInput.format === 'application/zip' && fileInput.canPreview)
-               "
+               *ngIf="couldPreview()"
                role="button"
                href="#file_file_{{ fileInput.id }}">
         <i class="fa fa-eye">&nbsp;</i>Preview
@@ -91,7 +87,7 @@
             ></ds-file-tree-view>
           </ng-container>
           <ng-container *ngIf="isTxt()">
-            <pre>{{ fileInput.fileInfo[0].content }}</pre>
+            <pre>{{ fileInput.fileInfo[0]?.content }}</pre>
           </ng-container>
           <ng-container *ngIf="fileInput.format === 'text/html'">
             <iframe
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts
index 23e6d14495a..132c898cdb6 100644
--- a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts
@@ -2,6 +2,7 @@ import { Component, Input, OnInit } from '@angular/core';
 import { MetadataBitstream } from 'src/app/core/metadata/metadata-bitstream.model';
 import { BASE_LOCAL_URL } from 'src/app/core/shared/clarin/constants';
 
+const allowedPreviewFormats = ['text/plain', 'text/html', 'application/zip'];
 @Component({
   selector: 'ds-file-description',
   templateUrl: './file-description.component.html',
@@ -28,4 +29,15 @@ export class FileDescriptionComponent implements OnInit {
   public dynamicOverflow() {
     return this.isTxt() ? 'overflow: scroll' : 'overflow: hidden';
   }
+
+  /**
+   * Supported Preview formats are: `text/plain`, `text/html`, `application/zip`
+   */
+  public couldPreview() {
+    if (this.fileInput.canPreview === false) {
+      return false;
+    }
+
+    return allowedPreviewFormats.includes(this.fileInput.format);
+  }
 }

From f964a4c636e1c582c35de95fc5f9160febc86c06 Mon Sep 17 00:00:00 2001
From: milanmajchrak <milan.majchrak@dataquest.sk>
Date: Tue, 3 Oct 2023 15:48:02 +0200
Subject: [PATCH 21/26] Refactoring and the dspace BE is loaded from
 configuration property.

---
 .../data/metadata-bitstream-data.service.ts   | 18 ++-----
 src/app/core/metadata/file-info.model.ts      |  3 ++
 .../core/metadata/metadata-bitstream.model.ts | 12 -----
 .../metadata-bitstream.resource-type.ts       |  1 -
 src/app/core/registry/registry.service.ts     | 19 ++-----
 src/app/core/shared/clarin/constants.ts       |  2 -
 .../full/full-item-page.component.spec.ts     |  2 +-
 .../full/full-item-page.component.ts          | 10 ++--
 .../file-description.component.html           | 52 +++++--------------
 .../file-description.component.ts             | 28 ++++++++--
 .../file-tree-view.component.html             | 13 ++---
 .../preview-section.component.ts              |  4 +-
 .../item-page/simple/item-page.component.ts   | 30 +++++++++--
 .../clarin-license-resource/ufal-theme.css    | 13 +++++
 14 files changed, 96 insertions(+), 111 deletions(-)

diff --git a/src/app/core/data/metadata-bitstream-data.service.ts b/src/app/core/data/metadata-bitstream-data.service.ts
index 55144566192..31249318334 100644
--- a/src/app/core/data/metadata-bitstream-data.service.ts
+++ b/src/app/core/data/metadata-bitstream-data.service.ts
@@ -56,14 +56,7 @@ export class MetadataBitstreamDataService extends IdentifiableDataService<Metada
    * @param reRequestOnStale  Whether or not the request should automatically be re-requested after the response becomes stale
    * @param linksToFollow List of {@link FollowLinkConfig} that indicate which {@link HALLink}s should be automatically resolved
    */
-  searchByHandleParams(
-    handle: string,
-    fileGrpType: string,
-    options: FindListOptions = {},
-    useCachedVersionIfAvailable = true,
-    reRequestOnStale = true,
-    ...linksToFollow: FollowLinkConfig<any>[]
-  ): Observable<RemoteData<any>> {
+  searchByHandleParams(handle: string, fileGrpType: string, options: FindListOptions = {}, useCachedVersionIfAvailable = true, reRequestOnStale = true, ...linksToFollow: FollowLinkConfig<any>[]): Observable<RemoteData<any>> {
     const optionParams = Object.assign(new FindListOptions(), options, {
       searchParams: [
         new RequestParam('handle', hasValue(handle) ? handle : ''),
@@ -73,13 +66,8 @@ export class MetadataBitstreamDataService extends IdentifiableDataService<Metada
         ),
       ],
     });
-    return this.searchBy(
-      this.searchByHandleLinkPath,
-      optionParams,
-      useCachedVersionIfAvailable,
-      reRequestOnStale,
-      ...linksToFollow
-    );
+    return this.searchBy(this.searchByHandleLinkPath, optionParams, useCachedVersionIfAvailable, reRequestOnStale,
+      ...linksToFollow);
   }
 
   searchBy(searchMethod: string, options?: FindListOptions, useCachedVersionIfAvailable?: boolean, reRequestOnStale?: boolean, ...linksToFollow: FollowLinkConfig<MetadataBitstream>[]): Observable<RemoteData<PaginatedList<MetadataBitstream>>> {
diff --git a/src/app/core/metadata/file-info.model.ts b/src/app/core/metadata/file-info.model.ts
index cdcccd5c97b..c2bc189189a 100644
--- a/src/app/core/metadata/file-info.model.ts
+++ b/src/app/core/metadata/file-info.model.ts
@@ -1,5 +1,8 @@
 import { autoserialize, autoserializeAs } from 'cerialize';
 
+/**
+ * This class is used to store the information about a file or a directory
+ */
 export class FileInfo {
   @autoserialize name: string;
   @autoserialize content: any;
diff --git a/src/app/core/metadata/metadata-bitstream.model.ts b/src/app/core/metadata/metadata-bitstream.model.ts
index eb6c2d0c011..369d3552b4a 100644
--- a/src/app/core/metadata/metadata-bitstream.model.ts
+++ b/src/app/core/metadata/metadata-bitstream.model.ts
@@ -2,7 +2,6 @@ import {
   autoserialize,
   autoserializeAs,
   deserialize,
-  deserializeAs,
 } from 'cerialize';
 import { ListableObject } from '../../shared/object-collection/shared/listable-object.model';
 import { typedObject } from '../cache/builders/build-decorators';
@@ -14,17 +13,6 @@ import { excludeFromEquals } from '../utilities/equals.decorators';
 import { METADATA_BITSTREAM } from './metadata-bitstream.resource-type';
 import { FileInfo } from './file-info.model';
 
-/**
- * Class the represents a File
- */
-// export class FileInfo {
-//   @autoserialize name: string;
-//   @autoserialize content: any;
-//   @autoserialize size: string;
-//   @autoserialize isDirectory: boolean;
-//   @autoserializeAs('sub') sub: { [key: string]: FileInfo };
-// }
-
 /**
  * Class that represents a MetadataBitstream
  */
diff --git a/src/app/core/metadata/metadata-bitstream.resource-type.ts b/src/app/core/metadata/metadata-bitstream.resource-type.ts
index f023a8c5259..6214c846169 100644
--- a/src/app/core/metadata/metadata-bitstream.resource-type.ts
+++ b/src/app/core/metadata/metadata-bitstream.resource-type.ts
@@ -6,5 +6,4 @@ import { ResourceType } from '../shared/resource-type';
  * Needs to be in a separate file to prevent circular
  * dependencies in webpack.
  */
-
 export const METADATA_BITSTREAM = new ResourceType('metadatabitstream');
diff --git a/src/app/core/registry/registry.service.ts b/src/app/core/registry/registry.service.ts
index be7d171d0e6..ede05f718a2 100644
--- a/src/app/core/registry/registry.service.ts
+++ b/src/app/core/registry/registry.service.ts
@@ -117,22 +117,9 @@ export class RegistryService {
    * @param linksToFollow               List of {@link FollowLinkConfig} that indicate which
    *                                    {@link HALLink}s should be automatically resolved
    */
-  public getMetadataBitstream(
-    handle: string,
-    fileGrpType: string,
-    options: FindListOptions = {},
-    useCachedVersionIfAvailable = true,
-    reRequestOnStale = true,
-    ...linksToFollow: FollowLinkConfig<MetadataBitstream>[]
-  ): Observable<RemoteData<any>> {
-    return this.metadataBitstreamDataService.searchByHandleParams(
-      handle,
-      fileGrpType,
-      options,
-      useCachedVersionIfAvailable,
-      reRequestOnStale,
-      ...linksToFollow
-    );
+  public getMetadataBitstream(handle: string, fileGrpType: string, options: FindListOptions = {}, useCachedVersionIfAvailable = true, reRequestOnStale = true, ...linksToFollow: FollowLinkConfig<MetadataBitstream>[]): Observable<RemoteData<any>> {
+    return this.metadataBitstreamDataService.searchByHandleParams(handle, fileGrpType, options,
+      useCachedVersionIfAvailable, reRequestOnStale, ...linksToFollow);
   }
 
   public editMetadataSchema(schema: MetadataSchema) {
diff --git a/src/app/core/shared/clarin/constants.ts b/src/app/core/shared/clarin/constants.ts
index 45ef74a9ed8..45093a4a88d 100644
--- a/src/app/core/shared/clarin/constants.ts
+++ b/src/app/core/shared/clarin/constants.ts
@@ -6,5 +6,3 @@ export const DOWNLOAD_TOKEN_EXPIRED_EXCEPTION = 'DownloadTokenExpiredException';
 export const HTTP_STATUS_UNAUTHORIZED = 401;
 export const USER_WITHOUT_EMAIL_EXCEPTION = 'UserWithoutEmailException';
 export const MISSING_HEADERS_FROM_IDP_EXCEPTION = 'MissingHeadersFromIpd';
-export const BASE_LOCAL_URL = 'http://localhost:8080';
-
diff --git a/src/app/item-page/full/full-item-page.component.spec.ts b/src/app/item-page/full/full-item-page.component.spec.ts
index 053d7321c84..9b1f3722582 100644
--- a/src/app/item-page/full/full-item-page.component.spec.ts
+++ b/src/app/item-page/full/full-item-page.component.spec.ts
@@ -11,7 +11,7 @@ import { ActivatedRouteStub } from '../../shared/testing/active-router.stub';
 import { VarDirective } from '../../shared/utils/var.directive';
 import { RouterTestingModule } from '@angular/router/testing';
 import { Item } from '../../core/shared/item.model';
-import {BehaviorSubject, of, of as observableOf} from 'rxjs';
+import { BehaviorSubject, of, of as observableOf } from 'rxjs';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { By } from '@angular/platform-browser';
 import { createSuccessfulRemoteDataObject, createSuccessfulRemoteDataObject$ } from '../../shared/remote-data.utils';
diff --git a/src/app/item-page/full/full-item-page.component.ts b/src/app/item-page/full/full-item-page.component.ts
index 63e29592272..2e0551c7242 100644
--- a/src/app/item-page/full/full-item-page.component.ts
+++ b/src/app/item-page/full/full-item-page.component.ts
@@ -17,6 +17,7 @@ import { AuthService } from '../../core/auth/auth.service';
 import { Location } from '@angular/common';
 import { AuthorizationDataService } from '../../core/data/feature-authorization/authorization-data.service';
 import { RegistryService } from 'src/app/core/registry/registry.service';
+import {ConfigurationDataService} from '../../core/data/configuration-data.service';
 
 
 /**
@@ -50,13 +51,14 @@ export class FullItemPageComponent extends ItemPageComponent implements OnInit,
               authService: AuthService,
               authorizationService: AuthorizationDataService,
               protected registryService: RegistryService,
-              private _location: Location) {
-    super(route, router, items, authService, authorizationService, registryService);
+              private _location: Location,
+              protected configurationService: ConfigurationDataService) {
+    super(route, router, items, authService, authorizationService, registryService, configurationService);
   }
 
   /*** AoT inheritance fix, will hopefully be resolved in the near future **/
-  ngOnInit(): void {
-    super.ngOnInit();
+  async ngOnInit(): Promise<void> {
+    await super.ngOnInit();
     this.metadata$ = this.itemRD$.pipe(
       map((rd: RemoteData<Item>) => rd.payload),
       filter((item: Item) => hasValue(item)),
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
index 55b3f697a9e..991531221bd 100644
--- a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
@@ -3,17 +3,14 @@
     <video preload="none" controls="controls" height="240">
       <source
         src="https://samplelib.com/lib/preview/mp4/sample-5s.mp4"
-        type="video/mp4"
-      />
+        type="video/mp4"/>
       Your browser does not support the video tag.
     </video>
   </div>
   <div class="file-content">
     <dl class="dl-horizontal">
       <dt>Name</dt>
-      <dd
-        title="ud-treebanks-v2.12.tgz"
-      >
+      <dd title="ud-treebanks-v2.12.tgz">
         {{ fileInput.name }}
       </dd>
       <dt>Size</dt>
@@ -37,8 +34,7 @@
       *ngIf="fileInput.format !== 'video/mp4'"
       src="https://lindat.mff.cuni.cz/repository/xmlui/themes/UFAL/images/mime/application-x-gzip.png"
       alt="Preview"
-      class="preview-image"
-    />
+      class="preview-image"/>
   </div>
   <div class="button-container">
     <span>
@@ -47,55 +43,33 @@
       </a>
     </span>
     <span class="pl-1">
-      <a class="preview-btn collapsed"
-               data-toggle="collapse"
-               *ngIf="couldPreview()"
-               role="button"
-               href="#file_file_{{ fileInput.id }}">
+      <a class="preview-btn collapsed" data-toggle="collapse" *ngIf="couldPreview()" role="button"
+         href="#file_file_{{ fileInput.id }}">
         <i class="fa fa-eye">&nbsp;</i>Preview
       </a>
     </span>
-
   </div>
-  <div
-    class="in collapse"
-    id="file_file_{{ fileInput.id }}"
-    style="height: auto"
-  >
+  <div class="in collapse" id="file_file_{{ fileInput.id }}" style="height: auto">
     <div style="margin: 5px 1px 1px 1px" class="panel panel-info">
-      <div
-        style="height: auto; padding: 0px"
-        class="bold panel-heading text-center"
-      >
-        <i class="fa fa-eye">&nbsp;</i>File Preview<a
-
-          class="pull-right collapsed"
-          data-toggle="collapse"
-          role="button"
-          href="#file_file_{{ fileInput.id }}"
-        >
+      <div style="height: auto; padding: 0px" class="bold panel-heading text-center">
+        <i class="fa fa-eye">&nbsp;</i>File Preview
+        <a class="pull-right collapsed" data-toggle="collapse" role="button" href="#file_file_{{ fileInput.id }}">
           <i class="fa fa-remove">&nbsp;</i>
         </a>
       </div>
-      <div [style]="'max-height: 500px; padding: 0px; ' + dynamicOverflow()" class="
-      panel-body">
+      <div [style]="'max-height: 500px; padding: 0px; ' + dynamicOverflow()" class="panel-body">
         <ul class="treeview in collapse show">
           <ng-container *ngIf="fileInput.format === 'application/zip'">
             <ds-file-tree-view
               *ngFor="let node of fileInput.fileInfo"
-              [node]="node"
-            ></ds-file-tree-view>
+              [node]="node">
+            </ds-file-tree-view>
           </ng-container>
           <ng-container *ngIf="isTxt()">
             <pre>{{ fileInput.fileInfo[0]?.content }}</pre>
           </ng-container>
           <ng-container *ngIf="fileInput.format === 'text/html'">
-            <iframe
-              width="100%"
-              height="500"
-              frameborder="0"
-              src="https://fr.wikipedia.org/wiki/Main_Page"
-            >
+            <iframe width="100%" height="500" frameborder="0"src="https://fr.wikipedia.org/wiki/Main_Page">
             </iframe>
           </ng-container>
         </ul>
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts
index 132c898cdb6..3ab1c2346b5 100644
--- a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts
@@ -1,6 +1,8 @@
 import { Component, Input, OnInit } from '@angular/core';
 import { MetadataBitstream } from 'src/app/core/metadata/metadata-bitstream.model';
-import { BASE_LOCAL_URL } from 'src/app/core/shared/clarin/constants';
+import { getBaseUrl } from '../../../../../shared/clarin-shared-util';
+import { ConfigurationProperty } from '../../../../../core/shared/configuration-property.model';
+import { ConfigurationDataService } from '../../../../../core/data/configuration-data.service';
 
 const allowedPreviewFormats = ['text/plain', 'text/html', 'application/zip'];
 @Component({
@@ -12,11 +14,19 @@ export class FileDescriptionComponent implements OnInit {
   @Input()
   fileInput: MetadataBitstream;
 
-  ngOnInit(): void {
-    console.log(this.fileInput);
+  /**
+   * UI URL loaded from the server.
+   */
+  baseUrl = '';
+
+  constructor(protected configurationService: ConfigurationDataService) { }
+
+  async ngOnInit(): Promise<void> {
+    await this.assignBaseUrl();
   }
+
   public downloadFiles() {
-    window.location.href = `${BASE_LOCAL_URL}${this.fileInput.href}`;
+    window.location.href = this.baseUrl.replace('/server','') + `${this.fileInput.href}`;
   }
 
   public isTxt() {
@@ -40,4 +50,14 @@ export class FileDescriptionComponent implements OnInit {
 
     return allowedPreviewFormats.includes(this.fileInput.format);
   }
+
+  /**
+   * Load base url from the configuration from the BE.
+   */
+  async assignBaseUrl() {
+    this.baseUrl = await getBaseUrl(this.configurationService)
+      .then((baseUrlResponse: ConfigurationProperty) => {
+        return baseUrlResponse?.values?.[0];
+      });
+  }
 }
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.html b/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.html
index 15dcdccfd40..0f352b4f13a 100644
--- a/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.html
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.html
@@ -15,16 +15,11 @@
     <span class="size pull-right">{{ node.size }}</span>
   </ng-template>
 
-  <ul
-    id="folder_{{ node.name }}"
-    [ngbCollapse]="isCollapsed"
-    class="in"
-    style="height: auto"
-    *ngIf="node.isDirectory && node.sub"
-  >
+  <ul id="folder_{{ node.name }}" [ngbCollapse]="isCollapsed" class="in" style="height: auto"
+      *ngIf="node.isDirectory && node.sub">
     <ds-file-tree-view
       *ngFor="let subNodeKey of getKeys(node.sub)"
-      [node]="node.sub[subNodeKey]"
-    ></ds-file-tree-view>
+      [node]="node.sub[subNodeKey]">
+    </ds-file-tree-view>
   </ul>
 </li>
diff --git a/src/app/item-page/simple/field-components/preview-section/preview-section.component.ts b/src/app/item-page/simple/field-components/preview-section/preview-section.component.ts
index 24e9dcc5580..ac8b5df4dd4 100644
--- a/src/app/item-page/simple/field-components/preview-section/preview-section.component.ts
+++ b/src/app/item-page/simple/field-components/preview-section/preview-section.component.ts
@@ -13,9 +13,7 @@ import { getAllSucceededRemoteListPayload } from 'src/app/core/shared/operators'
 export class PreviewSectionComponent implements OnInit {
   @Input() item: Item;
 
-  listOfFiles: BehaviorSubject<MetadataBitstream[]> = new BehaviorSubject<
-    MetadataBitstream[]
-  >([] as any);
+  listOfFiles: BehaviorSubject<MetadataBitstream[]> = new BehaviorSubject<MetadataBitstream[]>([] as any);
 
   constructor(protected registryService: RegistryService) {} // Modified
 
diff --git a/src/app/item-page/simple/item-page.component.ts b/src/app/item-page/simple/item-page.component.ts
index c42c2ccb821..07805d3b1d8 100644
--- a/src/app/item-page/simple/item-page.component.ts
+++ b/src/app/item-page/simple/item-page.component.ts
@@ -18,8 +18,10 @@ import { AuthorizationDataService } from '../../core/data/feature-authorization/
 import { redirectOn4xx } from '../../core/shared/authorized.operators';
 import { RegistryService } from 'src/app/core/registry/registry.service';
 import { MetadataBitstream } from 'src/app/core/metadata/metadata-bitstream.model';
-import { BASE_LOCAL_URL } from 'src/app/core/shared/clarin/constants';
 import { Observable } from 'rxjs';
+import { getBaseUrl } from '../../shared/clarin-shared-util';
+import { ConfigurationProperty } from '../../core/shared/configuration-property.model';
+import { ConfigurationDataService } from '../../core/data/configuration-data.service';
 
 /**
  * This component renders a simple item page.
@@ -34,6 +36,7 @@ import { Observable } from 'rxjs';
   animations: [fadeInOut]
 })
 export class ItemPageComponent implements OnInit {
+
   /**
    * The item's id
    */
@@ -100,20 +103,27 @@ export class ItemPageComponent implements OnInit {
 
   itemUrl: string;
 
+  /**
+   * UI URL loaded from the server.
+   */
+  baseUrl = '';
+
   constructor(
     protected route: ActivatedRoute,
     private router: Router,
     private items: ItemDataService,
     private authService: AuthService,
     private authorizationService: AuthorizationDataService,
-    protected registryService: RegistryService
+    protected registryService: RegistryService,
+    protected configurationService: ConfigurationDataService
   ) {
   }
 
   /**
    * Initialize instance variables
    */
-  ngOnInit(): void {
+  async ngOnInit(): Promise<void> {
+    await this.assignBaseUrl();
     this.itemRD$ = this.route.data.pipe(
       map((data) => data.dso as RemoteData<Item>),
       redirectOn4xx(this.router, this.authService)
@@ -212,12 +222,22 @@ export class ItemPageComponent implements OnInit {
       return file.name;
     });
 
-    this.command = `curl --remote-name-all ${BASE_LOCAL_URL}/server/bitstream/handle/${
+    this.command = `curl --remote-name-all` + this.baseUrl + `/bitstream/handle/${
       this.itemHandle
     }/{${fileNames.join(',')}}`;
   }
 
   downloadFiles() {
-    window.location.href = `${BASE_LOCAL_URL}/server/bitstream/allzip?handleId=${this.itemHandle}`;
+    window.location.href = this.baseUrl + `/bitstream/allzip?handleId=${this.itemHandle}`;
+  }
+
+  /**
+   * Load base url from the configuration from the BE.
+   */
+  async assignBaseUrl() {
+    this.baseUrl = await getBaseUrl(this.configurationService)
+      .then((baseUrlResponse: ConfigurationProperty) => {
+        return baseUrlResponse?.values?.[0];
+      });
   }
 }
diff --git a/src/app/submission/sections/clarin-license-resource/ufal-theme.css b/src/app/submission/sections/clarin-license-resource/ufal-theme.css
index 1112b7357e6..b340bee4658 100644
--- a/src/app/submission/sections/clarin-license-resource/ufal-theme.css
+++ b/src/app/submission/sections/clarin-license-resource/ufal-theme.css
@@ -1426,6 +1426,19 @@ div.modal-scrollbar {
     list-style: none;
 }
 
+.treeview .foldername:before {
+  font-family: FontAwesome;
+  content: '\f07b';
+  margin-right: 5px;
+  color: #A0A0A0;
+}
+
+.treeview .filename:before {
+  font-family: FontAwesome;
+  content: '\f016';
+  margin-right: 5px;
+  color: #A0A0A0;
+}
 
 .filebutton {
         font-size: 12px;

From 48017e8e5a94f6492cd0c7254d361c1bbee04d8d Mon Sep 17 00:00:00 2001
From: milanmajchrak <milan.majchrak@dataquest.sk>
Date: Tue, 3 Oct 2023 16:02:22 +0200
Subject: [PATCH 22/26] Added messages

---
 .../file-description.component.html           | 23 ++++++++-------
 src/assets/i18n/cs.json5                      | 28 +++++++++++++++++++
 src/assets/i18n/en.json5                      | 20 +++++++++++++
 3 files changed, 61 insertions(+), 10 deletions(-)

diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
index 991531221bd..27ffc9e5ec5 100644
--- a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
@@ -4,55 +4,58 @@
       <source
         src="https://samplelib.com/lib/preview/mp4/sample-5s.mp4"
         type="video/mp4"/>
-      Your browser does not support the video tag.
+      {{'item.file.description.not.supported.video' | translate}}
     </video>
   </div>
   <div class="file-content">
     <dl class="dl-horizontal">
-      <dt>Name</dt>
+      <dt>{{'item.file.description.name' | translate}}</dt>
       <dd title="ud-treebanks-v2.12.tgz">
         {{ fileInput.name }}
       </dd>
-      <dt>Size</dt>
+      <dt>{{'item.file.description.size' | translate}}</dt>
       <dd>
         {{ fileInput.fileSize }}
       </dd>
-      <dt>Format</dt>
+      <dt>{{'item.file.description.format' | translate}}</dt>
       <dd>
         {{ fileInput.format }}
       </dd>
-      <dt>Description</dt>
+      <dt>{{'item.file.description.description' | translate}}</dt>
       <dd>
         {{ fileInput.description }}
       </dd>
-      <dt>MD5</dt>
+      <dt>{{'item.file.description.checksum' | translate}}</dt>
       <dd>
         {{ fileInput.checksum }}
       </dd>
     </dl>
     <img
       *ngIf="fileInput.format !== 'video/mp4'"
-      src="https://lindat.mff.cuni.cz/repository/xmlui/themes/UFAL/images/mime/application-x-gzip.png"
+        src="https://lindat.mff.cuni.cz/repository/xmlui/themes/UFAL/images/mime/application-x-gzip.png"
       alt="Preview"
       class="preview-image"/>
   </div>
   <div class="button-container">
     <span>
       <a class="download-btn" (click)="downloadFiles()">
-        <i class="fa fa-chevron-circle-down">&nbsp;</i>Download file
+        <i class="fa fa-chevron-circle-down">&nbsp;</i>
+        {{'item.file.description.download.file' | translate}}
       </a>
     </span>
     <span class="pl-1">
       <a class="preview-btn collapsed" data-toggle="collapse" *ngIf="couldPreview()" role="button"
          href="#file_file_{{ fileInput.id }}">
-        <i class="fa fa-eye">&nbsp;</i>Preview
+        <i class="fa fa-eye">&nbsp;</i>
+        {{'item.file.description.preview' | translate}}
       </a>
     </span>
   </div>
   <div class="in collapse" id="file_file_{{ fileInput.id }}" style="height: auto">
     <div style="margin: 5px 1px 1px 1px" class="panel panel-info">
       <div style="height: auto; padding: 0px" class="bold panel-heading text-center">
-        <i class="fa fa-eye">&nbsp;</i>File Preview
+        <i class="fa fa-eye">&nbsp;</i>
+        {{'item.file.description.file.preview' | translate}}
         <a class="pull-right collapsed" data-toggle="collapse" role="button" href="#file_file_{{ fileInput.id }}">
           <i class="fa fa-remove">&nbsp;</i>
         </a>
diff --git a/src/assets/i18n/cs.json5 b/src/assets/i18n/cs.json5
index 88be6f7737a..9f8327ca5c8 100644
--- a/src/assets/i18n/cs.json5
+++ b/src/assets/i18n/cs.json5
@@ -5126,6 +5126,34 @@
   "item.view.box.no-files.message": "Tento záznam neobsahuje soubory.",
 
 
+//  "item.file.description.not.supported.video": "Your browser does not support the video tag.",
+  "item.file.description.not.supported.video": "Váš prohlížeč nepodporuje videa.",
+
+//  "item.file.description.name": "Name",
+  "item.file.description.name": "Název",
+
+//  "item.file.description.size": "Size",
+  "item.file.description.size": "Velikost",
+
+//  "item.file.description.format": "Format",
+  "item.file.description.format": "Formát",
+
+//  "item.file.description.description": "Description",
+  "item.file.description.description": "Popis",
+
+//  "item.file.description.checksum": "MD5",
+  "item.file.description.checksum": "MD5",
+
+//  "item.file.description.download.file": "Download file",
+  "item.file.description.download.file": "Stáhnout soubor",
+
+//  "item.file.description.preview": "Preview",
+  "item.file.description.preview": "Náhled",
+
+//  "item.file.description.file.preview": "File Preview",
+  "item.file.description.file.preview": "Náhled souboru",
+
+
   // "item.select.confirm" : "Confirm selected"
   "item.select.confirm" : "Potvrdit vybrané",
 
diff --git a/src/assets/i18n/en.json5 b/src/assets/i18n/en.json5
index f3011292707..21753d3ed6f 100644
--- a/src/assets/i18n/en.json5
+++ b/src/assets/i18n/en.json5
@@ -2776,6 +2776,26 @@
   "item.view.box.no-files.message": "This item contains no files.",
 
 
+  "item.file.description.not.supported.video": "Your browser does not support the video tag.",
+
+  "item.file.description.name": "Name",
+
+  "item.file.description.size": "Size",
+
+  "item.file.description.format": "Format",
+
+  "item.file.description.description": "Description",
+
+  "item.file.description.checksum": "MD5",
+
+  "item.file.description.download.file": "Download file",
+
+  "item.file.description.preview": "Preview",
+
+  "item.file.description.file.preview": "File Preview",
+
+
+
   "item.select.confirm": "Confirm selected",
 
   "item.select.empty": "No items to show",

From bb18eb9f33cc20ed7d4dc7cccef679872bc6934d Mon Sep 17 00:00:00 2001
From: milanmajchrak <milan.majchrak@dataquest.sk>
Date: Wed, 4 Oct 2023 09:52:48 +0200
Subject: [PATCH 23/26] Fixed tests

---
 .../core/registry/registry.service.spec.ts    |  2 ++
 .../full/full-item-page.component.spec.ts     | 33 ++++++++++++++-----
 .../file-description.component.spec.ts        | 28 ++++++++++++++++
 .../file-tree-view.component.html             |  2 +-
 .../file-tree-view.component.spec.ts          |  8 +++--
 .../simple/item-page.component.spec.ts        | 12 +++++++
 6 files changed, 73 insertions(+), 12 deletions(-)

diff --git a/src/app/core/registry/registry.service.spec.ts b/src/app/core/registry/registry.service.spec.ts
index a926c19d426..271f94ad00c 100644
--- a/src/app/core/registry/registry.service.spec.ts
+++ b/src/app/core/registry/registry.service.spec.ts
@@ -163,6 +163,8 @@ describe('RegistryService', () => {
         { provide: NotificationsService, useValue: new NotificationsServiceStub() },
         { provide: MetadataSchemaDataService, useValue: metadataSchemaService },
         { provide: MetadataFieldDataService, useValue: metadataFieldService },
+        { provide: MetadataFieldDataService, useValue: metadataFieldService },
+        { provide: MetadataBitstreamDataService, useValue: metadataBitstreamDataService },
         RegistryService
       ]
     });
diff --git a/src/app/item-page/full/full-item-page.component.spec.ts b/src/app/item-page/full/full-item-page.component.spec.ts
index 9b1f3722582..8767c48938f 100644
--- a/src/app/item-page/full/full-item-page.component.spec.ts
+++ b/src/app/item-page/full/full-item-page.component.spec.ts
@@ -27,6 +27,8 @@ import { MetadataFieldDataService } from 'src/app/core/data/metadata-field-data.
 import { MetadataSchemaDataService } from 'src/app/core/data/metadata-schema-data.service';
 import { MetadataBitstreamDataService } from 'src/app/core/data/metadata-bitstream-data.service';
 import { getMockTranslateService } from 'src/app/shared/mocks/translate.service.mock';
+import { ConfigurationDataService} from '../../core/data/configuration-data.service';
+import { ConfigurationProperty } from '../../core/shared/configuration-property.model';
 
 const mockItem: Item = Object.assign(new Item(), {
   bundles: createSuccessfulRemoteDataObject$(createPaginatedList([])),
@@ -86,6 +88,16 @@ describe('FullItemPageComponent', () => {
       searchByHandleParams: () => of({}) // Returns a mock Observable
     };
 
+    const configurationDataService = jasmine.createSpyObj('configurationDataService', {
+      findByPropertyName: createSuccessfulRemoteDataObject$(Object.assign(new ConfigurationProperty(), {
+        name: 'test',
+        values: [
+          'org.dspace.ctask.general.ProfileFormats = test'
+        ]
+      }))
+    });
+
+
     translateService = getMockTranslateService();
     TestBed.configureTestingModule({
       imports: [TranslateModule.forRoot({
@@ -106,6 +118,7 @@ describe('FullItemPageComponent', () => {
         { provide: NotificationsService, useValue: {} },
         { provide: MetadataSchemaDataService, useValue: {} },
         { provide: MetadataFieldDataService, useValue: {} },
+        { provide: ConfigurationDataService, useValue: configurationDataService },
         RegistryService
       ],
 
@@ -130,19 +143,23 @@ describe('FullItemPageComponent', () => {
   });
 
   it('should show simple view button when not originated from workflow item', () => {
-    expect(comp.fromSubmissionObject).toBe(false);
-    const simpleViewBtn = fixture.debugElement.query(By.css('.simple-view-link'));
-    expect(simpleViewBtn).toBeTruthy();
+    waitForAsync(() => {
+      expect(comp.fromSubmissionObject).toBe(false);
+      const simpleViewBtn = fixture.debugElement.query(By.css('.simple-view-link'));
+      expect(simpleViewBtn).toBeTruthy();
+    });
   });
 
   it('should not show simple view button when originated from workflow', fakeAsync(() => {
     routeData.wfi = createSuccessfulRemoteDataObject$({ id: 'wfiId'});
     comp.ngOnInit();
-    fixture.detectChanges();
-    fixture.whenStable().then(() => {
-      expect(comp.fromSubmissionObject).toBe(true);
-      const simpleViewBtn = fixture.debugElement.query(By.css('.simple-view-link'));
-      expect(simpleViewBtn).toBeFalsy();
+    waitForAsync(() => {
+      fixture.detectChanges();
+      fixture.whenStable().then(() => {
+        expect(comp.fromSubmissionObject).toBe(true);
+        const simpleViewBtn = fixture.debugElement.query(By.css('.simple-view-link'));
+        expect(simpleViewBtn).toBeFalsy();
+      });
     });
   }));
 
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.spec.ts b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.spec.ts
index 46586a7ce43..37c46a2cdca 100644
--- a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.spec.ts
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.spec.ts
@@ -3,14 +3,42 @@ import { By } from '@angular/platform-browser';
 import { MetadataBitstream } from 'src/app/core/metadata/metadata-bitstream.model';
 import { ResourceType } from 'src/app/core/shared/resource-type';
 import { FileDescriptionComponent } from './file-description.component';
+import { createSuccessfulRemoteDataObject$ } from '../../../../../shared/remote-data.utils';
+import { ConfigurationProperty } from '../../../../../core/shared/configuration-property.model';
+import { ConfigurationDataService } from '../../../../../core/data/configuration-data.service';
+import { getMockTranslateService } from '../../../../../shared/mocks/translate.service.mock';
+import { TranslateLoader, TranslateModule, TranslateService } from '@ngx-translate/core';
+import { TranslateLoaderMock } from '../../../../../shared/mocks/translate-loader.mock';
+import { RouterTestingModule } from '@angular/router/testing';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 
 describe('FileDescriptionComponent', () => {
   let component: FileDescriptionComponent;
   let fixture: ComponentFixture<FileDescriptionComponent>;
+  let translateService: TranslateService;
 
   beforeEach(async () => {
+    const configurationDataService = jasmine.createSpyObj('configurationDataService', {
+      findByPropertyName: createSuccessfulRemoteDataObject$(Object.assign(new ConfigurationProperty(), {
+        name: 'test',
+        values: [
+          'org.dspace.ctask.general.ProfileFormats = test'
+        ]
+      }))
+    });
+
+    translateService = getMockTranslateService();
     await TestBed.configureTestingModule({
+        imports: [TranslateModule.forRoot({
+          loader: {
+            provide: TranslateLoader,
+            useClass: TranslateLoaderMock
+          }
+        }), RouterTestingModule.withRoutes([]), BrowserAnimationsModule],
       declarations: [FileDescriptionComponent],
+      providers: [
+        { provide: ConfigurationDataService, useValue: configurationDataService }
+      ]
     }).compileComponents();
   });
 
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.html b/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.html
index 0f352b4f13a..2b82e44760f 100644
--- a/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.html
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.html
@@ -11,7 +11,7 @@
 
   <ng-template #fileTemplate>
     <i class="far fa-file fa-sm pr-1" style="color: #a0a0a0"></i>
-    <span>{{ node.name }}</span>
+    <span id="folderName">{{ node.name }}</span>
     <span class="size pull-right">{{ node.size }}</span>
   </ng-template>
 
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.spec.ts b/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.spec.ts
index 606370da57a..1ffa042a5a6 100644
--- a/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.spec.ts
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-tree-view/file-tree-view.component.spec.ts
@@ -1,4 +1,4 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 import { FileInfo, MetadataBitstream } from 'src/app/core/metadata/metadata-bitstream.model';
 import { FileTreeViewComponent } from './file-tree-view.component';
@@ -45,8 +45,10 @@ describe('FileTreeViewComponent', () => {
   });
 
   it('should display the node name', () => {
-    const nodeNameElement = fixture.debugElement.query(By.css('.foldername')).nativeElement;
-    expect(nodeNameElement.textContent).toContain('TestFolder');
+    waitForAsync(() => {
+      const nodeNameElement = fixture.debugElement.query(By.css('#folderName')).nativeElement;
+      expect(nodeNameElement.textContent).toContain('TestFolder');
+    });
   });
 
   it('should correctly get the keys of the sub object', () => {
diff --git a/src/app/item-page/simple/item-page.component.spec.ts b/src/app/item-page/simple/item-page.component.spec.ts
index 15d3a29fad5..07e0b2d40ec 100644
--- a/src/app/item-page/simple/item-page.component.spec.ts
+++ b/src/app/item-page/simple/item-page.component.spec.ts
@@ -29,6 +29,8 @@ import { MetadataSchemaDataService } from 'src/app/core/data/metadata-schema-dat
 import { MetadataFieldDataService } from 'src/app/core/data/metadata-field-data.service';
 import { MetadataBitstreamDataService } from 'src/app/core/data/metadata-bitstream-data.service';
 import { getMockTranslateService } from 'src/app/shared/mocks/translate.service.mock';
+import { ConfigurationDataService } from '../../core/data/configuration-data.service';
+import { ConfigurationProperty } from '../../core/shared/configuration-property.model';
 
 const mockItem: Item = Object.assign(new Item(), {
   bundles: createSuccessfulRemoteDataObject$(createPaginatedList([])),
@@ -79,6 +81,15 @@ describe('ItemPageComponent', () => {
       isAuthorized: observableOf(false),
     });
 
+    const configurationDataService = jasmine.createSpyObj('configurationDataService', {
+      findByPropertyName: createSuccessfulRemoteDataObject$(Object.assign(new ConfigurationProperty(), {
+        name: 'test',
+        values: [
+          'org.dspace.ctask.general.ProfileFormats = test'
+        ]
+      }))
+    });
+
     TestBed.configureTestingModule({
       imports: [TranslateModule.forRoot({
         loader: {
@@ -101,6 +112,7 @@ describe('ItemPageComponent', () => {
         { provide: MetadataBitstreamDataService, useValue: mockMetadataBitstreamDataService },
         RegistryService,
         { provide: AuthorizationDataService, useValue: authorizationDataService },
+        { provide: ConfigurationDataService, useValue: configurationDataService }
       ],
 
       schemas: [NO_ERRORS_SCHEMA]

From af3c35ea69b4de029c282968a2b24bebfffa990d Mon Sep 17 00:00:00 2001
From: milanmajchrak <milan.majchrak@dataquest.sk>
Date: Wed, 4 Oct 2023 12:22:58 +0200
Subject: [PATCH 24/26] Added download buttons and fixed downloading

---
 .../full/full-item-page.component.spec.ts     | 10 ++++-
 .../full/full-item-page.component.ts          | 10 ++---
 .../file-description.component.spec.ts        |  9 +++-
 .../file-description.component.ts             | 32 +++------------
 .../item-page/simple/item-page.component.html | 21 ++++++++++
 .../simple/item-page.component.spec.ts        |  9 +++-
 .../item-page/simple/item-page.component.ts   | 41 ++++++++-----------
 .../publication/publication.component.html    |  8 ++--
 .../untyped-item/untyped-item.component.html  |  8 ++--
 9 files changed, 79 insertions(+), 69 deletions(-)

diff --git a/src/app/item-page/full/full-item-page.component.spec.ts b/src/app/item-page/full/full-item-page.component.spec.ts
index 8767c48938f..3ab1b7b051d 100644
--- a/src/app/item-page/full/full-item-page.component.spec.ts
+++ b/src/app/item-page/full/full-item-page.component.spec.ts
@@ -27,8 +27,9 @@ import { MetadataFieldDataService } from 'src/app/core/data/metadata-field-data.
 import { MetadataSchemaDataService } from 'src/app/core/data/metadata-schema-data.service';
 import { MetadataBitstreamDataService } from 'src/app/core/data/metadata-bitstream-data.service';
 import { getMockTranslateService } from 'src/app/shared/mocks/translate.service.mock';
-import { ConfigurationDataService} from '../../core/data/configuration-data.service';
 import { ConfigurationProperty } from '../../core/shared/configuration-property.model';
+import { HALEndpointService } from '../../core/shared/hal-endpoint.service';
+import { cold } from 'jasmine-marbles';
 
 const mockItem: Item = Object.assign(new Item(), {
   bundles: createSuccessfulRemoteDataObject$(createPaginatedList([])),
@@ -97,6 +98,11 @@ describe('FullItemPageComponent', () => {
       }))
     });
 
+    let halService: HALEndpointService;
+    halService = jasmine.createSpyObj('halService', {
+      'getEndpoint': cold('a', { a: 'endpointURL' })
+    });
+
 
     translateService = getMockTranslateService();
     TestBed.configureTestingModule({
@@ -118,7 +124,7 @@ describe('FullItemPageComponent', () => {
         { provide: NotificationsService, useValue: {} },
         { provide: MetadataSchemaDataService, useValue: {} },
         { provide: MetadataFieldDataService, useValue: {} },
-        { provide: ConfigurationDataService, useValue: configurationDataService },
+        { provide: HALEndpointService, useValue: halService },
         RegistryService
       ],
 
diff --git a/src/app/item-page/full/full-item-page.component.ts b/src/app/item-page/full/full-item-page.component.ts
index 2e0551c7242..2b60fb67003 100644
--- a/src/app/item-page/full/full-item-page.component.ts
+++ b/src/app/item-page/full/full-item-page.component.ts
@@ -17,7 +17,7 @@ import { AuthService } from '../../core/auth/auth.service';
 import { Location } from '@angular/common';
 import { AuthorizationDataService } from '../../core/data/feature-authorization/authorization-data.service';
 import { RegistryService } from 'src/app/core/registry/registry.service';
-import {ConfigurationDataService} from '../../core/data/configuration-data.service';
+import { HALEndpointService } from '../../core/shared/hal-endpoint.service';
 
 
 /**
@@ -52,13 +52,13 @@ export class FullItemPageComponent extends ItemPageComponent implements OnInit,
               authorizationService: AuthorizationDataService,
               protected registryService: RegistryService,
               private _location: Location,
-              protected configurationService: ConfigurationDataService) {
-    super(route, router, items, authService, authorizationService, registryService, configurationService);
+              protected halService: HALEndpointService,) {
+    super(route, router, items, authService, authorizationService, registryService, halService);
   }
 
   /*** AoT inheritance fix, will hopefully be resolved in the near future **/
-  async ngOnInit(): Promise<void> {
-    await super.ngOnInit();
+  ngOnInit(): void {
+    super.ngOnInit();
     this.metadata$ = this.itemRD$.pipe(
       map((rd: RemoteData<Item>) => rd.payload),
       filter((item: Item) => hasValue(item)),
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.spec.ts b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.spec.ts
index 37c46a2cdca..4d1d838faa9 100644
--- a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.spec.ts
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.spec.ts
@@ -11,11 +11,13 @@ import { TranslateLoader, TranslateModule, TranslateService } from '@ngx-transla
 import { TranslateLoaderMock } from '../../../../../shared/mocks/translate-loader.mock';
 import { RouterTestingModule } from '@angular/router/testing';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { HALEndpointService } from '../../../../../core/shared/hal-endpoint.service';
 
 describe('FileDescriptionComponent', () => {
   let component: FileDescriptionComponent;
   let fixture: ComponentFixture<FileDescriptionComponent>;
   let translateService: TranslateService;
+  let halService: HALEndpointService;
 
   beforeEach(async () => {
     const configurationDataService = jasmine.createSpyObj('configurationDataService', {
@@ -27,6 +29,10 @@ describe('FileDescriptionComponent', () => {
       }))
     });
 
+    halService = jasmine.createSpyObj('authService', {
+      getRootHref: 'root url',
+    });
+
     translateService = getMockTranslateService();
     await TestBed.configureTestingModule({
         imports: [TranslateModule.forRoot({
@@ -37,7 +43,8 @@ describe('FileDescriptionComponent', () => {
         }), RouterTestingModule.withRoutes([]), BrowserAnimationsModule],
       declarations: [FileDescriptionComponent],
       providers: [
-        { provide: ConfigurationDataService, useValue: configurationDataService }
+        { provide: ConfigurationDataService, useValue: configurationDataService },
+        { provide: HALEndpointService, useValue: halService }
       ]
     }).compileComponents();
   });
diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts
index 3ab1c2346b5..68dd27f4dab 100644
--- a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.ts
@@ -1,8 +1,6 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input } from '@angular/core';
 import { MetadataBitstream } from 'src/app/core/metadata/metadata-bitstream.model';
-import { getBaseUrl } from '../../../../../shared/clarin-shared-util';
-import { ConfigurationProperty } from '../../../../../core/shared/configuration-property.model';
-import { ConfigurationDataService } from '../../../../../core/data/configuration-data.service';
+import { HALEndpointService } from '../../../../../core/shared/hal-endpoint.service';
 
 const allowedPreviewFormats = ['text/plain', 'text/html', 'application/zip'];
 @Component({
@@ -10,23 +8,15 @@ const allowedPreviewFormats = ['text/plain', 'text/html', 'application/zip'];
   templateUrl: './file-description.component.html',
   styleUrls: ['./file-description.component.scss'],
 })
-export class FileDescriptionComponent implements OnInit {
+export class FileDescriptionComponent {
   @Input()
   fileInput: MetadataBitstream;
 
-  /**
-   * UI URL loaded from the server.
-   */
-  baseUrl = '';
-
-  constructor(protected configurationService: ConfigurationDataService) { }
-
-  async ngOnInit(): Promise<void> {
-    await this.assignBaseUrl();
-  }
+  constructor(protected halService: HALEndpointService) { }
 
   public downloadFiles() {
-    window.location.href = this.baseUrl.replace('/server','') + `${this.fileInput.href}`;
+    console.log('${this.fileInput.href}', `${this.fileInput.href}`);
+    window.location.href = this.halService.getRootHref().replace('/server/api', '') + `${this.fileInput.href}`;
   }
 
   public isTxt() {
@@ -50,14 +40,4 @@ export class FileDescriptionComponent implements OnInit {
 
     return allowedPreviewFormats.includes(this.fileInput.format);
   }
-
-  /**
-   * Load base url from the configuration from the BE.
-   */
-  async assignBaseUrl() {
-    this.baseUrl = await getBaseUrl(this.configurationService)
-      .then((baseUrlResponse: ConfigurationProperty) => {
-        return baseUrlResponse?.values?.[0];
-      });
-  }
 }
diff --git a/src/app/item-page/simple/item-page.component.html b/src/app/item-page/simple/item-page.component.html
index dcac68672c3..958112857cf 100644
--- a/src/app/item-page/simple/item-page.component.html
+++ b/src/app/item-page/simple/item-page.component.html
@@ -11,6 +11,27 @@
       <ds-listable-object-component-loader *ngIf="!item.isWithdrawn || (isAdmin$|async)" [object]="item" [viewMode]="viewMode"></ds-listable-object-component-loader>
       <ds-item-versions class="mt-2" [item]="item" [displayActions]="false"></ds-item-versions>
       <ds-clarin-license-info class="mt-3 d-block" [item]="item"></ds-clarin-license-info>
+      <h6><i class="fa fa-paperclip">&nbsp;</i>Files in this item</h6>
+      <div class="pb-3">
+        <span class="pr-1">
+          <a class="btn btn-download" (click)="setCommandline()" style="text-decoration: none"
+             *ngIf="canShowCurlDownload">
+            <i class="fa fa-download fa-3x" style="display: block">&nbsp;</i>
+          Download instructions for command line
+          </a>
+        </span>
+        <div id="command-div" *ngIf="isCommandLineVisible">
+          <button class="repo-copy-btn pull-right" data-clipboard-target="#command-div"></button>
+          <pre style="background-color: #d9edf7; color: #3a87ad">{{ command }}</pre>
+        </div>
+        <span>
+          <a *ngIf="canDownloadAllFiles" class="btn btn-download" id="download-all-button" (click)="downloadFiles()"
+                       style="visibility: visible">
+            <i style="display: block" class="fa fa-download fa-3x">&nbsp;</i>
+            Download all files in item ({{ totalFileSizes }})
+          </a>
+        </span>
+      </div>
       <ds-preview-section [item]="item"></ds-preview-section>
     </div>
   </div>
diff --git a/src/app/item-page/simple/item-page.component.spec.ts b/src/app/item-page/simple/item-page.component.spec.ts
index 07e0b2d40ec..8c0bb70cdda 100644
--- a/src/app/item-page/simple/item-page.component.spec.ts
+++ b/src/app/item-page/simple/item-page.component.spec.ts
@@ -29,8 +29,8 @@ import { MetadataSchemaDataService } from 'src/app/core/data/metadata-schema-dat
 import { MetadataFieldDataService } from 'src/app/core/data/metadata-field-data.service';
 import { MetadataBitstreamDataService } from 'src/app/core/data/metadata-bitstream-data.service';
 import { getMockTranslateService } from 'src/app/shared/mocks/translate.service.mock';
-import { ConfigurationDataService } from '../../core/data/configuration-data.service';
 import { ConfigurationProperty } from '../../core/shared/configuration-property.model';
+import { HALEndpointService } from '../../core/shared/hal-endpoint.service';
 
 const mockItem: Item = Object.assign(new Item(), {
   bundles: createSuccessfulRemoteDataObject$(createPaginatedList([])),
@@ -51,6 +51,7 @@ describe('ItemPageComponent', () => {
   let authService: AuthService;
   let translateService: TranslateService;
   let registryService: RegistryService;
+  let halService: HALEndpointService;
   const authorizationService = jasmine.createSpyObj('authorizationService', [
     'isAuthorized',
   ]);
@@ -90,6 +91,10 @@ describe('ItemPageComponent', () => {
       }))
     });
 
+    halService = jasmine.createSpyObj('authService', {
+      getRootHref: 'root url',
+    });
+
     TestBed.configureTestingModule({
       imports: [TranslateModule.forRoot({
         loader: {
@@ -112,7 +117,7 @@ describe('ItemPageComponent', () => {
         { provide: MetadataBitstreamDataService, useValue: mockMetadataBitstreamDataService },
         RegistryService,
         { provide: AuthorizationDataService, useValue: authorizationDataService },
-        { provide: ConfigurationDataService, useValue: configurationDataService }
+        { provide: HALEndpointService, useValue: halService }
       ],
 
       schemas: [NO_ERRORS_SCHEMA]
diff --git a/src/app/item-page/simple/item-page.component.ts b/src/app/item-page/simple/item-page.component.ts
index 07805d3b1d8..f9768ea75a0 100644
--- a/src/app/item-page/simple/item-page.component.ts
+++ b/src/app/item-page/simple/item-page.component.ts
@@ -12,16 +12,14 @@ import {
 import { ViewMode } from '../../core/shared/view-mode.model';
 import { AuthService } from '../../core/auth/auth.service';
 import { getItemPageRoute } from '../item-page-routing-paths';
-import { isNotEmpty } from '../../shared/empty.util';
+import { isNotEmpty} from '../../shared/empty.util';
 import { FeatureID } from '../../core/data/feature-authorization/feature-id';
 import { AuthorizationDataService } from '../../core/data/feature-authorization/authorization-data.service';
 import { redirectOn4xx } from '../../core/shared/authorized.operators';
 import { RegistryService } from 'src/app/core/registry/registry.service';
 import { MetadataBitstream } from 'src/app/core/metadata/metadata-bitstream.model';
-import { Observable } from 'rxjs';
-import { getBaseUrl } from '../../shared/clarin-shared-util';
-import { ConfigurationProperty } from '../../core/shared/configuration-property.model';
-import { ConfigurationDataService } from '../../core/data/configuration-data.service';
+import { Observable} from 'rxjs';
+import { HALEndpointService } from '../../core/shared/hal-endpoint.service';
 
 /**
  * This component renders a simple item page.
@@ -67,7 +65,7 @@ export class ItemPageComponent implements OnInit {
   /**
    * determine to show download all zip button or not
    */
-  canDownloadAllFiles = true;
+  canDownloadAllFiles = false;
   /**
    * command for the download command feature
    */
@@ -103,10 +101,7 @@ export class ItemPageComponent implements OnInit {
 
   itemUrl: string;
 
-  /**
-   * UI URL loaded from the server.
-   */
-  baseUrl = '';
+  canShowCurlDownload = false;
 
   constructor(
     protected route: ActivatedRoute,
@@ -115,15 +110,14 @@ export class ItemPageComponent implements OnInit {
     private authService: AuthService,
     private authorizationService: AuthorizationDataService,
     protected registryService: RegistryService,
-    protected configurationService: ConfigurationDataService
+    protected halService: HALEndpointService,
   ) {
   }
 
   /**
    * Initialize instance variables
    */
-  async ngOnInit(): Promise<void> {
-    await this.assignBaseUrl();
+  ngOnInit(): void {
     this.itemRD$ = this.route.data.pipe(
       map((data) => data.dso as RemoteData<Item>),
       redirectOn4xx(this.router, this.authService)
@@ -215,29 +209,26 @@ export class ItemPageComponent implements OnInit {
 
   generateCurlCommand() {
     const fileNames = this.listOfFiles.map((file: MetadataBitstream) => {
-      if (!file.canPreview) {
+      // Show `Download All Files` only if there are more files.
+      if (file.canPreview && this.listOfFiles.length > 1) {
         this.canDownloadAllFiles = file.canPreview;
       }
 
+      if (file.canPreview) {
+        this.canShowCurlDownload = true;
+      }
+
       return file.name;
     });
 
-    this.command = `curl --remote-name-all` + this.baseUrl + `/bitstream/handle/${
+    this.command = `curl --remote-name-all ` + this.halService.getRootHref() + `/core/bitstreams/handle/${
       this.itemHandle
     }/{${fileNames.join(',')}}`;
   }
 
   downloadFiles() {
-    window.location.href = this.baseUrl + `/bitstream/allzip?handleId=${this.itemHandle}`;
+    window.location.href = this.halService.getRootHref() + `/core/bitstreams/allzip?handleId=${this.itemHandle}`;
   }
 
-  /**
-   * Load base url from the configuration from the BE.
-   */
-  async assignBaseUrl() {
-    this.baseUrl = await getBaseUrl(this.configurationService)
-      .then((baseUrlResponse: ConfigurationProperty) => {
-        return baseUrlResponse?.values?.[0];
-      });
-  }
+
 }
diff --git a/src/app/item-page/simple/item-types/publication/publication.component.html b/src/app/item-page/simple/item-types/publication/publication.component.html
index ea866af5e01..c6f00dafe22 100644
--- a/src/app/item-page/simple/item-types/publication/publication.component.html
+++ b/src/app/item-page/simple/item-types/publication/publication.component.html
@@ -95,9 +95,9 @@
         {{"item.page.link.full" | translate}}
       </a>
     </div>
-    <ds-clarin-files-item-field [item]="object"
-                                [iconName]="'fa-paperclip'"
-                                [separator]="'<br />'">
-    </ds-clarin-files-item-field>
+<!--    <ds-clarin-files-item-field [item]="object"-->
+<!--                                [iconName]="'fa-paperclip'"-->
+<!--                                [separator]="'<br />'">-->
+<!--    </ds-clarin-files-item-field>-->
   </div>
 </div>
diff --git a/src/app/item-page/simple/item-types/untyped-item/untyped-item.component.html b/src/app/item-page/simple/item-types/untyped-item/untyped-item.component.html
index ae2cde511d6..17f3675f944 100644
--- a/src/app/item-page/simple/item-types/untyped-item/untyped-item.component.html
+++ b/src/app/item-page/simple/item-types/untyped-item/untyped-item.component.html
@@ -101,9 +101,9 @@
         {{"item.page.link.full" | translate}}
       </a>
     </div>
-    <ds-clarin-files-item-field [item]="object"
-                                [iconName]="'fa-paperclip'"
-                                [separator]="'<br />'">
-    </ds-clarin-files-item-field>
+<!--    <ds-clarin-files-item-field [item]="object"-->
+<!--                                [iconName]="'fa-paperclip'"-->
+<!--                                [separator]="'<br />'">-->
+<!--    </ds-clarin-files-item-field>-->
   </div>
 </div>

From b8081c20e3dd06886cfc19955845bbf390a14869 Mon Sep 17 00:00:00 2001
From: milanmajchrak <milan.majchrak@dataquest.sk>
Date: Wed, 4 Oct 2023 12:36:59 +0200
Subject: [PATCH 25/26] Added messages

---
 src/app/item-page/simple/item-page.component.html | 6 +++---
 src/assets/i18n/cs.json5                          | 9 +++++++++
 src/assets/i18n/en.json5                          | 5 +++++
 3 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/app/item-page/simple/item-page.component.html b/src/app/item-page/simple/item-page.component.html
index 958112857cf..8d2c9048344 100644
--- a/src/app/item-page/simple/item-page.component.html
+++ b/src/app/item-page/simple/item-page.component.html
@@ -11,13 +11,13 @@
       <ds-listable-object-component-loader *ngIf="!item.isWithdrawn || (isAdmin$|async)" [object]="item" [viewMode]="viewMode"></ds-listable-object-component-loader>
       <ds-item-versions class="mt-2" [item]="item" [displayActions]="false"></ds-item-versions>
       <ds-clarin-license-info class="mt-3 d-block" [item]="item"></ds-clarin-license-info>
-      <h6><i class="fa fa-paperclip">&nbsp;</i>Files in this item</h6>
+      <h6><i class="fa fa-paperclip">&nbsp;</i>{{'item.page.files.head' | translate}}</h6>
       <div class="pb-3">
         <span class="pr-1">
           <a class="btn btn-download" (click)="setCommandline()" style="text-decoration: none"
              *ngIf="canShowCurlDownload">
             <i class="fa fa-download fa-3x" style="display: block">&nbsp;</i>
-          Download instructions for command line
+            {{'item.page.download.button.command.line' | translate}}
           </a>
         </span>
         <div id="command-div" *ngIf="isCommandLineVisible">
@@ -28,7 +28,7 @@ <h6><i class="fa fa-paperclip">&nbsp;</i>Files in this item</h6>
           <a *ngIf="canDownloadAllFiles" class="btn btn-download" id="download-all-button" (click)="downloadFiles()"
                        style="visibility: visible">
             <i style="display: block" class="fa fa-download fa-3x">&nbsp;</i>
-            Download all files in item ({{ totalFileSizes }})
+            {{'item.page.download.button.all.files.zip' | translate}} ({{ totalFileSizes }})
           </a>
         </span>
       </div>
diff --git a/src/assets/i18n/cs.json5 b/src/assets/i18n/cs.json5
index 9f8327ca5c8..049b7911501 100644
--- a/src/assets/i18n/cs.json5
+++ b/src/assets/i18n/cs.json5
@@ -5153,6 +5153,15 @@
 //  "item.file.description.file.preview": "File Preview",
   "item.file.description.file.preview": "Náhled souboru",
 
+  //  "item.page.files.head": "Files in this item",
+  "item.page.files.head": "Soubory tohoto záznamu",
+
+  // "item.page.download.button.command.line": "Download instructions for command line",
+  "item.page.download.button.command.line": "Instrukce pro stažení z příkazové řádky",
+
+  // "item.page.download.button.all.files.zip": "Download all files in item",
+  "item.page.download.button.all.files.zip": "Stáhnout všechny soubory záznamu",
+
 
   // "item.select.confirm" : "Confirm selected"
   "item.select.confirm" : "Potvrdit vybrané",
diff --git a/src/assets/i18n/en.json5 b/src/assets/i18n/en.json5
index 21753d3ed6f..63392b829c3 100644
--- a/src/assets/i18n/en.json5
+++ b/src/assets/i18n/en.json5
@@ -2794,6 +2794,11 @@
 
   "item.file.description.file.preview": "File Preview",
 
+  "item.page.files.head": "Files in this item",
+
+  "item.page.download.button.command.line": "Download instructions for command line",
+
+  "item.page.download.button.all.files.zip": "Download all files in item",
 
 
   "item.select.confirm": "Confirm selected",

From 54863ec64eab56baa7d37429e1cd3bd16b0a9c53 Mon Sep 17 00:00:00 2001
From: milanmajchrak <milan.majchrak@dataquest.sk>
Date: Wed, 4 Oct 2023 13:20:02 +0200
Subject: [PATCH 26/26] Added image to the assetstore instead of url from
 lindat

---
 .../file-description.component.html             |   5 +----
 src/assets/images/application-x-gzip.png        | Bin 0 -> 11414 bytes
 2 files changed, 1 insertion(+), 4 deletions(-)
 create mode 100644 src/assets/images/application-x-gzip.png

diff --git a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
index 27ffc9e5ec5..640c1487eb1 100644
--- a/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
+++ b/src/app/item-page/simple/field-components/preview-section/file-description/file-description.component.html
@@ -1,9 +1,6 @@
 <div class="file-preview-box rounded pt-2">
   <div style="text-align: left" *ngIf="fileInput.format === 'video/mp4'">
     <video preload="none" controls="controls" height="240">
-      <source
-        src="https://samplelib.com/lib/preview/mp4/sample-5s.mp4"
-        type="video/mp4"/>
       {{'item.file.description.not.supported.video' | translate}}
     </video>
   </div>
@@ -32,7 +29,7 @@
     </dl>
     <img
       *ngIf="fileInput.format !== 'video/mp4'"
-        src="https://lindat.mff.cuni.cz/repository/xmlui/themes/UFAL/images/mime/application-x-gzip.png"
+        src="assets/images/application-x-gzip.png"
       alt="Preview"
       class="preview-image"/>
   </div>
diff --git a/src/assets/images/application-x-gzip.png b/src/assets/images/application-x-gzip.png
new file mode 100644
index 0000000000000000000000000000000000000000..be9a74a89d43e60ec244cfe245affd468f3ded8d
GIT binary patch
literal 11414
zcma)ibx<79^XKC31b26LcX!y}?hu^C-4a4@2=2ipxGWwZKyVKZ!JXi+$Zfvg`qkb2
zaaFffZ{F0t?wOvR?$_O)o>(mnMGRCDQ~&^gp{yjQ1D(VE4P-><aX`Xy3_2lNsVd4r
zXXx)ywlfqup|~p<dO<ms{tXxzrX0V2fBLvf+e7ED{|v5e?rZ>n#Y<UETF-CgEH5yP
zY$5nSvTZXl>nOjC50}J|E-6YXjGG}U10x)O8GH61kNf@1MsQTQ>+Z?@ZZ~)Er+w2w
zP2S+${-AQM%}%^;1Ky&7#fSR%ZHw#A2!E)<rLbtH3z25UApCQt3qa6)Vt_Xg1k$|s
zPUQRf{4M*uDzF-S{_=W$0SX1FDlz-Vg?KP~x4Lbyi*(`}p2x}{Z%cZ&l3t@JP|UDr
zF#nS8JTUBo2>QjrO!6r&l{dAFA-iygA%q|!LnI>mLgT2xnmiVp0PlNyQMG9vxc0t8
zfc6qW(NB1{@DRHZiob}3Fu<j<8AQBhYdGX_97+USDO4p`?rhbFwhG8D#UqOrB7v#x
zT`OJ7Ab_Kr@`p_r{xs5!mNl#-T-Ol#I%C_0U`04(OTtMet`su09IH+t9?CSDO=;Su
z<ZAa-oSMuhW3C46@XxoEEde2&=oYI0?(yUT#LTR`QXOqBa#_puObFja&r-OF6Xi37
zeK*pIRo1;i#8^hfPUVu-%X^VlVB<$`I@}`0JVZP=1U$Sp@kQJgQlv}L2oHcf3T&vO
zLd8YrU6y6#&Lk(l$akM`dQy!z5ZsjGQ51u{!R%UHk@F-~qORMQHnlMn_+>SV&hY%r
z(*%5n;Q2VaJ|9^UHf_%Okeq{7x%ltaq+4S=KQhQs1`qB)n!ADbohZ*bCEdVjI8_lq
zfG|s+?^9!F7ak(AL#Ko6E~nePAgrJAmgxM;*bIbq8xaJ_uH^}HXcPv5=@C|lZ^saN
z*d3?8nGHO-<gQZl50q8ATFeDHygMyb@TVGaf$cKcT7~H*bt=SbJzS)FMXdt7z5Ysk
zDjOzE^Z#XB+a$MMcHkWg2Ay#z1FpY9uSr6|i?$-#qh}a-1r||1Mp$&&S!+_R)<EDB
zvm<Es?!wzLhUqqbdL=YMs5z{-kRxd}Dpy{opE`oA^?bL5<dwBmV9P(9u;E6W1S~_H
z1fwF0EMj={nrs;(bnEih8~wJB2lh3ZNL(P~P&)7UjoGT2`o;#RE}GkVE9gnJ$-g#Y
z^p;AU0d86W=JHM!2zpYGt?%;{7bKTsFwbnnAJ23$fPJWuo9bJu^Dk$|&kOLLyvN0;
z4wxZSVeFrtskl}V+S#`<V4fQL%;=p8ozbV6AM(CD@xlgG-$|!>t%%&CYiH<5;ayHe
zkT?)OyjN%dmYe4FW=pv$u$IBX-cLlTC$_L$t&-omz=W2~OG$+`%b5lh`pWA`ZG}i#
ziz0?bhq(>C7`yI%XH6-JyOUi4LKn0YYobQXF)!Cs5YHA(>F0s(EbgQaw!RNmxWNZ0
zf_s6G!j=SM@FZ%@UVWoL*mp~NS&U|cAi?+_KHpdOL11}SdpLOhF0?I96wgld20cU8
zy|LO(R0rD+0DVRHvo@WBFJGPr!rXutZ(V@%^7B<dy_ki57Kwq%eH+Gu=cF*)yeVm)
zlf&GLz)3U9Riu<F{H5oDlxW?i6TIjrusxgs#=UP;x!9pWTmJ=tY_rjZQyx%dJr%$n
z6_$YzQjKm!e)0L$4QAR7tHh_|HLJJ@7x`G^!Bh`!efp*P-6@q3G3|73Fa860Rk)AB
zi)WY{!gK-S^t$(cd>=0$L_f?NhQFS~ap+5*Yh)-xceqAr{}di*7%^-w{A|<B0?u0<
zm+e5vO=5a|o*ZR5K6!)YVT|B$4B%H9ezE(sZnPV?=K=`rsGeL#d{cwz#r-m0>+CZQ
z(7ae4{)<;WauBzBEzj~<g@%GQ`BUnr;ZKZsbUWO*qe7!{5y>;si*>{dWT?yR+>%c0
z*XPE=UrP~5yysP5H;?%BT7Hd>i=oBY{@O$RT&z=<Sr9`Vt3WeorES%~G-^}413Alt
zk+?qyox2lma7b%tz*(#{9*DuPHgSI?5YYTUMaI39dyM*EYVqlP<@z<S<rk|Wga1xE
zvxeq`=hF>(xyF=xfKyCIN6^w>AnQCgoE*(e>l8N~nI!knUp!s0+Z(hXQYD6++|XA7
zA2W9f!c(C{kTq@i7N`EMZ{U2Jmsyd)pRJ-LA-_vxPD-I4$@=Dsb2ok9ZTBTvUiC^e
zbnNqA@p{!HkUMgl&7Md=4JqmNiZjPfm3dE^TG<jzix$)6Pg2HdzWA(V;SK*YQSqgt
zUGC=hO32bJMtd6<YXe^=j4SkhnFJi!4(@oACse&(zCMjR-3-l){Aji}I64O!6<a@U
z)2OsY{N3<kl2Qp@sTYy&{n?N0Gqtn|+yEEXw{Ok$N*ww&5*dsItPS<`Tj#TVav5{F
zO+hE;l%DtESRONzwI;y}r6!&;K0aqFLy(Po3O;q~rMkf1%^r9=J3FS_ui43v+~sA%
z{NQ~<sFW>H1D59<2NbTIX9AeyA@K!bcYK=SFR*)_%axRvZJ0hnWYnog)HsPaaq_Xl
z<5Nm(GD=a?{CQPnB}XJiEqm`QNp*(NFB=kjGOFH((#F$%&;nNPUeRy(S${4`Wz5VK
z8(j;k+ji?}f5YZHmy~mJ!@}`2X}^ZGnqlJQZTb=)-@<m4f%cp)9;mf|IxsLWXyx&9
zSTJR5FDs{D=W@H?@BG|U<H2Kzn&#AkNb4waq8v>Psqw({B_Q&}5E1c-i0IJXok~_y
zlLQFlLN6%|gv7o5H5dKy-5Sxrphl}MjoX`CT~M)G%Hov}nHu?{tXzq9@eJ~eLzDsA
z&yh<2?Esufvll7gUFomg6Gs2r7VEC3WA6QZPf#zvs8<T-%R+%R5ZLo_W@_TIY%6EY
z4SzYS3W4cwby@u+cbwC*wk)bX_wX_Ffu-Q_v|wgwby%?X(e3#!WoU#S&Cty}{y~0c
z^jx{U-&MJ!b471zB^{|?jrH75(3iyT_Ag-msDXI%CHw?AZ32RsW|o*VCDjy~2}om`
zR{OQS1ZW&kuA#0CwF9gAa0slj5;DyUQLNt=Jr-$}EV|@Rjn_YF|Gn#LaJl_*lRYKG
zOiZa%2VrYgwKZ9#EYp<jdH{*ia`o}T;^Z!Pd@6tUGb=~A3A5Ld>D$kbl0i8G@Oc`m
z3N$zh3JU&zhX|L&8nUd16aIEczM;<X(wha}@^kb&;BNSg%8R}3h7>nY0E!!sS6eme
zZLQ#TcC67cFy`x=mtm`_iX2J6u7yV;*<~dsB4GY2jDf<Wsgfg%!LBH+3a_>nuT)*X
z-cS4KfN*MQAh4=RrNID}`jgy`Z#v2`h)7DMx;2KpgSBmDQ{P{Y`Tw~DrNjf5;F>%8
zj6<4zesF?}wzS}npq-peTi1PljxKkk(r8>wvA^*8=D`?Hv!>uGO>@YOsj6c798s19
zAc~Qu!=<K3OjV-$G-TCv^^28BC7N86g9<m+eE>u7vg9L$&FW%p&~fjxeb4J{=O@Mh
z|Gg0$J)o_P4YG84toljE?w_+$p*IuU*lcYFB3yZG?Rl2ZMx{mzU%hW-im-#T)T|k>
z`DU8zlVH|ndSjA%!Kufp-s<HBOxkQ;565hj%TvD1DeH{FXY{xrAz_IPYlebzR7%Ga
zLvFZErk3S|$gB<$xLrFQt#{E7&cP?fA6EFbVa!#OTZ~GznB1>+l{NB2hUVw-d3kxq
zr>07(ShCb&TAY^}Ee8-W$t4CwIXb^IG_<VwZu+*LgGv2eJQHXY%}TV`>g^_sHawO!
z5(>t>o^J5nx;#=0*e2yg1+Q0oU!<=Elhar~!v!Rb9e7LQNg#ievEd=UdK3dw*x1)1
zqG<V&zK-Od$Rb8wlv`0J_IYDmN8=vZMBJWCZl8Dd4&|2@$OGTGcHahz-Ji}quXMV7
zYirBs4!pnWgTwMT`5u~y$5?LA>zW4LUucq%hZD%HFE+Z#gxtga{`F{e+nh|-HygdY
z<N}my7T9@SF>&@j^CU{X3N`Want*Q8#a<tJn;=K}6;3IBVgoyglA~WI4jMtL?-#{i
zXcQAQJeEv1|NL&)fqF0j0YQZm;$Gt);%)WtE2kI{)aU`5M#HN|6DmCKFJ`RTjMPyt
z31M_eFfrl$eV3_kug|^X<CCpl9gYs3>|SW#gR|Hg9N4GR#-{#`3}7{eyol6w-<fv3
zKH+c#uhOecsa-RMdLnHrQRcMeYBI6;L56lte>cP{QaqwO2Ic$FOb$!lc`VkMo|sIz
zcBaifzBUz*?^C}1r9?sLA0jlDp(EL0OgvL8EJ@S6YS?^XQZ&!8x!52iA|cuCu)nY0
zTdO^7-?CCrSWMBlPf}wD#=vkj$L1Fq;PQ?`@m}JWSqs|Xr$j0X*Il%yxaQ}{PV-dO
zFSbVXbG;}E%__*@4ThBY``kig0z&9AQJ#39DoLznjN0lO<E)32C;rX9e-)XMY|99|
z2uv~u|3OS5=@z$~6t;)|*8lnfd7Rh`lGHczr%zTIgfX6jhUSQ>DhIFv%~zT%H7g>-
zJ(Vm-udk%0<O}|4o7+J;?JzM3#lcqiIx>1$xqbVe&#WC+$0tk~V^K038JaS`>|k-$
zZuU|vi6|JbW!!Z?qEDx{Tl1vDQyX|A`DNP!GsX9CF{J;7gjqE}Yl+UpQk#JX_(X{(
zJgD=D&hW**y&e?ow3ILslb=~mjBrhf_hxiYUF?-mzA$B&hX~6cqYp@_90g%T56IEr
zd`3fHU}O{yg&-)&;-W^kKYq<&Cb&M`e8YvxYVT+B3FBaG5KmL==SPVkG};npZTtna
zo`v(FAzW(e+|g`T`8(Mn>@2m`pYWzzH3{U(c&ySq>2&L<n5`Pom#&z*i~CQ<lKLvj
z4F*zke2G}O8uyo-z4u7yn01zrM^R;l)EZ)Suk(GBe-7Hy4QYSQ;5aCb<A5EXDLDb-
zS)fGAe8Y8o3TPU%MwzdYf%<b5u=0I1QA|H*=?!(%CW0~FFG5^Xa%kj`=)(WvBavxS
zYn}4``_A6zA>2Kcp)`{`*U4TIyr_ZgI;F35MBxGzqc*5qq?=r<R7&%L>;y{8%=lMj
z(2XrO#XziIQSy}%rrmd`jfi|AMTNnCH(BxU;^Lqz$CZX4E{odH`Gzzm9Q(&pT~5KQ
z6iHc|1#he+5gjf{UDq*-&w8++6VTepDLXt|TBb;=X<w+h-9QFei6I4Kd)B?#awl&Q
z^R;O?1T{Kn_z*;oxpf|8!(v+*sZ-n4LtnR%x)JvnXKK2ykK`)rG@OtZbn>=7`gey>
zDBuS4dWrRxBqtVL=7@PI@H@G}5lyd_hnXH+r(3BfmLjtRLPSCuy}Q?C+hgAKvf(j=
z-hK?G456CRDaO)5vsrQ08>cDj!|)}D8j~uw*QZ*il1^qT=ca!c{j2`(X`L(H$PP*y
zJiv$b);x8*gT}X^7j#TaE+HW)J`(xbs{9$wQaXw_TJGuF6_0f;sHJisPFKF?*QvyB
zF!=KLNY=4N=De7I<E32mK49b&NqZQ6<BmO;e%PYzcyXC>tZ<UJj~2$sOo}C)2ed6S
z`uD9nCVvxv6K<YIncSj*Yy~T;vhi4VqLn7kvuyTbo2#m-@jlu<Gg~6Q%-B+2eaCdk
zWGb8A+QDcc1%L?Mgd@uHS6pJOLFBR|H@CL!H-FkvHOir>;^U*R9*{oIbu-@BfGs>s
zk7q&J974D6^a)<%UVDi;LXRi9&kFXw8;L7YR1TZS$dfy3n4x|F1{>ug)Tq8BeBlz5
z)C9ME99=Rm*Bbd}fPwlfs5&HiEi5__d~~0Sxj;|Nc!^8=d5;}rw2{t2KBq)6MNRcu
z#Z{I3)-C<4T|pJX=7fZV*fdhOY*SPQ><Si_waYF%FP38r$oaXx3$1KNi25y6qTTP=
zc8|v9GpWd8Q;troee4M2wS_LPU<6z;E&ObvW|DDKZBzmRAzFH+c9cqyUTwL<-`Af{
zlpH4k6e8Y9&>;TxBV`DYd}ZMY$zOxDh93EsTK+Ek`-Y)tgeY_J=1<>hR!?#fL<%%-
zjKdd;lE(N|=u^MViMRX|NV#K=bTgBKjSdQT0?K~EKGMscFmCnS>XXK#6!}ujWCKCU
z{M|eXuQ4yzMvcK&>!jYXXfog~Bqv6(cjngnh2414*25!Nr9;NeEvCi#M43S+(}P>P
ztz*5#ZuN&utY;~i$?vXm@!nRaKY)BYsIIZgEHlrKYC$R3$o3*li{b5cJNFHd0m?KJ
z#JsgCEO~Y(i!LVh*H#pv&nVE%Xt~Fw)A}?koLia+pJ!d7)~OOknTd=BAD3vhk82z(
zxZy`zRW-YsVY%9h_Pg1!sdVvK{R4u}_d_$b^oq2x+ZH*}Ri`X;r^DmNOulp#T-;XY
z-KN(Qq7~2(;#p0%>bgxtkJ?u?pCs1MM-rV;I>?=bB299k5pZ0a!_uM;y;#Xnhy`HD
z&}P>Jr>3b1gDb1Tb3`$FMA7OZS}>6_Rr;NC=bJBo&a>-^K8Fz#`x!Z3_lgr2Y~IX~
zj`Boizw7BAs|oqE`Bj(+k;%~c)?w6WvhHBwluADFZem7j1(jGnIx3Wp1Mk^P!_tU!
z6fO2wqGc@UW~<zIl=uirI7RzL4vqNKBN2taw6wB;3K!jUe#kHjY1Di73f9Z4eyjTp
z;Gfw8BHaG@wU$z;H^I=?O!!=6b-$2<_CDh&DZ;8Ktjsw|W@A}G*2odq*F$(mO%HYF
zxtw#^YNuQ=4_MQs<e2mbTOz$`U{Xpwwp<C$69mb`sao5unPJw20g#Haru?mTy2_ug
z#x4UzvxEfA+v_`lfZ1hQ;CerOh^PgV3N!ONv_tR>Sra{=FLr16p&yIF-RjK<xYKn#
z>9r4_v$Lr;;@6$|HnavU4QluWH%S0J+9bOIsMoIqD)Les>?mTDw$=TJ?q7I0dE2{M
z!n9p<pgFh=Qk)q5Eb-FVwwI%nf5WcY^KZn$=AHr}{}kDen4Juvd?};NqkvfeD_>2O
z9X?Kp59N%*d{(k?Hi`}TVdJ@K?fS$*c!lV9(!|Ev5nOHx)U5F>Iqr2(w0OFSbC>DX
zr_sI*Yn1&ACHMUa4CdMzBd;IjI+gY9?G8L)E$L&nRSPV$T*L^nirV<jPrt2{oP9V*
z;*v*iIQ!x2>T5au4v4!X6dcC5OxP6)1v6<$mYVo{YRe1-vzmYWq+l=zi7Z79$5)D_
zUj!ljc4|?nG_dmUnDPIm*v8}ePQKw3KDJJkPj=Xjq1TZ#PF@|9bj>4uiTvFy#$Uy~
z^!-9VODsI<cUXsA+z2<lz%jC%LcI?~wyH!{b^dU876UMgxmWx|WMnqigLY;1WzfJt
zRHTIr<d+?^^ZQ+B#9tog(RcN9J>&32Z7~IYGLo#HcGGnC9FDjT9+xRyMai*h^a=5a
zy=+fc|BKXjL<fANOWw#fIi0!SGIeY*5!i)z)rA!phNkQ+)H>2^xSC?7!x#;vC>&~~
z!BnV`L}4?1RuQt=h<7C-kew$X-ui|euTV3-P8MScbp1vkCjZ*!+TGBu#S&4Y9I?`b
z5R%m#bi9V)y(yn}a=={WLhUAQvZ-5%FD@=#7uSZ(+A@g|n?2^R`uw@L&>4)kt_zF~
ze+|Kn6@pf>_^R>>3Nc4hcBZ&e#m;3a^+h-^y`1c}uB0(PE;b)W5Y3I2(k6Wkmndqc
zRUC^3tvbGZvl|n79f$g1X<9$^sGVw~UscCl4UCNjeU4Q<@QO6UC$YNfv+LpS$K=n&
z?qlp1`_Qo7NMXjG6l2*DKT9%%Yr3SC)90?`^%4^rm7|t4VK=(BpLbXspXQynBQfVJ
zB_KdTrktd*@YF>*P{6?@#UZH4lSPA%+1VK6O!I4h{{8t9N~2P4W?-dWquA)3@ds6a
ztPyyv=X(+}`?!*2h0pM05R5}i7BxKXwph$wyvA>dE)Ywy()<<Xer>xf*F!C=IfR<E
zAZ+EdDlGw!q~1yoMK7j7c{0>)pQY@VGm;qVcTmooVZZHh)9E^5M?eFxgYH6Dg`fZe
zZnzxq-CR7{LI7Itf|>mgw0tVjsiZ1>tF7SBJ`Z^qutJ<;sHY3x?y0L09X>%}d$;l~
zjX))#)+P{`r$cB5hX5{1<=o9nbN;SwpnLhs6ME;2O`pmf5E$rufb>Dy1}PX{zJ({K
zCXI_xP)p=buj^)#16V`8a%*w^E;{<;^&~`Jg$5@TMNOQd5E`&?@<m-0_Ji5j@R>6R
z*%wxYL5^8M)BN#Wtd6t5-P%JQOyhKPW!89>5eA25%&_{wZ&fUxw7ygr!?v%*JOy9J
z)h(pRiQhAFSr1TDn=T&t<e*%2n5-XW%wF$200(vSSl-o!7;dl?=ZItg>PCsw=SB}q
zQ>di)AX9KNDMm^R>l@+0@d|Y8k1UmXEM<gSq}v)I?alY>k<;0N)1V18a<ndR30&83
z@VOxrA?HkOa4k1OXs><ok=;N;qxY_L;%^o2z9>6y59iR=SOQ&jbP>zCF;uM|AUu2V
ze(WyQar~#6ri6*X-e^r|96kaPPT!3eYUeyQ*`cmODBf)a_+SUk0=|<|yEs~$t*ULk
z5Ak6E-<T2_LfFg4+b+1Wu+gz>0p8BMUkBjVRZ&4ANZzs~NmHp4cKt0Bg${eLppRXD
z7Hctc#iGDo(Q`8@^3roPj%JB#_l|Z2M8037N+j^vOkw+omlrRxRtBpJN|KR-gM)WT
z#YU(}m2k^tgVR(Pev5fvGHQ^CBJ0(v4~!wRYwPEuA^$pC@{Z3Pf_Kg7`=IN*uUebm
z7Q&LQV6Y+Wjx1xqQCSJgXX<tJ`pvSC$w{5FlZcig4i7b}i6k4EZ>EV0fZYw*H^Pl2
zSFPJ`x(2;*AOXC)Xu@lCCAy<D1DDqJ>T=QW$?lmA4VHfzkcSf~tAj2hDW8oCtz1|b
z@Nx|iFaOZ4na_aYO*j+<a$MSVzJ?y9y&oNb-+1MbWTRqH8B)37itix2JG1xjz>yW4
z##n!x2jwa8{or3Ru?-LaD|DD}TR-bWa1qOotf(mz25)Vn-|NqDot~YQXpLAO##lco
z7d$1MBNRtbvBASFqsvAbs+8hJ2N}N2mrLAkLUWArFa!&zv63MsvD<y|zUWU1L&t<6
z0xN7VqQD|Z6_U79))2-?Z-gT+FqG3l+cR^yI9XE%{#T=n!ak>&C!bShX0$n0{BdH6
zXyuUA=hRTBobIBK95zitlZe_9iDR~vBHV@4MAl`g3ls&_Xy?BYX>3HC7<G#?3*<H}
z8c|Xu7BgLOzFl$lw%bqTD;GMrpb^07aWC{`r2)S76Et$wO#Bk!M>nN)Q;tYd#pPRq
zFYfQr?_I$eC?10Uk^6yboA4`P;mM>;k|hxof_?n3+=wtRJyV-LfnB!J7|EMmmZf>G
z5{pf3zuOt^8|teHKLEQ}|3zc{vt;JN#FQV6rFeaD)@_Ynl<R`(J)NPT05qG!GHUr;
z%v4eJOR(o}{9Ev5@ckJQYMl#=Rz00mbxE%(`c}?H3wxmXRg9~{?v?OU(+fvVAvY4=
zq(45WJPYevwqa|60l#D}LeYoyfMwAQg$4sp?_P2m0rc@Oyt<F_W45~D4#2T`yq3NM
za~gv`tJ9!^eqHss@m-yh%x=FjzVSX?A^b8uHW4Q!mB^xP7y(xUH`oiKc@-d#BH*y-
zBILH(Ja`;d+|7l49D(`+=@xn*Or87JVNa~g9B%JClaTzHA$Y4wG{IZUt~3=R0qKUQ
zBr3LKBaRG10|TjF(oOxzOfN4l8j{Kvl=k91Rt*ldp$_#1W^!}D)asK6!IW$?hkd;F
z)htfH(yI5h@07e1SE%U0d`XK}?%=u-y<Z<T8k6I94w5v=#S2#pAa`f0FCA0C=M<C=
z@@g-=H8Y#<5Z!Bb054cn;=B&9vVv@&=|p6~5en3>Wk+DD_n{t7yp)!i2^~p14r(+r
zd)n`}KdMkoTFqpZSf3qP9_TI(UjF$*!`Xeqv*7d&2NefXk?Ec4&7ED|JE_Qh?9<Z2
zar`FKbkD5MIttZJdY}ou=Nb@-j0~5E$hh!<+jj2l2|z5YvyE0Uq3iibGxVu|y>ESs
z)A+_W9_E<({wjiz>BGCj#Rx^iL=ogJy+~Q<ZS!m1ES2Q53&vGRDR5gxi6Wz6r(N0$
z=eRLeh*5y~k|_ji%jgGjv$PD~*a&G{4*8Lc{P--E)l<_{(_Q<JmnA1_RB6kSu99U{
z`KicRuGkWqEbGL=!@<3LiLbTw_J(&<*M}%}Laqm6@xF&%r4~G^l<G8uPwCD<S|R0a
zjTF<rxWdF|@S+s(h(M-{898o!@Wp?ZG05P2rOg?}9v&E4^V;%;Dc`uE`|_-#uDp^n
zJ78cs?-urSx&^YK*P=p`wcmB!%EKe3!iOubqRb(wX>R`0gkiH(<TMIHG;a-E+WGlo
zVh~e3yU(IWlS@EA!13Lx+uQ8(^D|pglR(>s+v@SX?$Rc)9#VlS!h`b>Seio$moI_n
zY1%ERfI7<J?6*iA_}D0cLR_VR@8FYNXHWOI6L3KbKV410*;F@4Wr&!F$Y$>6gxZG<
zs||CZU7`ditku&aQH*o{0~piP{Kch9zNEhaOBAMM`EY8_^HKD?eMj|s@9PtD7i}-*
z^WLY|I_@x0LslmBN=uExTSo^Ge^uO1^k2;!N9+VH+QHPgm`$$h!fI+Cwv!bpys_Tn
z%kPQz{&i(w5b(NR?`+@Aj$8KV$3$P3n&S@vLzp>2hZk&W_+#amcC-3ZXX`Vmtm~9N
zFeZqgiJlyS6-3fqQG(vyv!wqjczZs0JLn09n6-sXY0p7i<3bGsdOOj#aNl6Eh5e@V
zwcENQ)q3$5k?#PJd!brPMzGsTQTN>!a5vuqa~YEW31q^9pe1unO>m+gjdW<}*BKly
zn9;{Ivh=GGD87U{YQz5Xq6bOU<#!4cFcva|i)m?(sv`wm+&I$Rt)pvmWVH0YL3-a-
zhbaP2xmuEYX|`mS*7_zl8!MgnX+AB#hRD$L$$z-(b4Z$T0IAa?Z!K>6amK~PO^Q9S
zDq?briw~`>k?D{?aa~?P!MM7Uv@u&=;&~^+_Xh7Rej4PNu(A5qCr!<*t|~II)jWjr
zuR0u}qu(s8*oSYb-LQVP3cAkOd^W$|2)r<JqLoy{curt@r8<5x>Swoo<F6<_0`Jfu
z1|Xf8OrvU3`aROq;N-=|#v}h=<KW;D6(0)Ez-sh5h(2ApCD+Ioix!lX!zI9x5>frN
z-210Jv=xa816utZ<(rL7G%XU%Vl2kT!`RulGe>GdyC9JDi`SE-p1T&tN<xUMx%mab
z!*t6>S<?8Qcd1{;4dpU?Ej}8V;`R}O+z2#x_ux32Y^}&kXq^Eggjdg#iXk84Nd>2u
za<;*~rem7Ek^|GzpS-$fX83Qg?sB*TPM*TWUB&qdRU?C3^9|VSIx-Q9k}RP9IKcIl
z?*U(adq$D+Wh0~ac@N2v?67inDA`SS7#&-4(D|YcMdhg;+u0HEchxsXFn=5o8%mcL
zffIb9b?)T&#NQur5af>o&{h{B(zqV`wJ8D@pU^n_MbCoRD8KkA%;wbZI!9w_dT>$d
z*ulg&lc}|h-*mu=!%_0v^YxUZ&oH@f5GmesZc9gSFzK`H<I_ZiHR6cf6BJR>lXrw=
z%U{NQ`-6Bc?3?4Q?$s5k#WbH3c}$n|or?_f?+b)-7YXZmM7ZWX(6wtj0BZk#x3DOo
z7%GS22v1B=Nd-$MR1@!dgV?pl+Pw~7Py>r)4H^}*=Pq=zQ_Y5SP}Jv$Ha#{{O3Z*j
zOfsR%@w2wgSAN2WSE<C>>rPAw?@{D&yT*OJ(yE8Ju0V`=S@y9-(XZ>rRBR+{pMTTw
zv0<;d52!l;C;Z=`_3h5+`@KOnRr#`|w1LoOt?kQ`7a%h)Z~LY)75_>Y5$U7JR?dYC
zPg2WaLFy@U?hpe=y`-^y<Y)YjYQ)=`*Oa&q<g6`JeF@aopD`@h-Khh${S6}6tPe3k
zJz-UP&kujp@g1?d|1LEtEwK&M_hyMWkcpljo$bL<f+uuumdsya=XiPPaFwCO5_85F
znM4q>>~Y#>d3^aw_P{N;%_-N}>_7ZA>|I^9V+tpRvZY18LvLmjdm+nHA$P7_i#_J2
zzW962(cohQn<nBbe=Rl!<SWRk3QWBcH08a<$Sl<6n`Zgl`-bqxV{|a8TQAolARs%#
zOr&p>Gnn*#147Qgn5bJ@H5n8PY*~c$%#{qs-^Y`g#S~UreQxHB#juZ_iJizHNqABz
zwF<fj+=MJ~hWw3_{APCQ%l~T$6=WX_AoN`RG6c^7!e)C6b{JzAr<UU7^Exl=mHyq{
zKZ=A!VKG<69fLTrG~kf^GxX_Y6WZ;IhoXLdOQPTR!Y?G{1XkU6>Y`@&ory`veul8&
zQ}@@m#JfjG+)b^-GGrIc6`axLjKU{8d3MyS`yb@J*>nU*i)<pA@1TcanVPe&J*SM?
zj1pdPfTo$KPP;KNnu644LGf$PVlM=EezH>=CStz(cc-Upf%oF}0Wd{e$?l)BmL2!K
zgwav(@Qfe&kR-;TsFzixLEyKstNZ97q!z^vr>Z{qO%t>C$0@O~fBTTlp(V)M`sT~J
zKD0TUfABZrLi0$(dP|mY3FRhok0?f^G&)O0|4)m<B`LuXc=9=D(h_!Cyz~7!3v%?p
zTId^A``as}i2OVG?KW2k6``3Q%x35ol1bnhf0SIbo=zbUgTil1x(@s#LX*sNt14tr
zU4$%(Hj;}du*r#ST^L%3`E0_G@%DqT=W>to?P2(11=hvl(K9cCgtsX6F5GuJJU%U?
z*OFJ6VV4^U0cg^)xtWOlDrn!Hs{+#-FvniDdLFPmo2-xN^>Vw!%f&UKDB(%!yjWwq
z4!#AbsWXo5UE^Q*L(P4>;rtT-`^T@RwgUEgf^-=b=zd2757Gq}JdWGHIzii4sq>K+
zm{++TmqjN<TTgCxffr<B*><>6epDaqxR1d<pP$9x;NT<%rUP{}MJ77kI^GEizMO3a
z#m?!LXHHGv#ScN>)#>WJ7}zoZ23(h{a-Zo%*7y~}p*q}%_f*e8nFhz+VMO#Pky29P
z@m~fMmztXDw)GA|e@q+1x_``HQb!tou2-M!Yr#=n#)nS8KgoD`_z0HM&GXMt-|FVP
z&ONx7P!vNvaLuB^=jjgX=nzim5g4V<Fd2V)k=)!moGGazHdO}Jrf8Ham+L@*im|7*
z^!Q-TS#D!&>cw~r+9-F0SJv-cS67S@e`9;|b8>P@_mAHp=l>RFg}V3G*y@iO?e|e!
zgu1`>w1B0{>9C3LAFb7|R^b^Ig!a-4$n6GVTF}8=VViG}o7Mv{9z4OpCSDWiY#dcJ
zhMfd8E$~b6we~hPgZ^I&4fyoWJUJa%O;1*Bc*Vb^pxEDBtatj}GfF;=hF0mZT>JIk
z+h6*Ctn7v7S>Q%ua@-uh+8tBn@OQ(N7Q?^F?L0>8PrW;i`583Hj?&d)Z(p{2J+8ZG
zA_YG%Eetxwuq!K{0YyUFjS>$<n^#020X%wLX1WxshC?yWb2TZH>%3uE*_Vo{h+-zO
z=gWcnm!pE$qjf(<P(<Iw)8M3MMfC;d9U(lotUxM#VkM@{OL|0TiF7h^(u9oc5<B5c
zBT9`|@l3@I4169|if{LIz%bmqS-z*!bm?z=l(MN(l?L7uFqx9vd};E$=KPEoP;@c$
z^_PCn6`oTeWap_GHR$jQOpPTj{{C%pBJn9u;N(MufPG^01->r%_{^rH)Ndo^=lz_}
zcqJj7H$>NJi0n33?-i?{h%&oRM8!2(VbWqiFmuxWAN1DcR5ga!;SzjQgq>?>Qe=L*
z(&9{cJJ%5+=(Z4s)%<*HAbqyb5Zs5&g^E5gPSB&x!8#cL2nnk}gI9r*#N*S2IZKP8
zwS*$68A>e4E%uN7D%Xva=Y58%0H?9>Y^-cH9VP<yHn*t9N5k91*Tclu5BKNmihmOV
zRwum5ybNu(WFfdxMi?_S3e4T&`#khjRc-#vL_|b%1ykCUOfChhU%X9?JR-sw)ToTc
zwB55^bVTyX+P)`lct`9EGh%hUy<EJVKs)##)QhHo)*i`fi4fNL1bAdP4=N0saOo3X
z7jmo}@}#qJxY`iU{I@|ec$R%8&h22GC4sxs<X)Ekk9TxogS)#dWd^K9!z@zhyuuK|
zaG28xyD%Px!#l61&n?SOuQiVkwOXp^RHbP$$i~n5wJ}z~=6z%@x35b%siz_JNRcWo
z>6oJJO;v0!cFiUzVYl5@rUNe&ErO!UxP24w*(Y8=lEC;1deXki4=b?LPP9GCBcV-P
zvL%>}OMe;&?Hb#F)fbT!?1+GmD9@x_{s6b=ZzprhA^Bl#l`e?x8Xs=gUEMUUyjP}Z
zF9q0hU^a>ckzPWD7__kTa#Po#-=Wfb%NuxGd)iuh+p^n04*(u6E@5_VZgy^dJ#Ik}
zE*=qHA$Bh4373cBuHFAI{G$~4FBg=7n~R+b%D}D1B`m_rE5gn5Uk1y%%&z~7!NtwS
z(a!(>&47JP1*Her{}V~g(c0G4%NF3^?d>kY$@!mqIr`XIySccyxq5N9dD?S+_%DeU
zr<FgumnA1J2Nx%mn<v%(4~LqfmKrAy2REm2qL}sn$oOCJ{tqp1@v?IZ>v405@bij5
z&$$GkTF_jG1wk2z|H-K9X6Nl|>1hk__4Va&banQ!wsg1sCtA+A7zvaJ@4rMKPitF%
zrk}sPtt*wXHB|ajqPj!qGUNYVHV5jc{m-NRyO`U5sM#I=QUB*zF9fUpeP|3&me-K0
Ild*{SUt*u^cmMzZ

literal 0
HcmV?d00001