yvachot/PolyNotFound
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

gestion des images

Browse source
This commit is contained in:
MiharyR 2021-12-13 15:01:35 +01:00
parent 837f1056e9
commit 0ea00bf062
9 changed files with 201 additions and 82 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/app/admin/adList/page-ad-list-admin/page-ad-list-admin.component.ts
View file

@ -134,11 +134,7 @@ export class PageAdListAdminComponent implements AfterViewInit
const config = {
width: '30%',
height: '90%',
data: {
images: advert.images,
width: 300,
height: 800,
}
data: { images: advert.images }
};
this.dialog
.open(PopupVisualizeImagesAdminComponent, config)

19
src/app/admin/adList/popup-visualize-images-admin/popup-visualize-images-admin.component.html
View file

@ -5,9 +5,16 @@
</button>
</div>
<div style="text-align: center; justify-content: center">
<carousel [images]="tabImages"
cellsToShow="1"
[height]="height"
[width]="width"></carousel>
</div>
<mat-grid-list cols="12" rowHeight="500">
<mat-grid-tile colspan="1" rowspan="1" (click)="onPrecedent()">
<button> < </button>
</mat-grid-tile>
<mat-grid-tile colspan="10" rowspan="1">
<img [src]="tabImages[index].base64" [alt]="tabImages[index].description">
</mat-grid-tile>
<mat-grid-tile colspan="1" rowspan="1" (click)="onSuivant()">
<button> > </button>
</mat-grid-tile>
</mat-grid-list>

23
src/app/admin/adList/popup-visualize-images-admin/popup-visualize-images-admin.component.ts
View file

@ -11,8 +11,8 @@ import {MAT_DIALOG_DATA, MatDialogRef} from "@angular/material/dialog";
export class PopupVisualizeImagesAdminComponent implements OnInit
{
tabImages = [];
width: number = 0;
height: number = 0;
index: number = 0;
nbImage: number = 0;
constructor( public dialogRef: MatDialogRef<PopupVisualizeImagesAdminComponent>,
@ -21,15 +21,18 @@ export class PopupVisualizeImagesAdminComponent implements OnInit
ngOnInit(): void
{
this.width = this.data.width*0.8;
this.height = this.data.height*0.8;
this.tabImages = this.data.images;
this.nbImage = this.tabImages.length;
}
for(let couple of this.data.images)
{
const elt = { path: "assets/pub/"+couple.url };
this.tabImages.push(elt);
}
console.log(this.tabImages);
onPrecedent(): void
{
if(this.index !== 0) this.index -= 1;
}
onSuivant(): void
{
if(this.index !== (this.nbImage-1)) this.index += 1;
}
}