Skip to content

Instantly share code, notes, and snippets.

@LarsBergqvist

LarsBergqvist/index.html

Created May 15, 2016 07:25
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save LarsBergqvist/84ecf817371b31b42fcbbd41c48cd4a5 to your computer and use it in GitHub Desktop.
Save LarsBergqvist/84ecf817371b31b42fcbbd41c48cd4a5 to your computer and use it in GitHub Desktop.
Download ZIP
Remote control front end
Raw
index.html
<!DOCTYPE html>
<html ng-app="myApp" style="height: 100%">
<head>
<script data-require="angular.js@1.4.8" data-semver="1.4.8" src="https://code.angularjs.org/1.4.8/angular.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.css" />
<script src="/static/Controller.js"></script>
</head>
<body style="height: 100%">
<div ng-controller="OutletController" style="height: 100%">
<div style="height: 100%">
<table class="table table-hover" style="height: 100%">
<tbody style="height: 100%">
<tr ng-repeat="item in outlets">
<td class="vert-align">
<button class="btn btn-success btn-block" style="font-size: 60px; display: block; height: 100%" type="button" ng-bind="item.name + ' on'" ng-click="pressButton(item.id,'on')"></button>
</td>
<td class="vert-align">
<button class="btn btn-warning btn-block" style="font-size: 60px; display: block; height: 100%" type="button" ng-bind="item.name + ' off'" ng-click="pressButton(item.id,'off')"></button>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment