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
+
+
+
+
+
+
+
+
+
+ information
+
+
+
+
+
+
+
+ mass-translation
+
+
+
+
+
+
+
+
+
+
+
+
+
+ translation
+
+
+
+
+
+
+
+
+ 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';