Use Semantic UI for all HTML templates
[cacert-boardvoting.git] / templates / direct_vote_form.html
index 3b656f2..861c68a 100644 (file)
@@ -1,22 +1,27 @@
 {{ template "header" . }}
-<a href="/motions/">Show all votes</a>
-<table class="list">
-    <thead>
-    <tr>
-        <th>Status</th>
-        <th>Motion</th>
-    </tr>
-    </thead>
-    <tbody>
-    <tr>
-        {{ with .Decision }}
-        {{ template "motion_fragment" .}}
-        {{ end}}
-    </tr>
-    </tbody>
-</table>
-
+<div class="column">
+    <div class="ui basic segment">
+        <div class="ui floated right secondary menu">
+            <a href="/motions/" class="item" title="Show all votes">Back to motions</a>
+        </div>
+    </div>
+</div>
+{{ with .Decision }}
+<div class="column">
+    <div class="ui raised segment">
+        {{ template "motion_fragment" . }}
+    </div>
+</div>
+{{ end }}
 <form action="/vote/{{ .Decision.Tag }}/{{ .VoteChoice }}" method="post">
-    <input type="submit" value="Vote {{ .VoteChoice }}"/>
+    <div class="ui form">
+        {{ if eq 1 .VoteChoice }}
+        <button class="ui right labeled green icon button" type="submit"><i class="check circle icon"></i> Vote {{ .VoteChoice }}</button>
+        {{ else if eq -1 .VoteChoice }}
+        <button class="ui right labeled red icon button" type="submit"><i class="minus circle icon"></i> Vote {{ .VoteChoice }}</button>
+        {{ else }}
+        <button class="ui right labeled grey icon button" type="submit"><i class="circle icon"></i> Vote {{ .VoteChoice }}</button>
+        {{ end }}
+    </div>
 </form>
 {{ template "footer" . }}
\ No newline at end of file