Advertisement
Guest User

Untitled

a guest
Feb 19th, 2017
65
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.29 KB | None | 0 0
  1. //Til að kalla á leave room í chatService:
  2. leaveRoom(roomName: string) {
  3. return new Observable(obs => {
  4. this.socket.emit('partroom', roomName);
  5. });
  6. }
  7.  
  8. // Observable á updateusers kallið í chatservice
  9. getUsersInRoom(): Observable<any> {
  10. return new Observable(obs => {
  11. this.socket.on('updateusers', (roomName, users, ops) => {
  12. const usrs: string[] = [];
  13. for (const name in users) {
  14. if (users.hasOwnProperty(name)) {
  15. usrs.push(name);
  16. }
  17. }
  18. const op: string[] = [];
  19. for (const name in ops) {
  20. if (ops.hasOwnProperty(name)) {
  21. op.push(name);
  22. }
  23. }
  24. const ret = {
  25. room: roomName,
  26. users: usrs,
  27. ops: op
  28. };
  29. obs.next(ret);
  30. });
  31. });
  32. }
  33.  
  34. // onInit í user component: //Sér um að birta users in room
  35. ngOnInit() {
  36. this.chatService.getUsersInRoom().subscribe(obj => {
  37. if (obj.room === this.activeRoom) {
  38. this.users = obj.users;
  39. this.ops = obj.ops;
  40. }
  41. });
  42. }
  43.  
  44. // html sem sér um að birta users og ops.
  45. <h3>Current Room: {{activeRoom}}</h3>
  46. <ul>
  47. <li class="op" *ngFor="let user of ops" >
  48. <p>{{user}}</p>
  49. </li>
  50. <li class="user" *ngFor="let user of users" >
  51. <p>{{user}}</p>
  52. </li>
  53. </ul>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement