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                                           {% else %}
  78                                                 <span class="fa fa-square-o"></span>
  79                                           {% endif %}
  80                                         {% endif %}
  81
  82                                 </div>
  83                                 <div class="col-xs-10">
  84                                   <a href="/details/{{task.id}}/">
  85                                   {{ task.name }}</div>
  86                                   </a>
  87                                 <div class="col-xs-10">{{ task.created_date  }}</div>
  88                                 <div class="col-xs-1 actions-column">
  89                                         <a href="/delete/{{task.id}}/"><span class="fa fa-times"></span></a>
  90                                 </div>
  91                         </li>
  92                 {% endfor %}
  93         </ul>
  94
  95 {% if not alldone %}
  96 <script src="/static/jquery.min.js"></script>
  97
  98 <script>
  99 function worker() {
 100   $.ajax({
 101     data:{csrfmiddlewaretoken: '{{ csrf_token }}'},
 102     url: "/refresh_done/",
 103     type:"post",
 104     success: function(data) {
 105       window.location.href = "/refresh_done/";
 106     },
 107     complete: function() {
 108       // Schedule the next request when the current one's complete
 109       setTimeout(worker, 30000);
 110     }
 111   });
 112 };
 113 $(document).ready(function() {
 114   // run the first time; all subsequent calls will take care of themselves
 115   setTimeout(worker, 30000);
 116 });
 117 </script>
 118 {% endif %}
 119
 120 {% endblock %}