src/newslash_web/templates/common/login_dialog.html.tt2

   1 <div id="login-modal" class="modal" tabindex="-1">
   2   <login-dialog rpath="[% helpers.url_for() %]" />
   3 </div><!-- /.modal -->
   4
   5 <script type="text/x-template" id="login-dialog">
   6   <div class="dialog-wrapper">
   7     <form class="dialog form">
   8
   9       <div class="dialog-header">
  10         <h4 class="modal-title">SRADへのログイン</h4>
  11       </div>
  12
  13       <div class="dialog-body">
  14         <input type="hidden" name="rpath" value="[% helpers.url_for() %]"/>
  15
  16         <label>アカウント名：
  17           <input v-model="nickname" type="text" id="login-nickname" name="nickname" value="[% nickname %]"/>
  18         </label>
  19
  20         <label>パスワード：
  21           <input v-model="rawPassword" type="password" id="login-passwd" name="passwd" v-on:keyup.enter="doLogin" />
  22         </label>
  23
  24         <div>
  25           <span v-if="message == 'auth_error'">認証エラー：アカウント名とパスワードの組み合わせが不正です</span>
  26           <span v-else-if="message == 'server_error'">サーバーエラーが発生しました</span>
  27           <span v-else></span>
  28         </div>
  29
  30       </div>
  31
  32       <div class="dialog-footer">
  33         <button type="button" class="btn btn-default" @click="doCancel">キャンセル</button>
  34         <button type="button" class="btn btn-primary" @click="doLogin">ログイン</button>
  35         <a href="https://srad.jp/my/newuser" class="btn btn-default pull-right">新規アカウント作成</a>
  36       </div>
  37
  38     </form><!-- .dialog -->
  39   </div><!-- .dialog-wrapper -->
  40 </script>
  41
  42 [% helpers.load_js("login.js") %]
  43 [%# <script src="/js/login.js"></script> %]
  44 <script>login.run({elemVm: "#login-modal", elemDialog: "#login-dialog"});</script>