chatRoomNg.scala.html 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  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. <form class="pull-right" ng-hide="service.isConnected()">
  28. <input id="username" name="username" class="input-small" type="text" ng-model="username" placeholder="Username">
  29. <button class="btn" type="submit" ng-click="service.connect(username); username=''">Sign in</button>
  30. </form>
  31. </span>
  32. </div>
  33. </div>
  34. </div>
  35. <div class="container">
  36. <div class="content" ng-include="partial(view)">
  37. </div>
  38. <footer>
  39. <p><a href="http://twitter.com/pleasantprog" target="_blank">@@pleasantprog</a></p>
  40. </footer>
  41. </div>
  42. <script src="@routes.Application.javascriptRoutes" type="text/javascript"></script>
  43. <script src="@routes.Assets.at("components/jquery/jquery.min.js")" type="text/javascript"></script>
  44. <script src="@routes.Assets.at("components/angular/angular.min.js")" type="text/javascript"></script>
  45. <script src="@routes.Assets.at("javascripts/chatServices.js")" type="text/javascript"></script>
  46. <script src="@routes.Assets.at("javascripts/tabooServices.js")" type="text/javascript"></script>
  47. <script src="@routes.Assets.at("javascripts/main.js")" type="text/javascript"></script>
  48. </body>
  49. </html>