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