ui/templates/messages-transient-header.html

   1 <!--<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.js" type="text/javascript"></script>-->
   2 <!-- <script type="text/javascript">{{ STATIC_URL }}js/ui.widget.js</script> -->
   3 <!--<script src="{{ STATIC_URL }}js/jquery.notify.js" type="text/javascript"></script>-->
   4 <!--<link rel='stylesheet' href='{{ STATIC_URL }}css/ui.notify.css' type='text/css' />-->
   5
   6 <script type="text/javascript">
   7 function create( template, vars, opts ){
   8         return $container.notify("create", template, vars, opts);
   9 }
  10
  11 $(function(){
  12         // initialize widget on a container, passing in all the defaults.
  13         // the defaults will apply to any notification created within this
  14         // container, but can be overwritten on notification-by-notification
  15         // basis.
  16
  17         // XXX disabled since jquery ui conflicts with bootstrap!
  18         //$container = $("#notifications").notify();
  19
  20         // create two when the pg loads
  21         //create("default", { title:'Default Notification', text:'Example of a default notification.  I will fade out after 5 seconds'});
  22         //create("sticky", { title:'Sticky Notification', text:'Example of a "sticky" notification.  Click on the X above to close me.'},{ expires:false });
  23
  24 {% if messages %}
  25         $(document).ready(function(){
  26                 {% for message in messages %}
  27             $("#notifications").notify("create", {
  28               title: 'Notification',
  29               text: '{{ message }}'
  30             },{
  31               expires: true,
  32               speed: 1000
  33             });
  34                 {% endfor %}
  35         });
  36 {% endif %}
  37
  38
  39 });
  40 </script>