index.scala.html 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. @()
  2. <!DOCTYPE html>
  3. <html ng-app="taboo">
  4. <head>
  5. <title>Game n' Chat</title>
  6. <link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/bootstrap.css")">
  7. <link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/main.css")">
  8. <link rel="shortcut icon" type="image/png" href="@routes.Assets.at("images/favicon.png")">
  9. </head>
  10. <body ng-controller="ViewCtrl">
  11. <div class="topbar">
  12. <div class="fill">
  13. <div class="container">
  14. <a class="brand">Game n' Chat</a>
  15. <div class="nav nav-collapse">
  16. <ul class="nav">
  17. <li ng-repeat="li in nav" class="{{li.partial == view ? 'active' : ''}}">
  18. <a ng-click="setView(li.partial)">{{li.name}}</a>
  19. </li>
  20. </ul>
  21. </div>
  22. <span ng-controller="LoginCtrl">
  23. <p class="pull-right" ng-show="service.isConnected()">
  24. Logged in as {{service.username}} —
  25. <a ng-click="service.disconnect()">Disconnect</a>
  26. </p>
  27. <p class="pull-right" ng-show="service.status == 'connecting'">
  28. Connecting...
  29. </p>
  30. <form class="pull-right" ng-show="service.status == 'disconnected'">
  31. <input id="username" name="username" class="input-small" type="text" ng-model="username" placeholder="Username">
  32. <button class="btn" type="submit" ng-click="service.connect(username); username=''">Sign in</button>
  33. </form>
  34. </span>
  35. </div>
  36. </div>
  37. </div>
  38. <div class="container">
  39. <div class="content" ng-include="partial(view)"> </div>
  40. <footer>
  41. <p><a href="http://twitter.com/pleasantprog" target="_blank">@@pleasantprog</a></p>
  42. </footer>
  43. </div>
  44. <script src="@routes.Application.javascriptRoutes" type="text/javascript"></script>
  45. <script src="@routes.Assets.at("components/jquery/jquery.min.js")" type="text/javascript"></script>
  46. <script src="@routes.Assets.at("components/angular/angular.min.js")" type="text/javascript"></script>
  47. <script src="@routes.Assets.at("javascripts/chatServices.js")" type="text/javascript"></script>
  48. <script src="@routes.Assets.at("javascripts/tabooServices.js")" type="text/javascript"></script>
  49. <script src="@routes.Assets.at("javascripts/main.js")" type="text/javascript"></script>
  50. </body>
  51. </html>