plomlompom.com Git - misc/blob - todo_templates/do_todos.html

   1 {% extends 'base.html' %}
   2 {% block css %}
   3 table.alternating tr:nth-child(even) {
   4     background-color: #cccccc;
   5 }
   6 table.alternating tr:nth-child(odd) {
   7     background-color: #ffffff;
   8 }
   9 th, td { text-align: left}
  10 th.desc { background: linear-gradient(to bottom, white, grey); }
  11 th.center { text-align: center; }
  12 td.checkbox, td.number { height: 0.1em; padding: 0em; text-align: center; }
  13 td.checkbox { width: 0.1em; text-align: center; }
  14 td button { height: 1.5em; padding: 0em; margin: 0em }
  15 input[type="number"] { text-align: right; }
  16 th.desc { background: linear-gradient(to bottom, white, grey); }
  17 {% endblock %}
  18 {% block content %}
  19 <form action="do_todos" method="POST">
  20 {% include 'tagfilters.html' %}
  21 <br />
  22 <input name="hide_done" type="checkbox" {% if hide_done %}checked{% endif %} /> hide done
  23 <input type="submit" name="filter" value="filter" />
  24 </form>
  25 <h3>do day</h3>
  26 <form id="form_to_watch" action="do_todos" method="POST">
  27 <p>
  28 | <a href="do_todos?date={{prev_date}}">prev</a> | {{day.date}} | <a href="do_todos?date={{next_date}}">next</a> |
  29 comment: <input name="day_comment" value="{{day.comment|e}}">
  30 <input type="submit" value="update">
  31 <input type="hidden" name="date" value="{{day.date}}" />
  32 </p>
  33 <table class="alternating">
  34 <tr>
  35 <th {% if sort=='done' %}class="desc"{% endif %}><a href="?sort=done">done</a></th>
  36 <th class="center{% if sort=='default_effort' %} desc{% endif %}"><a href="?sort=default_effort">effort</a></th>
  37 <th {% if sort=='importance' %}class ="desc"{% endif %}><a href="?sort=importance">importance</a></th>
  38 <th {% if sort=='title' %}class="desc"{% endif %}><a href="?sort=title">todo</a></th>
  39 <th>comment</th>
  40 {% for todo in todos %}
  41 <tr>
  42 <input name="todo_id" value="{{todo.id_}}" type="hidden" >
  43 <td class="checkbox">
  44 {% if todo.children %}
  45 {% if todo.done %}✓{% else %}&nbsp;&nbsp;{% endif %}
  46 {% else %}
  47 <input name="done" type="checkbox" value="{{todo.id_}}" {% if todo.done %}checked{% endif %}>
  48 {% endif %}
  49 </td>
  50 <td class="number">
  51 {% if todo.children %}
  52 <input type="hidden" name="effort" value="0" />
  53 {% else %}
  54 <input class="effort_input" name="effort" type="number" step=0.1 size=7 value="{% if todo.day_effort is not none %}{{todo.day_effort}}{% endif %}" placeholder={{"%.1f"|format(todo.task.default_effort.then)}} >
  55 {% endif %}
  56 </td>
  57 <td class="number"><input name="importance" type="number" step=0.1 size=7 value={{todo.importance}} } ></td>
  58 <td><a href="todo?id={{todo.id_}}">{{todo.path}}{{todo.title}}</a></td>
  59 <td><input name="effort_comment" type="text" size=100 value="{{todo.comment|e}}" /></td>
  60 </tr>
  61 {% endfor %}
  62 </table>
  63 <input type="submit" value="update">
  64 </form>
  65 {% include 'watch_form.html' %}
  66 <script>
  67 var effort_inputs = document.getElementsByClassName("effort_input");
  68 for (let i = 0; i < effort_inputs.length; i++) {
  69     let input = effort_inputs[i];
  70     let button = document.createElement('button');
  71     button.innerHTML = '+' + parseFloat(input.placeholder).toFixed(1);
  72     button.onclick = function(event) {
  73         event.preventDefault();
  74         if (input.value) {
  75             input.value = parseFloat(input.value) + parseFloat(input.placeholder);
  76         } else {
  77             input.value = parseFloat(input.placeholder);
  78         }
  79         input.value = parseFloat(input.value).toFixed(1);
  80         formHasChanged = true;
  81     };
  82     input.insertAdjacentElement('afterend', button);
  83 }
  84 </script>
  85 {% endblock %}