Use Semantic UI for all HTML templates
[cacert-boardvoting.git] / templates / motions.html
index bb4bb94..3f82092 100644 (file)
@@ -1,52 +1,52 @@
 {{ template "header" . }}
 {{ $voter := .Voter }}
 <div class="column">
-    <div class="ui floated right secondary menu">
-        <a href="/motions/" class="{{ if not .Params.Flags.Unvoted }}active {{ end }}item" title="Show all votes">All votes</a>
-        <a href="/motions/?unvoted=1" class="{{ if .Params.Flags.Unvoted }}active {{ end}}item" title="Show my outstanding votes">My outstanding votes</a>
+    <div class="ui basic segment">
+        <div class="ui floated right secondary menu">
+
+            <a href="/motions/" class="{{ if not .Params.Flags.Unvoted }}active {{ end }}item" title="Show all votes">All votes</a>
+            {{ if $voter }}<a href="/motions/?unvoted=1" class="{{ if .Params.Flags.Unvoted }}active {{ end}}item" title="Show my outstanding votes">My outstanding votes</a>{{ end }}
+        </div>
+        {{ if $voter }}<a class="ui primary button" href="/newmotion/">New motion</a>{{ end }}
+        {{ if .PrevPage -}}
+        <a href="?page={{ .PrevPage }}{{ if .Params.Flags.Unvoted }}&unvoted=1{{ end }}"
+           class="ui left labeled icon button" title="newer motions"><i class="left arrow icon"></i> newer</a>
+        {{- end }}
+        {{ if .NextPage -}}
+        <a href="?page={{ .NextPage }}{{ if .Params.Flags.Unvoted }}&unvoted=1{{ end }}"
+           class="ui right labeled icon button" title="older motions"><i class="right arrow icon"></i> older</a>
+        {{- end }}
     </div>
 </div>
 {{ if .Decisions }}
     {{ range .Decisions }}
-    {{ template "motion_fragment" . }}
-    {{ end }}
-<table class="list">
-    <thead>
-    <tr>
-        <th>Status</th>
-        <th>Motion</th>
-        {{ if $voter }}
-        <th>Actions</th>
-        {{ end }}
-    </tr>
-    </thead>
-    <tbody>
-    {{range .Decisions }}
-    <tr>
+    <div class="column">
+        <div class="ui raised segment">
         {{ template "motion_fragment" . }}
         {{ if $voter }}{{ template "motion_actions" . }}{{ end }}
-    </tr>
-    {{end}}
-    <tr>
-        <td colspan="2" class="navigation">
-            {{ if .PrevPage }}<a href="?page={{ .PrevPage }}{{ if .Params.Flags.Unvoted }}&unvoted=1{{ end }}" title="previous page">&lt;</a>{{ end }}
-            {{ if .NextPage }}<a href="?page={{ .NextPage }}{{ if .Params.Flags.Unvoted }}&unvoted=1{{ end }}" title="next page">&gt;</a>{{ end }}
-        </td>
-        {{ if $voter }}
-        <td class="actions">
-            <ul>
-                <li><a href="/newmotion/">New Motion</a></li>
-            </ul>
-        </td>
-        {{ end }}
-    </tr>
-    </tbody>
-</table>
-{{else}}
-{{ if .Params.Flags.Unvoted }}
-<p>There are no motions requiring a vote from you.</p>
+        </div>
+    </div>
+    {{ end }}
+<div class="column">
+    <div class="ui basic segment">
+{{ if $voter }}<a class="ui primary button" href="/newmotion/">New motion</a>{{ end }}
+{{ if .PrevPage -}}
+    <a href="?page={{ .PrevPage }}{{ if .Params.Flags.Unvoted }}&unvoted=1{{ end }}"
+       class="ui left labeled icon button" title="newer motions">
+        <i class="left arrow icon"></i> newer</a>
+{{- end }}
+{{ if .NextPage -}}
+    <a href="?page={{ .NextPage }}{{ if .Params.Flags.Unvoted }}&unvoted=1{{ end }}"
+       class="ui right labeled icon button" title="older motions">
+       <i class="right arrow icon"></i> older</a>
+{{- end }}
+    </div>
+</div>
 {{ else }}
-<p>There are no motions in the system yet.</p>
+    {{ if .Params.Flags.Unvoted }}
+    <p>There are no motions requiring a vote from you.</p>
+    {{ else }}
+    <p>There are no motions in the system yet.</p>
+    {{ end }}
 {{ end }}
-{{end}}
 {{ template "footer" . }}
\ No newline at end of file