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>

<h3 class="sect-h">Section 1: Staff Rankings</h3>
<table id="members" class="userlist">
  <thead>
    <tr>
      <th class="index">Rank</th>
      <th></th>
      <th style="width: 200px;">Name</th>
      <th style="width: 100px;">Nick</th>
      <th>Sponsor</th>
      <th>Ombudsman</th>
      <th>Remove</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>

<h3 class="sect-h">Section 2: Sponsors</h3>
<table id="sponsors" class="userlist">
  <thead>
    <tr>
      <th style="width: 200px;">Name</th>
      <th style="width: 100px;">Nick</th>
      <th>Sponsor</th>
      <th>Remove</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>

<h3 class="sect-h">Section 3: Advisors</h3>
<table id="advisors" class="userlist">
  <thead>
    <tr>
      <th>Yes/No</th>
      <th>Advisor</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <select id="advisor0" name="advisor0" class="input-small">
          <option>Yes</option>
          <option>No</option>
        </select>
      </td>
      <td>
        <span class="help-inline">David Graham (cdlu)</span>
      </td>
    </tr>
    <tr>
      <td>
        <select id="advisor1" name="advisor1" class="input-small">
          <option>Yes</option>
          <option>No</option>
        </select>
      </td>
      <td>
        <span class="help-inline">Timothy J. Fontaine (tjfontaine)</span>
      </td>
    </tr>
  </tbody>
</table>

<h3 class="sect-h">Section 4: Yes/No Questions</h3>
<table id="questions" class="userlist">
  <thead>
    <tr>
      <th>Yes/No</th>
      <th>Issue</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <select id="question0" name="question" class="input-small">
          <option>Yes</option>
          <option>No</option>
        </select>
      </td>
      <td>
        Should OFTC remain a member project of Software in the Public Interest?
      </td>
    </tr>
  </tbody>
</table>

<button type="button" class="btn btn-secondary" id="submit" data-bs-toggle="modal" data-bs-target="#overlay">
	  Process
</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>