대화검색 디자인 수정

This commit is contained in:
leejinho 2020-01-08 08:19:57 +09:00
parent b8d59a0133
commit ce4d94957b
3 changed files with 32 additions and 22 deletions

View File

@ -186,13 +186,22 @@
</div> </div>
</div> </div>
<div class="chat-search-frame"> <div class="chat-search-frame">
<div *ngIf="(eventListProcessing$ | async) || isTranslationProcess" style="position: absolute; width: 100%;"> <div
*ngIf="(eventListProcessing$ | async) || isTranslationProcess"
style="position: absolute; width: 100%;"
>
<mat-progress-bar mode="indeterminate"></mat-progress-bar> <mat-progress-bar mode="indeterminate"></mat-progress-bar>
</div> </div>
<div *ngIf="isShowSearchArea" class="chat-search bg-accent-color"> <div *ngIf="isShowSearchArea" class="chat-search bg-accent-color">
<ucap-chat-search [totalCount]="searchTotalCount" [curIndex]="searchCurrentIndex" <ucap-chat-search
(searchText)="onSearchChat($event)" (prevSearch)="onPrevSearch()" (nextSearch)="onNextSearch()" [totalCount]="searchTotalCount"
(searchAndPrev)="onSearchAndPrev()" (closeSearchArea)="onCloseSearchArea()"></ucap-chat-search> [curIndex]="searchCurrentIndex"
(searchText)="onSearchChat($event)"
(prevSearch)="onPrevSearch()"
(nextSearch)="onNextSearch()"
(searchAndPrev)="onSearchAndPrev()"
(closeSearchArea)="onCloseSearchArea()"
></ucap-chat-search>
</div> </div>
</div> </div>
</mat-toolbar> </mat-toolbar>

View File

@ -24,39 +24,39 @@ export class ScheduleComponent implements OnInit {
ngOnInit() { ngOnInit() {
if (!!this.message && !!this.message.sentMessageJson) { if (!!this.message && !!this.message.sentMessageJson) {
if (!!this.message.sentMessageJson.date) { if (!!this.message.sentMessageJson.date) {
let str_date = this.message.sentMessageJson.date let strDate = this.message.sentMessageJson.date
.replace(/ /g, '') .replace(/ /g, '')
.replace(/\n/g, '') .replace(/\n/g, '')
.replace(/(\([월,화,수,목,금,토,일]\))/g, ''); .replace(/(\([월,화,수,목,금,토,일]\))/g, '');
if (str_date.indexOf('오전') > -1) { if (strDate.indexOf('오전') > -1) {
str_date = str_date.replace('오전', ' '); strDate = strDate.replace('오전', ' ');
} else if (str_date.indexOf('오후') > -1) { } else if (strDate.indexOf('오후') > -1) {
str_date = str_date.replace('오후', ' '); strDate = strDate.replace('오후', ' ');
const arr = str_date.split(' '); const arr = strDate.split(' ');
let h = Number(arr[1].split(':')[0]) + 12; const h = Number(arr[1].split(':')[0]) + 12;
str_date = arr[0] + ' ' + h + ':' + arr[1].split(':')[1]; strDate = arr[0] + ' ' + h + ':' + arr[1].split(':')[1];
} }
this.date = moment(str_date).toDate(); this.date = moment(strDate).toDate();
if (this.date === 'Invalid Date') { if (this.date === 'Invalid Date') {
this.date = this.message.sentMessageJson.date.replace(/\n/g, ''); this.date = this.message.sentMessageJson.date.replace(/\n/g, '');
} }
} }
// if (!!this.message.sentMessageJson.endDate) { // if (!!this.message.sentMessageJson.endDate) {
// let str_endDate = this.message.sentMessageJson.endDate // let strEndDate = this.message.sentMessageJson.endDate
// .replace(/ /g, '') // .replace(/ /g, '')
// .replace(/\n/g, '') // .replace(/\n/g, '')
// .replace(/(\([월,화,수,목,금,토,일]\))/g, ''); // .replace(/(\([월,화,수,목,금,토,일]\))/g, '');
// if (str_endDate.indexOf('오전') > -1) { // if (strEndDate.indexOf('오전') > -1) {
// str_endDate = str_endDate.replace('오전', ' '); // strEndDate = strEndDate.replace('오전', ' ');
// } else if (str_endDate.indexOf('오후') > -1) { // } else if (strEndDate.indexOf('오후') > -1) {
// str_endDate = str_endDate.replace('오후', ' '); // strEndDate = strEndDate.replace('오후', ' ');
// const arr = str_endDate.split(' '); // const arr = strEndDate.split(' ');
// let h = Number(arr[1].split(':')[0]) + 12; // const h = Number(arr[1].split(':')[0]) + 12;
// str_endDate = arr[0] + ' ' + h + ':' + arr[1].split(':')[1]; // strEndDate = arr[0] + ' ' + h + ':' + arr[1].split(':')[1];
// } // }
// this.endDate = moment(str_endDate).toDate(); // this.endDate = moment(strEndDate).toDate();
// if (this.endDate === 'Invalid Date') { // if (this.endDate === 'Invalid Date') {
// this.endDate = this.message.sentMessageJson.endDate.replace( // this.endDate = this.message.sentMessageJson.endDate.replace(
// /\n/g, // /\n/g,

View File

@ -37,6 +37,7 @@
<div class="btns"> <div class="btns">
<button <button
*ngIf="false"
mat-stroked-button mat-stroked-button
(click)="onClickSearchAndPrev()" (click)="onClickSearchAndPrev()"
class="btn-toggle" class="btn-toggle"