ucap/next-ucap-messenger
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

bugfix

Browse Source
This commit is contained in:
leejh 2019-10-21 18:10:39 +09:00
parent bf6a5c3669
commit 29ec8492ae
6 changed files with 75 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/date-splitter.component.html
View File

@ -1,6 +1,5 @@
<div class="date-split">
<span class="line"></span>
<!-- {{ message.sendDate | date: 'short' }} -->
<span class="date">{{ dateInfo }}2019.10.3</span>
<span class="date">{{ dateInfo }}</span>
<span class="line"></span>
</div>

2
projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/date-splitter.component.ts
View File

@ -18,7 +18,7 @@ export class DateSplitterComponent implements OnInit {
ngOnInit() {
this.dateInfo = this.datePipe.transform(
this.message.sendDate,
'yyyy-MM-dd EEE'
'yyyy.MM.dd EEE'
);
}
}

4
projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/information.component.html
View File

@ -1,3 +1,3 @@
<p>
<div>
{{ contents }}
</p>
</div>

3
projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass.component.html
View File

@ -1,12 +1,11 @@
<div class="bubble-main">
<span>
<span class="content">
{{ content }}
</span>
<span>
{{ message.sendDate | date: 'short' }}
</span>
</div>
{{detailButteonShow}}
<div *ngIf="detailButteonShow" class="btn-box">
<button mat-button (click)="onClickDetailView()">Detail View</button>
</div>

6
projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass.component.scss
View File

@ -1,6 +1,12 @@
@charset 'utf-8';
@import '../../../../ucap-webmessenger-app/src/assets/scss/global/common.scss';
.bubble-main {
padding: 14px;
text-align: left;
.content {
max-width: 250px;
@include ellipsis(1);
}
}
.btn-box {

10
projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.html
View File

@ -1,8 +1,5 @@
<div class="chat-messages">
<!-- MESSAGE -->
<ucap-chat-message-box-date-splitter *ngIf="getDateSplitter(i)" [message]="message">
</ucap-chat-message-box-date-splitter>
<div
*ngFor="let message of messages; let i = index"
class="message-row"
@ -11,6 +8,13 @@
contact: message.senderSeq !== loginRes.userSeq
}"
>
<div>
<ucap-chat-message-box-date-splitter
*ngIf="getDateSplitter(i)"
[message]="message"
>
</ucap-chat-message-box-date-splitter>
</div>
<div
*ngIf="getIsInformation(message); then information; else contents"