Shuffle nominees in frontend list

Resources/Private/Templates/FeElection/Show.html

@@ -28,7 +28,7 @@
                     </th>
                 </tr>
                 </thead>
-                <tbody>
+                <tbody class="shuffle-rows">
                 <f:for each="{election.nominees}" as="nominee">
                     <tr>
                         <td>

Resources/Public/Css/election.css

+.shuffle-rows {
+    display: none;
+}
\ No newline at end of file

Resources/Public/JavaScript/election.js

+$(function () {
+    $(document).ready(function () {
+        $('.shuffle-rows').each(function(){
+            var parent = $(this);
+            var elements = parent.children();
+            while (elements.length) {
+                parent.append(elements.splice(Math.floor(Math.random() * elements.length), 1)[0]);
+            }
+        }).show();
+    });
+});
\ No newline at end of file

ext_typoscript_setup.txt

@@ -231,3 +231,11 @@ plugin {
 		}
 	}
 }
+page {
+	includeCSS {
+		t3olayout = EXT:election/Resources/Public/Css/election.css
+	}
+	includeJSFooter {
+		shuffleRows = EXT:election/Resources/Public/JavaScript/election.js
+	}
+}
\ No newline at end of file