1
0

chatRoom.html 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. <div ng-controller="ChatCtrl">
  2. <div class="page-header">
  3. <h1>Welcome to the chat room <small>You are chatting as {{service.username}}</small></h1>
  4. </div>
  5. <div id="onError" class="alert-message error">
  6. <p>
  7. <strong>Oops!</strong> <span></span>
  8. </p>
  9. </div>
  10. <div class="row">
  11. <div class="span10" id="main">
  12. <div id="messages">
  13. <div class="message {{message.kind}} {{message.user == service.username ? 'me' : ''}}" ng-repeat="message in service.messages">
  14. <span>{{message.user}}</span>
  15. <p>{{message.message}}</p>
  16. </div>
  17. </div>
  18. <textarea ng-model="text" id="talk" ng-keypress="onType($event)"></textarea>
  19. </div>
  20. <div class="span4">
  21. <button class="btn" ng-show="service.startReady" ng-click="service.send('/start')">Start</button>
  22. <h2>Card</h2>
  23. <h3>{{service.card.word}}</h3>
  24. <ul class="taboo">
  25. <li ng-repeat="word in service.card.taboo">{{word}}</li>
  26. </ul>
  27. <h2>Team A</h2>
  28. <ul class="members">
  29. <li ng-repeat="member in service.teamA.members">{{member}}</li>
  30. </ul>
  31. <h2>Team B</h2>
  32. <ul class="members">
  33. <li ng-repeat="member in service.teamB.members">{{member}}</li>
  34. </ul>
  35. </div>
  36. </div>
  37. </div>