You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
angular_minigame/src/app/components/sudoku/sudoku.component.html

42 lines
1.5 KiB

<!-- <app-book-menu></app-book-menu> -->
<section class="main">
<div class="haut">
<div class="grid">
<div *ngFor="let row of grille; let x = index" class="subgrid sub{{x}}">
<div *ngFor="let cell of row; let y = index" class="case x{{x}} y{{y}}">
<input *ngIf="cell != 0" type="number" value="{{cell}}" class="cell" max="9" min="0" id="xy{{x}}{{y}}" (change)="key()" (click)="colorSameRowCol(y,x,$event)">
<input *ngIf="cell == 0" type="number" value="" class="cell" max="9" min="0" id="xy{{x}}{{y}}" (click)="colorSameRowCol(y,x,$event)" (change)="key()">
</div>
</div>
</div>
<div class="button">
<button (click)="publish()">
soumettre
</button>
<button (click)="corriger()">
verrifier
</button>
<p>nombre d'indice: {{nbIndice}}</p>
</div>
</div>
<div class="bas">
<button *ngFor="let obj of [].constructor(9); let i = index" (click)="addNumber(i+1)">{{i+1}}<div id="btn{{i+1}}">{{nbEachNumber[i]}}</div></button>
</div>
</section>
<section *ngIf="haveWin" class="winpopup">
<h2>Vous avez gagné !</h2>
<div class="menu">
<button routerLink="/">
retour à la page d'accueil
</button>
<button routerLink="/sudoku/">
nouvelle partie
</button>
</div>
</section>