reinstate the original messages mode in addition to the new popup-based one

[myslice.git] / views / templates / messages-transient-header.html

diff --git a/views/templates/messages-transient-header.html b/views/templates/messages-transient-header.html
new file mode 100644 (file)
index 0000000..0c292e7
--- /dev/null
+++ b/views/templates/messages-transient-header.html
@@ -0,0 +1,38 @@
+<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.js" type="text/javascript"></script>
+<!-- <script type="text/javascript">{{ STATIC_URL }}js/ui.widget.js</script> -->
+<script src="{{ STATIC_URL }}js/jquery.notify.js" type="text/javascript"></script>
+<link rel='stylesheet' href='{{ STATIC_URL }}css/ui.notify.css' type='text/css' />
+
+<script type="text/javascript">
+function create( template, vars, opts ){
+       return $container.notify("create", template, vars, opts);
+}
+
+$(function(){
+       // initialize widget on a container, passing in all the defaults.
+       // the defaults will apply to any notification created within this
+       // container, but can be overwritten on notification-by-notification
+       // basis.
+       $container = $("#notifications").notify();
+       
+       // create two when the pg loads
+       //create("default", { title:'Default Notification', text:'Example of a default notification.  I will fade out after 5 seconds'});
+       //create("sticky", { title:'Sticky Notification', text:'Example of a "sticky" notification.  Click on the X above to close me.'},{ expires:false });
+
+{% if messages %}
+       $(document).ready(function(){
+               {% for message in messages %}
+            $("#notifications").notify("create", {
+              title: 'Test Notification',
+              text: '{{ message }}'
+            },{
+              expires: false,
+              speed: 1000
+            });
+               {% endfor %}
+       });
+{% endif %}
+
+
+});
+</script>