Andrey
/
object-type-constructor-front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

calendar n document

master
Boris Voropaev 2023-09-07 09:52:01 +03:00
parent affdc6500d
commit 7e0f76461d
11 changed files with 145 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/_modules/form-fields/types/date/form-field-date.component.spec.ts Normal file
View File

@ -0,0 +1,10 @@
import { Injectable } from "@angular/core";
import { NativeDateAdapter } from "@angular/material/core";
@Injectable() export class FormDateAdapter extends NativeDateAdapter{
getFirstDayOfWeek(): number {
return 1;
}
}
export const DATE_FORMAT = {}

5
src/app/_modules/form-fields/types/date/form-field-date.module.ts
View File

@ -10,6 +10,8 @@ import {MatFormFieldModule} from "@angular/material/form-field";
import {MatNativeDateModule} from "@angular/material/core";
import {MatInputModule} from "@angular/material/input";
import {NoopAnimationsModule} from "@angular/platform-browser/animations";
import { DateAdapter } from '@angular/material/core';
import { FormDateAdapter } from './form-field-date.component.spec';
@NgModule({
imports: [
@ -31,7 +33,8 @@ import {NoopAnimationsModule} from "@angular/platform-browser/animations";
FieldDateSingleComponent
],
providers: [
DatePipe
DatePipe,
{ provide: DateAdapter, useClass: FormDateAdapter }
]
})
export class FormFieldDateModule {}

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

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

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

@ -1,8 +1,14 @@
:host {
display: block;
background: url('~src/assets/images/icons/document/document_pdf_60dp.svg') top left no-repeat;
padding-left: 62px;
min-height: 60px;
display: flex;
grid-gap: 16px;
}
.doc-icon{
flex-basis: 60px;
align-items: flex-start;
height: 60px;
background: center no-repeat;
background-image: url('~src/assets/images/icons/document/document_pdf_60dp.svg');
background-size: contain;
}
a{
font-size: 20px;

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

@ -28,6 +28,12 @@ export class DocumentSectionComponent {
return this.section.groups.data[0].fields.data[2].value.data[0];
}
get docIcon(){
const ext = this.section.groups.data[0].fields.data[0].value.data[0].extension.toUpperCase();
return `url('/assets/images/icons/document/${ext}.svg')`
// return `url('/assets/images/icons/document/document_pdf_60dp.svg')`
}
get download(){
return this.section.groups.data[0].fields.data[0].value.data[0].links.download;
}

7
src/assets/css/basics.scss
View File

@ -7,9 +7,16 @@
button.mat-calendar-body-cell:hover{
background-color: transparent;
border: none;
font-weight: 400;
}
button.mat-calendar-body-cell{
font-weight: 400;
}
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){
background-color: rgba(0, 162, 255,0.3);
font-weight: 400;
}
.tox-promotion, .tox-statusbar__branding {

21
src/assets/images/icons/document/DOC.svg Normal file
View File

@ -0,0 +1,21 @@
<svg id="Сгруппировать_14996" data-name="Сгруппировать 14996" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="471.662" height="600.299" viewBox="0 0 471.662 600.299">
<defs>
<clipPath id="clip-path">
<rect id="Прямоугольник_5518" data-name="Прямоугольник 5518" width="471.662" height="600.298" fill="none"/>
</clipPath>
</defs>
<g id="Сгруппировать_14992" data-name="Сгруппировать 14992" clip-path="url(#clip-path)">
<path id="Контур_26195" data-name="Контур 26195" d="M447.9,600.3H64.317A23.784,23.784,0,0,1,40.56,576.541V23.757A23.785,23.785,0,0,1,64.317,0H382.511l89.151,89.151v487.39A23.783,23.783,0,0,1,447.9,600.3" fill="none"/>
<path id="Контур_26196" data-name="Контур 26196" d="M0,226.554,46.355,267.7l3.09-41.147Z" fill="#2d5ac9"/>
<path id="Контур_26197" data-name="Контур 26197" d="M447.906,600.3H64.318a23.783,23.783,0,0,1-23.757-23.757V23.757A23.784,23.784,0,0,1,64.318,0H382.512l89.151,89.151v487.39A23.784,23.784,0,0,1,447.906,600.3M64.318,11.589A12.182,12.182,0,0,0,52.15,23.757V576.541a12.182,12.182,0,0,0,12.168,12.168H447.906a12.182,12.182,0,0,0,12.168-12.168V93.952L377.711,11.589Z" fill="#c9c9c9"/>
<path id="Контур_26198" data-name="Контур 26198" d="M381.27,66.056A26.653,26.653,0,0,0,407.924,92.71h59.1L381.27,6.953Z" fill="#c9c9c9"/>
<rect id="Прямоугольник_5513" data-name="Прямоугольник 5513" width="338.392" height="141.956" transform="translate(0 84.598)" fill="#3694de"/>
<rect id="Прямоугольник_5514" data-name="Прямоугольник 5514" width="234.093" height="16.728" transform="translate(127.476 309.42)" fill="#c9c9c9"/>
<rect id="Прямоугольник_5515" data-name="Прямоугольник 5515" width="234.093" height="16.728" transform="translate(127.476 367.969)" fill="#c9c9c9"/>
<rect id="Прямоугольник_5516" data-name="Прямоугольник 5516" width="234.093" height="16.728" transform="translate(127.476 426.517)" fill="#c9c9c9"/>
<rect id="Прямоугольник_5517" data-name="Прямоугольник 5517" width="120.523" height="16.728" transform="translate(127.476 485.065)" fill="#c9c9c9"/>
<path id="Контур_26199" data-name="Контур 26199" d="M85.832,125.415h17.023c18.411,0,30.253,9.159,30.253,29.883s-11.842,30.438-29.513,30.438H85.832Zm16.19,49.312c10.269,0,17.116-5,17.116-19.429s-6.847-18.874-17.116-18.874h-2.59v38.3Z" fill="#f5f5f5"/>
<path id="Контур_26200" data-name="Контур 26200" d="M141.717,155.3c0-19.705,11.1-30.993,27.386-30.993s27.385,11.379,27.385,30.993c0,19.707-11.1,31.549-27.385,31.549s-27.386-11.842-27.386-31.549m40.8,0c0-12.027-5.181-19.244-13.415-19.244s-13.415,7.217-13.415,19.244c0,12.121,5.181,19.8,13.415,19.8s13.415-7.678,13.415-19.8" fill="#f5f5f5"/>
<path id="Контур_26201" data-name="Контур 26201" d="M205.005,155.946c0-19.984,13.231-31.641,28.495-31.641a25.5,25.5,0,0,1,18.134,7.865l-7.216,8.7c-3.053-2.775-6.291-4.811-10.639-4.811-8.235,0-14.8,7.309-14.8,19.429,0,12.4,5.736,19.614,14.617,19.614,4.9,0,8.789-2.5,11.75-5.644l7.217,8.512a24.833,24.833,0,0,1-19.521,8.881c-15.266,0-28.034-10.639-28.034-30.9" fill="#f5f5f5"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

20
src/assets/images/icons/document/JPG.svg Normal file
View File

@ -0,0 +1,20 @@
<svg id="Сгруппировать_14997" data-name="Сгруппировать 14997" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="471.662" height="600.299" viewBox="0 0 471.662 600.299">
<defs>
<clipPath id="clip-path">
<rect id="Прямоугольник_5512" data-name="Прямоугольник 5512" width="471.663" height="600.298" fill="none"/>
</clipPath>
</defs>
<g id="Сгруппировать_14990" data-name="Сгруппировать 14990" clip-path="url(#clip-path)">
<path id="Контур_26185" data-name="Контур 26185" d="M447.906,600.3H64.318a23.783,23.783,0,0,1-23.757-23.757V23.757A23.784,23.784,0,0,1,64.318,0H382.512l89.151,89.151v487.39A23.783,23.783,0,0,1,447.906,600.3" fill="none"/>
<path id="Контур_26186" data-name="Контур 26186" d="M0,226.554,46.355,267.7l3.09-41.147Z" fill="#1da890"/>
<path id="Контур_26187" data-name="Контур 26187" d="M447.906,600.3H64.318a23.783,23.783,0,0,1-23.757-23.757V23.757A23.784,23.784,0,0,1,64.318,0H382.512l89.151,89.151v487.39A23.783,23.783,0,0,1,447.906,600.3M64.318,11.589A12.181,12.181,0,0,0,52.15,23.757V576.541a12.181,12.181,0,0,0,12.168,12.168H447.906a12.181,12.181,0,0,0,12.168-12.168V93.952L377.712,11.589Z" fill="#c9c9c9"/>
<path id="Контур_26188" data-name="Контур 26188" d="M381.27,66.056A26.653,26.653,0,0,0,407.924,92.71h59.1L381.27,6.953Z" fill="#c9c9c9"/>
<rect id="Прямоугольник_5511" data-name="Прямоугольник 5511" width="338.392" height="141.956" transform="translate(0 84.598)" fill="#2acd70"/>
<path id="Контур_26189" data-name="Контур 26189" d="M91.985,175.929l9.252-6.846c2.22,4.071,5.367,6.014,8.419,6.014,4.9,0,7.494-2.5,7.494-10.547V125.415h13.6V165.66c0,11.658-6.014,21.187-19.336,21.187-9.16,0-15.265-3.608-19.429-10.918" fill="#f5f5f5"/>
<path id="Контур_26190" data-name="Контур 26190" d="M144.725,125.415h20.724c13.23,0,23.962,4.811,23.962,19.428,0,14.156-10.825,20.447-23.592,20.447h-7.494v20.447h-13.6Zm20.261,29.05c7.494,0,11.1-3.329,11.1-9.622s-4.071-8.6-11.472-8.6h-6.291v18.225Z" fill="#f5f5f5"/>
<path id="Контур_26191" data-name="Контур 26191" d="M197,155.946c0-19.984,13.323-31.641,29.421-31.641a26.037,26.037,0,0,1,18.965,7.865l-7.123,8.7c-3.053-2.683-6.2-4.811-11.38-4.811-9.344,0-15.913,7.309-15.913,19.429,0,12.4,5.644,19.614,16.931,19.614a10.751,10.751,0,0,0,6.476-1.85V162.886h-9.992v-11.1h22.019v27.756c-4.162,4.071-11.472,7.308-19.891,7.308-16.561,0-29.513-10.639-29.513-30.9" fill="#f5f5f5"/>
<path id="Контур_26192" data-name="Контур 26192" d="M381.27,519.177H130.953V301.308H381.27ZM142.542,507.588h227.14V312.9H142.542Z" fill="#c9c9c9"/>
<path id="Контур_26193" data-name="Контур 26193" d="M136.747,513.382l75.327-75.327,24.336,24.336,62.58-62.579,76.485,113.57Z" fill="#c9c9c9"/>
<path id="Контур_26194" data-name="Контур 26194" d="M215.551,369.682a16.224,16.224,0,1,1-16.224-16.224,16.224,16.224,0,0,1,16.224,16.224" fill="#c9c9c9"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

22
src/assets/images/icons/document/PDF.svg Normal file
View File

@ -0,0 +1,22 @@
<svg id="Сгруппировать_14999" data-name="Сгруппировать 14999" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="472.82" height="601.457" viewBox="0 0 472.82 601.457">
<defs>
<clipPath id="clip-path">
<rect id="Прямоугольник_5508" data-name="Прямоугольник 5508" width="472.821" height="601.457" fill="none"/>
</clipPath>
</defs>
<g id="Сгруппировать_14986" data-name="Сгруппировать 14986" clip-path="url(#clip-path)">
<path id="Контур_26167" data-name="Контур 26167" d="M449.065,600.3H65.477A23.783,23.783,0,0,1,41.72,576.541V23.757A23.784,23.784,0,0,1,65.477,0H383.671l89.151,89.151v487.39A23.783,23.783,0,0,1,449.065,600.3" fill="none"/>
<path id="Контур_26168" data-name="Контур 26168" d="M0,227.713,46.355,268.86l3.09-41.147Z" fill="#c32120"/>
<path id="Контур_26169" data-name="Контур 26169" d="M447.906,601.457H64.318A23.783,23.783,0,0,1,40.561,577.7V24.916A23.784,23.784,0,0,1,64.318,1.159H382.512L471.663,90.31V577.7a23.784,23.784,0,0,1-23.757,23.757M64.318,12.748A12.181,12.181,0,0,0,52.15,24.916V577.7a12.181,12.181,0,0,0,12.168,12.168H447.906A12.181,12.181,0,0,0,460.074,577.7V95.111L377.712,12.748Z" fill="#c9c9c9"/>
<path id="Контур_26170" data-name="Контур 26170" d="M381.27,67.215a26.654,26.654,0,0,0,26.654,26.654h59.1L381.27,8.112Z" fill="#c9c9c9"/>
<rect id="Прямоугольник_5503" data-name="Прямоугольник 5503" width="338.392" height="141.956" transform="translate(0 85.757)" fill="#f0544a"/>
<path id="Контур_26171" data-name="Контур 26171" d="M93.234,126.574h20.724c13.23,0,23.962,4.811,23.962,19.428,0,14.156-10.825,20.447-23.592,20.447h-7.494V186.9h-13.6Zm20.261,29.05c7.494,0,11.1-3.329,11.1-9.622s-4.071-8.6-11.472-8.6h-6.291v18.225Z" fill="#f5f5f5"/>
<path id="Контур_26172" data-name="Контур 26172" d="M148.379,126.574H165.4c18.412,0,30.254,9.159,30.254,29.883S183.814,186.9,166.143,186.9H148.379Zm16.191,49.312c10.27,0,17.116-5,17.116-19.429s-6.846-18.874-17.116-18.874h-2.59v38.3Z" fill="#f5f5f5"/>
<path id="Контур_26173" data-name="Контур 26173" d="M207.133,126.574h38.025v11.472H220.733v13.97h20.909v11.472H220.733V186.9h-13.6Z" fill="#f5f5f5"/>
<rect id="Прямоугольник_5504" data-name="Прямоугольник 5504" width="123.08" height="16.728" transform="translate(250.078 312.897)" fill="#c9c9c9"/>
<rect id="Прямоугольник_5505" data-name="Прямоугольник 5505" width="123.08" height="16.728" transform="translate(250.078 371.445)" fill="#c9c9c9"/>
<rect id="Прямоугольник_5506" data-name="Прямоугольник 5506" width="234.093" height="16.728" transform="translate(139.065 429.994)" fill="#c9c9c9"/>
<rect id="Прямоугольник_5507" data-name="Прямоугольник 5507" width="120.523" height="16.728" transform="translate(139.065 488.542)" fill="#c9c9c9"/>
<path id="Контур_26174" data-name="Контур 26174" d="M207.211,377.794h-54.24V326.8h54.24Zm13.907-64.9H139.065v78.8h82.053Z" fill="#c9c9c9"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

19
src/assets/images/icons/document/PPT.svg Normal file
View File

@ -0,0 +1,19 @@
<svg id="Сгруппировать_15000" data-name="Сгруппировать 15000" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="471.662" height="600.299" viewBox="0 0 471.662 600.299">
<defs>
<clipPath id="clip-path">
<rect id="Прямоугольник_5520" data-name="Прямоугольник 5520" width="471.662" height="600.298" fill="none"/>
</clipPath>
</defs>
<g id="Сгруппировать_14994" data-name="Сгруппировать 14994" clip-path="url(#clip-path)">
<path id="Контур_26202" data-name="Контур 26202" d="M447.9,600.3H64.317A23.784,23.784,0,0,1,40.56,576.541V23.757A23.785,23.785,0,0,1,64.317,0H382.511l89.151,89.151v487.39A23.783,23.783,0,0,1,447.9,600.3" fill="none"/>
<path id="Контур_26203" data-name="Контур 26203" d="M0,226.554,46.355,267.7l3.09-41.147Z" fill="#ce492e"/>
<path id="Контур_26204" data-name="Контур 26204" d="M447.906,600.3H64.318a23.783,23.783,0,0,1-23.757-23.757V23.757A23.784,23.784,0,0,1,64.318,0H382.512l89.151,89.151v487.39A23.784,23.784,0,0,1,447.906,600.3M64.318,11.589A12.182,12.182,0,0,0,52.15,23.757V576.541a12.182,12.182,0,0,0,12.168,12.168H447.906a12.182,12.182,0,0,0,12.168-12.168V93.952L377.711,11.589Z" fill="#c9c9c9"/>
<path id="Контур_26205" data-name="Контур 26205" d="M381.27,66.056A26.653,26.653,0,0,0,407.924,92.71h59.1L381.27,6.953Z" fill="#c9c9c9"/>
<rect id="Прямоугольник_5519" data-name="Прямоугольник 5519" width="338.392" height="141.956" transform="translate(0 84.598)" fill="#f57546"/>
<path id="Контур_26206" data-name="Контур 26206" d="M268.859,311.738v85.757h85.757a85.757,85.757,0,0,0-85.757-85.757" fill="#c9c9c9"/>
<path id="Контур_26207" data-name="Контур 26207" d="M245.682,334.915a85.757,85.757,0,1,0,85.757,85.757H245.682Z" fill="#c9c9c9"/>
<path id="Контур_26208" data-name="Контур 26208" d="M93.7,125.415H114.42c13.23,0,23.962,4.811,23.962,19.428,0,14.156-10.825,20.447-23.592,20.447H107.3v20.447H93.7Zm20.261,29.05c7.494,0,11.1-3.329,11.1-9.622s-4.071-8.6-11.472-8.6H107.3v18.225Z" fill="#f5f5f5"/>
<path id="Контур_26209" data-name="Контур 26209" d="M148.841,125.415h20.724c13.231,0,23.963,4.811,23.963,19.428,0,14.156-10.825,20.447-23.593,20.447h-7.493v20.447h-13.6Zm20.262,29.05c7.494,0,11.1-3.329,11.1-9.622s-4.071-8.6-11.472-8.6h-6.291v18.225Z" fill="#f5f5f5"/>
<path id="Контур_26210" data-name="Контур 26210" d="M214.442,136.887h-16.56V125.415H244.7v11.472h-16.56v48.849H214.442Z" fill="#f5f5f5"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

20
src/assets/images/icons/document/XLS.svg Normal file
View File

@ -0,0 +1,20 @@
<svg id="Сгруппировать_14998" data-name="Сгруппировать 14998" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="471.662" height="601.457" viewBox="0 0 471.662 601.457">
<defs>
<clipPath id="clip-path">
<rect id="Прямоугольник_5510" data-name="Прямоугольник 5510" width="471.662" height="601.457" fill="none"/>
</clipPath>
</defs>
<g id="Сгруппировать_14988" data-name="Сгруппировать 14988" clip-path="url(#clip-path)">
<path id="Контур_26175" data-name="Контур 26175" d="M446.747,600.3H63.159A23.783,23.783,0,0,1,39.4,576.541V23.757A23.784,23.784,0,0,1,63.159,0H381.353L470.5,89.151v487.39A23.783,23.783,0,0,1,446.747,600.3" fill="none"/>
<path id="Контур_26176" data-name="Контур 26176" d="M363.308,478.548H148.916V337.3H363.308Zm15.133-156.38H133.782V493.682H378.441Z" fill="#c9c9c9"/>
<path id="Контур_26177" data-name="Контур 26177" d="M363.308,478.548H205.924V337.3H363.308Zm15.133-156.38H190.79V493.682H378.441Z" fill="#c9c9c9"/>
<path id="Контур_26178" data-name="Контур 26178" d="M363.308,423.136H148.916V392.714H363.308Zm15.133-45.556H133.782v60.689H378.441Z" fill="#c9c9c9"/>
<path id="Контур_26179" data-name="Контур 26179" d="M0,227.713,46.355,268.86l3.09-41.147Z" fill="#197f4a"/>
<path id="Контур_26180" data-name="Контур 26180" d="M447.906,601.457H64.318A23.783,23.783,0,0,1,40.561,577.7V24.916A23.784,23.784,0,0,1,64.318,1.159H382.512L471.663,90.31V577.7a23.783,23.783,0,0,1-23.757,23.757M64.318,12.748A12.182,12.182,0,0,0,52.15,24.916V577.7a12.182,12.182,0,0,0,12.168,12.168H447.906A12.181,12.181,0,0,0,460.074,577.7V95.111L377.712,12.748Z" fill="#c9c9c9"/>
<path id="Контур_26181" data-name="Контур 26181" d="M381.27,67.215a26.654,26.654,0,0,0,26.654,26.654h59.1L381.27,8.112Z" fill="#c9c9c9"/>
<rect id="Прямоугольник_5509" data-name="Прямоугольник 5509" width="338.392" height="141.956" transform="translate(0 85.757)" fill="#66ae42"/>
<path id="Контур_26182" data-name="Контур 26182" d="M113.4,155.9,97.676,126.575h15.173l5.273,11.379c1.388,2.776,2.684,5.921,4.349,9.715h.37c1.388-3.794,2.683-6.939,3.886-9.715l4.81-11.379h14.526L130.427,156.55,147.08,186.9H131.908l-6.014-12.3c-1.481-3.145-2.868-6.2-4.533-9.9h-.37c-1.389,3.7-2.776,6.754-4.071,9.9l-5.644,12.3H96.658Z" fill="#f5f5f5"/>
<path id="Контур_26183" data-name="Контур 26183" d="M155.226,126.574h13.6v48.849H192.7V186.9H155.226Z" fill="#f5f5f5"/>
<path id="Контур_26184" data-name="Контур 26184" d="M196.678,179.309l7.771-9.343c4.349,3.7,9.9,6.291,14.9,6.291,5.644,0,8.419-2.221,8.419-5.83,0-3.792-3.423-4.995-8.7-7.216l-7.865-3.33c-6.2-2.5-12.119-7.679-12.119-16.468,0-9.993,8.882-17.949,21.464-17.949a27.924,27.924,0,0,1,19.428,7.956l-6.938,8.6c-3.978-3.053-7.679-4.811-12.49-4.811-4.719,0-7.679,2.036-7.679,5.459,0,3.7,3.978,4.995,9.159,7.123l7.772,3.146c7.308,2.961,11.934,7.863,11.934,16.376,0,9.991-8.326,18.688-22.759,18.688a33.027,33.027,0,0,1-22.3-8.7" fill="#f5f5f5"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB