1
0

chatRoomNg.scala.html 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  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>
  11. <div class="topbar">
  12. <div class="fill">
  13. <div class="container" ng-controller="LoginCtrl">
  14. <a class="brand">Game n' Chat</a>
  15. <p class="pull-right" ng-show="service.isConnected()">
  16. Logged in as {{service.username}} —
  17. <a ng-click="service.disconnect()">Disconnect</a>
  18. </p>
  19. <form class="pull-right" ng-hide="service.isConnected()">
  20. <input id="username" name="username" class="input-small" type="text" ng-model="username" placeholder="Username">
  21. <button class="btn" type="submit" ng-click="service.connect(username); username=''">Sign in</button>
  22. </form>
  23. </div>
  24. </div>
  25. </div>
  26. <div class="container" ng-controller="ViewCtrl">
  27. <div class="content" ng-include="view(service.isConnected())">
  28. </div>
  29. <footer>
  30. <p> </p>
  31. </footer>
  32. </div>
  33. <script src="@routes.Application.javascriptRoutes" type="text/javascript"></script>
  34. <script src="@routes.Assets.at("components/jquery/jquery.min.js")" type="text/javascript"></script>
  35. <script src="@routes.Assets.at("components/angular/angular.min.js")" type="text/javascript"></script>
  36. <script src="@routes.Assets.at("javascripts/chatServices.js")" type="text/javascript"></script>
  37. <script src="@routes.Assets.at("javascripts/tabooServices.js")" type="text/javascript"></script>
  38. <script src="@routes.Assets.at("javascripts/main.js")" type="text/javascript"></script>
  39. </body>
  40. </html>