src/newslash_web/templates/login/reset_password.html.tt2

   1 [% WRAPPER common/layout %]
   2
   3 <script type="text/x-template" id="message">
   4   <div class="alert-error"      v-if="message == 'INVALID_ADDRESS'">正しいメールアドレスを入力してください</div>
   5   <div class="alert-error" v-else-if="message == 'BLANK_ADDRESS'">登録メールアドレスを入力してください</div>
   6   <div class="alert-error" v-else-if="message == 'SUCCEED'">指定したメールアドレスにメッセージを送信しました</div>
   7   <div class="alert-error" v-else-if="message == 'SERVER_ERROR'">サーバーエラーが発生しました</div>
   8   <div class="alert-error" v-else-if="message != ''">エラーが発生しました（<span v-text="message"></span>）</div>
   9 </script>
  10
  11   <div class="main-contents" id="password-reset">
  12   <div class="panel">
  13     <h3>パスワードリセット</h3>
  14
  15     <form id="password-reset-form" action="/my/resetpassword" method="POST">
  16       <p>登録メールアドレスにパスワードを再設定するためのURLを送信します。</p>
  17       <label>登録メールアドレス：
  18         <input id="email"  type="text" name="email" v-model="email"
  19                :disabled="state != ''"
  20                />
  21       </label>
  22
  23       <input class="btn btn-primary" type="submit"
  24              :disabled="message != '' || state != ''"
  25              @click.prevent.stop="submit"
  26              value="確認メールを送信する" />
  27       <message :message="message"></message>
  28     </form>
  29
  30   </div><!-- .panel -->
  31 </div>
  32
  33 [% helpers.load_js("reset-password.js") %]
  34 <script>
  35   resetPassword.run({ el: '#password-reset' });
  36 </script>
  37
  38 [%- END #WRAPPER -%]