diff --git a/projects/ucap-webmessenger-app/src/app/pages/template/components/template.page.component.scss b/projects/ucap-webmessenger-app/src/app/pages/template/components/template.page.component.scss
index e69de29b..f1e29a98 100644
--- a/projects/ucap-webmessenger-app/src/app/pages/template/components/template.page.component.scss
+++ b/projects/ucap-webmessenger-app/src/app/pages/template/components/template.page.component.scss
@@ -0,0 +1,4 @@
+div.template {
+ height: 100%;
+ overflow-y: auto;
+}
diff --git a/projects/ucap-webmessenger-app/src/app/pages/template/components/template.page.component.ts b/projects/ucap-webmessenger-app/src/app/pages/template/components/template.page.component.ts
index b1738f70..407db74b 100644
--- a/projects/ucap-webmessenger-app/src/app/pages/template/components/template.page.component.ts
+++ b/projects/ucap-webmessenger-app/src/app/pages/template/components/template.page.component.ts
@@ -1,6 +1,10 @@
import { Component, OnInit } from '@angular/core';
import { UserInfo } from '@ucap-webmessenger/protocol-sync';
-import { EmployeeType } from '@ucap-webmessenger/protocol-room';
+import {
+ EmployeeType,
+ RoomInfo,
+ RoomType
+} from '@ucap-webmessenger/protocol-room';
import { RoleCode } from '@ucap-webmessenger/protocol-authentication';
import {
StatusBulkInfo,
@@ -10,6 +14,7 @@ import {
import { StatusCode } from '@ucap-webmessenger/core';
import { Router } from '@angular/router';
import { Company } from '@ucap-webmessenger/api-external';
+import { EventType } from '@ucap-webmessenger/protocol-event';
@Component({
selector: 'app-template.page',
@@ -17,7 +22,7 @@ import { Company } from '@ucap-webmessenger/api-external';
styleUrls: ['./template.page.component.scss']
})
export class TemplatePageComponent implements OnInit {
- profileImageRoot: string = 'http://27.122.224.170:8011/ProfileImage';
+ profileImageRoot = 'http://27.122.224.170:8011/ProfileImage';
userInfo: UserInfo = buddyData;
@@ -27,6 +32,8 @@ export class TemplatePageComponent implements OnInit {
companyCode: string = 'GUC006';
+ roomInfo: RoomInfo = roomInfo;
+
constructor(private router: Router) {}
ngOnInit() {}
@@ -90,6 +97,22 @@ export const buddyData: UserInfo = {
nickName: '채책임(닉)'
};
+const roomInfo: RoomInfo = {
+ roomSeq: '2530',
+ roomType: RoomType.Single,
+ roomName: ' ',
+ finalEventType: EventType.Character,
+ finalEventMessage: '비밀 대화방입니다',
+ finalEventDate: '2019-09-30 13:57:06',
+ joinUserCount: 2,
+ noReadCnt: 0,
+ isAlarm: true,
+ isJoinRoom: true,
+ expiredFileStdSeq: 0,
+ isTimeRoom: true,
+ timeRoomInterval: 5
+};
+
const companyList: Company[] = [
{
companyCode: 'GUC002',
diff --git a/projects/ucap-webmessenger-app/src/app/pages/template/template.page.module.ts b/projects/ucap-webmessenger-app/src/app/pages/template/template.page.module.ts
index 3c543f3e..2b8b8834 100644
--- a/projects/ucap-webmessenger-app/src/app/pages/template/template.page.module.ts
+++ b/projects/ucap-webmessenger-app/src/app/pages/template/template.page.module.ts
@@ -6,6 +6,7 @@ import { FlexLayoutModule } from '@angular/flex-layout';
import { MatButtonModule } from '@angular/material/button';
import { UCapUiChatModule } from '@ucap-webmessenger/ui-chat';
+import { UCapUiRoomModule } from '@ucap-webmessenger/ui-room';
import { UCapUiGroupModule } from '@ucap-webmessenger/ui-group';
import { UCapUiOrganizationModule } from '@ucap-webmessenger/ui-organization';
import { UCapUiProfileModule } from '@ucap-webmessenger/ui-profile';
@@ -21,6 +22,7 @@ import { COMPONENTS, MET_MODULES } from './components';
FlexLayoutModule,
MatButtonModule,
UCapUiChatModule,
+ UCapUiRoomModule,
UCapUiGroupModule,
UCapUiOrganizationModule,
UCapUiProfileModule,
diff --git a/projects/ucap-webmessenger-app/src/assets/images/img_nophoto_30.png b/projects/ucap-webmessenger-app/src/assets/images/img_nophoto_30.png
new file mode 100644
index 00000000..0db06d25
Binary files /dev/null and b/projects/ucap-webmessenger-app/src/assets/images/img_nophoto_30.png differ
diff --git a/projects/ucap-webmessenger-app/src/assets/images/img_nophoto_36.png b/projects/ucap-webmessenger-app/src/assets/images/img_nophoto_36.png
new file mode 100644
index 00000000..f4feed19
Binary files /dev/null and b/projects/ucap-webmessenger-app/src/assets/images/img_nophoto_36.png differ
diff --git a/projects/ucap-webmessenger-app/src/assets/images/img_nophoto_50.png b/projects/ucap-webmessenger-app/src/assets/images/img_nophoto_50.png
new file mode 100644
index 00000000..029f81bd
Binary files /dev/null and b/projects/ucap-webmessenger-app/src/assets/images/img_nophoto_50.png differ
diff --git a/projects/ucap-webmessenger-app/src/assets/images/img_nophoto_70.png b/projects/ucap-webmessenger-app/src/assets/images/img_nophoto_70.png
new file mode 100644
index 00000000..2840dd90
Binary files /dev/null and b/projects/ucap-webmessenger-app/src/assets/images/img_nophoto_70.png differ
diff --git a/projects/ucap-webmessenger-app/src/assets/images/img_nophoto_88.png b/projects/ucap-webmessenger-app/src/assets/images/img_nophoto_88.png
new file mode 100644
index 00000000..73205f6b
Binary files /dev/null and b/projects/ucap-webmessenger-app/src/assets/images/img_nophoto_88.png differ
diff --git a/projects/ucap-webmessenger-protocol-sync/src/lib/protocols/room.ts b/projects/ucap-webmessenger-protocol-sync/src/lib/protocols/room.ts
index 44d59952..90249964 100644
--- a/projects/ucap-webmessenger-protocol-sync/src/lib/protocols/room.ts
+++ b/projects/ucap-webmessenger-protocol-sync/src/lib/protocols/room.ts
@@ -88,7 +88,7 @@ export const decodeRoomData: ProtocolDecoder = (
isJoinRoom: info[9] === 'Y' ? true : false,
expiredFileStdSeq: Number(info[10]),
isTimeRoom: info[11] === 'Y' ? true : false,
- timeRoomInterval: info[11] !== 'Y' ? 0 : info[12] || 0
+ timeRoomInterval: info[11] !== 'Y' ? 0 : Number(info[12]) || 0
});
}
}
diff --git a/projects/ucap-webmessenger-ui-group/src/lib/components/expansion-panel.component.html b/projects/ucap-webmessenger-ui-group/src/lib/components/expansion-panel.component.html
index 08c94fba..8c186d51 100644
--- a/projects/ucap-webmessenger-ui-group/src/lib/components/expansion-panel.component.html
+++ b/projects/ucap-webmessenger-ui-group/src/lib/components/expansion-panel.component.html
@@ -1,44 +1,22 @@
+
+
+ 즐겨찾기
+
+
+
+
{{ groupBuddy.group.name }}
-
+
+
+
diff --git a/projects/ucap-webmessenger-ui-group/src/lib/ucap-ui-group.module.ts b/projects/ucap-webmessenger-ui-group/src/lib/ucap-ui-group.module.ts
index bbbddf15..2130fef3 100644
--- a/projects/ucap-webmessenger-ui-group/src/lib/ucap-ui-group.module.ts
+++ b/projects/ucap-webmessenger-ui-group/src/lib/ucap-ui-group.module.ts
@@ -8,6 +8,7 @@ import { MatExpansionModule } from '@angular/material/expansion';
import { ExpansionPanelComponent } from './components/expansion-panel.component';
import { ExpansionPanelItemDirective } from './directives/expansion-panel-item.directive';
+import { UCapUiProfileModule } from '@ucap-webmessenger/ui-profile';
const COMPONENTS = [ExpansionPanelComponent];
const DIRECTIVES = [ExpansionPanelItemDirective];
@@ -16,6 +17,7 @@ const SERVICES = [];
@NgModule({
imports: [
CommonModule,
+ UCapUiProfileModule,
ReactiveFormsModule,
FlexLayoutModule,
MatExpansionModule
diff --git a/projects/ucap-webmessenger-ui-profile/src/lib/components/user-list-item.component.html b/projects/ucap-webmessenger-ui-profile/src/lib/components/user-list-item.component.html
index 207d53c4..f9edff1a 100644
--- a/projects/ucap-webmessenger-ui-profile/src/lib/components/user-list-item.component.html
+++ b/projects/ucap-webmessenger-ui-profile/src/lib/components/user-list-item.component.html
@@ -4,10 +4,8 @@
{{ presence.pcStatus }}
, private logger: NGXLogger) {}
+
+ ngOnInit() {
+ this.profileImageRootSubscription = this.store
+ .pipe(
+ select(AppStore.SettingSelector.VersionInfoSelector.profileImageRoot),
+ tap(profileImageRoot => {
+ this.profileImageRoot = this.profileImageRoot || profileImageRoot;
+ })
+ )
+ .subscribe();
+ }
+
+ ngOnDestroy(): void {
+ if (!!this.profileImageRootSubscription) {
+ this.profileImageRootSubscription.unsubscribe();
+ }
+ }
}
diff --git a/projects/ucap-webmessenger-ui-profile/src/public-api.ts b/projects/ucap-webmessenger-ui-profile/src/public-api.ts
index 75d7174e..2f183b98 100644
--- a/projects/ucap-webmessenger-ui-profile/src/public-api.ts
+++ b/projects/ucap-webmessenger-ui-profile/src/public-api.ts
@@ -3,5 +3,6 @@
*/
export * from './lib/components/list-item.component';
+export * from './lib/components/user-list-item.component';
export * from './lib/ucap-ui-profile.module';
diff --git a/projects/ucap-webmessenger-ui-room/README.md b/projects/ucap-webmessenger-ui-room/README.md
new file mode 100644
index 00000000..8c7a62b4
--- /dev/null
+++ b/projects/ucap-webmessenger-ui-room/README.md
@@ -0,0 +1,24 @@
+# UcapWebmessengerUiChat
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.2.5.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project ucap-webmessenger-ui-room` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ucap-webmessenger-ui-room`.
+> Note: Don't forget to add `--project ucap-webmessenger-ui-room` or else it will be added to the default project in your `angular.json` file.
+
+## Build
+
+Run `ng build ucap-webmessenger-ui-room` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build ucap-webmessenger-ui-room`, go to the dist folder `cd dist/ucap-webmessenger-ui-room` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test ucap-webmessenger-ui-room` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
diff --git a/projects/ucap-webmessenger-ui-room/karma.conf.js b/projects/ucap-webmessenger-ui-room/karma.conf.js
new file mode 100644
index 00000000..bf190341
--- /dev/null
+++ b/projects/ucap-webmessenger-ui-room/karma.conf.js
@@ -0,0 +1,32 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+ config.set({
+ basePath: '',
+ frameworks: ['jasmine', '@angular-devkit/build-angular'],
+ plugins: [
+ require('karma-jasmine'),
+ require('karma-chrome-launcher'),
+ require('karma-jasmine-html-reporter'),
+ require('karma-coverage-istanbul-reporter'),
+ require('@angular-devkit/build-angular/plugins/karma')
+ ],
+ client: {
+ clearContext: false // leave Jasmine Spec Runner output visible in browser
+ },
+ coverageIstanbulReporter: {
+ dir: require('path').join(__dirname, '../../coverage/ucap-webmessenger-ui-room'),
+ reports: ['html', 'lcovonly', 'text-summary'],
+ fixWebpackSourcePaths: true
+ },
+ reporters: ['progress', 'kjhtml'],
+ port: 9876,
+ colors: true,
+ logLevel: config.LOG_INFO,
+ autoWatch: true,
+ browsers: ['Chrome'],
+ singleRun: false,
+ restartOnFileChange: true
+ });
+};
diff --git a/projects/ucap-webmessenger-ui-room/ng-package.json b/projects/ucap-webmessenger-ui-room/ng-package.json
new file mode 100644
index 00000000..22596c3c
--- /dev/null
+++ b/projects/ucap-webmessenger-ui-room/ng-package.json
@@ -0,0 +1,7 @@
+{
+ "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+ "dest": "../../dist/ucap-webmessenger-ui-room",
+ "lib": {
+ "entryFile": "src/public-api.ts"
+ }
+}
\ No newline at end of file
diff --git a/projects/ucap-webmessenger-ui-room/package.json b/projects/ucap-webmessenger-ui-room/package.json
new file mode 100644
index 00000000..30a0842a
--- /dev/null
+++ b/projects/ucap-webmessenger-ui-room/package.json
@@ -0,0 +1,8 @@
+{
+ "name": "@ucap-webmessenger/ui-room",
+ "version": "0.0.1",
+ "peerDependencies": {
+ "@angular/common": "^8.2.5",
+ "@angular/core": "^8.2.5"
+ }
+}
diff --git a/projects/ucap-webmessenger-ui-room/src/lib/components/list-item.component.html b/projects/ucap-webmessenger-ui-room/src/lib/components/list-item.component.html
new file mode 100644
index 00000000..5d48007e
--- /dev/null
+++ b/projects/ucap-webmessenger-ui-room/src/lib/components/list-item.component.html
@@ -0,0 +1,5 @@
+;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ListItemComponent]
+ }).compileComponents();
+ }));
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(ListItemComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/projects/ucap-webmessenger-ui-room/src/lib/components/list-item.component.ts b/projects/ucap-webmessenger-ui-room/src/lib/components/list-item.component.ts
new file mode 100644
index 00000000..19e94f31
--- /dev/null
+++ b/projects/ucap-webmessenger-ui-room/src/lib/components/list-item.component.ts
@@ -0,0 +1,44 @@
+import { Component, OnInit, Input } from '@angular/core';
+import {
+ RoomInfo,
+ UserInfoShort,
+ UserInfo as RoomUserInfo
+} from '@ucap-webmessenger/protocol-room';
+import { NGXLogger } from 'ngx-logger';
+
+@Component({
+ selector: 'ucap-room-list-item',
+ templateUrl: './list-item.component.html',
+ styleUrls: ['./list-item.component.scss']
+})
+export class ListItemComponent implements OnInit {
+ @Input()
+ roomInfo: RoomInfo;
+
+ @Input()
+ roomUserInfo: RoomUserInfo[] | UserInfoShort[];
+
+ constructor(private logger: NGXLogger) {}
+
+ ngOnInit() {
+ // this.logger.debug(this.roomInfo);
+ }
+
+ getRoomName(roomInfo: RoomInfo): string {
+ if (!!roomInfo.roomName && '' !== roomInfo.roomName.trim()) {
+ return roomInfo.roomName;
+ }
+
+ if (!!this.roomUserInfo && 0 < this.roomUserInfo.length) {
+ let roomName = '';
+ this.roomUserInfo.forEach((roomUserInfo, index) => {
+ if (0 === index) {
+ roomName = roomName.concat('', roomUserInfo.name);
+ } else {
+ roomName = roomName.concat(',', roomUserInfo.name);
+ }
+ });
+ return roomName;
+ }
+ }
+}
diff --git a/projects/ucap-webmessenger-ui-room/src/lib/ucap-ui-room.module.ts b/projects/ucap-webmessenger-ui-room/src/lib/ucap-ui-room.module.ts
new file mode 100644
index 00000000..8d3d1690
--- /dev/null
+++ b/projects/ucap-webmessenger-ui-room/src/lib/ucap-ui-room.module.ts
@@ -0,0 +1,35 @@
+import { NgModule, ModuleWithProviders } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+
+import { FlexLayoutModule } from '@angular/flex-layout';
+
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatIconModule } from '@angular/material/icon';
+import { MatInputModule } from '@angular/material/input';
+import { ListItemComponent } from './components/list-item.component';
+
+const COMPONENTS = [ListItemComponent];
+const SERVICES = [];
+
+@NgModule({
+ imports: [
+ CommonModule,
+ FormsModule,
+ ReactiveFormsModule,
+ FlexLayoutModule,
+ MatFormFieldModule,
+ MatIconModule,
+ MatInputModule
+ ],
+ exports: [...COMPONENTS],
+ declarations: [...COMPONENTS]
+})
+export class UCapUiRoomModule {
+ public static forRoot(): ModuleWithProviders {
+ return {
+ ngModule: UCapUiRoomModule,
+ providers: [...SERVICES]
+ };
+ }
+}
diff --git a/projects/ucap-webmessenger-ui-room/src/public-api.ts b/projects/ucap-webmessenger-ui-room/src/public-api.ts
new file mode 100644
index 00000000..86ea1aa6
--- /dev/null
+++ b/projects/ucap-webmessenger-ui-room/src/public-api.ts
@@ -0,0 +1,7 @@
+/*
+ * Public API Surface of ucap-webmessenger-ui-room
+ */
+
+export * from './lib/components/list-item.component';
+
+export * from './lib/ucap-ui-room.module';
diff --git a/projects/ucap-webmessenger-ui-room/src/test.ts b/projects/ucap-webmessenger-ui-room/src/test.ts
new file mode 100644
index 00000000..978c64fb
--- /dev/null
+++ b/projects/ucap-webmessenger-ui-room/src/test.ts
@@ -0,0 +1,21 @@
+// This file is required by karma.conf.js and loads recursively all the .spec and framework files
+
+import 'zone.js/dist/zone';
+import 'zone.js/dist/zone-testing';
+import { getTestBed } from '@angular/core/testing';
+import {
+ BrowserDynamicTestingModule,
+ platformBrowserDynamicTesting
+} from '@angular/platform-browser-dynamic/testing';
+
+declare const require: any;
+
+// First, initialize the Angular testing environment.
+getTestBed().initTestEnvironment(
+ BrowserDynamicTestingModule,
+ platformBrowserDynamicTesting()
+);
+// Then we find all the tests.
+const context = require.context('./', true, /\.spec\.ts$/);
+// And load the modules.
+context.keys().map(context);
diff --git a/projects/ucap-webmessenger-ui-room/tsconfig.lib.json b/projects/ucap-webmessenger-ui-room/tsconfig.lib.json
new file mode 100644
index 00000000..bd23948e
--- /dev/null
+++ b/projects/ucap-webmessenger-ui-room/tsconfig.lib.json
@@ -0,0 +1,26 @@
+{
+ "extends": "../../tsconfig.json",
+ "compilerOptions": {
+ "outDir": "../../out-tsc/lib",
+ "target": "es2015",
+ "declaration": true,
+ "inlineSources": true,
+ "types": [],
+ "lib": [
+ "dom",
+ "es2018"
+ ]
+ },
+ "angularCompilerOptions": {
+ "annotateForClosureCompiler": true,
+ "skipTemplateCodegen": true,
+ "strictMetadataEmit": true,
+ "fullTemplateTypeCheck": true,
+ "strictInjectionParameters": true,
+ "enableResourceInlining": true
+ },
+ "exclude": [
+ "src/test.ts",
+ "**/*.spec.ts"
+ ]
+}
diff --git a/projects/ucap-webmessenger-ui-room/tsconfig.spec.json b/projects/ucap-webmessenger-ui-room/tsconfig.spec.json
new file mode 100644
index 00000000..16da33db
--- /dev/null
+++ b/projects/ucap-webmessenger-ui-room/tsconfig.spec.json
@@ -0,0 +1,17 @@
+{
+ "extends": "../../tsconfig.json",
+ "compilerOptions": {
+ "outDir": "../../out-tsc/spec",
+ "types": [
+ "jasmine",
+ "node"
+ ]
+ },
+ "files": [
+ "src/test.ts"
+ ],
+ "include": [
+ "**/*.spec.ts",
+ "**/*.d.ts"
+ ]
+}
diff --git a/projects/ucap-webmessenger-ui-room/tslint.json b/projects/ucap-webmessenger-ui-room/tslint.json
new file mode 100644
index 00000000..0526d2a3
--- /dev/null
+++ b/projects/ucap-webmessenger-ui-room/tslint.json
@@ -0,0 +1,17 @@
+{
+ "extends": "../../tslint.json",
+ "rules": {
+ "directive-selector": [
+ true,
+ "attribute",
+ "ucapChat",
+ "camelCase"
+ ],
+ "component-selector": [
+ true,
+ "element",
+ "ucap-room",
+ "kebab-case"
+ ]
+ }
+}
diff --git a/tsconfig.json b/tsconfig.json
index ee295a3c..f79668c2 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -39,6 +39,9 @@
"@ucap-webmessenger/ui-chat": [
"projects/ucap-webmessenger-ui-chat/src/public-api"
],
+ "@ucap-webmessenger/ui-room": [
+ "projects/ucap-webmessenger-ui-room/src/public-api"
+ ],
"@ucap-webmessenger/ui-group": [
"projects/ucap-webmessenger-ui-group/src/public-api"
],
-
-
+
-
@@ -17,11 +15,10 @@ {{ userInfo.deptName }} - 가나다라마바사아자차카파하가나다라마바사아자차카파하하가나다- {{ userInfo.intro }}상태메시지 상태메시지 상태메시지 + {{ userInfo.intro }}
+
diff --git a/projects/ucap-webmessenger-ui-room/src/lib/components/list-item.component.scss b/projects/ucap-webmessenger-ui-room/src/lib/components/list-item.component.scss
new file mode 100644
index 00000000..358a7c6a
--- /dev/null
+++ b/projects/ucap-webmessenger-ui-room/src/lib/components/list-item.component.scss
@@ -0,0 +1,46 @@
+.profile {
+ white-space: normal;
+ text-align: left;
+ letter-spacing: 0.01em;
+ min-height: 88px;
+ border-bottom: 1px solid;
+ padding: 16px;
+ font-weight: 400;
+ border-radius: 0;
+
+ .avatar-wrapper {
+ .avatar {
+ margin-right: 16px;
+ }
+ }
+
+ .profile-name {
+ font-size: 16px;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ }
+
+ .profile-last-message {
+ line-height: normal;
+ margin-top: 0;
+ }
+
+ .profile-last-message-time {
+ font-size: 12px;
+ margin-top: 4px;
+ }
+
+ .profile-mood {
+ line-height: normal;
+ margin: 0;
+ }
+
+ .unread-message-count {
+ font-size: 12px;
+ border-radius: 50%;
+ text-align: center;
+ width: 20px;
+ height: 20px;
+ line-height: 20px;
+ }
+}
diff --git a/projects/ucap-webmessenger-ui-room/src/lib/components/list-item.component.spec.ts b/projects/ucap-webmessenger-ui-room/src/lib/components/list-item.component.spec.ts
new file mode 100644
index 00000000..8c516af5
--- /dev/null
+++ b/projects/ucap-webmessenger-ui-room/src/lib/components/list-item.component.spec.ts
@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ListItemComponent } from './list-item.component';
+
+describe('ListItemComponent', () => {
+ let component: ListItemComponent;
+ let fixture: ComponentFixture{{ getRoomName(roomInfo) }}
+ {{ roomInfo.finalEventDate }}
+ {{ roomInfo.finalEventMessage }}
+