From affdc6500d2adafe0ef6ea36042b681dd42ab49d Mon Sep 17 00:00:00 2001 From: Boris Voropaev Date: Wed, 6 Sep 2023 17:33:50 +0300 Subject: [PATCH 1/6] bug fix --- src/app/_modules/auth/login/login.component.html | 2 +- .../document/form-field-document.component.scss | 2 +- .../_modules/layout/footer/footer.component.scss | 2 +- .../pages/menu/pages-menu.component.html | 2 +- .../_modules/pages/menu/pages-menu.component.ts | 7 +++++-- src/app/_modules/pages/page/page.component.scss | 6 +++++- .../sections/add/add-section.component.scss | 8 ++++---- .../document/document-section.component.scss | 5 ++++- .../image-group-section.component.html | 5 ++++- .../image-group-section.component.scss | 7 ++++++- .../item/member-section-item.component.scss | 2 +- .../sidebars/item/page-sidebar.component.scss | 2 +- src/assets/css/basics.scss | 2 +- src/assets/css/documents-lists.scss | 2 +- src/assets/css/main-menu.scss | 16 +++++++++------- .../images/icons/{ => document}/document_20.svg | 0 .../icons/{ => document}/document_20dp.svg | 0 .../icons/{ => document}/document_pdf_60dp.svg | 0 18 files changed, 45 insertions(+), 25 deletions(-) rename src/assets/images/icons/{ => document}/document_20.svg (100%) rename src/assets/images/icons/{ => document}/document_20dp.svg (100%) rename src/assets/images/icons/{ => document}/document_pdf_60dp.svg (100%) diff --git a/src/app/_modules/auth/login/login.component.html b/src/app/_modules/auth/login/login.component.html index 482cb7b..2a114a0 100644 --- a/src/app/_modules/auth/login/login.component.html +++ b/src/app/_modules/auth/login/login.component.html @@ -24,7 +24,7 @@
- +
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 ce62dc3..48eab06 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 @@ -55,7 +55,7 @@ .values { .item { - background: transparent url('~src/assets/images/icons/document_pdf_60dp.svg') 0 0 no-repeat; + background: transparent url('~src/assets/images/icons/document/document_pdf_60dp.svg') 0 0 no-repeat; min-height: 60px; padding-left: 72px; font-size: 20px; diff --git a/src/app/_modules/layout/footer/footer.component.scss b/src/app/_modules/layout/footer/footer.component.scss index f4ea69b..28c7dde 100644 --- a/src/app/_modules/layout/footer/footer.component.scss +++ b/src/app/_modules/layout/footer/footer.component.scss @@ -1,5 +1,5 @@ .footer { - margin-top: 120px; + width: 100%; padding: 40px 100px; background-color: var(--blue-3); diff --git a/src/app/_modules/pages/menu/pages-menu.component.html b/src/app/_modules/pages/menu/pages-menu.component.html index c63bd18..9fbcbac 100644 --- a/src/app/_modules/pages/menu/pages-menu.component.html +++ b/src/app/_modules/pages/menu/pages-menu.component.html @@ -1,2 +1,2 @@ - diff --git a/src/app/_modules/pages/menu/pages-menu.component.ts b/src/app/_modules/pages/menu/pages-menu.component.ts index 4300487..ef7e594 100644 --- a/src/app/_modules/pages/menu/pages-menu.component.ts +++ b/src/app/_modules/pages/menu/pages-menu.component.ts @@ -22,8 +22,11 @@ export class PagesMenuComponent { close() { - this.hidden = true; - setTimeout(() => {this.hidden = false;}, 1); + this.hidden = !this.hidden; + // setTimeout(() => {this.hidden = false;}, 100); + } + leave(){ + this.hidden = false; } itemSelect(event:any){ diff --git a/src/app/_modules/pages/page/page.component.scss b/src/app/_modules/pages/page/page.component.scss index c9e5f00..e915755 100644 --- a/src/app/_modules/pages/page/page.component.scss +++ b/src/app/_modules/pages/page/page.component.scss @@ -1,8 +1,11 @@ .content { + background-color: #F6F6F6; + padding-bottom: 120px; .row { display: block; width: 100%; border-bottom: 1px solid #C0C0C0; + background-color: #FFF; .page-header { display: flex; flex-direction: column; @@ -31,7 +34,7 @@ font-size: 76px; font-style: normal; font-weight: 700; - line-height: 60px; /* 100% */ + line-height:100%; letter-spacing: 0.76px; color: white; } @@ -62,6 +65,7 @@ display: flex; justify-content: end; padding: 16px 0; + } @media screen and (max-width: 1264px) { diff --git a/src/app/_modules/pages/sections/add/add-section.component.scss b/src/app/_modules/pages/sections/add/add-section.component.scss index 1d61c26..ea1d828 100644 --- a/src/app/_modules/pages/sections/add/add-section.component.scss +++ b/src/app/_modules/pages/sections/add/add-section.component.scss @@ -17,7 +17,7 @@ display: inline-block; width: 24px; height: 24px; - background: var(--white) url("~src/assets/images/icons/add_cirle_24dp.svg") no-repeat center; + background: url("~src/assets/images/icons/add_cirle_24dp.svg") no-repeat center; content: ''; z-index: 0; bottom: -2px; @@ -29,7 +29,7 @@ background-image: url("~src/assets/images/icons/add_cirle_active_24dp.svg"); } &:after{ - background-image: url("~src/assets/images/icons//arrow_drop_down_active_24dp.svg"); + background-image: url("~src/assets/images/icons/arrow_drop_down_active_24dp.svg"); }; color: var(--blue-3); } @@ -39,7 +39,7 @@ } &:after{ transform: rotate(180deg); - background-image: url("~src/assets/images/icons//arrow_drop_down_active_24dp.svg"); + background-image: url("~src/assets/images/icons/arrow_drop_down_active_24dp.svg"); }; color: var(--blue-3); } @@ -47,7 +47,7 @@ display: inline-block; width: 24px; height: 24px; - background: var(--white) url("~src/assets/images/icons/arrow_drop_down_24dp.svg") no-repeat center; + background: url("~src/assets/images/icons/arrow_drop_down_24dp.svg") no-repeat center; content: ''; z-index: 0; bottom: -2px; 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 ab7943e..0aed01e 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 @@ -1,9 +1,12 @@ :host { display: block; - background: url('~src/assets/images/icons/document_pdf_60dp.svg') top left no-repeat; + background: url('~src/assets/images/icons/document/document_pdf_60dp.svg') top left no-repeat; padding-left: 62px; min-height: 60px; } a{ font-size: 20px; +} +.description{ + color: #6C6C6C; } \ No newline at end of file diff --git a/src/app/_modules/pages/sections/types/basic/image-group/image-group-section.component.html b/src/app/_modules/pages/sections/types/basic/image-group/image-group-section.component.html index 2456035..5890e18 100644 --- a/src/app/_modules/pages/sections/types/basic/image-group/image-group-section.component.html +++ b/src/app/_modules/pages/sections/types/basic/image-group/image-group-section.component.html @@ -10,7 +10,10 @@
- + + + +
diff --git a/src/app/_modules/pages/sections/types/basic/image-group/image-group-section.component.scss b/src/app/_modules/pages/sections/types/basic/image-group/image-group-section.component.scss index 7be1d8f..9fc93ed 100644 --- a/src/app/_modules/pages/sections/types/basic/image-group/image-group-section.component.scss +++ b/src/app/_modules/pages/sections/types/basic/image-group/image-group-section.component.scss @@ -36,13 +36,18 @@ } .image { - img { + img{ width: 273px; object-fit: cover; height: 204px; border-radius: 12px; + border: 1px solid rgba(45, 45, 45, 0.27); + } + a { + img { border: 2px solid var(--blue-4); cursor: pointer; + } } } .name { diff --git a/src/app/_modules/pages/sections/types/basic/member/item/member-section-item.component.scss b/src/app/_modules/pages/sections/types/basic/member/item/member-section-item.component.scss index 16eeb20..0407386 100644 --- a/src/app/_modules/pages/sections/types/basic/member/item/member-section-item.component.scss +++ b/src/app/_modules/pages/sections/types/basic/member/item/member-section-item.component.scss @@ -19,7 +19,7 @@ } .doc{ display: block; - background: url('~src/assets/images/icons/document_pdf_60dp.svg') top left no-repeat; + background: url('~src/assets/images/icons/document/document_pdf_60dp.svg') top left no-repeat; padding-left: 62px; min-height: 60px; } diff --git a/src/app/_modules/pages/sidebars/item/page-sidebar.component.scss b/src/app/_modules/pages/sidebars/item/page-sidebar.component.scss index da8a492..1bc1da7 100644 --- a/src/app/_modules/pages/sidebars/item/page-sidebar.component.scss +++ b/src/app/_modules/pages/sidebars/item/page-sidebar.component.scss @@ -33,7 +33,7 @@ height: 20px; margin-right: 8px; flex-shrink: 0; - background: transparent url("~src/assets/images/icons/document_20dp.svg") center no-repeat; + background: transparent url("~src/assets/images/icons/document/document_20dp.svg") center no-repeat; content: ''; } } diff --git a/src/assets/css/basics.scss b/src/assets/css/basics.scss index 0239850..6214bde 100644 --- a/src/assets/css/basics.scss +++ b/src/assets/css/basics.scss @@ -97,7 +97,7 @@ a { height: 20px; margin-right: 8px; flex-shrink: 0; - background: transparent url('~src/assets/images/icons/document_20.svg') 50% 50% no-repeat; + background: transparent url('~src/assets/images/icons/document/document_20.svg') 50% 50% no-repeat; content: ''; } } diff --git a/src/assets/css/documents-lists.scss b/src/assets/css/documents-lists.scss index 380fa8e..953a2c2 100644 --- a/src/assets/css/documents-lists.scss +++ b/src/assets/css/documents-lists.scss @@ -1,5 +1,5 @@ .documents.list.default { - background: transparent url('~src/assets/images/icons/document_pdf_60dp.svg') 0 0 no-repeat; + background: transparent url('~src/assets/images/icons/document/document_pdf_60dp.svg') 0 0 no-repeat; min-height: 60px; padding-left: 72px; font-size: 20px; diff --git a/src/assets/css/main-menu.scss b/src/assets/css/main-menu.scss index 995a67d..cf8d50a 100644 --- a/src/assets/css/main-menu.scss +++ b/src/assets/css/main-menu.scss @@ -121,9 +121,11 @@ } } } - .grid-menu>pages-menu>pages-menu-item>a.active:not(:hover)>span { + .grid-menu>pages-menu>pages-menu-item>a.active:not(:hover)>span, + .grid-menu>pages-menu>pages-menu-item.hidden>a.active>span { padding-top: 2px; border-bottom: 2px solid var(--blue-1) ; + color: var(--blue-1); } // level 1 @@ -147,7 +149,7 @@ text-align: center; padding: 0 20px; margin: 0 -4px; - &:hover { + &:hover:not(.hidden) { background-color: #004077; a{ color: #FFF; @@ -166,11 +168,11 @@ line-height: 32px; - &:hover { - text-decoration: none; - color: white; - background: #004077; - } + // &:hover { + // text-decoration: none; + // color: white; + // background: #004077; + // } } &>:hover { diff --git a/src/assets/images/icons/document_20.svg b/src/assets/images/icons/document/document_20.svg similarity index 100% rename from src/assets/images/icons/document_20.svg rename to src/assets/images/icons/document/document_20.svg diff --git a/src/assets/images/icons/document_20dp.svg b/src/assets/images/icons/document/document_20dp.svg similarity index 100% rename from src/assets/images/icons/document_20dp.svg rename to src/assets/images/icons/document/document_20dp.svg diff --git a/src/assets/images/icons/document_pdf_60dp.svg b/src/assets/images/icons/document/document_pdf_60dp.svg similarity index 100% rename from src/assets/images/icons/document_pdf_60dp.svg rename to src/assets/images/icons/document/document_pdf_60dp.svg From 7e0f76461d1a5bacdac656f95690c43476412b95 Mon Sep 17 00:00:00 2001 From: Boris Voropaev Date: Thu, 7 Sep 2023 09:52:01 +0300 Subject: [PATCH 2/6] calendar n document --- .../date/form-field-date.component.spec.ts | 10 +++++++++ .../types/date/form-field-date.module.ts | 5 ++++- .../document/document-section.component.html | 9 +++++--- .../document/document-section.component.scss | 14 ++++++++---- .../document/document-section.component.ts | 6 +++++ src/assets/css/basics.scss | 7 ++++++ src/assets/images/icons/document/DOC.svg | 21 ++++++++++++++++++ src/assets/images/icons/document/JPG.svg | 20 +++++++++++++++++ src/assets/images/icons/document/PDF.svg | 22 +++++++++++++++++++ src/assets/images/icons/document/PPT.svg | 19 ++++++++++++++++ src/assets/images/icons/document/XLS.svg | 20 +++++++++++++++++ 11 files changed, 145 insertions(+), 8 deletions(-) create mode 100644 src/app/_modules/form-fields/types/date/form-field-date.component.spec.ts create mode 100644 src/assets/images/icons/document/DOC.svg create mode 100644 src/assets/images/icons/document/JPG.svg create mode 100644 src/assets/images/icons/document/PDF.svg create mode 100644 src/assets/images/icons/document/PPT.svg create mode 100644 src/assets/images/icons/document/XLS.svg diff --git a/src/app/_modules/form-fields/types/date/form-field-date.component.spec.ts b/src/app/_modules/form-fields/types/date/form-field-date.component.spec.ts new file mode 100644 index 0000000..56a044e --- /dev/null +++ b/src/app/_modules/form-fields/types/date/form-field-date.component.spec.ts @@ -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 = {} \ No newline at end of file diff --git a/src/app/_modules/form-fields/types/date/form-field-date.module.ts b/src/app/_modules/form-fields/types/date/form-field-date.module.ts index 2b1847e..90c3d8b 100644 --- a/src/app/_modules/form-fields/types/date/form-field-date.module.ts +++ b/src/app/_modules/form-fields/types/date/form-field-date.module.ts @@ -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 {} 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 1d9f132..82c13a9 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,6 +1,9 @@ - - -
\ 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 0aed01e..4e0f3eb 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 @@ -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; 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 25061c7..46db145 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 @@ -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; } diff --git a/src/assets/css/basics.scss b/src/assets/css/basics.scss index 6214bde..d2afd00 100644 --- a/src/assets/css/basics.scss +++ b/src/assets/css/basics.scss @@ -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 { diff --git a/src/assets/images/icons/document/DOC.svg b/src/assets/images/icons/document/DOC.svg new file mode 100644 index 0000000..7d8972d --- /dev/null +++ b/src/assets/images/icons/document/DOC.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/icons/document/JPG.svg b/src/assets/images/icons/document/JPG.svg new file mode 100644 index 0000000..59e2799 --- /dev/null +++ b/src/assets/images/icons/document/JPG.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/icons/document/PDF.svg b/src/assets/images/icons/document/PDF.svg new file mode 100644 index 0000000..801b3a3 --- /dev/null +++ b/src/assets/images/icons/document/PDF.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/icons/document/PPT.svg b/src/assets/images/icons/document/PPT.svg new file mode 100644 index 0000000..f49c9e0 --- /dev/null +++ b/src/assets/images/icons/document/PPT.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/icons/document/XLS.svg b/src/assets/images/icons/document/XLS.svg new file mode 100644 index 0000000..ab2f9e1 --- /dev/null +++ b/src/assets/images/icons/document/XLS.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + + + + + + From 9253af7a9ca089fc412952a5167f1620fb37761e Mon Sep 17 00:00:00 2001 From: Boris Voropaev Date: Thu, 7 Sep 2023 14:41:27 +0300 Subject: [PATCH 3/6] bugfix --- .../images/images-section.component.html | 6 ++- .../images/images-section.component.scss | 13 ++++++ .../item/member-section-item.component.html | 4 +- .../item/member-section-item.component.scss | 13 ++++++ .../item/member-section-item.component.ts | 1 + .../list/member-section-list.component.html | 33 ++++++++++++-- .../list/member-section-list.component.scss | 44 ++++++++++++++++++- .../list/member-section-list.component.ts | 6 +++ .../images/icons/view_man_273_370dp.svg | 20 +++++++++ 9 files changed, 132 insertions(+), 8 deletions(-) create mode 100644 src/assets/images/icons/view_man_273_370dp.svg diff --git a/src/app/_modules/pages/sections/types/basic/images/images-section.component.html b/src/app/_modules/pages/sections/types/basic/images/images-section.component.html index 09ba90a..e25b153 100644 --- a/src/app/_modules/pages/sections/types/basic/images/images-section.component.html +++ b/src/app/_modules/pages/sections/types/basic/images/images-section.component.html @@ -4,7 +4,8 @@ -
+
@@ -33,11 +34,12 @@
+
-
+
diff --git a/src/app/_modules/pages/sections/types/basic/images/images-section.component.scss b/src/app/_modules/pages/sections/types/basic/images/images-section.component.scss index f6107ab..baf57ef 100644 --- a/src/app/_modules/pages/sections/types/basic/images/images-section.component.scss +++ b/src/app/_modules/pages/sections/types/basic/images/images-section.component.scss @@ -4,6 +4,8 @@ display: block; width: 663px; height: 468px; + max-width: 80dvw; + max-height: 49dvw; margin-bottom: 8px; border-radius: 12px; border: 1px solid rgba(45, 45, 45, 0.27); @@ -136,6 +138,17 @@ align-items: center; justify-content: center; background-color: rgba(37, 46, 52, 60%); + .close{ + position: absolute; + top:24px; + right: 24px; + width: 48px; + height: 48px; + border-radius: 24px; + background: url('~src/assets/images/icons/close_blue_24dp.svg') center no-repeat; + background-color: #fff; + border: 2px solid var(--blue-1); + } .left { width: 72px; flex-grow: 0; diff --git a/src/app/_modules/pages/sections/types/basic/member/item/member-section-item.component.html b/src/app/_modules/pages/sections/types/basic/member/item/member-section-item.component.html index b9edad6..58e3ddc 100644 --- a/src/app/_modules/pages/sections/types/basic/member/item/member-section-item.component.html +++ b/src/app/_modules/pages/sections/types/basic/member/item/member-section-item.component.html @@ -1,10 +1,12 @@

- +

Документ

{{email}}

{{phone}}

+ + diff --git a/src/app/_modules/pages/sections/types/basic/member/item/member-section-item.component.scss b/src/app/_modules/pages/sections/types/basic/member/item/member-section-item.component.scss index 0407386..8362c50 100644 --- a/src/app/_modules/pages/sections/types/basic/member/item/member-section-item.component.scss +++ b/src/app/_modules/pages/sections/types/basic/member/item/member-section-item.component.scss @@ -29,4 +29,17 @@ border: 1px solid rgba(45, 45, 45, 0.27); } + + } +.full-screen{ + position: fixed; + top:0; + z-index: 200; + left: 0; + background-color: rgba(45, 45, 45, 0.63); + width: 100dvw; + height: 100vh; + object-fit: contain; + cursor: pointer; +} \ No newline at end of file diff --git a/src/app/_modules/pages/sections/types/basic/member/item/member-section-item.component.ts b/src/app/_modules/pages/sections/types/basic/member/item/member-section-item.component.ts index 4d08453..77027f4 100644 --- a/src/app/_modules/pages/sections/types/basic/member/item/member-section-item.component.ts +++ b/src/app/_modules/pages/sections/types/basic/member/item/member-section-item.component.ts @@ -18,6 +18,7 @@ export class MemberSectionItemComponent { } public item: any; + public fullScreen: boolean; ngOnInit() { this.fetch(); diff --git a/src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.html b/src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.html index d38ee63..ba0456c 100644 --- a/src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.html +++ b/src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.html @@ -10,13 +10,38 @@ + -
-
-
+
+ +
+
+
{{field?.value?.data[0]}}
+
+
+
{{field?.value?.data[0]}}
+
+
+
+
+
+
+
+
+
+ +
+ +
+
+
-
Подробнее
+
+ Подробнее +
diff --git a/src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.scss b/src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.scss index 1ed0e57..d40232b 100644 --- a/src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.scss +++ b/src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.scss @@ -35,8 +35,11 @@ object-fit: cover; display: flex; flex-direction: column; - grid-gap: 16px; + flex-basis: 30%; + >div{ + >*{margin-bottom: 16px;} + } .menu { } @@ -61,6 +64,45 @@ } .more { font-size: 20px; + img{ + vertical-align: -6px; + } + } + .link{ + font-size: 20px; + display: block; + } + + + .doc{ + width: 100%; + display: flex; + overflow: hidden; + text-overflow:ellipsis; + .doc-icon{ + flex-basis: 60px; + align-items: flex-start; + flex-shrink: 0; + height: 60px; + background: center no-repeat; + background-image: url('~src/assets/images/icons/document/document_pdf_60dp.svg'); + background-size: contain; + } + .doc-link{ + flex-shrink: 0; + flex-grow: 0; + flex-basis: 100%; + white-space: nowrap; + overflow: hidden; + text-overflow:ellipsis; + } + a{ + font-size: 20px; + + } + .description{ + color: #6C6C6C; + } } } } diff --git a/src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.ts b/src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.ts index 06db534..d4917a0 100644 --- a/src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.ts +++ b/src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.ts @@ -38,10 +38,16 @@ export class MemberSectionListComponent { return this.section.id; } + iconUrl(name:string){ + return `url(/assets/images/icons/document/${name.toUpperCase()}.svg)` + } + get modelType() { return 'object'; } + public cover = '/assets/images/icons/view_man_273_370dp.svg'; + add() { let attach = {modelType: 'object', group: 'sections', modelId: this.section.id, ord: this.ord}; diff --git a/src/assets/images/icons/view_man_273_370dp.svg b/src/assets/images/icons/view_man_273_370dp.svg new file mode 100644 index 0000000..eb6993d --- /dev/null +++ b/src/assets/images/icons/view_man_273_370dp.svg @@ -0,0 +1,20 @@ + + + + + + + + + Layer 1 + + + + + + + + + + + \ No newline at end of file From a70eef16ae311eeca9beadf00d2ebff263a2e225 Mon Sep 17 00:00:00 2001 From: Boris Voropaev Date: Thu, 7 Sep 2023 16:56:09 +0300 Subject: [PATCH 4/6] bagfix --- .../_modules/pages/page/page.component.scss | 2 + .../list/member-section-list.component.html | 54 +++++++------------ .../list/member-section-list.component.scss | 28 ++++++++-- .../list/member-section-list.component.ts | 17 ++++++ 4 files changed, 62 insertions(+), 39 deletions(-) diff --git a/src/app/_modules/pages/page/page.component.scss b/src/app/_modules/pages/page/page.component.scss index e915755..132f0c3 100644 --- a/src/app/_modules/pages/page/page.component.scss +++ b/src/app/_modules/pages/page/page.component.scss @@ -15,6 +15,8 @@ height: 400px; background-color: #86898E; background-size: cover; + background-position: center; + .block{ position: absolute; top:136px; diff --git a/src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.html b/src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.html index ba0456c..67f5ebb 100644 --- a/src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.html +++ b/src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.html @@ -5,44 +5,28 @@
+ +
- - - - -
- -
-
-
{{field?.value?.data[0]}}
-
-
-
{{field?.value?.data[0]}}
-
-
-
-
-
-
-
-
-
- -
- -
-
-
- - -
- Подробнее -
- + +
+
+ + +
+ +
+ +
+
+
+ Подробнее +
+ + diff --git a/src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.scss b/src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.scss index 8518cf3..8a88163 100644 --- a/src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.scss +++ b/src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.scss @@ -26,17 +26,28 @@ } .list { margin: 32px 0; - display: flex; - gap: 40px; + width: 100%; + display: flex; + flex-direction: row; flex-wrap: wrap; + justify-content: flex-start; + align-items: flex-start; + align-content: flex-start; + gap: 40px; + .item { object-fit: cover; display: flex; flex-direction: column; - + flex-grow: 0; flex-basis: 30%; + gap: 16px; + overflow: hidden; + >*{ + width: 100%; + } >div{ >*{margin-bottom: 16px;} } @@ -44,7 +55,16 @@ } .image { - background: url("/assets/images/view-man.svg") center no-repeat; + // background: url("/assets/images/view-man.svg") center no-repeat; + + object-fit: cover; + height: 370px; + border-radius: 12px; + border: 1px solid rgba(45, 45, 45, 0.27); + + } + .image { + // background: url("/assets/images/view-man.svg") center no-repeat; img { width: 273px; object-fit: cover; diff --git a/src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.ts b/src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.ts index d4917a0..da10129 100644 --- a/src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.ts +++ b/src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.ts @@ -21,6 +21,23 @@ export class MemberSectionListComponent { ngOnInit() { } + // + // + + getFields(member){ + + let fields:any = {}; + member.groups.data.forEach(group =>{ + group.fields.data.forEach(field =>{ + if(field.name&&field?.value?.data[0]){ + + fields[field.name] = field?.value?.data[0] + } + }) + }) + return fields + } + get title() { return this.section?.groups?.data[0]?.fields?.data[0]?.value?.data[0]; From e24a237ca0b01fed1bed4ba862cdd099444bc0ab Mon Sep 17 00:00:00 2001 From: Boris Voropaev Date: Thu, 7 Sep 2023 18:01:23 +0300 Subject: [PATCH 5/6] bagfix --- .../layout/footer/footer.component.html | 14 +++--- .../layout/header/header.component.html | 48 ++++++++----------- .../layout/header/header.component.scss | 15 ++++-- .../list/member-section-list.component.scss | 2 +- 4 files changed, 38 insertions(+), 41 deletions(-) diff --git a/src/app/_modules/layout/footer/footer.component.html b/src/app/_modules/layout/footer/footer.component.html index 191018b..d2484c7 100644 --- a/src/app/_modules/layout/footer/footer.component.html +++ b/src/app/_modules/layout/footer/footer.component.html @@ -24,27 +24,27 @@
Вход для зарегистрированных пользователей diff --git a/src/app/_modules/layout/header/header.component.html b/src/app/_modules/layout/header/header.component.html index 4ad4edb..c00094d 100644 --- a/src/app/_modules/layout/header/header.component.html +++ b/src/app/_modules/layout/header/header.component.html @@ -1,44 +1,36 @@ -
- - +
-
+
-