master
Boris Voropaev 2023-09-11 17:54:32 +03:00
parent 8e8f235626
commit b8ccc534ac
4 changed files with 11 additions and 6 deletions

View File

@ -18,7 +18,7 @@
}
}
.large img{
max-width: 100%;
border-radius: 12px;
border: 1px solid rgba(45, 45, 45, 0.27);
}
@ -46,11 +46,13 @@
&.large{
display: flex;
flex-direction: column;
.item{
max-width: 100%;
margin-bottom: 32px;
img{
max-height: 468px;
max-width: 900px;
max-width: 100%;
}
}
}

View File

@ -8,9 +8,9 @@
<div class="list">
<div class="item" *ngFor="let member of members">
<div class="item" *ngFor="let member of members; let i=index;">
<page-menu [editMode]="editMode" [section]="member" [modelId]="modelId" [modelType]="modelType"></page-menu>
<img [src]="getFields(member)['member-image']?.links?.full || cover" class="image" (click)="showImage=true"/>
<img [src]="getFields(member)['member-image']?.links?.full || cover" class="image" (click)="showImage[i]=true"/>
<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 tel" [innerHTML]="getFields(member)['member-phone']" [href]="'tel:'+getFields(member)['member-phone']" *ngIf="getFields(member)['member-phone']"></a>
@ -32,7 +32,7 @@
</div>
</div>
<!-- <pre >{{getFields(member)|json}}</pre> -->
<img [src]="photo(member)" class="full-screen" *ngIf="showImage" (click)="showImage=false"/>
<img [src]="getFields(member)['member-image']?.links?.full || cover" class="full-screen" [hidden]="!showImage[i]" (click)="showImage[i]=false"/>
</div>
</div>

View File

@ -179,5 +179,8 @@
padding: 0 24px;
}
}
.hidden{
display: none;
}
}

View File

@ -12,7 +12,7 @@ export class MemberSectionListComponent {
@Input() editMode: boolean;
@Input() page: any;
public showImage = false;
public showImage:boolean[] = [];
public showDescription = false;
constructor(