voting.html

---
layout: master
title: Voting
script_srcs: ['/js/jquery.min.js', '/js/jquery-ui.min.js', '/js/hogan.min.js', '/js/sprintf.min.js', '/js/voting.js']
---
<style type="text/css">
  .userlist {
    border-collapse: separate;
    border-spacing: 2px;
  }
  td.center {
    text-align: center;
  }
  .handle {
    cursor: move;
  }

  #overlay .modal-body textarea {
    border: 0;
    margin: 0;
    padding: 0;
    font-family: Monaco,Menlo,Consolas,"Courier New",monospace;
    font-size: 13px;
    width: 100%;
	height:100% !important;
    cursor: no-drop;

  }

  #overlay .modal-body {
	height: 100vh;
	overflow: hidden;
	padding: 0;
  }

  #submit, .sect-h {
	margin: 20px 0px 20px 0px;
  }
</style>

<button type="button" class="btn btn-secondary" id="rawballot" data-bs-toggle="modal" data-bs-target="#overlay">
	  Get Raw Ballot
</button>
<br/>
<br/>
<p>Please return this ballot, GPG/PGP-signed, to &lt;vote@oftc.net&gt; between 00:00:00UTC on October 8th and 23:59:59UTC on October 20th.

<ol>
<li> Please select exactly EIGHT (8) members to serve as the NOC.</li>
<li> Choose either ZERO (0) or ONE (1) member of staff to nominate for removal.</li>
</ol></p>

<h3 class="sect-h">Selections</h3>
<table id="members" class="userlist">
  <thead>
    <tr>
      <th style="width: 200px;">Name</th>
      <th style="width: 100px;">Nick</th>
      <th style="width: 50px">NOC</th>
      <th>Remove</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>

<button type="button" class="btn btn-secondary" id="submit" data-bs-toggle="modal" data-bs-target="#overlay" disabled>
	  Ballot incomplete
</button>

<div class="container-fluid">
	<div class="modal fade" id="overlay" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true">
	  <div class="modal-dialog modal-lg h-75 modal-dialog-scrollable modal-fullscreen-lg-down">
		<div class="modal-content">
		  <div class="modal-header"><h3 id="myModalLabel">Your Ballot</h3>
			<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
		  </div>
		  <div id="overlay-content" class="modal-body">
		  </div>
		</div>
	  </div>
	</div>
</div>