accounts-passwordless-ui.html

<template name="loginPasswordless">
  {{> Template.dynamic template=loginPasswordlessState}}
</template>

<template name="loginPasswordlessLogin">
  <h2>Login</h2>
  <form id="loginPasswordlessLogin">
    <div class="form-group">
      <p>If it's the first time, enter your email address. If you already have an account, enter your email or username.</p>
      <input type="text" class="form-control" name="selector" placeholder="Enter email or username">
    </div>
    <p>{{loginPasswordlessMessage}}</p>
    <button type="submit" class="btn btn-default">Login</button>
  </form>
</template>

<template name="loginPasswordlessVerify">
  <h2>Verify</h2>
  <form id="loginPasswordlessVerify">
    <div class="form-group">
      <p>Check your mailbox and enter the verification code to login.</p>
      <input type="number" class="form-control" name="code" placeholder="1234" min="0" max="9999">
    </div>
    <p>{{loginPasswordlessMessage}}</p>
    <button type="submit" class="btn btn-default">Verify</button>
    <button type="button" class="btn btn-default" id="loginPasswordlessVerifyBack">Back</button>
  </form>
</template>

<template name="loginPasswordlessAskUsername">
  <h2>Username</h2>
  <form id="loginPasswordlessAskUsername">
    <div class="form-group">
      <p>What is your username?</p>
      <input type="text" class="form-control" name="username" placeholder="Username">
    </div>
    <p>{{loginPasswordlessMessage}}</p>
    <button type="submit" class="btn btn-default">Submit</button>
  </form>
</template>

<template name="loginPasswordlessLogout">
  <form id="loginPasswordlessLogout">
    <p>{{loginPasswordlessUserInfo}}</p>
    <p>{{loginPasswordlessMessage}}</p>
    <button type="submit" class="btn btn-default">Logout</button>
  </form>
</template>