From 72a063776f5af0bad8e0902b567162a84b51096a Mon Sep 17 00:00:00 2001
From: Boris Voropaev <boris1voropaev@gmail.com>
Date: Thu, 31 Aug 2023 18:19:44 +0300
Subject: [PATCH] document section

---
 .../document/form-field-document.component.scss      |  1 +
 .../single/field-document-single.component.html      |  7 +++++--
 .../basic/document/document-section.component.html   |  7 ++++++-
 .../basic/document/document-section.component.scss   |  9 +++++++++
 .../basic/document/document-section.component.ts     | 12 ++++++++++++
 5 files changed, 33 insertions(+), 3 deletions(-)

diff --git a/src/app/_modules/form-fields/types/document/form-field-document.component.scss b/src/app/_modules/form-fields/types/document/form-field-document.component.scss
index b78d76d..ce62dc3 100644
--- a/src/app/_modules/form-fields/types/document/form-field-document.component.scss
+++ b/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;
   }
diff --git a/src/app/_modules/form-fields/types/document/single/field-document-single.component.html b/src/app/_modules/form-fields/types/document/single/field-document-single.component.html
index 70c2c78..6e082f1 100644
--- a/src/app/_modules/form-fields/types/document/single/field-document-single.component.html
+++ b/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>
diff --git a/src/app/_modules/pages/sections/types/basic/document/document-section.component.html b/src/app/_modules/pages/sections/types/basic/document/document-section.component.html
index bb6acc9..95b759e 100644
--- a/src/app/_modules/pages/sections/types/basic/document/document-section.component.html
+++ b/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>
\ No newline at end of file
diff --git a/src/app/_modules/pages/sections/types/basic/document/document-section.component.scss b/src/app/_modules/pages/sections/types/basic/document/document-section.component.scss
index e69de29..ab7943e 100644
--- a/src/app/_modules/pages/sections/types/basic/document/document-section.component.scss
+++ b/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;
+}
\ No newline at end of file
diff --git a/src/app/_modules/pages/sections/types/basic/document/document-section.component.ts b/src/app/_modules/pages/sections/types/basic/document/document-section.component.ts
index 60740ad..eab7e0c 100644
--- a/src/app/_modules/pages/sections/types/basic/document/document-section.component.ts
+++ b/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;
+  }
 }