From 5510701d55d859e2a1a2de9e0a03de0b9c72fda5 Mon Sep 17 00:00:00 2001
From: "DESKTOP-64JNFCF\\keyra" <nnanasu7@gmail.com>
Date: Mon, 9 Oct 2023 01:59:53 +0900
Subject: [PATCH] =?UTF-8?q?UI=E6=94=B9=E5=96=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/class/stand-list.ts                            |  1 +
 src/app/component/chat-input/chat-input.component.html |  4 ++--
 src/app/component/chat-input/chat-input.component.ts   |  4 ++--
 .../stand-element/stand-element.component.html         |  2 +-
 .../stand-setting/stand-setting.component.html         |  4 ++++
 .../component/stand-setting/stand-setting.component.ts | 10 ++++++++++
 6 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/src/app/class/stand-list.ts b/src/app/class/stand-list.ts
index 6553e3598..f757f563c 100644
--- a/src/app/class/stand-list.ts
+++ b/src/app/class/stand-list.ts
@@ -23,6 +23,7 @@ export class StandList extends DataElement {
   @SyncVar() position = 5;
   @SyncVar() height = 35;
   @SyncVar() overviewIndex = -1;
+  @SyncVar() isSortNameList = true;
 
   get standElements(): DataElement[] {
     return this.getElementsByName('stand');
diff --git a/src/app/component/chat-input/chat-input.component.html b/src/app/component/chat-input/chat-input.component.html
index ba3795cde..97c1d8828 100644
--- a/src/app/component/chat-input/chat-input.component.html
+++ b/src/app/component/chat-input/chat-input.component.html
@@ -1,5 +1,5 @@
 <div class="table" [ngClass]="{ 'direct-message': isDirect }">
-  <div class="table-cell imagebox" (contextmenu)="onContextMenu($event)" style="cursor: context-menu; padding-left: 4px">
+  <div class="table-cell imagebox" (contextmenu)="onContextMenu($event)" style="cursor: context-menu; padding-left: 4px; padding-right: 2px">
     <div *ngIf="!character; else isCharacter" class="imagebox">
       <img *ngIf="0 < imageFile.url.length" class="image face-icon" [src]="imageFile.url | safe: 'resourceUrl'" />
     </div>
@@ -18,7 +18,7 @@
   </div>
   <div class="table-cell">
     <div>
-      <label style="margin-right: 5px">
+      <label style="margin-right: 3px">
         <input *ngIf="character" type="checkbox" [(ngModel)]="isUseFaceIcon" checked="{{isUseFaceIcon ? 'checked' : ''}}" (change)="isUseFaceIcon = (isUseFaceIcon ? true : false)" />
         <b *ngIf="character" style="font-size: smaller;">顔IC</b>
       </label>
diff --git a/src/app/component/chat-input/chat-input.component.ts b/src/app/component/chat-input/chat-input.component.ts
index 164307e83..136838d51 100644
--- a/src/app/component/chat-input/chat-input.component.ts
+++ b/src/app/component/chat-input/chat-input.component.ts
@@ -110,11 +110,11 @@ export class ChatInputComponent implements OnInit, OnDestroy {
     let ret: string[] = [];
     for (let standElement of this.character.standList.standElements) {
       let nameElement = standElement.getFirstElementByName('name');
-      if (nameElement && nameElement.value && ret.indexOf(nameElement.value.toString()) < 0) {
+      if (nameElement && nameElement.value != null && nameElement.value.toString().trim() != '' && ret.indexOf(nameElement.value.toString()) < 0) {
         ret.push(nameElement.value.toString());
       }
     }
-    return ret.sort();
+    return this.character.standList.isSortNameList ? ret.sort() : ret;
   }
   standName: string = '';
 
diff --git a/src/app/component/stand-element/stand-element.component.html b/src/app/component/stand-element/stand-element.component.html
index 4aad9d030..e4ceb5332 100644
--- a/src/app/component/stand-element/stand-element.component.html
+++ b/src/app/component/stand-element/stand-element.component.html
@@ -63,7 +63,7 @@
         <ng-container *ngIf="applyDialogElement">
           <label style="margin-right: 0.2em">
             <input type="checkbox" [(ngModel)]="applyDialogElement.value" checked="{{applyDialogElement.value ? 'checked' : ''}}" (change)="applyDialogElement.value = (applyDialogElement.value ? 'applyDialog' : '')">
-            <b style="font-size: smaller;">💭</b>
+            <b style="font-size: smaller">💭</b>
           </label>
         </ng-container>
         <button (click)="openSpeakingModal()" style="font-size: 9px" [style.font-weight]="isSpeakable ? 'bolder' : 'normal'">口パク画像 (APNGなど)</button>
diff --git a/src/app/component/stand-setting/stand-setting.component.html b/src/app/component/stand-setting/stand-setting.component.html
index 2b9d5062a..4eb8a845c 100644
--- a/src/app/component/stand-setting/stand-setting.component.html
+++ b/src/app/component/stand-setting/stand-setting.component.html
@@ -4,6 +4,10 @@
     <b>Pos: </b>
     <input style="width: 350px" type="range" min="0" max="100" [(ngModel)]="position">
     <input style="width: 3em; text-align: right; margin-right: 3px;" type="number" min="0" max="100" [(ngModel)]="position"><b sytle="margin-left: 3px; margin-right: 1em ">％　</b>
+    <label style="margin-left: 1em; white-space: nowrap">
+      <input type="checkbox" [(ngModel)]="isSortNameList" checked="{{isSortNameList ? 'checked' : ''}}" (change)="isSortNameList = (isSortNameList ? true : false)" />
+      <b style="font-size: smaller">チャット入力で名前をソート</b>
+    </label>
   </div>
   <div class="position-indicate">
     <b>Height (0=元画像のまま): </b> 
diff --git a/src/app/component/stand-setting/stand-setting.component.ts b/src/app/component/stand-setting/stand-setting.component.ts
index 5667b129f..5ccabc800 100644
--- a/src/app/component/stand-setting/stand-setting.component.ts
+++ b/src/app/component/stand-setting/stand-setting.component.ts
@@ -85,6 +85,16 @@ export class StandSettingComponent implements OnInit, OnDestroy, AfterViewInit {
     this.character.standList.overviewIndex = overviewIndex;
   }
 
+  set isSortNameList(isSortNameList: boolean) {
+    if (!this.character || !this.character.standList) return;
+    this.character.standList.isSortNameList = isSortNameList;
+  }
+
+  get isSortNameList(): boolean {
+    if (!this.character || !this.character.standList) return true;
+    return this.character.standList.isSortNameList;
+  }
+
   ngOnInit() {
     Promise.resolve().then(() => this.updatePanelTitle());
     EventSystem.register(this)