calendar.html 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. {% extends "dbadmin_base.html" %}
  2. {%block scripts%}
  3. {{super()}}
  4. <script type="text/javascript" src="{{url_for('static', filename='calendar.js')}}"></script>
  5. {%endblock%}
  6. {% block styles%}
  7. {{super()}}
  8. <style>
  9. .soft-highlight { background-color: rgba(230, 230, 118, 0.36); }
  10. .alarm-highlight { background-color: #e1fe84; }
  11. time { transition: background-color 500ms; font-weight: bold; }
  12. li.alarm .alarm-actions { display: none; }
  13. </style>
  14. {% endblock %}
  15. {% block title %}Larigira - Calendar{%endblock%}
  16. {% block content %}
  17. <div class="container-fluid">
  18. <div class="row">
  19. {% if not show_all %}
  20. <a href="{{url_for('db.events_calendar')}}?all=1"
  21. class="btn btn-sm btn-default state-collapsed pull-right">
  22. <span class="glyphicon glyphicon-resize-full"></span>
  23. Mostra tutti gli eventi</a>
  24. {% else %}
  25. <a href="{{url_for('db.events_calendar')}}?all=0"
  26. class="btn btn-sm btn-default state-collapsed pull-right">
  27. <span class="glyphicon glyphicon-resize-small"></span>
  28. Nascondi gli eventi troppo frequenti</a>
  29. {% endif %}
  30. </div>
  31. {% for week, weekdays in weeks|dictsort %}
  32. <div class="week row" id="week-{{week[0]}}-{{week[1]}}">
  33. {% for day in weeks[week] %}
  34. <div class="day col-lg-2 col-md-3 col-sm-6 col-xs-12">
  35. <h2><time datetime="{{day}}">{{day|dateformat(config.UI_CALENDAR_DATE_FMT)}}</time></h2>
  36. {% for t in days[day]|sort %}
  37. <div>
  38. <ul>
  39. {% for alarm, actions in days[day][t] %}
  40. <li class="alarm {% if alarm.eid|string == request.args.get('highlight')%}alarm-highlight{%endif%}" data-alarmid="{{alarm.eid}}" data-actions="{{alarm.actions|join(',')}}">
  41. <time>{{t.time()}}</time>
  42. {{alarm.nick}}
  43. <div class="alarm-actions">
  44. {% for a in actions %}{{a.nick}}{%endfor%}
  45. </div>
  46. </li>
  47. {% endfor %}
  48. </ul>
  49. </div>
  50. {%endfor %}
  51. </div><!-- day {{day}} -->
  52. {% endfor %}
  53. </div><!-- week {{week}} -->
  54. <hr/>
  55. {%endfor %}
  56. </div><!-- container -->
  57. {% endblock content %}
  58. {# vim: set ts=2 sw=2 noet: #}