commencement de la partie admin

This commit is contained in:
MiharyR 2021-11-13 13:35:08 +01:00
parent 11472d0045
commit de939b47f1
67 changed files with 1233 additions and 554 deletions

View file

@ -22,7 +22,7 @@
<table mat-table [dataSource]="dataSource" matSort class="mat-elevation-z8">
<!-- Name Column -->
<!-- Title Column -->
<ng-container matColumnDef="title">
<th mat-header-cell *matHeaderCellDef mat-sort-header> Titre </th>
<td mat-cell *matCellDef="let advert">
@ -32,7 +32,7 @@
<!-- Tags Column -->
<ng-container matColumnDef="tags">
<th mat-header-cell *matHeaderCellDef mat-sort-header> Tags </th>
<th mat-header-cell *matHeaderCellDef> Tags </th>
<td mat-cell *matCellDef="let advert">
<span *ngFor="let tag of advert.tags; let isLast = last;">
<span *ngIf="!isLast"> {{tag}}, </span>
@ -41,14 +41,6 @@
</td>
</ng-container>
<!-- Comment Column -->
<ng-container matColumnDef="comment">
<th mat-header-cell *matHeaderCellDef mat-sort-header> Commentaire </th>
<td mat-cell *matCellDef="let advert">
{{advert.comment}}
</td>
</ng-container>
<!-- CreatedAt Column -->
<ng-container matColumnDef="createdAt">
<th mat-header-cell *matHeaderCellDef mat-sort-header> Date de création </th>
@ -58,10 +50,10 @@
</ng-container>
<!-- LastUpdate Column -->
<ng-container matColumnDef="lastUpdate">
<ng-container matColumnDef="updatedAt">
<th mat-header-cell *matHeaderCellDef mat-sort-header> Dernière modification </th>
<td mat-cell *matCellDef="let advert">
{{ advert.lastUpdate | date:'dd/LL/YYYY à HH:mm:ss' }}
{{ advert.updatedAt | date:'dd/LL/YYYY à HH:mm:ss' }}
</td>
</ng-container>
@ -84,7 +76,7 @@
<!-- Update Column -->
<ng-container matColumnDef="update">
<th mat-header-cell *matHeaderCellDef mat-sort-header> Modifier </th>
<th mat-header-cell *matHeaderCellDef> Modifier </th>
<td mat-cell *matCellDef="let advert">
<button mat-icon-button (click)="onUpdate(advert)">
<mat-icon>settings</mat-icon>
@ -94,7 +86,7 @@
<!-- Delete Column -->
<ng-container matColumnDef="delete">
<th mat-header-cell *matHeaderCellDef mat-sort-header> Supprimer </th>
<th mat-header-cell *matHeaderCellDef> Supprimer </th>
<td mat-cell *matCellDef="let advert">
<button mat-icon-button (click)="onDelete(advert)">
<mat-icon>delete</mat-icon>
@ -104,7 +96,7 @@
<!-- Visualisation Column -->
<ng-container matColumnDef="visualisation">
<th mat-header-cell *matHeaderCellDef mat-sort-header> Visualisation </th>
<th mat-header-cell *matHeaderCellDef> Visualisation </th>
<td mat-cell *matCellDef="let advert">
<button mat-icon-button (click)="onVisualize(advert)">
<mat-icon>aspect_ratio</mat-icon>

View file

@ -11,7 +11,6 @@
.btnAjouter {
margin-left: 3%;
font-size: larger;
padding: 5px 20px 5px 20px;
font-size: small;
}

View file

@ -1,20 +1,20 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { PageAdvertiserComponent } from './page-advertiser.component';
import { PageAdListAdvertiserComponent } from './page-ad-list-advertiser.component';
describe('PageAdvertiserComponent', () => {
let component: PageAdvertiserComponent;
let fixture: ComponentFixture<PageAdvertiserComponent>;
let component: PageAdListAdvertiserComponent;
let fixture: ComponentFixture<PageAdListAdvertiserComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ PageAdvertiserComponent ]
declarations: [ PageAdListAdvertiserComponent ]
})
.compileComponents();
});
beforeEach(() => {
fixture = TestBed.createComponent(PageAdvertiserComponent);
fixture = TestBed.createComponent(PageAdListAdvertiserComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});

View file

@ -7,20 +7,20 @@ import {Advert} from "../../../utils/interfaces/advert";
import {MatDialog} from "@angular/material/dialog";
import {PopupAddOrUpdateAdComponent} from "../popup-add-or-update-ad/popup-add-or-update-ad.component";
import {MatSnackBar} from "@angular/material/snack-bar";
import {PopupDeleteAdComponent} from "../popup-delete-ad/popup-delete-ad.component";
import {PopupVisualizeAdComponent} from "../popup-visualize-ad/popup-visualize-ad.component";
import {PopupDeleteAdAdvertiserComponent} from "../popup-delete-ad-advertiser/popup-delete-ad-advertiser.component";
import {PopupVisualizeAdAdvertiserComponent} from "../popup-visualize-ad-advertiser/popup-visualize-ad-advertiser.component";
import {MatPaginator} from "@angular/material/paginator";
@Component({
selector: 'app-page-advertiser',
templateUrl: './page-advertiser.component.html',
styleUrls: ['./page-advertiser.component.scss']
selector: 'app-page-ad-list-advertiser',
templateUrl: './page-ad-list-advertiser.component.html',
styleUrls: ['./page-ad-list-advertiser.component.scss']
})
export class PageAdvertiserComponent implements AfterViewInit
export class PageAdListAdvertiserComponent implements AfterViewInit
{
displayedColumns: string[] = [ 'title', 'tags', 'createdAt', 'lastUpdate', 'views', 'isVisible', 'update', 'delete', 'visualisation' ];
displayedColumns: string[] = [ 'title', 'tags', 'createdAt', 'updatedAt', 'views', 'isVisible', 'update', 'delete', 'visualisation' ];
dataSource ;
@ViewChild(MatSort) sort: MatSort;
@ViewChild(MatPaginator) paginator: MatPaginator;
@ -57,7 +57,7 @@ export class PageAdvertiserComponent implements AfterViewInit
data: { advert: advert }
};
this.dialog
.open(PopupVisualizeAdComponent, config)
.open(PopupVisualizeAdAdvertiserComponent, config)
.afterClosed()
.subscribe(retour => {});
}
@ -126,7 +126,7 @@ export class PageAdvertiserComponent implements AfterViewInit
data: { advert: advert }
};
this.dialog
.open(PopupDeleteAdComponent, config)
.open(PopupDeleteAdAdvertiserComponent, config)
.afterClosed()
.subscribe( retour => {

View file

@ -5,7 +5,7 @@ import {MessageService} from "../../../utils/services/message/message.service";
import {ThemeService} from "../../../utils/services/theme/theme.service";
const ADVERT_VIDE = {
const ADVERT_VIDE: Advert = {
_id: "",
title: "",
advertiser: "",
@ -14,7 +14,7 @@ const ADVERT_VIDE = {
comment: "",
views: 0,
createdAt: new Date(),
lastUpdate: new Date(),
updatedAt: new Date(),
isVisible: true,
}

View file

@ -1,20 +1,20 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { PopupDeleteAdComponent } from './popup-delete-ad.component';
import { PopupDeleteAdAdvertiserComponent } from './popup-delete-ad-advertiser.component';
describe('PopupDeleteAdComponent', () => {
let component: PopupDeleteAdComponent;
let fixture: ComponentFixture<PopupDeleteAdComponent>;
let component: PopupDeleteAdAdvertiserComponent;
let fixture: ComponentFixture<PopupDeleteAdAdvertiserComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ PopupDeleteAdComponent ]
declarations: [ PopupDeleteAdAdvertiserComponent ]
})
.compileComponents();
});
beforeEach(() => {
fixture = TestBed.createComponent(PopupDeleteAdComponent);
fixture = TestBed.createComponent(PopupDeleteAdAdvertiserComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});

View file

@ -6,16 +6,16 @@ import {Advert} from "../../../utils/interfaces/advert";
@Component({
selector: 'app-popup-delete-ad',
templateUrl: './popup-delete-ad.component.html',
styleUrls: ['./popup-delete-ad.component.scss']
selector: 'app-popup-delete-ad-advertiser',
templateUrl: './popup-delete-ad-advertiser.component.html',
styleUrls: ['./popup-delete-ad-advertiser.component.scss']
})
export class PopupDeleteAdComponent implements OnInit
export class PopupDeleteAdAdvertiserComponent implements OnInit
{
advert: Advert;
constructor( public dialogRef: MatDialogRef<PopupDeleteAdComponent>,
constructor( public dialogRef: MatDialogRef<PopupDeleteAdAdvertiserComponent>,
@Inject(MAT_DIALOG_DATA) public data,
private messageService: MessageService) { }

View file

@ -49,7 +49,7 @@
<div class="row myRow">
<label class="col-6 myLabel"> Date de dernière modification: </label>
<div class="col-6 myValue">
{{ advert.lastUpdate | date:'dd/LL/YYYY à HH:mm:ss' }}
{{ advert.updatedAt | date:'dd/LL/YYYY à HH:mm:ss' }}
</div>
</div>

View file

@ -1,20 +1,20 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { PopupVisualizeAdComponent } from './popup-visualize-ad.component';
import { PopupVisualizeAdAdvertiserComponent } from './popup-visualize-ad-advertiser.component';
describe('PopupVisualizeAdComponent', () => {
let component: PopupVisualizeAdComponent;
let fixture: ComponentFixture<PopupVisualizeAdComponent>;
let component: PopupVisualizeAdAdvertiserComponent;
let fixture: ComponentFixture<PopupVisualizeAdAdvertiserComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ PopupVisualizeAdComponent ]
declarations: [ PopupVisualizeAdAdvertiserComponent ]
})
.compileComponents();
});
beforeEach(() => {
fixture = TestBed.createComponent(PopupVisualizeAdComponent);
fixture = TestBed.createComponent(PopupVisualizeAdAdvertiserComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});

View file

@ -2,19 +2,21 @@ import {Component, Inject, OnInit} from '@angular/core';
import {ThemeService} from "../../../utils/services/theme/theme.service";
import {MAT_DIALOG_DATA, MatDialog, MatDialogRef} from "@angular/material/dialog";
import {Advert} from "../../../utils/interfaces/advert";
import {PopupVisualizeImagesComponent} from "../popup-visualize-images/popup-visualize-images.component";
import {PopupVisualizeImagesAdvertiserComponent} from "../popup-visualize-images-advertiser/popup-visualize-images-advertiser.component";
@Component({
selector: 'app-popup-visualize-ad',
templateUrl: './popup-visualize-ad.component.html',
styleUrls: ['./popup-visualize-ad.component.scss']
selector: 'app-popup-visualize-ad-advertiser',
templateUrl: './popup-visualize-ad-advertiser.component.html',
styleUrls: ['./popup-visualize-ad-advertiser.component.scss']
})
export class PopupVisualizeAdComponent implements OnInit
export class PopupVisualizeAdAdvertiserComponent implements OnInit
{
advert: Advert;
constructor( public dialogRef: MatDialogRef<PopupVisualizeAdComponent>,
constructor( public dialogRef: MatDialogRef<PopupVisualizeAdAdvertiserComponent>,
@Inject(MAT_DIALOG_DATA) public data,
public themeService: ThemeService,
public dialog: MatDialog ) { }
@ -38,7 +40,7 @@ export class PopupVisualizeAdComponent implements OnInit
}
};
this.dialog
.open(PopupVisualizeImagesComponent, config)
.open(PopupVisualizeImagesAdvertiserComponent, config)
.afterClosed()
.subscribe(retour => {});
}

View file

@ -1,20 +1,20 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { PopupVisualizeImagesComponent } from './popup-visualize-images.component';
import { PopupVisualizeImagesAdvertiserComponent } from './popup-visualize-images-advertiser.component';
describe('PopupVisualizeImagesComponent', () => {
let component: PopupVisualizeImagesComponent;
let fixture: ComponentFixture<PopupVisualizeImagesComponent>;
let component: PopupVisualizeImagesAdvertiserComponent;
let fixture: ComponentFixture<PopupVisualizeImagesAdvertiserComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ PopupVisualizeImagesComponent ]
declarations: [ PopupVisualizeImagesAdvertiserComponent ]
})
.compileComponents();
});
beforeEach(() => {
fixture = TestBed.createComponent(PopupVisualizeImagesComponent);
fixture = TestBed.createComponent(PopupVisualizeImagesAdvertiserComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});

View file

@ -1,20 +1,21 @@
import {Component, Inject, OnInit} from '@angular/core';
import {MAT_DIALOG_DATA, MatDialog, MatDialogRef} from "@angular/material/dialog";
import {ThemeService} from "../../../utils/services/theme/theme.service";
import {MAT_DIALOG_DATA, MatDialogRef} from "@angular/material/dialog";
@Component({
selector: 'app-popup-visualize-images',
templateUrl: './popup-visualize-images.component.html',
styleUrls: ['./popup-visualize-images.component.scss']
selector: 'app-popup-visualize-images-advertiser',
templateUrl: './popup-visualize-images-advertiser.component.html',
styleUrls: ['./popup-visualize-images-advertiser.component.scss']
})
export class PopupVisualizeImagesComponent implements OnInit
export class PopupVisualizeImagesAdvertiserComponent implements OnInit
{
tabImages = [];
width: number = 0;
height: number = 0;
constructor( public dialogRef: MatDialogRef<PopupVisualizeImagesComponent>,
constructor( public dialogRef: MatDialogRef<PopupVisualizeImagesAdvertiserComponent>,
@Inject(MAT_DIALOG_DATA) public data ) { }
@ -31,5 +32,4 @@ export class PopupVisualizeImagesComponent implements OnInit
console.log(this.tabImages);
}
}