-<div class="motion panel panel-default" 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>
+<div class="motion card" id="motion-{{motion.id}}">
+ <div class="motion-title card-heading
+ {%- if motion.running %} alert-light
+{%- elif motion.canceled %} alert-warning
+{%- elif motion.yes is defined %}{% if motion.yes != None and motion.no != None and motion.yes > motion.no %} alert-success{% else %} alert-danger{% endif %}
+{%- else %} bg-light{%- endif -%}
+">
+ <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># {{motion.identifier}}
+{%- if singlemotion == False %}
+ <a class="btn btn-primary" href="/motion/{{motion.identifier}}" role="button">{{ _('Vote') if motion.running else _('Result') }}</a>
+{%- endif %}
+ </div>
+ <div class="date">
+ <div>{{_('Proposed')}}: {{_('%(dt)s (UTC) by %(user)s', dt=motion.posed|timestamp, user=motion.poser)}}</div>
+{%- if motion.canceled != None %}
+ <div>{{_('Canceled')}}: {{_('%(dt)s (UTC) by %(user)s', dt=motion.canceled|timestamp, user=motion.poser)}}</div>
+{%- else %}
+ <div>{{_('Votes until')}}: {{_('%(dt)s (UTC)', dt=motion.deadline|timestamp)}}</div>
+{%- endif %}
+ </div>