| <header id="topNav"> |
| <a id="mp_action_home" href="#"> |
| <div id="homeBtn"></div> |
| </a> |
| </div> |
| <div id="mpinLogo"></div> |
| </header> |
| <div id="accountTopBar"> |
| <div id="mpinUser"> |
| <p><%= email %></p> |
| </div> |
| <div id="menuBtn"></div> |
| </div> |
| |
| <div id="pinsHolder"> |
| |
| <div id="inputContainer"> |
| <input id="pinpad-input" type="text" readonly="true" placeholder="Enter your Access Number" maxlength="mpin.pinSize"> |
| </div> |
| |
| <div class="pre-row"> |
| <div class="row"> |
| <div class="btn mp_pindigit" data-value="1"> |
| <span class="label">1</span> |
| </div> |
| <div class="btn mp_pindigit" data-value="2"> |
| <span class="label">2</span> |
| </div> |
| <div class="btn mp_pindigit" data-value="3"> |
| <span class="label">3</span> |
| </div> |
| </div> |
| </div> |
| <div class="pre-row"> |
| <div class="row"> |
| <div class="btn mp_pindigit" data-value="4"> |
| <span class="label">4</span> |
| </div> |
| <div class="btn mp_pindigit" data-value="5"> |
| <span class="label">5</span> |
| </div> |
| <div class="btn mp_pindigit" data-value="6"> |
| <span class="label">6</span> |
| </div> |
| </div> |
| </div> |
| <div class="pre-row"> |
| <div class="row"> |
| <div class="btn mp_pindigit" data-value="7"> |
| <span class="label">7</span> |
| </div> |
| <div class="btn mp_pindigit" data-value="8"> |
| <span class="label">8</span> |
| </div> |
| <div class="btn mp_pindigit" data-value="9"> |
| <span class="label">9</span> |
| </div> |
| </div> |
| </div> |
| <div class="pre-row"> |
| <div class="row bottom"> |
| <div class="btn" id="mpinClear" data-value="clear"> |
| <span class="label">{{hlp 'authPin_button_clear'}}</span> |
| </div> |
| <div class="btn mp_pindigit" data-value="0"> |
| <span class="label">0</span> |
| </div> |
| <div class="btn" id="mpinLogin" data-value="go"> |
| <span class="label">{{hlp 'authPin_button_login'}}</span> |
| </div> |
| </div> |
| </div> |
| </div> |
| <footer id="mpinFooter"> |
| <div id="homeBtn"></div> |
| </footer> |