pubsub/app/pubsub.html.twig (28 lines of code) (raw):
<!DOCTYPE HTML>
<html xmlns:ng="http://angularjs.org" ng-app="pubsub">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Hello Cloud Pub/Sub</title>
</head>
<body ng-controller="pubsub.PubsubController as PubsubController">
<h1>Hello Cloud Pub/Sub!</h1>
<b>Project:</b> {{ project_id }}<br/>
<form>
<textarea ng-model="PubsubController.message" name="message" rows="5" cols="100"></textarea>
</form>
<button ng-click="PubsubController.sendMessage(PubsubController.message)">Send message</button>
<button ng-click="PubsubController.toggleAutoUpdate()" ng-show="PubsubController.isAutoUpdating">
Stop auto update
</button>
<button ng-click="PubsubController.toggleAutoUpdate()" ng-hide="PubsubController.isAutoUpdating">
Start auto update
</button>
<span ng-show="PubsubController.errorNotice"><b>{{ "{{ PubsubController.errorNotice }}" }}</b></span>
<h2>Messages:</h2>
<ul>
<li ng-repeat="m in PubsubController.messages track by $index">{{ "{{ m }}" }}</li>
</ul>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
<script src="/pubsub.js"></script>
</body>
</html>