<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 %]
+[% content -%]
<hr>
<div id="footer">
Copyright © 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') %]">
+ <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 -%]
+$.tools.validator.localize("en", {
+ ':email' : 'Please enter a valid email address.',
+ '[required]' : 'This field is required.'
+});
+[% TRY; INCLUDE js; CATCH; ''; END -%]
+ });
+ </script>
</body>
</html>