document section

src/app/_modules/form-fields/types/document/form-field-document.component.scss

@@ -6,6 +6,7 @@
   border: var(--blue-1) dashed 1px;
   border-radius: 4px;
   overflow: hidden;
+  font-size: 20px;
   &.hover {
     background-color: #e0e0e0;
   }

src/app/_modules/form-fields/types/document/single/field-document-single.component.html

@@ -1,6 +1,9 @@
 <div class="area" [class.hover]="dragOver">
   <input #fileInput type="file" accept="application/*" [id]="field.name" (change)="onFileInput($event)" />
-  <p>Перетащите сюда или <span (click)="fileInput.click()">выберите файл</span> в формате PDF, XLS, DOC, JPG, PPTX<!-- общим объемом не более 10 Мбайт.--></p>
+  <p>Перетащите сюда или 
+    <a (click)="fileInput.click()">выберите файл</a> 
+    в формате PDF, XLS, DOC, JPG, PPTX<!-- общим объемом не более 10 Мбайт.-->
+  </p>
   <div class="indicator" *ngIf="upload.file">
     <div class="label">Загружается файл {{upload.file?.name}}</div>
     <div class="progress"><div class="fill" [style.width]="upload.progress + '%'"></div></div>
@@ -9,6 +12,6 @@
 <div class="values" *ngIf="asset">
   <div class="item">
     <a href="{{asset.links?.open}}" target="_blank">{{asset.name}}</a>
-    <button type="button" class="btn icon archive" (click)="clear()"></button>
+    <button type="button" class="btn clear trash" (click)="clear()"></button>
   </div>
 </div>

src/app/_modules/pages/sections/types/basic/document/document-section.component.html

@@ -1 +1,6 @@
-Document Section
+<!-- <span style="white-space: pre-wrap;">
+    {{section.groups.data[0].fields.data[0].value.data[0].links.download|json}}
+</span> -->
+
+<a [textContent]="title" class="title" [href]="download"></a>
+<div [textContent]="description" class="description"></div>

src/app/_modules/pages/sections/types/basic/document/document-section.component.scss

@@ -0,0 +1,9 @@
+:host {
+    display: block;
+    background: url('~src/assets/images/icons/document_pdf_60dp.svg') top left no-repeat;
+    padding-left: 62px;
+    min-height: 60px;
+}
+a{
+    font-size: 20px;
+}

src/app/_modules/pages/sections/types/basic/document/document-section.component.ts

@@ -15,4 +15,16 @@ export class DocumentSectionComponent {
   ngOnInit() {
     console.log(this.section);
   }
+
+  get title(){
+    return this.section.groups.data[0].fields.data[1].title;
+  }
+
+  get description(){
+    return this.section.groups.data[0].fields.data[1].value.data[0];
+  }
+
+  get download(){
+    return this.section.groups.data[0].fields.data[0].value.data[0].links.download;
+  }
 }