add Room list component

and write room list
add room class

backend/model/room.js

@@ -1,6 +1,7 @@
 const mongoose=require('mongoose');
 const room_schema=mongoose.Schema({
    name:{type:String,required:true},
+  date:Date,
    messages:[{
        username:String,
        date:Date,
@@ -12,4 +13,4 @@ const room_schema=mongoose.Schema({
         sessionId:String
     }]
 });
-module.exports=mongoose.model('room',room_schema);
+module.exports=mongoose.model('room',room_schema);

backend/model/user.js

@@ -2,6 +2,6 @@ const mongoose=require('mongoose');
 const userSchema=mongoose.Schema({
     username:{type:String,required:true},
     password:{type:String,required: true},
-    isActive:Boolean
+    isAdmin:Boolean
 });
-module.exports=mongoose.model('user',userSchema);
+module.exports=mongoose.model('user',userSchema);

src/Room.ts

@@ -0,0 +1,17 @@
+export class Room {
+  _id:string;
+  name:string;
+  date:Date;
+  members:Array<Member>;
+  messages:Array<Message>;
+}
+class Member {
+  username:string;
+  sessionId:string;
+}
+class Message {
+  username:string;
+  date:Date;
+  text:string;
+  type:string;
+}

src/app/app.component.html

@@ -1,4 +1,4 @@
 <div class="container">
-<router-outlet></router-outlet>
-  <!--<app-register></app-register>-->
+<!--<router-outlet></router-outlet>-->
+<app-list></app-list>
 </div>

src/app/backend.service.ts

@@ -4,6 +4,7 @@ import {Video} from '../video';
 import {Customer} from '../customer';
 import {HttpClient, HttpHeaders} from '@angular/common/http';
 import {AdminLoginModel} from '../adminLoginModel';
+import {Room} from "../Room";
 
 const httpOptions = {
   headers: new HttpHeaders({'Content-Type': 'application/json'})
@@ -16,10 +17,10 @@ export class BackendService {
   apiAddress = 'http://127.0.0.1:3000/api';
   data: any;
 
-  getVideos(): Observable<Video[]> {
+  getRooms(): Observable<Room[]> {
     // return of(this.videos);
 
-    return this.http.get<Video[]>(this.apiAddress + '/video', httpOptions);
+    return this.http.get<Room[]>(this.apiAddress + '/room', httpOptions);
   }
 
   getCustomersForReserve(): Observable<Customer[]> {

src/app/list/list.component.html

@@ -0,0 +1,34 @@
+<nav class=" navbar navbar-light bg-light">
+  <span>Room List</span>
+  <button (click)="logout()"  class="btn btn-primary float-right">Logout</button>
+</nav>
+<hr>
+<div class="row">
+  <div class="col">
+    <div class="form-group col-md-5 m-auto">
+      <input class="form-control" [(ngModel)]="searchQuery" placeholder="Search">
+    </div>
+  </div>
+</div>
+<div class="row">
+  <div class="col">
+    <table class="table table-hover table-bordered m-2">
+      <tr>
+        <th>Name</th>
+        <th>Create Date</th>
+        <th>Members</th>
+
+        <th></th>
+      </tr>
+      <tr *ngFor="let vid of getQueryFilteredRooms()">
+        <td>{{vid.name}}</td>
+        <td>{{vid.date}} minutes</td>
+        <td>{{vid.members.length}}</td>
+
+        <td><a  href="/join/{{vid._id}}" class="btn btn-secondary">Join</a></td>
+        <!--todo make join work-->
+      </tr>
+    </table>
+  </div>
+</div>
+

src/app/list/list.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ListComponent } from './list.component';
+
+describe('ListComponent', () => {
+  let component: ListComponent;
+  let fixture: ComponentFixture<ListComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ ListComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ListComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/list/list.component.ts

@@ -0,0 +1,33 @@
+import {Component, OnInit, Input} from '@angular/core';
+import {BackendService} from '../backend.service';
+import {Room} from "../../Room";
+
+@Component({
+  selector: 'app-list',
+  templateUrl: './list.component.html',
+  styleUrls: ['./list.component.css']
+})
+export class ListComponent implements OnInit {
+  list: Room[];
+  @Input() searchQuery = '';
+
+  constructor(private httpService: BackendService) {
+  }
+
+  getQueryFilteredRooms(): Room[] {
+    return this.list.filter(vid => vid.name.includes(this.searchQuery)
+
+    );
+  }
+
+  getRooms() {
+    this.httpService.getRooms().subscribe(roomList => {
+      this.list = roomList;
+    });
+  }
+
+  ngOnInit() {
+    this.getRooms();
+  }
+
+}