Untitled

/**
 * Created by Ali on 17.04.2017.
 */
import {Component } from '@angular/core';

@Component({
    selector: 'login',
    template: `
    <!doctype html>
<html lang="de">
<head>
  <meta charset="utf-8">
  <title>BIG Smart Home - Anmelden</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="../../styles/style.css">
</head>
<body data-decimal-separator="," data-grouping-separator=".">

<div role="navigation" aria-label="jumplinks">
  <a href="#formheadline" class="accessibility">Zum Inhalt springen</a>
</div>

<header aria-labelledby="bannerheadline">
  <a href="login.html">
    <img class="title-image" src="../../images/big-logo-small.png" alt="BIG Smart Home logo">
  </a>
  <h1 class="header-title" id="bannerheadline">
    BIG Smart Home
  </h1>
  <nav aria-labelledby="navigationheadline">
    <h2 class="accessibility" id="navigationheadline">Navigation</h2>
    <ul class="navigation-list">
    </ul>
  </nav>
</header>
<div class="main-container">
  <main aria-labelledby="formheadline">
    <form class="form" method="post" action="overview.html">
      <h2 id="formheadline" class="registration-headline">Anmelden</h2>
      <div class="form-row">
        <label class="form-label" for="username-input">
          Benutzername
        </label>
        <input type="text" name="username" id="username-input" required class="form-input" [(ngModel)]="username">
        <span id="username-error" class="error-text"></span>
      </div>
      <div class="form-row">
        <label class="form-label" for="password-input">
          Passwort
        </label>
        <input type="password" name="password" id="password-input" required class="form-input" minlength="4"
               maxlength="12" [(ngModel)]="password">
        <span id="password-error" class="error-text"></span>
      </div>
      <div class="form-row form-row-center">
        <button class="button button-submit" (click)="anmelden() routerLink = "/options-route" routerLinkActive="active" >
          Anmelden
        </button>
      </div>
    </form>
  </main>
</div>
<footer>
  © 2017 BIG Smart Home
</footer>
</body>
</html>
`
})

export class LoginComponent{

    username: string;
    password: string;

    anmelden(){
        console.log("USERNAME: " + this.username + " Password:" + this.password);
    }


}