some user interface tweaks

[chaz/chatty] / root / tt / wrapper.tt
diff --git a/root/tt/wrapper.tt b/root/tt/wrapper.tt

index cfcaf5bd5319af617fae4832b72337a7eca43c78..87d510628de4799a1f458950054dd445a607bf23 100644 (file)
--- a/root/tt/wrapper.tt
+++ b/root/tt/wrapper.tt
@@ -4,15 +4,63 @@
                 <meta charset="utf-8">
                 <meta name="author" content="Charles McGarvey">
                 <meta name="description" content="This is a chat application in Catalyst!">
-               <link rel="stylesheet" type="text/css" href="[% c.uri_for('static/css/common.css') %]">
+               <link rel="stylesheet" type="text/css" href="[% c.uri_for('/static/css/common.css') %]">
+               <link rel="stylesheet" type="text/css" href="[% c.uri_for('/static/css/validationEngine.jquery.css') %]">
                 <title>Chatty - [% template.title or 'Toy chat application written in Perl/Catalyst' %]</title>
         </head>
         <body>
                 <div id="outer">
+[% IF error -%]
+                       <div id="error">
+                               [% error %]
+                       </div>
+[% END -%]
+[% IF message -%]
+                       <div id="message">
+                               [% message %]
+                       </div>
+[% END -%]
                         <div id="inner">
-[% content %]
+                               <div class="right">
+[% IF c.user_exists -%]
+                                       Logged in as [% c.user.obj.username %]. <a href="[% c.uri_for_action('logout') %]">Log Out</a>
+[% END -%]
+                               </div>
+                               <a href="[% c.uri_for('/') %]">
+                                       <img src="[% c.uri_for('/static/img/chat.png') %]" alt="Chat!">
+                               </a>
+[% content -%]
+                               <div id="footer">
+                                       Copyright &copy; 2011 Charles McGarvey. Some rights reserved.
+                                       <div class="right">
+                                               <a href="http://www.catalystframework.org/">
+                                                       <img src="[% c.uri_for('/static/img/btn_88x31_built_shadow.png') %]">
+                                               </a>
+                                       </div>
+                               </div>
                         </div>
                 </div>
-               <script type="text/javascript" src="[% static('js/jquery.tools-1.2.6.min.js') %]"></script>
+               <script type="text/javascript" src="http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js"></script>
+               <script type="text/javascript" src="[% c.uri_for('/static/js/jquery.validationEngine-2.2.1.min.js') %]"></script>
+               <script type="text/javascript" src="[% c.uri_for('/static/js/jquery.validationEngine-en.js') %]"></script>
+               <script type="text/javascript">
+                       $(function () {
+[% IF error -%]
+                               $('#error').click(function() {
+                                       $.mask.close();
+                                       $(this).slideUp('fast');
+                               });
+                               $('#error').delay(200).slideDown('fast').fadeOut('fast').fadeIn('fast').fadeOut('fast').fadeIn('fast');
+[% END -%]
+[% IF message -%]
+                               $('#message').click(function() {
+                                       $(this).slideUp('fast');
+                               });
+                               $('#message').delay(200).slideDown('fast');
+                               setTimeout("$('#message').slideUp()", 5000);
+[% END -%]
+[% TRY; INCLUDE js; CATCH; ''; END -%]
+                       });
+               </script>
         </body>
  </html>