+
+
+
+
+
+
+
+
+
+ {{ fileRecords[i].original_name }}
+
+
+
+
+
+
+
+
diff --git a/src/app/components/editor/files/files.component.scss b/src/app/components/editor/files/files.component.scss
new file mode 100644
index 0000000..46ebbe3
--- /dev/null
+++ b/src/app/components/editor/files/files.component.scss
@@ -0,0 +1,4 @@
+div.files-wrapper {
+ border: 2px solid #8c8c8c;
+ border-radius: 3px;
+}
diff --git a/src/app/components/editor/files/files.component.ts b/src/app/components/editor/files/files.component.ts
new file mode 100644
index 0000000..d072f51
--- /dev/null
+++ b/src/app/components/editor/files/files.component.ts
@@ -0,0 +1,104 @@
+import {Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild} from '@angular/core';
+import HostRecord from '../../../structures/HostRecord';
+import {ApiService} from '../../../service/api.service';
+import {AlertController} from '@ionic/angular';
+import {Observable} from 'rxjs';
+
+@Component({
+ selector: 'editor-files',
+ templateUrl: './files.component.html',
+ styleUrls: ['./files.component.scss'],
+})
+export class FilesComponent implements OnInit {
+ @Input() hostRecord: HostRecord;
+ @Output() hostRecordChange = new EventEmitter