]> Dogcows Code - chaz/chatty/blob - root/tt/wrapper.tt
better client-side form validation; layout tweaks
[chaz/chatty] / root / tt / wrapper.tt
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <meta name="author" content="Charles McGarvey">
6 <meta name="description" content="This is a chat application in Catalyst!">
7 <link rel="stylesheet" type="text/css" href="[% c.uri_for('/static/css/common.css') %]">
8 <link rel="stylesheet" type="text/css" href="[% c.uri_for('/static/css/validationEngine.jquery.css') %]">
9 <title>Chatty - [% template.title or 'Toy chat application written in Perl/Catalyst' %]</title>
10 </head>
11 <body>
12 <div id="outer">
13 [% IF error -%]
14 <div id="error">
15 [% error %]
16 </div>
17 [% END -%]
18 [% IF message -%]
19 <div id="message">
20 [% message %]
21 </div>
22 [% END -%]
23 <div id="inner">
24 <div class="right">
25 [% IF c.user_exists -%]
26 <a href="[% c.uri_for_action('logout') %]">Log Out</a>
27 [% END -%]
28 </div>
29 <img src="[% c.uri_for('/static/img/chat.png') %]" alt="Chat!">
30 [% content -%]
31 <div id="footer">
32 Copyright &copy; 2011 Charles McGarvey. Some rights reserved.
33 <div class="right">
34 <a href="http://www.catalystframework.org/">
35 <img src="[% c.uri_for('/static/img/btn_88x31_built_shadow.png') %]">
36 </a>
37 </div>
38 </div>
39 </div>
40 </div>
41 <script type="text/javascript" src="http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js"></script>
42 <script type="text/javascript" src="[% c.uri_for('/static/js/jquery.validationEngine-2.2.1.min.js') %]"></script>
43 <script type="text/javascript" src="[% c.uri_for('/static/js/jquery.validationEngine-en.js') %]"></script>
44 <script type="text/javascript">
45 $(function () {
46 [% IF error -%]
47 $('#error').click(function() {
48 $.mask.close();
49 $(this).slideUp('fast');
50 });
51 $('#error').delay(200).slideDown('fast').fadeOut('fast').fadeIn('fast').fadeOut('fast').fadeIn('fast');
52 [% END -%]
53 [% IF message -%]
54 $('#message').click(function() {
55 $(this).slideUp('fast');
56 });
57 $('#message').delay(200).slideDown('fast');
58 setTimeout("$('#message').slideUp()", 5000);
59 [% END -%]
60 [% TRY; INCLUDE js; CATCH; ''; END -%]
61 });
62 </script>
63 </body>
64 </html>
This page took 0.03539 seconds and 4 git commands to generate.