mason/site/login_dialog.mas

   1
   2 <!-- Login Dialog -->
   3
   4 <%args>
   5 $goto_url => ''
   6 </%args>
   7
   8 <script type="text/javascript" src="/js/source/entries/login.js"></script>
   9
  10
  11 <div class="modal fade" id="site_login_dialog" name="site_login_dialog" tabindex="-1" role="dialog" aria-labelledby="site_login_dialog_title">
  12     <div class="modal-dialog modal-sm" role="document">
  13         <div class="modal-content">
  14             <div class="modal-header" style="text-align:center">
  15                 <h3 class="modal-title" id="site_login_dialog_title">Login</h3>
  16             </div>
  17             <div class="modal-body">
  18                 <form id="login_form" name="login_form">
  19                     <div class="container-fluid">
  20
  21                         <input class="form-control" style="width:240px" id="username" name="username" placeholder="Username" type="text" />
  22                         <br />
  23                         <input class="form-control" style="width:240px" id="password" name="password" placeholder="Password" type="password" />
  24                         <br />
  25                         <div style="margin-bottom:40px">
  26                             <a class="btn btn-default btn-sm" id="reset_password_modal_show" style="float:left">Forgot password?</a>
  27                             <a class="btn btn-default btn-sm" id="new_user_modal_show" style="float:right">New User</a>
  28                         </div>
  29
  30                         <input type="hidden" value="<% $goto_url %>" id="goto_url" name="goto_url" />
  31
  32                         <div>
  33                             <button class="btn btn-secondary" id="cancel_login" type="reset" style="float:left" >Reset</button>
  34                             <button class="btn btn-primary" id="submit_password" name="submit_password" type="submit" style="float:right">Login</button>
  35                         </div>
  36                     </div>
  37                 </form>
  38             </div>
  39
  40
  41 <div class="modal-footer">
  42                 <button id="close_site_login_dialog_button" type="button" class="btn btn-default" data-dismiss="modal" style="float:left">Close</button>
  43             </div>
  44         </div>
  45     </div>
  46 </div>
  47
  48 <div class="modal fade" id="site_login_reset_password_dialog" name="site_login_reset_password_dialog" tabindex="-1" role="dialog" aria-labelledby="site_login_reset_password_dialog_title">
  49     <div class="modal-dialog" role="document">
  50         <div class="modal-content">
  51             <div class="modal-header" style="text-align:center">
  52                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  53                 <h3 class="modal-title" id="site_login_reset_password_dialog_title">Reset Password</h3>
  54             </div>
  55             <div class="modal-body">
  56                 <div>
  57                     To reset your password, please enter your email address. A link will be sent to that address with a link that will enable you to reset your password.
  58                 </div>
  59                 <br />
  60                 <div style="white-space:nowrap">
  61                     <form id="password_reset_form" name="password_reset_form" style="white-space:nowrap">
  62                         <div style="white-space:nowrap; align:center">
  63                             <label class="textlabel">Email Address</label>
  64                             <input class="form-control" style="width:200px; white-space:nowrap; float:center" id="password_reset_email" name="password_reset_email" /><br />
  65                             <button type="submit" class="btn btn-primary" id="submit_password_reset_email" style="float:center" >Get link</button>
  66                         </div>
  67                     </form>
  68                 </div>
  69             </div>
  70             <div class="modal-footer">
  71                 <button id="close_site_login_reset_password_dialog_button" type="button" class="btn btn-default" data-dismiss="modal" style="float:left">Close</button>
  72             </div>
  73         </div>
  74     </div>
  75 </div>
  76
  77
  78
  79 <!-- End login dialog -->