Topics in Benutzeransicht

static/css/style.css

@@ -137,6 +137,16 @@ th.rede-medium-text {
     background-color: #F44335;
 }
 
+.rede-table-bg-blue {
+    color: white;
+    background-color: #448AFF;
+    font-weight: bold;
+}
+
+.rede-table-centered > td {
+    text-align: center;
+}
+
 .rede-paused-title {
     margin: 0 auto;
 }

templates/speech_content_index.html

@@ -7,7 +7,6 @@
             </h4>
         </div>
     {% endif %}
-    {% if event.current_topic_id != -1 and event.get_current_topic() %}
     <div class="mdl-card__title">
         {{ event.name }}: {{ event.get_current_topic().name }}
     </div>
@@ -19,6 +18,11 @@
             </tr>
         </thead>
         <tbody>
+        {% for topic in event.topics %}
+            {% if topic.id == event.current_topic_id %}
+                <tr class="rede-table-bg-blue rede-table-centered">
+                    <td colspan="2">{{ topic.name }}</td>
+                </tr>
                 {% for statement in event.get_current_topic().sorted_statements() %}
                     {% if statement.is_meta %}
                     <tr class="rede-table-bg-red">
@@ -29,12 +33,13 @@
                         <td class="mdl-data-table__cell">{{ statement.speaker.count(event.get_current_topic()) }}</td>
                     </tr>
                 {% endfor %}
-            </tbody>
-        </table>
             {% else %}
-        <div class="mdl-card__title">
-            {{ event.name }}: No topic set
-        </div>
+                <tr class="rede-table-centered">
+                    <td colspan="2">{{ topic.name }}</td>
+                </tr>
             {% endif %}
+        {% endfor %}
+        </tbody>
+    </table>
     </div>
 {% endfor %}