-<div class="motion panel panel-default" id="motion-{{motion.id}}">
+<div class="motion panel
+{%- if motion.running %} panel-default
+{%- elif motion.canceled %} panel-warning
+{%- elif motion.yes is defined %}{% if motion.yes > motion.no %} panel-success{% else %} panel-danger{% endif %}
+{%- else %} panel-default{%- endif -%}
+" id="motion-{{motion.id}}">
<div class="motion-title panel-heading">
<a href="/motion/{{motion.id}}" class="anchor">#</a>
- <span class="title-text">{{motion.name}}</span> ({{ 'Running' if motion.running else 'Finished' }})
- <div class="date"><div>Posed: {{motion.posed}}</div><div>Votes until: {{motion.deadline}}</div></div>
+ <span class="title-text">{{motion.name}}</span> ({{ 'Running' if motion.running else ('Canceled' if motion.canceled != None else 'Finished') }})
+ <span class="motion-type">{{motion.type}}</span>
+ <div class="date">
+ <div>Posed: {{motion.posed|timestamp}} by {{motion.poser}}</div>
+{%- if motion.canceled != None %}
+ <div>Canceled: {{motion.canceled|timestamp}} by {{motion.canceler}}</div></div>
+{%- else %}
+ <div>Votes until: {{motion.deadline|timestamp}}</div></div>
+{%- endif %}
</div>
<div class="panel-body">
<p>{{motion.content}}</p>
{{vote|capitalize}} <span class="badge">{{motion[vote]}}</span><br>
{%- endfor %}
</p>
+{%- endif %}
+{%- if motion.canceled != None %}
+ <p>Cancelation reason: {{motion.cancelation_reason}}</p>
{%- endif %}
</div>
{%- block content %}{% endblock %}