移動時に書いていた内容を一時保存。

NanasuNANA · Oct 18, 2023 · 58c8d41 · 58c8d41
1 parent 6c886d8
commit 58c8d41
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/src/app/component/chat-input/chat-input.component.ts b/src/app/component/chat-input/chat-input.component.ts
@@ -78,7 +78,7 @@ export class ChatInputComponent implements OnInit, OnDestroy {
   get filterText(): string { return this._filterText };
   set filterText(filterText: string) { this._filterText = filterText; this.filterTextChange.emit(filterText); }
 
-  @Output() moveToPalette = new EventEmitter();
+  @Output() moveToPalette = new EventEmitter<string>();
 
   @Output() chat = new EventEmitter<{ 
     text: string, gameType: string, sendFrom: string, sendTo: string,
@@ -358,7 +358,7 @@ export class ChatInputComponent implements OnInit, OnDestroy {
     if (!this.textAreaElementRef) return;
     if (this.textAreaElementRef.nativeElement.selectionStart != this.textAreaElementRef.nativeElement.selectionEnd) return;
     if (this.textAreaElementRef.nativeElement.selectionStart === this.textAreaElementRef.nativeElement.value.length) {
-      this.moveToPalette.emit();
+      this.moveToPalette.emit(this.text);
       e.preventDefault();
     }
   }

diff --git a/src/app/component/chat-palette/chat-palette.component.html b/src/app/component/chat-palette/chat-palette.component.html
@@ -8,7 +8,7 @@
         </label>
       </div>
     </form>
-    <chat-input [onlyCharacters]="true" [chatTabidentifier]="chatTabidentifier" (moveToPalette)="moveToPalette()"
+    <chat-input [onlyCharacters]="true" [chatTabidentifier]="chatTabidentifier" (moveToPalette)="moveToPalette($event)"
     [(gameType)]="gameType" [(sendFrom)]="sendFrom" [(text)]="text" [(filterText)]="filterText" (chat)="sendChat($event)" #chatInput></chat-input>
     <div *ngIf="isEdit" class="edit-info" style="display: flex">
       <div style="width: calc(100% - 1.6em); text-align: center"><i class="material-icons" style="vertical-align: middle; font-size: 1.05rem">info_outline</i> チャットパレット編集中</div>

diff --git a/src/app/component/chat-palette/chat-palette.component.ts b/src/app/component/chat-palette/chat-palette.component.ts
@@ -121,6 +121,8 @@ export class ChatPaletteComponent implements OnInit, OnDestroy {
     if (!this.chatPletteElementRef.nativeElement) return;
     const selectedPaletteIndex = this.chatPletteElementRef.nativeElement.selectedIndex;
     if (selectedPaletteIndex <= 0) {
+      this.text = this._tempText;
+      this.chatInputComponent.textAreaElementRef.nativeElement.value = this._tempText;
       this.chatInputComponent.textAreaElementRef.nativeElement.focus();
       e.preventDefault();
     }
@@ -145,7 +147,9 @@ export class ChatPaletteComponent implements OnInit, OnDestroy {
     if (e) e.preventDefault();
   }
 
-  moveToPalette() {
+  private _tempText: string;
+  moveToPalette(tempText: string) {
+    this._tempText = tempText;
     if (!this.chatPletteElementRef.nativeElement) return;
     if (this.chatPletteElementRef.nativeElement.options.length <= 0) return;
     this.chatPletteElementRef.nativeElement.options[0].selected = true;