id step buttons

src/app/features/administration/nav-steps/nav-steps.component.html

@@ -2,7 +2,7 @@
 	<div class="contained-in-main-column">
 		<button
 			*ngIf="display_previous_button"
-			id="button_next_step"
+			id="button_prev_step"
 			class="button-previous is-secondary"
 			[routerLink]="['/administration/step/' + previous_step_number]"
 		>
@@ -10,7 +10,7 @@
 		</button>
 		<button
 			*ngIf="display_next_button"
-			id=""
+			id="button_next_step"
 			class="button-next pull-right"
 			[disabled]="next_is_disabled"
 			[ngClass]="{ 'is-finish': is_finish_step, 'is-primary': !is_finish_step }"

src/app/features/administration/stepper/stepper.component.html

@@ -102,18 +102,18 @@
 	<div class="step-bar-progress" [ngStyle]="{ width: (step_current / step_max) * 100 + '%' }"></div>
 
 	<!--	modale pour quitter la création-->
-	<dialog>
+	<p-dialog
-		<p-dialog
+		id="close_stepper"
-			id="close_stepper"
+		[modal]="true"
-			[modal]="true"
+		[(visible)]="display_cancel_dialog"
-			[(visible)]="display_cancel_dialog"
+		[breakpoints]="{ '600px': '75vw', '400px': '95vw' }"
-			[breakpoints]="{ '600px': '75vw', '400px': '95vw' }"
+		[style]="{ width: '486px', 'border-radius': '1rem' }"
-			[style]="{ width: '486px', 'border-radius': '1rem' }"
+		[styleClass]="'roundToPercentWidth-borders'"
-			[styleClass]="'roundToPercentWidth-borders'"
+		[draggable]="false"
-			[draggable]="false"
+		[showHeader]="false"
-			[showHeader]="false"
+		[resizable]="false"
-			[resizable]="false"
+	>
-		>
+		<dialog>
 			<ng-template pTemplate="titlebar">
 				<button
 					id="close_dialog"
@@ -142,8 +142,8 @@
 					</div>
 				</div>
 			</ng-template>
-		</p-dialog>
+		</dialog>
-	</dialog>
+	</p-dialog>
 	<!--	menu mobile-->
 	<div id="mobile_menu" *ngIf="display_mobile_menu">
 		<div class="menu-content">