1
0

index.scala.html 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  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() && view != 'chatRoom'">
  24. <button class="btn" ng-click="setView('chatRoom')">Play!</button>
  25. </p>
  26. <p class="pull-right" ng-show="service.isConnected()">
  27. Logged in as {{service.username}} —
  28. <a ng-click="service.disconnect()">Disconnect</a>
  29. </p>
  30. </span>
  31. </div>
  32. </div>
  33. </div>
  34. <div class="container">
  35. <div class="content" ng-include="partial(view)"> </div>
  36. <footer>
  37. <p><a href="http://twitter.com/pleasantprog" target="_blank">@@pleasantprog</a></p>
  38. </footer>
  39. </div>
  40. <script src="@routes.Application.javascriptRoutes" type="text/javascript"></script>
  41. <script src="@routes.Assets.at("components/jquery/jquery.min.js")" type="text/javascript"></script>
  42. <script src="@routes.Assets.at("components/angular/angular.min.js")" type="text/javascript"></script>
  43. <script src="@routes.Assets.at("javascripts/chatServices.js")" type="text/javascript"></script>
  44. <script src="@routes.Assets.at("javascripts/tabooServices.js")" type="text/javascript"></script>
  45. <script src="@routes.Assets.at("javascripts/main.js")" type="text/javascript"></script>
  46. </body>
  47. </html>