109 lines
2.8 KiB
HTML
109 lines
2.8 KiB
HTML
|
<div
|
||
|
|
*ngIf="
|
||
|
|
isShowTranslationPreview &&
|
||
|
|
!!translationPreviewInfo &&
|
||
|
|
!!translationPreviewInfo.translation
|
||
|
|
"
|
||
|
|
class="translation-preview"
|
||
|
|
>
|
||
|
|
<span class="translation-section">
|
||
|
|
{{ translationPreviewInfo.translation }}
|
||
|
|
</span>
|
||
|
|
|
||
|
|
<button
|
||
|
|
mat-stroked-button
|
||
|
|
(click)="onClickSendTranslationMessage(translationPreviewInfo)"
|
||
|
|
>
|
||
|
|
Send
|
||
|
|
</button>
|
||
|
|
<span class="btn-close">
|
||
|
|
<button
|
||
|
|
mat-button
|
||
|
|
matSuffix
|
||
|
|
mat-icon-button
|
||
|
|
aria-label="Close"
|
||
|
|
(click)="onClickTranslationCancel()"
|
||
|
|
>
|
||
|
|
<mat-icon>close</mat-icon>
|
||
|
|
</button>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<form name="translationForm" [formGroup]="translationForm">
|
||
|
|
<mat-form-field>
|
||
|
|
<mat-label>Dest Type</mat-label>
|
||
|
|
<mat-select
|
||
|
|
formControlName="destType"
|
||
|
|
(selectionChange)="onChangeSelection($event)"
|
||
|
|
>
|
||
|
|
<mat-option value="">번역없음</mat-option>
|
||
|
|
<mat-option *ngFor="let dest of translationDestList" [value]="dest.key"
|
||
|
|
>{{ dest.text }}
|
||
|
|
</mat-option>
|
||
|
|
</mat-select>
|
||
|
|
</mat-form-field>
|
||
|
|
<mat-slide-toggle
|
||
|
|
labelPosition="before"
|
||
|
|
[checked]="simpleView"
|
||
|
|
(change)="onChangToggleSimpleview($event)"
|
||
|
|
>Simple View</mat-slide-toggle
|
||
|
|
>
|
||
|
|
<mat-slide-toggle
|
||
|
|
labelPosition="before"
|
||
|
|
[checked]="preView"
|
||
|
|
(change)="onChangTogglePreview($event)"
|
||
|
|
>Preview</mat-slide-toggle
|
||
|
|
>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
<!-- <div *ngIf="currentSticker" class="selected-sticker">
|
||
|
|
<img [src]="getStickerContentsImage(currentSticker)" />
|
||
|
|
<span class="btn-close">
|
||
|
|
<button
|
||
|
|
mat-button
|
||
|
|
matSuffix
|
||
|
|
mat-icon-button
|
||
|
|
aria-label="Close"
|
||
|
|
(click)="onClickClose()"
|
||
|
|
>
|
||
|
|
<mat-icon>close</mat-icon>
|
||
|
|
</button>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
<div class="sticker-selector">
|
||
|
|
<mat-tab-group
|
||
|
|
mat-stretch-tabs
|
||
|
|
animationDuration="0ms"
|
||
|
|
(selectedIndexChange)="onSelectedIndexChange($event)"
|
||
|
|
>
|
||
|
|
<mat-tab
|
||
|
|
*ngFor="let stickerInfo of stickerInfoList; let idx = index"
|
||
|
|
[aria-label]="stickerInfo.title"
|
||
|
|
>
|
||
|
|
<ng-template mat-tab-label>
|
||
|
|
<img
|
||
|
|
#stickerTitle
|
||
|
|
[matTooltip]="stickerInfo.title"
|
||
|
|
matTooltipPosition="after"
|
||
|
|
[src]="getStickerTitleImage(stickerInfo, false, idx)"
|
||
|
|
(mouseover)="
|
||
|
|
stickerTitle.src = getStickerTitleImage(stickerInfo, true, idx)
|
||
|
|
"
|
||
|
|
(mouseout)="
|
||
|
|
stickerTitle.src = getStickerTitleImage(stickerInfo, false, idx)
|
||
|
|
"
|
||
|
|
/>
|
||
|
|
</ng-template>
|
||
|
|
<div fxFlex fxLayout="row" fxLayoutGap="20px" class="sticker-item-box">
|
||
|
|
<div
|
||
|
|
*ngFor="let sticker of getStickerInfos(stickerInfo)"
|
||
|
|
(click)="onClickSelectSticker(sticker)"
|
||
|
|
class="sticker-item"
|
||
|
|
>
|
||
|
|
<img [src]="getStickerContentsImage(sticker)" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</mat-tab>
|
||
|
|
</mat-tab-group>
|
||
|
|
</div> -->
|