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

bagfix

master
Boris Voropaev 2023-09-07 16:56:09 +03:00
parent 971995a6d4
commit a70eef16ae
4 changed files with 62 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/_modules/pages/page/page.component.scss
View File

@ -15,6 +15,8 @@
height: 400px;
background-color: #86898E;
background-size: cover;
background-position: center;
.block{
position: absolute;
top:136px;

54
src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.html
View File

@ -5,44 +5,28 @@
</div>
<div *ngIf="editMode" class="toggle" (click)="add()"></div>
</div>
<div class="list">
<div class="item" *ngFor="let member of members">
<page-menu [editMode]="editMode" [section]="member" [modelId]="modelId" [modelType]="modelType"></page-menu>
<ng-template ngFor let-group [ngForOf]="member.groups.data">
<ng-template ngFor let-field [ngForOf]="group.fields.data">
<!-- <pre>{{field?.value?.data[0]|json}}</pre>
<pre>{{field?.name|json}}</pre> -->
<ng-container [ngSwitch]="field?.name">
<div *ngSwitchCase="'member-image'" class="image">
<img [src]="field?.value?.data[0]?.links?.full || cover" />
</div>
<div *ngSwitchCase="'member-name-required'" class="name">
<div>{{field?.value?.data[0]}}</div>
</div>
<div *ngSwitchCase="'member-position-required'" class="position">
<div>{{field?.value?.data[0]}}</div>
</div>
<div *ngSwitchCase="'member-phone'" class="link">
<div><a href="tel:{{field?.value?.data[0]}}" [innerHTML]="field?.value?.data[0]"></a></div>
</div>
<div *ngSwitchCase="'member-email'" class="link">
<div><a href="mailto:{{field?.value?.data[0]}}" [innerHTML]="field?.value?.data[0]"></a></div>
</div>
<div *ngSwitchCase="'member-doc'">
<div *ngIf="field?.value?.data[0]" class="doc">
<!-- <div class="doc-icon" [style.backgroundImage]="iconUrl(field?.value?.data[0]?.extension)">
</div> -->
<div class="doc-link">
<a [textContent]="field?.value?.data[0]?.name" class="title" [href]="field?.value?.data[0]?.links.download"></a>
</div>
</div>
</div>
</ng-container>
</ng-template>
<div class="more"><a [href]="getLink(member.id)">
Подробнее <img src="/assets/images/icons/chevron_right_24dp.svg" alt="">
</a></div>
</ng-template>
<img [src]="getFields(member)['member-image']?.links?.full || cover" class="image"/>
<div class="name" [innerHTML]="getFields(member)['member-name-required']"></div>
<div class="position" [innerHTML]="getFields(member)['member-position-required']" *ngIf="getFields(member)['member-position-required']"></div>
<a class="link" [innerHTML]="getFields(member)['member-phone']" [href]="'tel:'+getFields(member)['member-phone']" *ngIf="getFields(member)['member-phone']"></a>
<a class="link" [innerHTML]="getFields(member)['member-email']" [href]="'mailto:'+getFields(member)['member-email']" *ngIf="getFields(member)['member-email']"></a>
<div class="doc" *ngIf="getFields(member)['member-doc']?.links.download">
<!-- <div class="doc-icon" [style.backgroundImage]="iconUrl(field?.value?.data[0]?.extension)">
</div> -->
<div class="doc-link">
<a [textContent]="getFields(member)['member-doc'].name+'shd;oughfiogsofehg;o;fdh;oigs;hdofghifdh'" class="title" [href]="getFields(member)['member-doc'].links.download"></a>
</div>
</div>
<div class="more"><a [href]="getLink(member.id)">
Подробнее <img src="/assets/images/icons/chevron_right_24dp.svg" alt="">
</a></div>
</div>
</div>
</div>

28
src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.scss
View File

@ -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;

17
src/app/_modules/pages/sections/types/basic/member/list/member-section-list.component.ts
View File

@ -21,6 +21,23 @@ export class MemberSectionListComponent {
ngOnInit() {
}
// <ng-template ngFor let-group [ngForOf]="member.groups.data">
// <ng-template ngFor let-field [ngForOf]="group.fields.data">
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];