email.htm 3.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. <!DOCTYPE html>
  2. <html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'>
  3. <head>
  4. <meta charset='utf-8' />
  5. <meta http-equiv='Content-Type' content='text/html; charset=UTF-8' />
  6. <meta http-equiv='X-UA-Compatible' content='IE=edge' />
  7. <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' />
  8. <link rel='stylesheet' type='text/css' href='{$project_path}/themes/default/css.php' />
  9. <link rel='icon' href='{$favicon}'>
  10. <script language='JavaScript' type='text/javascript' src='{$project_path}/resources/jquery/jquery.min.js.php'></script>
  11. <script language='JavaScript' type='text/javascript'>
  12. //message bar display
  13. {literal}
  14. function display_message(msg, mood, delay) {
  15. mood = mood !== undefined ? mood : 'default';
  16. delay = delay !== undefined ? delay : {/literal}{$message_delay}{literal};
  17. if (msg !== '') {
  18. var message_text = $(document.createElement('div'));
  19. message_text.addClass('message_text message_mood_'+mood);
  20. message_text.html(msg);
  21. message_text.on('click', function() {
  22. var object = $(this);
  23. object.clearQueue().finish();
  24. $('#message_container div').remove();
  25. $('#message_container').css({opacity: 0, 'height': 0}).css({'height': 'auto'});
  26. } );
  27. $('#message_container').append(message_text);
  28. message_text.css({'height': 'auto'}).animate({opacity: 1}, 250, function(){
  29. $('#message_container').delay(delay).animate({opacity: 0, 'height': 0}, 500, function() {
  30. $('#message_container div').remove();
  31. $('#message_container').animate({opacity: 1}, 300).css({'height': 'auto'});
  32. });
  33. });
  34. }
  35. }
  36. {/literal}
  37. {literal}
  38. $(document).ready(function() {
  39. {/literal}
  40. {$messages}
  41. //message bar hide on hover
  42. {literal}
  43. $('#message_container').on('mouseenter',function() {
  44. $('#message_container div').remove();
  45. $('#message_container').css({opacity: 0, 'height': 0}).css({'height': 'auto'});
  46. });
  47. {/literal}
  48. {literal}
  49. }); //document ready end
  50. {/literal}
  51. </script>
  52. <title>{$login_title}</title>
  53. </head>
  54. <body>
  55. {if !empty($background_video)}
  56. <video id="background-video" autoplay muted2 poster="" onloadstart="this.playbackRate = 1;">
  57. <source src="{$background_video}" type="video/mp4">
  58. </video>
  59. {/if}
  60. <div id='page' align='center'>
  61. <div id='message_container'></div>
  62. <div id='default_login'>
  63. <a href='{$project_path}/'><img id='login_logo' style='width: {$login_logo_width}; height: {$login_logo_height};' src='{$login_logo_source}' /></a><br />
  64. <form method='post' name='frm' action=''>
  65. <div class='login_text'>
  66. {$login_email_description}
  67. <br /><br />
  68. <input class='formfld' type='text' style='text-align: center; min-width: 200px; width: 200px; margin-bottom: 8px;' name='authentication_code' maxlength='255' placeholder="{$login_authentication_code}" />
  69. </div>
  70. <div>
  71. <input type='submit' name='' class='btn' style='width: 100px; margin-top: 15px;' value='{$button_verify}' />
  72. {if !empty($username)}
  73. <br /><br />
  74. <a class='login_link' href='{$project_path}/logout.php'>{$button_cancel}</a>
  75. {/if}
  76. </div>
  77. </form>
  78. </div>
  79. </div>
  80. <script>document.getElementsByName('authentication_code')[0].focus();</script>
  81. </body>
  82. </html>