messageWin method

MenuView messageWin (int score, bool newHighscore, int tries)

This is the view, which gets displayed when the user wins a level. If he reaches a new highscore, the highscore and the number of tries are displayed. Else just the score is displayed. This can be changed easily because the parameter 'tries' is mandatory.

Implementation 

MenuView messageWin(int score, bool newHighscore, int tries) {
  String msgScore = newHighscore ? "New Highsore" : "Your Score";

  DivElement div = DivElement();
  div.setAttribute("id", "button_next_level");
  div.setAttribute("class", "message");

  div.append(getLogo());
  div.append(HRElement());

  HeadingElement levelTitle = HeadingElement.h2();
  levelTitle.appendText("You Won!");
  div.append(levelTitle);

  SpanElement msgText = SpanElement();
  msgText.appendText(msgScore);
  msgText.style.fontStyle = "italic";
  div.append(msgText);

  ParagraphElement scoreParagraph = ParagraphElement()
    ..appendText(score.toString())
    ..setAttribute("class", "highscore");
  div.append(scoreParagraph);

  if (newHighscore) {
    String msgTries = tries > 1 ? "It took you $tries tries!" : "Unbelievable, with your first try!";
    ParagraphElement triesParagraph = ParagraphElement()..appendText(msgTries);
    div.append(triesParagraph);
  }

  div.append(HRElement());

  ParagraphElement tapToAdvance = ParagraphElement()
    ..setAttribute("class", "tap-me")
    ..appendText("Tap To Continue");
  div.append(tapToAdvance);

  DivElement outerDiv = DivElement();
  outerDiv.append(div);

  this.content = outerDiv;
  return this;
}