Mercurial > bus-service / annotate
templates/stop_week.html@de003a55cc17 (annotated)
templates/stop_week.html
Mon, 05 Mar 2018 12:36:53 +0200
- author
- Teemu Piippo <teemu@hecknology.net>
- date
- Mon, 05 Mar 2018 12:36:53 +0200
- changeset 82
- de003a55cc17
- parent 78
- ead971f9569c
- child 87
- 9139a94e540c
- permissions
- -rw-r--r--
add replacement
| 78 | 1 | {% from "macros.html" import route_rep %} |
| 2 | <html> | |
| 3 | <head> | |
| 4 | <link rel="icon" type="image/png" href="../static/favicon.png" /> | |
| 5 | <link rel="stylesheet" type="text/css" href="../static/style.css" /> | |
| 6 | <meta charset='UTF-8' /> | |
| 7 | <title>{{name}}</title> | |
| 8 | <style> | |
| 9 | .minute-time | |
| 10 | { | |
| 11 | font-weight: bold; | |
| 12 | } | |
| 13 | ||
| 14 | td.minute-time | |
| 15 | { | |
| 16 | width: 20pt; | |
| 17 | text-align: right; | |
| 18 | border-left: 1px solid gray; | |
| 19 | } | |
| 20 | ||
| 21 | td.minute-route | |
| 22 | { | |
| 23 | width: 0; | |
| 24 | margin: 0; | |
| 25 | padding-left: 0; | |
| 26 | padding-right: 3pt; | |
| 27 | text-align: left; | |
| 28 | } | |
| 29 | .minute-route span | |
| 30 | { | |
| 31 | font-size: 75%; | |
| 32 | } | |
| 33 | ||
| 34 | .hour-column | |
| 35 | { | |
| 36 | width: 20pt; | |
| 37 | } | |
| 38 | ||
| 39 | /* | |
| 40 | * Working days | |
| 41 | */ | |
| 42 | tr.working-day td.minute-time | |
| 43 | { | |
| 44 | border-left: 1px solid #0f2e4d; | |
| 45 | } | |
| 46 | ||
| 47 | .aikataulu tr.working-day td, .aikataulu tr.working-day th | |
| 48 | { | |
| 49 | border-top: 1px solid #0f2e4d; | |
| 50 | } | |
| 51 | ||
| 52 | .aikataulu tr.working-day | |
| 53 | { | |
| 54 | background-color: #adcae6; | |
| 55 | } | |
| 56 | ||
| 57 | .aikataulu tbody tr.working-day:nth-child(even) | |
| 58 | { | |
| 59 | background-color: #8fa7bf; | |
| 60 | } | |
| 61 | ||
| 62 | .aikataulu tr.working-day.night | |
| 63 | { | |
| 64 | background-color: #1f2933; | |
| 65 | color: white; | |
| 66 | } | |
| 67 | ||
| 68 | .aikataulu tbody tr.working-day.night:nth-child(even) | |
| 69 | { | |
| 70 | background-color: #2f3e4d; | |
| 71 | color: white; | |
| 72 | } | |
| 73 | ||
| 74 | /* | |
| 75 | * Satuday | |
| 76 | */ | |
| 77 | tr.saturday td.minute-time | |
| 78 | { | |
| 79 | border-left: 1px solid #194d0f; | |
| 80 | } | |
| 81 | ||
| 82 | .aikataulu tr.saturday td, .aikataulu tr.saturday th | |
| 83 | { | |
| 84 | border-top: 1px solid #194d0f; | |
| 85 | } | |
| 86 | ||
| 87 | .aikataulu tr.saturday | |
| 88 | { | |
| 89 | background-color: #b6e6ad; | |
| 90 | } | |
| 91 | ||
| 92 | .aikataulu tbody tr.saturday:nth-child(even) | |
| 93 | { | |
| 94 | background-color: #97bf8f; | |
| 95 | } | |
| 96 | ||
| 97 | .aikataulu tr.saturday.night | |
| 98 | { | |
| 99 | background-color: #30402d; | |
| 100 | color: white; | |
| 101 | } | |
| 102 | ||
| 103 | .aikataulu tbody tr.saturday.night:nth-child(even) | |
| 104 | { | |
| 105 | background-color: #4c6647; | |
| 106 | color: white; | |
| 107 | } | |
| 108 | ||
| 109 | /* | |
| 110 | * Sunday | |
| 111 | */ | |
| 112 | tr.sunday td.minute-time | |
| 113 | { | |
| 114 | border-left: 1px solid #4d132d; | |
| 115 | } | |
| 116 | ||
| 117 | .aikataulu tr.sunday td, .aikataulu tr.sunday th | |
| 118 | { | |
| 119 | border-top: 1px solid #4d132d; | |
| 120 | } | |
| 121 | ||
| 122 | .aikataulu tr.sunday | |
| 123 | { | |
| 124 | background-color: #e68ab8; | |
| 125 | } | |
| 126 | ||
| 127 | .aikataulu tbody tr.sunday:nth-child(even) | |
| 128 | { | |
| 129 | background-color: #bf7399; | |
| 130 | } | |
| 131 | ||
| 132 | .aikataulu tr.sunday.night | |
| 133 | { | |
| 134 | background-color: #4d2e3d; | |
| 135 | color: white; | |
| 136 | } | |
| 137 | ||
| 138 | .aikataulu tbody tr.sunday.night:nth-child(even) | |
| 139 | { | |
| 140 | background-color: #331f29; | |
| 141 | color: white; | |
| 142 | } | |
| 143 | </style> | |
| 144 | </head> | |
| 145 | {% macro night_class(hour) %} | |
| 146 | {% if hour < 5 or hour >= 23 %} | |
| 147 | night | |
| 148 | {% endif %} | |
| 149 | {% endmacro %} | |
| 150 | <body> | |
| 151 | <table class='aikataulu' cellspacing="0"> | |
| 152 | <thead> | |
| 153 | <tr> | |
| 154 | <th colspan='100' class='primary-heading'> | |
| 155 | <span><img src="../static/pysäkki.png" height="96" /> {{ref}} {{name}}</span> | |
| 156 | </th> | |
| 157 | </tr> | |
| 158 | </thead> | |
| 159 | <tbody> | |
| 160 | {% for day in week %} | |
| 161 | <tr class='{{day["day-class"]}}'> | |
| 162 | <th colspan='100'>{{day['day'].strftime('%a %e.%m.')}}</th> | |
| 163 | </tr> | |
| 164 | {% for hour, hour_schedule in day['schedule'].items() %} | |
| 165 | <tr class='{{day["day-class"]}} {{night_class(hour)}}'> | |
| 166 | <th class='hour-column {{night_class(hour)}}'>{{hour}}</th> | |
| 167 | {% for entry in hour_schedule %} | |
| 168 | <td class='minute-time'><span>{{'%02d' % entry['minute']}}</span></td> | |
| 169 | <td class='minute-route'><span>{{entry['route']}}</span></td> | |
| 170 | {% endfor %} | |
| 171 | </tr> | |
| 172 | {% endfor %} | |
| 173 | {% endfor %} | |
| 174 | </tbody> | |
| 175 | </table> | |
| 176 | </body> | |
| 177 | </html> |
