panikweb_templates/templates/grid.html

   1 {% extends "base.html" %}
   2 {% load paniktags %}
   3
   4 {% block main %}
   5
   6 <style>
   7     #grille table, #grille tr, #grille td {
   8         text-align: center;
   9         vertical-align: middle;
  10     }
  11     #grille .symbol {
  12         font-size:40px;
  13         width:100%;
  14     }
  15     #grille table {
  16         border-top: 5px solid #D0D0D0;
  17         border-left: 5px solid #D0D0D0;
  18     }
  19     #grille td {
  20         border-bottom: 5px solid #D0D0D0;
  21         border-right: 5px solid #D0D0D0;
  22     }
  23     #grille .heure {
  24         -webkit-transform: rotate(-90deg);
  25         -moz-transform: rotate(-90deg);
  26         -ms-transform: rotate(-90deg);
  27         -o-transform: rotate(-90deg);
  28         filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  29         padding:20px 10px;
  30         font-size:15px;
  31     }
  32
  33     #grille h3 {
  34        width: 100%;
  35     }
  36
  37     #grille .jour {
  38         margin-top:20px;
  39         margin-bottom:30px;
  40         width: 100%;
  41     }
  42      #grille .continu, #grille .communautaire, #grille .mix, #grille .info {
  43         font-family:Reglo;
  44         text-transform:uppercase;
  45         font-size:15px;
  46         margin-bottom:10px;
  47         line-height: 100%;
  48     }
  49
  50     #grille td:hover {
  51         cursor: pointer;
  52         background-color: #D0D0D0;
  53     }
  54 </style>
  55
  56
  57 <div id="grille">
  58 <table>
  59 <tbody>
  60 <tr>
  61   <td><br/></td>
  62   {% for weekday in weekdays %}
  63     <td width="13%"><h3 class="jour">{{ weekday }}</h3></td>
  64   {% endfor %}
  65   <td><br/></td>
  66 </tr>
  67 {% for time_header, time_cells in times|zip:grid %}
  68 <tr>
  69   <td class="heure">{{ time_header }}</td>
  70   {% for cell in time_cells %}
  71   <td {% if cell.w > 1 %}colspan="{{cell.w}}"{% endif %}
  72       {% if cell.h > 1 %}rowspan="{{cell.h}}"{% endif %}>
  73       {% if cell.time_label %}<h5>{{ cell.time_label }}</h5>{% endif %}
  74       {% if cell.schedules %}
  75         {% for schedule in cell.schedules %}
  76         <h4><a href="{% url 'emission-view' slug=schedule.emission.slug %}">{{ schedule.emission.title }}</a></h4>
  77         {% if schedule.weeks_string %}
  78           ({{ schedule.weeks_string }})
  79         {% endif %}
  80         {% endfor %}
  81       {% else %}
  82         <h3 class="continu">{{ cell }}</h3>
  83         {% if cell.w > 1 and cell.h > 1%}<p>la musique en continu</p>{% endif %}
  84       {% endif %}
  85   </td>
  86   {% endfor %}
  87   <td class="heure">{{ time_header }}</td>
  88 </tr>
  89 {% endfor %}
  90 </tbody>
  91 </table>
  92 </div>
  93
  94
  95 {% endblock %}
  96
  97 {% block news %}
  98 {% endblock %}