<html>
<head>
<title>{% block title %}Motion list{% endblock %}</title>
-<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<style type="text/css">
.motion {
border: 1px solid black;
+ margin-top:5px;
+ margin-bottom:5px;
}
.motion .motion-title input.motion-title-input {
width: 80%;
.motion p {
padding: 10px;
}
+form {
+ margin-top:5px;
+ margin-bottom:5px;
+}
</style>
</head>
<body>
{% block body %}
<div class="container">
{%- if categories|length != 0 %}
-<form action="/motion" method="POST" class="form-inline">
-<div class="panel panel-default">
-<div class="panel-body">
+<div class="card">
+<div class="card-body">
User: {{g.user}}
</div>
</div>
-<div class="motion panel panel-default">
- <div class="motion-title panel-heading from-group">
+<form action="/motion" method="POST" class="form-inline">
+<div class="motion card">
+ <div class="motion-title card-heading bg-light from-group">
<input class="form-control motion-title-input" placeholder="Motion title" type="text" name="title" id="title">
{%- if categories|length == 1 %}
<input type="text" class="float form-control" maxwidth="10" disabled value="{{categories[0]}}">
{%- endfor %}
</select>
</div>
- <div class="panel-body">
+ <div class="card-body">
<textarea class="form-control" placeholder="Motion content" name="content" rows="8" cols="70"></textarea><br>
Editing note: Markdown is used formatting.<br>
To add a line break add two lines, to enter a link use [text](https//domain.tld/link)<br>
-<div class="motion panel
-{%- if motion.running %} panel-default
-{%- elif motion.canceled %} panel-warning
-{%- elif motion.yes is defined %}{% if motion.yes != None and motion.no != None and motion.yes > motion.no %} panel-success{% else %} panel-danger{% endif %}
-{%- else %} panel-default{%- endif -%}
-" id="motion-{{motion.id}}">
- <div class="motion-title panel-heading">
+<div class="motion card" id="motion-{{motion.id}}">
+ <div class="motion-title card-heading
+ {%- if motion.running %} bg-light
+{%- elif motion.canceled %} text-white bg-warning
+{%- elif motion.yes is defined %}{% if motion.yes != None and motion.no != None and motion.yes > motion.no %} text-white bg-success{% else %} text-white bg-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># <a href="/motion/{{motion.identifier}}" class="anchor">{{motion.identifier}}</a></div>
<div>Votes until: {{motion.deadline|timestamp}} (UTC)</div></div>
{%- endif %}
</div>
- <div class="panel-body">
+ <div class="card-body">
<p>{{motion.content|markdown}}</p>
{%- if motion.yes or motion.no or motion.abstain %}
<p>
{% block body %}
{%- include 'motion.html' %}
{%- if votes %}
-<div class="panel panel-info" id="votes">
- <div class="panel-heading">
+<div class="motion card" id="votes">
+ <div class="card-heading text-white bg-info">
Motion Votes
</div>
- <div class="panel-body">
+ <div class="card-body">
{%- for row in votes %}
<div>{{row.email}}: {{row.result}}</div>
{%- endfor %}