misc: 위치 조정

hwe/ts/PartialReservedCommand.vue

@@ -31,13 +31,8 @@
     </div>
 
     <div class="commandSelectFormAnchor">
-      <div v-if="isEditMode" class="row gx-0">
+      <div v-if="isEditMode" class="row gx-1">
         <div class="col-4 d-grid">
-          <BDropdown left text="보관함">
-            <BDropdownItem v-for="[actionKey, actions] of storedActions" :key="actionKey" @click="useStoredAction(actions)">{{actionKey}} <BButton @click.prevent="deleteStoredActions(actionKey)" size="sm">삭제</BButton></BDropdownItem>
-          </BDropdown>
-        </div>
-        <div class="col-3 d-grid">
           <BDropdown left text="범위">
             <BDropdownItem @click="selectTurn()">해제</BDropdownItem>
             <BDropdownItem @click="selectAll(true)">모든턴</BDropdownItem>
@@ -60,8 +55,31 @@
           </BDropdown>
         </div>
 
+        <div class="col-4 d-grid">
+          <BDropdown left text="보관함">
+            <BDropdownItem
+              v-for="[actionKey, actions] of storedActions"
+              :key="actionKey"
+              @click="useStoredAction(actions)"
+            >
+              {{ actionKey }}
+              <BButton @click.prevent="deleteStoredActions(actionKey)" size="sm">삭제</BButton>
+            </BDropdownItem>
+          </BDropdown>
+        </div>
+
+        <div class="col-4 d-grid">
+          <BDropdown right text="최근 실행">
+            <BDropdownItem
+              v-for="(action, idx) in recentActions"
+              :key="idx"
+              @click="void reserveCommandDirect([[Array.from(turnList.values()), action]])"
+            >{{ action.brief }}</BDropdownItem>
+          </BDropdown>
+        </div>
+
         <div class="col-5 d-grid">
-          <BDropdown right variant="info" text="선택한 턴을">
+          <BDropdown left variant="info" text="선택한 턴을">
             <BDropdownItem @click="clipboardCut">
               <i class="bi bi-scissors"></i>&nbsp;잘라내기
             </BDropdownItem>
@@ -92,16 +110,7 @@
           </BDropdown>
         </div>
 
-        <div class="col-4 d-grid">
+        <div class="col-7 d-grid">
-          <BDropdown left text="최근 실행">
-            <BDropdownItem
-              v-for="(action, idx) in recentActions"
-              :key="idx"
-              @click="void reserveCommandDirect([[Array.from(turnList.values()), action]])"
-            >{{ action.brief }}</BDropdownItem>
-          </BDropdown>
-        </div>
-        <div class="col-8 d-grid">
           <BButton variant="light" @click="toggleForm($event)" :style="{ color: 'black' }">명령 선택 ▾</BButton>
         </div>
       </div>
@@ -858,7 +867,7 @@ async function clipboardPaste(releaseSelect = true) {
 }
 
 async function subRepeatCommand(releaseSelect = true): Promise<boolean> {
-  const reqTurnList = getSelectedTurnList().sort((a,b)=>(a-b));
+  const reqTurnList = getSelectedTurnList().sort((a, b) => (a - b));
   const selectedMinTurnIdx = reqTurnList[0];
   const selectedMaxTurnIdx = reqTurnList[reqTurnList.length - 1];
   const queryLength = selectedMaxTurnIdx - selectedMinTurnIdx + 1;
@@ -875,7 +884,7 @@ async function subRepeatCommand(releaseSelect = true): Promise<boolean> {
 
 
 async function eraseAndPullCommand(releaseSelect = true): Promise<boolean> {
-  const reqTurnList = getSelectedTurnList().sort((a,b)=>(a-b));
+  const reqTurnList = getSelectedTurnList().sort((a, b) => (a - b));
   const selectedMinTurnIdx = reqTurnList[0];
   const selectedMaxTurnIdx = reqTurnList[reqTurnList.length - 1];
   const queryLength = selectedMaxTurnIdx - selectedMinTurnIdx + 1;
@@ -918,7 +927,7 @@ async function eraseAndPullCommand(releaseSelect = true): Promise<boolean> {
 }
 
 async function pushEmptyCommand(releaseSelect = true): Promise<boolean> {
-  const reqTurnList = getSelectedTurnList().sort((a,b)=>(a-b));
+  const reqTurnList = getSelectedTurnList().sort((a, b) => (a - b));
   const selectedMinTurnIdx = reqTurnList[0];
   const selectedMaxTurnIdx = reqTurnList[reqTurnList.length - 1];
   const queryLength = selectedMaxTurnIdx - selectedMinTurnIdx + 1;
@@ -960,16 +969,16 @@ async function pushEmptyCommand(releaseSelect = true): Promise<boolean> {
   return result;
 }
 
-function setStoredActions(){
+function setStoredActions() {
   const actions = refineQueryActions();
-  const turnBrief:string[] = [];
+  const turnBrief: string[] = [];
-  for(const [subTurnList, action] of actions){
+  for (const [subTurnList, action] of actions) {
     const actionName = action.action.split('_');
-    const actionShortName = actionName.length == 1?actionName[0]:actionName[1];
+    const actionShortName = actionName.length == 1 ? actionName[0] : actionName[1];
     turnBrief.push(repeat(actionShortName[0], subTurnList.length));
   }
-  const nickName = trim(prompt('선택한 턴들의 별명을 지어주세요', turnBrief.join())??'');
+  const nickName = trim(prompt('선택한 턴들의 별명을 지어주세요', turnBrief.join()) ?? '');
-  if(nickName == ''){
+  if (nickName == '') {
     return;
   }
 
@@ -977,12 +986,12 @@ function setStoredActions(){
   releaseSelectedTurnList();
 }
 
-function deleteStoredActions(actionKey: string){
+function deleteStoredActions(actionKey: string) {
   storedActionsHelper.deleteStoredActions(actionKey)
 }
 
-async function useStoredAction(rawActions:  [number[], TurnObj][]){
+async function useStoredAction(rawActions: [number[], TurnObj][]) {
-  const reqTurnList = getSelectedTurnList().sort((a,b)=>(a-b));
+  const reqTurnList = getSelectedTurnList().sort((a, b) => (a - b));
   const actions = amplifyQueryActions(rawActions, reqTurnList)
   const result = await reserveCommandDirect(actions);
   releaseSelectedTurnList();