Final Task

by cjhaley

HTML

<script src="https://bootswatch.com/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://bootswatch.com/cosmo/bootstrap.min.css">
<div class="container-fluid">
<div class="row">
 <div class="alert alert-warning user-feedback">
    Alerts
  </div>
</div>
  <div class="row">
    <div class="col-xs-12">
      <ul class="nav nav-tabs" id="myTabs">
        <li role="presentation" class="active"><a href="#home">Login</a></li>
        <li role="presentation"><a href="#voting">Voting</a></li>
        <li role="presentation"><a href="#admin">Admin</a></li>
      </ul>

       <!-- Tab panes -->
      <div class="tab-content">
        <div role="tabpanel" class="tab-pane active" id="home">
          <div class="row">
            <div class="col-xs-12">
              <div class="voter-login">
                <p>Please enter your details below to vote. </p>
                <div class="form-group">
                  <input type="text" class="form-control" name="voterId" placeholder="Voter ID" >
                </div>
                <div class="form-group">
                  <input type="password" class="form-control" name="voterPass" placeholder="Passcode" >
                </div>
                <div class="form-group">
                  <button class="btn btn-success vfm-voter">Login!</button>
                </div>
              </div>
            </div>
          </div>
        </div>
        
        <div role="tabpanel" class="tab-pane" id="voting">
          <div class="row">
            <div class="col-xs-12">
               <h3>Select issue to vote for:</h3>
               <div class="form-group">
                 <select name="community_issues" class="form-control"></select>
               </div>
               <div class="form-group">
                 <button name="cast_vote" class="btn btn-success">Cast vote!</button>
                 <button name="logout" class="btn btn-danger">Cancel and Logout</button>
           ...

JavaScript

//Setting Up Globe varibles 

var loggedInUser = false;
var loggedIn = false;

var users = [
{userId: "a0001", password: "178739", name: "Jerry G", voteStatus:false,},
{userId: "a0002", password: "873895", name: "Andrew N", voteStatus:false,},
{userId: "a0003", password: "264777", name: "Jerry G", voteStatus:false,},
{userId: "a0004", password: "937732", name: "Jerry G", voteStatus:false,},
{userId: "a0005", password: "837653", name: "Jerry G", voteStatus:false,},
{userId: "a0006", password: "882900", name: "Jerry G", voteStatus:false,},
{userId: "a0007", password: "148342", name: "Jerry G", voteStatus:false, admin: true},

]

$('#myTabs a').click(function (e) {
//This stops the page reloading
  e.preventDefault();