<!DOCTYPE html>
<html>
<head>
<title>Auto Home</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="stylesheet" href="/stylesheets/normalize.css">
<link rel="stylesheet" href="/stylesheets/skeleton.css">
<link rel="stylesheet" href="/stylesheets/style.css">
<script src="/javascripts/angular.min.js"></script>
<script src="/javascripts/angular-ui-router.min.js"></script>
<script src="/javascripts/angularApp.js"></script>
</head>
<body ng-app="autome">
<div class="container">
<div class="row">
<div class="twelve columns">
<ui-view></ui-view>
</div>
<script type="text/ng-template" id="/home.html">
<div class="header">
<h1>Autome</h1>
<table class="u-full-width">
<thead>
<th>RC Switches</th>
<th>Function</th>
</thead>
<tbody>
<tr ng-repeat="RC in RCs | orderBy:'switch_id'">
<td> {{RC.name}} </td>
<td>
<button ng-click="irTest(RC)" ng-class="{'true':'button-primary','false':'button'}[RC.state]" type="submit" >Toggle RC</button>
</td>
</tr>
</tbody>
</table>
<form ng-submit="irTest()" style="margin-top:30px;">
<button type="submit" class="button-primary">IR</button>
</form>
</script>
</body>
</html>
