templates/modules/static-sign-in.html.twig line 1

Open in your IDE?
  1. {% extends "modules/tmpl/default.html.twig" %}
  4. {% block module_content %}
  5. <div class="mod-user">
  6.     <div class="mod mod-sign-in">
  7.         <form method="post" action="/catch-all">
  8.             <input type="hidden" name="action" value="sign-in" />
  9.             <legend>Sign In</legend>
  10.             
  11.             <p>Use the form below to sign into your RoofersCoffeeShop Account.</p>
  12.             
  13.             <label class="btn-block"><span>Username</span>
  14.                 <input
  15.                     class="form-control"
  16.                     type="text"
  17.                     name="username"
  18.                     placeholder="Your Username"
  19.                     required
  20.                 />
  21.             </label>
  22.             <label class="btn-block"><span>Password</span>
  23.                 <input
  24.                     class="form-control"
  25.                     type="password"
  26.                     name="password"
  27.                     placeholder="Your Password"
  28.                     required
  29.                 />
  30.             </label>
  31.             <button
  32.                 class="btn btn-secondary"
  33.                 type="submit"
  34.             >Sign In</button>
  35.         </form>
  36.                 
  37.     </div>
  38.     {#
  39.     <div class="mod mod-sign-up hidden ">
  40.         <form method="post" action="/catch-all">
  41.             <input type="hidden" name="action" value="sign-up" />
  42.             
  43.             <legend>Sign Up</legend>
  44.             
  45.             <p>Use the form below to create an account with RoofersCoffeeShop.</p>
  46.             
  47.             <label class="btn-block"><span>Username</span>
  48.                 <input
  49.                     class="form-control"
  50.                     type="text"
  51.                     name="username"
  52.                     placeholder="Your Username"
  53.                     required
  54.                 />
  55.             </label>
  56.             
  57.             <label class="btn-block"><span>Email</span>
  58.                 <input
  59.                     class="form-control"
  60.                     type="text"
  61.                     name="email"
  62.                     placeholder="Your Email Address"
  63.                     required
  64.                 />
  65.             </label>
  66.             
  67.             <label class="btn-block"><span>Password</span>
  68.                 <input
  69.                     class="form-control"
  70.                     type="password"
  71.                     name="password1"
  72.                     placeholder="Your Password"
  73.                     required
  74.                 />
  75.             </label>
  76.             
  77.             <label class="btn-block"><span>Confirm Password</span>
  78.                 <input
  79.                     class="form-control"
  80.                     type="password"
  81.                     name="password2"
  82.                     placeholder="Confirm Your Password"
  83.                     required
  84.                 />
  85.             </label>
  86.             <button
  87.                 class="btn btn-secondary"
  88.                 type="submit"
  89.             >Sign Up</button>
  90.             
  91.         </form>
  92.     </div>
  93.     
  94.     <div class="mod mod-forgot-username hidden ">
  95.         <form method="post">
  96.             <input type="hidden" name="action" value="forgot-username" />
  97.             <legend>Forgot Username</legend>
  98.             
  99.             <p>Use the form below to receive a username reminder.</p>
  100.             
  101.             <label class="btn-block"><span>E-mail Address</span>
  102.                 <input
  103.                     class="form-control"
  104.                     type="text"
  105.                     name="email"
  106.                     placeholder="Your E-mail Address"
  107.                     required
  108.                 />
  109.             </label>
  110.             <button
  111.                 class="btn btn-secondary"
  112.                 type="submit"
  113.             >Submit</button>
  114.         </form>
  115.     </div>
  116.     <div class="mod mod-forgot-password hidden ">
  117.         <form method="post" action="/catch-all">
  118.             <input type="hidden" name="action" value="reset-password" />
  119.             <legend>Forgot Password</legend>
  120.             
  121.             <p>Use the form below to reset your password.</p>
  122.             
  123.             <label class="btn-block"><span>E-mail Address</span>
  124.                 <input
  125.                     class="form-control"
  126.                     type="text"
  127.                     name="email"
  128.                     placeholder="Your E-mail Address"
  129.                     required
  130.                 />
  131.             </label>
  132.             <button
  133.                 class="btn btn-secondary"
  134.                 type="submit"
  135.             >Submit</button>
  136.         </form>
  137.     </div>
  138.     <div class="mod mod-resend-activation hidden ">
  139.         <form method="post" action="/catch-all">
  140.             <input type="hidden" name="action" value="resend-activation" />
  141.             
  142.             <legend>Re-send Activation Link</legend>
  143.             
  144.             <p>Enter your e-mail address below and we will re-send the activation link associated with that account.</p>
  145.             
  146.             <label class="btn-block"><span>E-mail Address</span>
  147.                 <input
  148.                     class="form-control"
  149.                     type="text"
  150.                     name="email"
  151.                     placeholder="Your E-mail Address"
  152.                     required
  153.                 />
  154.             </label>
  155.             <button
  156.                 class="btn btn-secondary"
  157.                 type="submit"
  158.             >Submit</button>
  159.         </form>
  160.     </div>
  161.     #}
  162.     <hr />
  163.     
  164.     <ul class="js-actions mt-3">
  165.         <li class="hidden"><a data-class="mod-sign-in" href="#">Click here to Sign-In.</a></li>
  166.         {#
  167.         <li><a  href="/sign-up">Click here to Sign-Up.</a></li>
  168.         <li><a  href="/forgot-password">Forgot Password? Click here.</a></li>
  169.         <li><a  href="/forgot-username">Forgot Username? Click here.</a></li>
  170.         <li><a  href="/send-activation">Resend Activation Token.</a></li>
  171.         #}
  172.         
  173.         
  174.         <li><a href="/sign-up">Click here to Sign-Up.</a></li>
  175.         {#
  176.         <li><a data-class="mod-forgot-password" href="#">Forgot Password? Click here.</a></li>
  177.         <li><a data-class="mod-forgot-username" href="#">Forgot Username? Click here.</a></li>
  178.         <li><a data-class="mod-resend-activation" href="#">Resend Activation Token.</a></li>
  179.         #}
  180.         
  181.     </ul>
  182.     
  183. </div>
  184. {# Linking to sign-up page. This is not currently needed.
  185. <script>
  186. (function($){
  187.     $(function(){
  188.         
  189.         // Module Tab functionality
  190.         // ============================
  191.                 
  192.         $(".js-actions a").click(function (e) {
  193.             $(this).parents(".js-actions").find(".hidden").removeClass("hidden");
  194.             $(this).parent("li").addClass("hidden");
  195.             $(this).parents(".module-content").find(".mod").addClass("hidden");
  196.             var cls = $(this).attr("data-class"),
  197.                 elm = $(this).parents(".module-content").find("." + cls).addClass("show-transition").removeClass("hidden");
  198.             setTimeout(function () {
  199.                 elm.removeClass("show-transition");
  200.             }, 1);
  201.             
  202.             e.preventDefault();
  203.         });
  204.         
  205.     });
  206. }(jQuery));
  207. </script>
  208. #}
  209. {% endblock %}