JSFiddle - React, Tailwind, and code Playground

by Douglas Guthrie

HTML

<div ng-app class="container" ng-controller="PicksheetController" >
		<form method="post" action="#">
			<table id="p4c-table" class="table table-striped table-responsive">
				<thead>
					<tr>
						<th>FAVORITE</th><th>POINTS</th><th>UNDERDOG</th>
					</tr>
				</thead>
				<tbody>
					<tr ng-repeat="game in games">
						<td>
							<div class="switch-field">
								<input id="{{ game.fav_nickname }}" type="radio" value="{{ game.fav_nickname }}" name="{{ game.game_id }}" />
								<label for="{{ game.fav_nickname }}" class="hvr-box-shadow-inset pull-right">{{ game.fav_nickname }}</label>	
							</div>
						</td>
						<td class="text-center">{{ game.points }}</td>
						<td class="text-right">
							<div class="switch-field">
								<input id="{{ game.und_nickname }}" type="radio" value="{{ game.und_nickname }}" name="{{ game.game_id }}" />
								<label class="hvr-box-shadow-inset" for="{{ game.und_nickname }}">{{ game.und_nickname }}</label>
							</div>
						</td>
					</tr>

				</tbody>
			</table>
            <div class="buttonHolder col-sm-4 col-sm-offset-4 col-xs-6 col-xs-offset-3"><input type = "submit" name = "submit_form", value = "SUBMIT PICKS"/></div>
        </form>
	</div>

JavaScript

function PicksheetController($scope) {

    $scope.games = [{"game_id":"206","fav_nickname":"Cincinnati","fav_sn":"CIN","und_nickname":"Baltimore","und_sn":"BAL","points":"0","favorite":"Cincinnati Bengals","underdog":"Baltimore Ravens"},{"game_id":"207","fav_nickname":"Buffalo","fav_sn":"BUF","und_nickname":"NY Jets","und_sn":"NYJ","points":"3.5","favorite":"Buffalo Bills","underdog":"New York Jets"},{"game_id":"208","fav_nickname":"Tampa Bay","fav_sn":"TB","und_nickname":"Carolina","und_sn":"CAR","points":"4.5","favorite":"Tampa Bay Buccaneers","underdog":"Carolina Panthers"},{"game_id":"209","fav_nickname":"Minnesota","fav_sn":"MIN","und_nickname":"Chicago","und_sn":"CHI","points":"6","favorite":"Minnesota Vikings","underdog":"Chicago Bears"},{"game_id":"210","fav_nickname":"Pittsburgh","fav_sn":"PIT","und_nickname":"Cleveland","und_sn":"CLE","points":"6","favorite":"Pittsburgh Steelers","underdog":"Cleveland Browns"},{"game_id":"211","fav_nickname":"Philadelphia","fav_sn":"PHI","und_nickname":"Dallas","und_sn":"DAL","points":"4.5","favorite":"Philadelphia Eagles","underdog":"Dallas Cowboys"},{"game_id":"212","fav_nickname":"New England","fav_sn":"NE","und_nickname":"Miami","und_sn":"MIA","points":"9.5","favorite":"New England Patriots","underdog":"Miami Dolphins"},{"game_id":"213","fav_nickname":"Tennessee","fav_sn":"TEN","und_nickname":"Houston","und_sn":"HOU","points":"3","favorite":"Tennessee Titans","underdog":"Houston Texans"},{"game_id":"214","fav_nickname":"Indianapolis","fav_sn":"IND","und_nickname":"Jacksonville","und_sn":"JAX","points":"4.5","favorite":"Indianapolis Colts","underdog":"Jacksonville Jaguars"},{"game_id":"215","fav_nickname":"Seattle","fav_sn":"SEA","und_nickname":"San Francisco","und_sn":"SF","points":"9.5","favorite":"Seattle Seahawks","underdog":"San Francisco 49ers"},{"game_id":"216","fav_nickname":"Atlanta","fav_sn":"ATL","und_nickname":"New Orleans","und_sn":"NO","points":"7","favorite":"Atlanta Falcons","underdog":"New Orleans...