django_simple/todo/templates/index.html

   1 {% extends "base.html" %}
   2 {% load i18n lazysignup_tags %}
   3 {% block content %}
   4
   5         <ul class="list-group">
   6
   7 <li class="list-group-item new-task-item task-item">
   8
   9 <div class="col-xs-3 form-group">
  10 <form action="/refresh_done/" method="post">
  11 {% csrf_token %}
  12 <input type="submit" class="btn" value="Refresh" name="refreshbtn">
  13 </form>
  14 </div>
  15
  16 <div class="col-xs-10 form-group">
  17 <h6 style="text-align:right;float:right;">
  18 {{ variable }} </h6>
  19
  20 </div>
  21 </li>
  22
  23               {% if not user|is_lazy_user %}
  24                 {% if tasks_count > 123 %}
  25                 <li class="list-group-item new-task-item task-item">
  26                 <div class="col-xs-12 form-group">
  27                  Too many jobs saved. Delete some before adding a new job.
  28                 </div>
  29                 </li>
  30                 {% else %}
  31                 <li class="list-group-item new-task-item task-item">
  32                         <form action="/add/" method="post">
  33                                 {% csrf_token %}
  34                                 <div class="col-xs-1 form-group">
  35                                 </div>
  36                                 <div class="col-xs-10 form-group">
  37                                         <input class="form-control" name="name" placeholder="Enter a new job name...">
  38                                 </div>
  39                                 <div class="col-xs-1 form-group">
  40                                         <button type="submit" class="btn btn-link">
  41                                                 <span class="fa fa-check save-button"></span>
  42                                         </button>
  43                                 </div>
  44                         </form>
  45                 </li>
  46                 {% endif %}
  47                 {% endif %}
  48                 <li class="list-group-item task-item">
  49                 <div class="col-xs-12 form-group">
  50                  Total jobs saved {{tasks_count }}. Maximum is 123.
  51                 </div>
  52                 </li>
  53                 <li class="list-group-item task-item">
  54                 <div class="col-xs-1">
  55                      done
  56                 </div>
  57                 <div class="col-xs-10">
  58                   job name
  59                 </div>
  60                 <div class="col-xs-10">
  61                   date created
  62                 </div>
  63                 <div class="col-xs-1">
  64                   delete
  65                 </div>
  66                 </li>
  67                 {% for task in tasks %}
  68                         <li class="list-group-item task-item">
  69                                 <div class="col-xs-1">
  70                                         {% if task.done %}
  71                                                 <span class="fa fa-check-square-o"></span>
  72                                         {% else %}
  73                                           {% if task.running > 0  %}
  74                                                 <span class="fa fa-spinner
  75                                                 fa-spin"></span>
  76                                                 {{ task.running }}%
  77                                              {% if task.running == 100  %}
  78                                              <font size="2">
  79                                              postprocessing
  80                                              </font>
  81                                              {% endif %}
  82                                           {% else %}
  83                                                 <span class="fa fa-square-o"></span>
  84                                           {% endif %}
  85                                         {% endif %}
  86
  87                                 </div>
  88                                 <div class="col-xs-10">
  89                                   <a href="/details/{{task.id}}/">
  90                                   {{ task.name }}</div>
  91                                   </a>
  92                                 <div class="col-xs-10">{{ task.created_date  }}</div>
  93                                 <div class="col-xs-1 actions-column">
  94                                         <a href="/delete/{{task.id}}/"><span class="fa fa-times"></span></a>
  95                                 </div>
  96                         </li>
  97                 {% endfor %}
  98         </ul>
  99
 100 {% if not alldone %}
 101 <script src="/static/jquery.min.js"></script>
 102
 103 <script>
 104 function worker() {
 105   $.ajax({
 106     data:{csrfmiddlewaretoken: '{{ csrf_token }}'},
 107     url: "/refresh_done/",
 108     type:"post",
 109     success: function(data) {
 110       window.location.href = "/refresh_done/";
 111     },
 112     complete: function() {
 113       // Schedule the next request when the current one's complete
 114       setTimeout(worker, 30000);
 115     }
 116   });
 117 };
 118 $(document).ready(function() {
 119   // run the first time; all subsequent calls will take care of themselves
 120   setTimeout(worker, 30000);
 121 });
 122 </script>
 123 {% endif %}
 124
 125 {% endblock %}