Commit 3533776d authored by Erik Moravec's avatar Erik Moravec
Browse files

feat: dialog and button finetunes

parent 5bb4ac43

web/src/app/components/game-edit-dialog/game-edit-dialog.component.ts

+0 −1
Original line number Diff line number Diff line
@@ -24,7 +24,6 @@ export class GameEditDialogComponent implements OnInit { 
  }



  onFormSubmit(): void {

    

    this.dialogRef.close(true);

  }

web/src/app/components/update-game-score-form/update-game-score-form.component.html

+6 −21
Original line number Diff line number Diff line
@@ -8,7 +8,8 @@ 
               id="homeTeamScore"

               name="homeTeamScore"

               required type="number"

               value="{{modelCopy.homeTeamScore}}">

               value="{{modelCopy.homeTeamScore}}"

               min="0">

        <div [hidden]="homeTeamScore.valid || homeTeamScore.pristine"

             class="alert alert-danger">

          Number is required
@@ -21,33 +22,17 @@ 
               id="awayTeamScore"

               name="awayTeamScore"

               required type="number"

               value="{{modelCopy.awayTeamScore}}">

               value="{{modelCopy.awayTeamScore}}"

               min="0">

        <div [hidden]="awayTeamScore.valid || awayTeamScore.pristine"

             class="alert alert-danger">

          Number is required

        </div>

      </div>



      <button [disabled]="!updateGameScoreForm.form.valid" class="btn btn-success" type="submit">Submit</button>

      <button (click)="resetForm(); updateGameScoreForm.reset()" class="btn btn-default" type="button">Reset Form

      <button [disabled]="!updateGameScoreForm.form.valid" class="mt-2 btn btn-success" type="submit">Submit</button>

      <button (click)="resetForm(); updateGameScoreForm.reset()" class="mt-2 ms-2 btn btn-danger" type="button">Reset Form

      </button>

    </form>

  </div>



  <div [hidden]="!submitted">

    <h2>You submitted the following:</h2>

    <div class="row">

      <div class="col-xs-3">{{model.homeTeam.name}}</div>

      <div class="col-xs-9">{{ modelCopy.homeTeamScore }}</div>

    </div>

    <div class="row">

      <div class="col-xs-3">{{model.awayTeam.name}}</div>

      <div class="col-xs-9">{{ modelCopy.awayTeamScore }}</div>

    </div>

    <br>

    <div [hidden]="confirmed">

      <button (click)="confirmSubmission()" class="btn btn-primary">Confirm</button>

      <button (click)="submitted=false" class="btn btn-primary">Edit</button>

    </div>

  </div>

</div>

web/src/app/components/update-game-score-form/update-game-score-form.component.ts

+1 −1
Original line number Diff line number Diff line
@@ -34,6 +34,7 @@ export class UpdateGameScoreFormComponent implements OnInit { 


  onSubmit(): void {

    this.submitted = true;

    this.confirmSubmission();

  }



  resetForm(): void {
@@ -43,7 +44,6 @@ export class UpdateGameScoreFormComponent implements OnInit { 


  confirmSubmission(): void {

    this.confirmed = true;

    console.log(this.modelCopy);

    this.gameService.updateGameScore(this.modelCopy);

    this.formSubmitEvent.emit(null);

  }