From ebb8093a3f939ff92240c88557bb83a30f91d722 Mon Sep 17 00:00:00 2001 From: Richard Park Date: Mon, 7 Oct 2019 13:49:12 +0900 Subject: [PATCH] MessageBoxes of Chat are added --- .../components/template.page.component.html | 113 ++++++++++++++++++ .../pages/template/template.page.module.ts | 4 +- .../src/lib/components/intro.component.ts | 12 -- .../date-splitter.component.html} | 0 .../date-splitter.component.scss} | 0 .../date-splitter.component.spec.ts | 24 ++++ .../message-box/date-splitter.component.ts | 12 ++ .../message-box/file.component.html | 0 .../message-box/file.component.scss | 0 .../file.component.spec.ts} | 12 +- .../components/message-box/file.component.ts | 12 ++ .../message-box/image.component.html | 0 .../message-box/image.component.scss | 0 .../message-box/image.component.spec.ts | 24 ++++ .../components/message-box/image.component.ts | 12 ++ .../message-box/information.component.html | 0 .../message-box/information.component.scss | 0 .../message-box/information.component.spec.ts | 24 ++++ .../message-box/information.component.ts | 12 ++ .../mass-translation.component.html | 0 .../mass-translation.component.scss | 0 .../mass-translation.component.spec.ts | 24 ++++ .../message-box/mass-translation.component.ts | 12 ++ .../message-box/mass.component.html | 0 .../message-box/mass.component.scss | 0 .../message-box/mass.component.spec.ts | 24 ++++ .../components/message-box/mass.component.ts | 12 ++ .../message-box/notice.component.html | 0 .../message-box/notice.component.scss | 0 .../message-box/notice.component.spec.ts | 24 ++++ .../message-box/notice.component.ts | 12 ++ .../message-box/recall.component.html | 0 .../message-box/recall.component.scss | 0 .../message-box/recall.component.spec.ts | 24 ++++ .../message-box/recall.component.ts | 12 ++ .../message-box/schedule.component.html | 0 .../message-box/schedule.component.scss | 0 .../message-box/schedule.component.spec.ts | 24 ++++ .../message-box/schedule.component.ts | 12 ++ .../message-box/sticker.component.html | 0 .../message-box/sticker.component.scss | 0 .../message-box/sticker.component.spec.ts | 24 ++++ .../message-box/sticker.component.ts | 12 ++ .../message-box/text.component.html | 0 .../message-box/text.component.scss | 0 .../message-box/text.component.spec.ts | 24 ++++ .../components/message-box/text.component.ts | 12 ++ .../message-box/translation.component.html | 0 .../message-box/translation.component.scss | 0 .../message-box/translation.component.spec.ts | 24 ++++ .../message-box/translation.component.ts | 12 ++ .../video-conference.component.html | 0 .../video-conference.component.scss | 0 .../video-conference.component.spec.ts | 24 ++++ .../message-box/video-conference.component.ts | 12 ++ .../message-box/video.component.html | 0 .../message-box/video.component.scss | 0 .../message-box/video.component.spec.ts | 24 ++++ .../components/message-box/video.component.ts | 12 ++ .../src/lib/ucap-ui-chat.module.ts | 36 +++++- .../src/public-api.ts | 16 ++- 61 files changed, 651 insertions(+), 22 deletions(-) delete mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/intro.component.ts rename projects/ucap-webmessenger-ui-chat/src/lib/components/{intro.component.html => message-box/date-splitter.component.html} (100%) rename projects/ucap-webmessenger-ui-chat/src/lib/components/{intro.component.scss => message-box/date-splitter.component.scss} (100%) create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/date-splitter.component.spec.ts create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/date-splitter.component.ts create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/file.component.html create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/file.component.scss rename projects/ucap-webmessenger-ui-chat/src/lib/components/{intro.component.spec.ts => message-box/file.component.spec.ts} (56%) create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/file.component.ts create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/image.component.html create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/image.component.scss create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/image.component.spec.ts create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/image.component.ts create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/information.component.html create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/information.component.scss create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/information.component.spec.ts create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/information.component.ts create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass-translation.component.html create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass-translation.component.scss create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass-translation.component.spec.ts create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass-translation.component.ts create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass.component.html create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass.component.scss create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass.component.spec.ts create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass.component.ts create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/notice.component.html create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/notice.component.scss create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/notice.component.spec.ts create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/notice.component.ts create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/recall.component.html create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/recall.component.scss create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/recall.component.spec.ts create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/recall.component.ts create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/schedule.component.html create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/schedule.component.scss create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/schedule.component.spec.ts create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/schedule.component.ts create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/sticker.component.html create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/sticker.component.scss create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/sticker.component.spec.ts create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/sticker.component.ts create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/text.component.html create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/text.component.scss create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/text.component.spec.ts create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/text.component.ts create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/translation.component.html create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/translation.component.scss create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/translation.component.spec.ts create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/translation.component.ts create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video-conference.component.html create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video-conference.component.scss create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video-conference.component.spec.ts create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video-conference.component.ts create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video.component.html create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video.component.scss create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video.component.spec.ts create mode 100644 projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video.component.ts diff --git a/projects/ucap-webmessenger-app/src/app/pages/template/components/template.page.component.html b/projects/ucap-webmessenger-app/src/app/pages/template/components/template.page.component.html index d1f582e2..bebf7471 100644 --- a/projects/ucap-webmessenger-app/src/app/pages/template/components/template.page.component.html +++ b/projects/ucap-webmessenger-app/src/app/pages/template/components/template.page.component.html @@ -29,4 +29,117 @@ > +

Chat::MessageBox

+
+
+
+ date splitter +
+
+ +
+
+
+
+ file +
+
+ +
+
+
+
+ image +
+
+ +
+
+
+
+ information +
+
+ +
+
+
+
+ mass-translation +
+
+ +
+
+
+
+ mass +
+
+ +
+
+
+
+ notice +
+
+ +
+
+
+
+ recall +
+
+ +
+
+
+
schedule
+
+ +
+
+
+
+ sticker +
+
+ +
+
+
+
+ text +
+
+ +
+
+
+
+ translation +
+
+ +
+
+
+
+ video +
+
+ +
+
+
+
+ video-conference +
+
+ +
+
+
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 8b8c5fe7..d05f6c7a 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 @@ -5,12 +5,13 @@ import { FlexLayoutModule } from '@angular/flex-layout'; import { MatButtonModule } from '@angular/material/button'; +import { UCapUiChatModule } from '@ucap-webmessenger/ui-chat'; import { UCapUiGroupModule } from '@ucap-webmessenger/ui-group'; +import { UcapUiProfileModule } from '@ucap-webmessenger/ui-profile'; import { AppTemplateRoutingPageModule } from './template-routing.page.module'; import { COMPONENTS, MET_MODULES } from './components'; -import { UcapUiProfileModule } from '@ucap-webmessenger/ui-profile'; @NgModule({ imports: [ @@ -18,6 +19,7 @@ import { UcapUiProfileModule } from '@ucap-webmessenger/ui-profile'; CommonModule, FlexLayoutModule, MatButtonModule, + UCapUiChatModule, UCapUiGroupModule, UcapUiProfileModule, AppTemplateRoutingPageModule diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/intro.component.ts b/projects/ucap-webmessenger-ui-chat/src/lib/components/intro.component.ts deleted file mode 100644 index 670899c1..00000000 --- a/projects/ucap-webmessenger-ui-chat/src/lib/components/intro.component.ts +++ /dev/null @@ -1,12 +0,0 @@ -import { Component, OnInit } from '@angular/core'; - -@Component({ - selector: 'ucap-chat-intro', - templateUrl: './intro.component.html', - styleUrls: ['./intro.component.scss'] -}) -export class IntroComponent implements OnInit { - constructor() {} - - ngOnInit() {} -} diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/intro.component.html b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/date-splitter.component.html similarity index 100% rename from projects/ucap-webmessenger-ui-chat/src/lib/components/intro.component.html rename to projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/date-splitter.component.html diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/intro.component.scss b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/date-splitter.component.scss similarity index 100% rename from projects/ucap-webmessenger-ui-chat/src/lib/components/intro.component.scss rename to projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/date-splitter.component.scss diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/date-splitter.component.spec.ts b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/date-splitter.component.spec.ts new file mode 100644 index 00000000..8a326da5 --- /dev/null +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/date-splitter.component.spec.ts @@ -0,0 +1,24 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { DateSplitterComponent } from './date-splitter.component'; + +describe('Chat::MessageBox::DateSplitterComponent', () => { + let component: DateSplitterComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [DateSplitterComponent] + }).compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(DateSplitterComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/date-splitter.component.ts b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/date-splitter.component.ts new file mode 100644 index 00000000..65ba3cd5 --- /dev/null +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/date-splitter.component.ts @@ -0,0 +1,12 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'ucap-chat-message-box-date-splitter', + templateUrl: './date-splitter.component.html', + styleUrls: ['./date-splitter.component.scss'] +}) +export class DateSplitterComponent implements OnInit { + constructor() {} + + ngOnInit() {} +} diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/file.component.html b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/file.component.html new file mode 100644 index 00000000..e69de29b diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/file.component.scss b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/file.component.scss new file mode 100644 index 00000000..e69de29b diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/intro.component.spec.ts b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/file.component.spec.ts similarity index 56% rename from projects/ucap-webmessenger-ui-chat/src/lib/components/intro.component.spec.ts rename to projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/file.component.spec.ts index bc679487..2cde53a1 100644 --- a/projects/ucap-webmessenger-ui-chat/src/lib/components/intro.component.spec.ts +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/file.component.spec.ts @@ -1,19 +1,19 @@ import { async, ComponentFixture, TestBed } from '@angular/core/testing'; -import { IntroComponent } from './intro.component'; +import { FileComponent } from './file.component'; -describe('Chat::IntroComponent', () => { - let component: IntroComponent; - let fixture: ComponentFixture; +describe('Chat::MessageBox::FileComponent', () => { + let component: FileComponent; + let fixture: ComponentFixture; beforeEach(async(() => { TestBed.configureTestingModule({ - declarations: [IntroComponent] + declarations: [FileComponent] }).compileComponents(); })); beforeEach(() => { - fixture = TestBed.createComponent(IntroComponent); + fixture = TestBed.createComponent(FileComponent); component = fixture.componentInstance; fixture.detectChanges(); }); diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/file.component.ts b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/file.component.ts new file mode 100644 index 00000000..b497ef6d --- /dev/null +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/file.component.ts @@ -0,0 +1,12 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'ucap-chat-message-box-file', + templateUrl: './file.component.html', + styleUrls: ['./file.component.scss'] +}) +export class FileComponent implements OnInit { + constructor() {} + + ngOnInit() {} +} diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/image.component.html b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/image.component.html new file mode 100644 index 00000000..e69de29b diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/image.component.scss b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/image.component.scss new file mode 100644 index 00000000..e69de29b diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/image.component.spec.ts b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/image.component.spec.ts new file mode 100644 index 00000000..5198038c --- /dev/null +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/image.component.spec.ts @@ -0,0 +1,24 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ImageComponent } from './image.component'; + +describe('Chat::MessageBox::ImageComponent', () => { + let component: ImageComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ImageComponent] + }).compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(ImageComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/image.component.ts b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/image.component.ts new file mode 100644 index 00000000..52e3adc5 --- /dev/null +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/image.component.ts @@ -0,0 +1,12 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'ucap-chat-message-box-image', + templateUrl: './image.component.html', + styleUrls: ['./image.component.scss'] +}) +export class ImageComponent implements OnInit { + constructor() {} + + ngOnInit() {} +} diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/information.component.html b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/information.component.html new file mode 100644 index 00000000..e69de29b diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/information.component.scss b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/information.component.scss new file mode 100644 index 00000000..e69de29b diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/information.component.spec.ts b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/information.component.spec.ts new file mode 100644 index 00000000..0536b85d --- /dev/null +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/information.component.spec.ts @@ -0,0 +1,24 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { InformationComponent } from './information.component'; + +describe('Chat::MessageBox::InformationComponent', () => { + let component: InformationComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [InformationComponent] + }).compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(InformationComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/information.component.ts b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/information.component.ts new file mode 100644 index 00000000..07cc2370 --- /dev/null +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/information.component.ts @@ -0,0 +1,12 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'ucap-chat-message-box-information', + templateUrl: './information.component.html', + styleUrls: ['./information.component.scss'] +}) +export class InformationComponent implements OnInit { + constructor() {} + + ngOnInit() {} +} diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass-translation.component.html b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass-translation.component.html new file mode 100644 index 00000000..e69de29b diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass-translation.component.scss b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass-translation.component.scss new file mode 100644 index 00000000..e69de29b diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass-translation.component.spec.ts b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass-translation.component.spec.ts new file mode 100644 index 00000000..b775edf2 --- /dev/null +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass-translation.component.spec.ts @@ -0,0 +1,24 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { MassTranslationComponent } from './mass-translation.component'; + +describe('Chat::MessageBox::MassTranslationComponent', () => { + let component: MassTranslationComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [MassTranslationComponent] + }).compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(MassTranslationComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass-translation.component.ts b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass-translation.component.ts new file mode 100644 index 00000000..91e1c663 --- /dev/null +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass-translation.component.ts @@ -0,0 +1,12 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'ucap-chat-message-box-mass-translation', + templateUrl: './mass-translation.component.html', + styleUrls: ['./mass-translation.component.scss'] +}) +export class MassTranslationComponent implements OnInit { + constructor() {} + + ngOnInit() {} +} diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass.component.html b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass.component.html new file mode 100644 index 00000000..e69de29b diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass.component.scss b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass.component.scss new file mode 100644 index 00000000..e69de29b diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass.component.spec.ts b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass.component.spec.ts new file mode 100644 index 00000000..638ad02c --- /dev/null +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass.component.spec.ts @@ -0,0 +1,24 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { MassComponent } from './mass.component'; + +describe('Chat::MessageBox::MassComponent', () => { + let component: MassComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [MassComponent] + }).compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(MassComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass.component.ts b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass.component.ts new file mode 100644 index 00000000..082a081e --- /dev/null +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass.component.ts @@ -0,0 +1,12 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'ucap-chat-message-box-mass', + templateUrl: './mass.component.html', + styleUrls: ['./mass.component.scss'] +}) +export class MassComponent implements OnInit { + constructor() {} + + ngOnInit() {} +} diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/notice.component.html b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/notice.component.html new file mode 100644 index 00000000..e69de29b diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/notice.component.scss b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/notice.component.scss new file mode 100644 index 00000000..e69de29b diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/notice.component.spec.ts b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/notice.component.spec.ts new file mode 100644 index 00000000..7d1c5e43 --- /dev/null +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/notice.component.spec.ts @@ -0,0 +1,24 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { NoticeComponent } from './notice.component'; + +describe('Chat::MessageBox::NoticeComponent', () => { + let component: NoticeComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [NoticeComponent] + }).compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(NoticeComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/notice.component.ts b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/notice.component.ts new file mode 100644 index 00000000..bc333ca3 --- /dev/null +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/notice.component.ts @@ -0,0 +1,12 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'ucap-chat-message-box-notice', + templateUrl: './notice.component.html', + styleUrls: ['./notice.component.scss'] +}) +export class NoticeComponent implements OnInit { + constructor() {} + + ngOnInit() {} +} diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/recall.component.html b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/recall.component.html new file mode 100644 index 00000000..e69de29b diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/recall.component.scss b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/recall.component.scss new file mode 100644 index 00000000..e69de29b diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/recall.component.spec.ts b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/recall.component.spec.ts new file mode 100644 index 00000000..0ef9e657 --- /dev/null +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/recall.component.spec.ts @@ -0,0 +1,24 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { RecallComponent } from './recall.component'; + +describe('Chat::MessageBox::RecallComponent', () => { + let component: RecallComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [RecallComponent] + }).compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(RecallComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/recall.component.ts b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/recall.component.ts new file mode 100644 index 00000000..bb6553be --- /dev/null +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/recall.component.ts @@ -0,0 +1,12 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'ucap-chat-message-box-recall', + templateUrl: './recall.component.html', + styleUrls: ['./recall.component.scss'] +}) +export class RecallComponent implements OnInit { + constructor() {} + + ngOnInit() {} +} diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/schedule.component.html b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/schedule.component.html new file mode 100644 index 00000000..e69de29b diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/schedule.component.scss b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/schedule.component.scss new file mode 100644 index 00000000..e69de29b diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/schedule.component.spec.ts b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/schedule.component.spec.ts new file mode 100644 index 00000000..b9e1a667 --- /dev/null +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/schedule.component.spec.ts @@ -0,0 +1,24 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ScheduleComponent } from './schedule.component'; + +describe('Chat::MessageBox::ScheduleComponent', () => { + let component: ScheduleComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ScheduleComponent] + }).compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(ScheduleComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/schedule.component.ts b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/schedule.component.ts new file mode 100644 index 00000000..6b2a8d24 --- /dev/null +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/schedule.component.ts @@ -0,0 +1,12 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'ucap-chat-message-box-schedule', + templateUrl: './schedule.component.html', + styleUrls: ['./schedule.component.scss'] +}) +export class ScheduleComponent implements OnInit { + constructor() {} + + ngOnInit() {} +} diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/sticker.component.html b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/sticker.component.html new file mode 100644 index 00000000..e69de29b diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/sticker.component.scss b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/sticker.component.scss new file mode 100644 index 00000000..e69de29b diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/sticker.component.spec.ts b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/sticker.component.spec.ts new file mode 100644 index 00000000..f6522fdc --- /dev/null +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/sticker.component.spec.ts @@ -0,0 +1,24 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { StickerComponent } from './sticker.component'; + +describe('Chat::MessageBox::StickerComponent', () => { + let component: StickerComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [StickerComponent] + }).compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(StickerComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/sticker.component.ts b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/sticker.component.ts new file mode 100644 index 00000000..3a9481e0 --- /dev/null +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/sticker.component.ts @@ -0,0 +1,12 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'ucap-chat-message-box-sticker', + templateUrl: './sticker.component.html', + styleUrls: ['./sticker.component.scss'] +}) +export class StickerComponent implements OnInit { + constructor() {} + + ngOnInit() {} +} diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/text.component.html b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/text.component.html new file mode 100644 index 00000000..e69de29b diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/text.component.scss b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/text.component.scss new file mode 100644 index 00000000..e69de29b diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/text.component.spec.ts b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/text.component.spec.ts new file mode 100644 index 00000000..c5894c31 --- /dev/null +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/text.component.spec.ts @@ -0,0 +1,24 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { TextComponent } from './text.component'; + +describe('Chat::MessageBox::TextComponent', () => { + let component: TextComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [TextComponent] + }).compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(TextComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/text.component.ts b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/text.component.ts new file mode 100644 index 00000000..23a19dca --- /dev/null +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/text.component.ts @@ -0,0 +1,12 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'ucap-chat-message-box-text', + templateUrl: './text.component.html', + styleUrls: ['./text.component.scss'] +}) +export class TextComponent implements OnInit { + constructor() {} + + ngOnInit() {} +} diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/translation.component.html b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/translation.component.html new file mode 100644 index 00000000..e69de29b diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/translation.component.scss b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/translation.component.scss new file mode 100644 index 00000000..e69de29b diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/translation.component.spec.ts b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/translation.component.spec.ts new file mode 100644 index 00000000..2382d233 --- /dev/null +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/translation.component.spec.ts @@ -0,0 +1,24 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { TranslationComponent } from './translation.component'; + +describe('Chat::MessageBox::TranslationComponent', () => { + let component: TranslationComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [TranslationComponent] + }).compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(TranslationComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/translation.component.ts b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/translation.component.ts new file mode 100644 index 00000000..3a1cba03 --- /dev/null +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/translation.component.ts @@ -0,0 +1,12 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'ucap-chat-message-box-translation', + templateUrl: './translation.component.html', + styleUrls: ['./translation.component.scss'] +}) +export class TranslationComponent implements OnInit { + constructor() {} + + ngOnInit() {} +} diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video-conference.component.html b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video-conference.component.html new file mode 100644 index 00000000..e69de29b diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video-conference.component.scss b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video-conference.component.scss new file mode 100644 index 00000000..e69de29b diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video-conference.component.spec.ts b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video-conference.component.spec.ts new file mode 100644 index 00000000..ce70c6c3 --- /dev/null +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video-conference.component.spec.ts @@ -0,0 +1,24 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { VideoConferenceComponent } from './video-conference.component'; + +describe('Chat::MessageBox::VideoConferenceComponent', () => { + let component: VideoConferenceComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [VideoConferenceComponent] + }).compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(VideoConferenceComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video-conference.component.ts b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video-conference.component.ts new file mode 100644 index 00000000..574fbaf1 --- /dev/null +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video-conference.component.ts @@ -0,0 +1,12 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'ucap-chat-message-box-video-conference', + templateUrl: './video-conference.component.html', + styleUrls: ['./video-conference.component.scss'] +}) +export class VideoConferenceComponent implements OnInit { + constructor() {} + + ngOnInit() {} +} diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video.component.html b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video.component.html new file mode 100644 index 00000000..e69de29b diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video.component.scss b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video.component.scss new file mode 100644 index 00000000..e69de29b diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video.component.spec.ts b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video.component.spec.ts new file mode 100644 index 00000000..e67079ac --- /dev/null +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video.component.spec.ts @@ -0,0 +1,24 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { VideoComponent } from './video.component'; + +describe('Chat::MessageBox::VideoComponent', () => { + let component: VideoComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [VideoComponent] + }).compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(VideoComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video.component.ts b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video.component.ts new file mode 100644 index 00000000..e7e9e7c8 --- /dev/null +++ b/projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/video.component.ts @@ -0,0 +1,12 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'ucap-chat-message-box-video', + templateUrl: './video.component.html', + styleUrls: ['./video.component.scss'] +}) +export class VideoComponent implements OnInit { + constructor() {} + + ngOnInit() {} +} diff --git a/projects/ucap-webmessenger-ui-chat/src/lib/ucap-ui-chat.module.ts b/projects/ucap-webmessenger-ui-chat/src/lib/ucap-ui-chat.module.ts index d28ee6d2..cb60c251 100644 --- a/projects/ucap-webmessenger-ui-chat/src/lib/ucap-ui-chat.module.ts +++ b/projects/ucap-webmessenger-ui-chat/src/lib/ucap-ui-chat.module.ts @@ -9,10 +9,42 @@ import { MatIconModule } from '@angular/material/icon'; import { MatInputModule } from '@angular/material/input'; import { FormComponent } from './components/form.component'; -import { IntroComponent } from './components/intro.component'; import { MessagesComponent } from './components/messages.component'; -const COMPONENTS = [FormComponent, IntroComponent, MessagesComponent]; +import { DateSplitterComponent as MBDateSplitterComponent } from './components/message-box/date-splitter.component'; +import { FileComponent as MBFileComponent } from './components/message-box/file.component'; +import { ImageComponent as MBImageComponent } from './components/message-box/image.component'; +import { InformationComponent as MBInformationComponent } from './components/message-box/information.component'; +import { MassTranslationComponent as MBMassTranslationComponent } from './components/message-box/mass-translation.component'; +import { MassComponent as MBMassComponent } from './components/message-box/mass.component'; +import { NoticeComponent as MBNoticeComponent } from './components/message-box/notice.component'; +import { RecallComponent as MBRecallComponent } from './components/message-box/recall.component'; +import { ScheduleComponent as MBScheduleComponent } from './components/message-box/schedule.component'; +import { StickerComponent as MBStickerComponent } from './components/message-box/sticker.component'; +import { TextComponent as MBTextComponent } from './components/message-box/text.component'; +import { TranslationComponent as MBTranslationComponent } from './components/message-box/translation.component'; +import { VideoComponent as MBVideoComponent } from './components/message-box/video.component'; +import { VideoConferenceComponent as MBVideoConferenceComponent } from './components/message-box/video-conference.component'; + +const COMPONENTS = [ + FormComponent, + MessagesComponent, + + MBDateSplitterComponent, + MBFileComponent, + MBImageComponent, + MBInformationComponent, + MBMassTranslationComponent, + MBMassComponent, + MBNoticeComponent, + MBRecallComponent, + MBScheduleComponent, + MBStickerComponent, + MBTextComponent, + MBTranslationComponent, + MBVideoComponent, + MBVideoConferenceComponent +]; const SERVICES = []; @NgModule({ diff --git a/projects/ucap-webmessenger-ui-chat/src/public-api.ts b/projects/ucap-webmessenger-ui-chat/src/public-api.ts index d747a444..146ad7fc 100644 --- a/projects/ucap-webmessenger-ui-chat/src/public-api.ts +++ b/projects/ucap-webmessenger-ui-chat/src/public-api.ts @@ -2,8 +2,22 @@ * Public API Surface of ucap-webmessenger-ui-chat */ +export * from './lib/components/message-box/date-splitter.component'; +export * from './lib/components/message-box/file.component'; +export * from './lib/components/message-box/image.component'; +export * from './lib/components/message-box/information.component'; +export * from './lib/components/message-box/mass-translation.component'; +export * from './lib/components/message-box/mass.component'; +export * from './lib/components/message-box/notice.component'; +export * from './lib/components/message-box/recall.component'; +export * from './lib/components/message-box/schedule.component'; +export * from './lib/components/message-box/sticker.component'; +export * from './lib/components/message-box/text.component'; +export * from './lib/components/message-box/translation.component'; +export * from './lib/components/message-box/video-conference.component'; +export * from './lib/components/message-box/video.component'; + export * from './lib/components/form.component'; -export * from './lib/components/intro.component'; export * from './lib/components/messages.component'; export * from './lib/ucap-ui-chat.module';