index.scala.html 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. @()
  2. <!DOCTYPE html>
  3. <html ng-app="taboo">
  4. <head>
  5. <title>Game n' Chat</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <link rel="stylesheet" media="screen" href="@routes.Assets.at("components/bootstrap/dist/css/bootstrap.min.css")">
  8. <link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/main.css")">
  9. <link rel="shortcut icon" type="image/png" href="@routes.Assets.at("images/favicon.png")">
  10. </head>
  11. <body ng-controller="ViewCtrl">
  12. <nav class="navbar navbar-inverse navbar-static-top" role="navigation">
  13. <div class="container">
  14. <div class="navbar-header">
  15. <span class="brand navbar-brand">Game n' Chat</span>
  16. </div>
  17. <ul class="nav navbar-nav collapse navbar-collapse">
  18. <li ng-repeat="li in nav" class="{{li.partial == view ? 'active' : ''}}">
  19. <a href ng-click="setView(li.partial)">{{li.name}}</a>
  20. </li>
  21. </ul>
  22. <div class="navbar-right collapse navbar-collapse" ng-controller="LoginCtrl">
  23. <p class="navbar-text" ng-show="!service.isConnected() && view != 'chatRoom'">
  24. <a href class="navbar-link" ng-click="setView('chatRoom')">Play!</a>
  25. </p>
  26. <p class="navbar-text" ng-show="service.isConnected()">
  27. Logged in as {{service.username}} —
  28. <a href class="navbar-link" ng-click="service.disconnect()">Disconnect</a>
  29. </p>
  30. </div>
  31. </div>
  32. </nav>
  33. <div class="container">
  34. <div class="content" ng-include="partial(view)"> </div>
  35. <hr>
  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>