feat: 턴 조작기, 보관함 기능

hwe/ts/PartialReservedCommand.vue

@@ -34,7 +34,7 @@
       <div v-if="isEditMode" class="row gx-0">
         <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">
@@ -72,7 +72,7 @@
               <i class="bi bi-clipboard-fill"></i>&nbsp;붙여넣기
             </BDropdownItem>
             <BDropdownDivider />
-            <BDropdownItem>
+            <BDropdownItem @click="setStoredActions">
               <i class="bi bi-bookmark-plus-fill"></i>&nbsp;보관하기
             </BDropdownItem>
             <BDropdownItem @click="subRepeatCommand">
@@ -299,7 +299,7 @@ declare const staticValues: {
 <script lang="ts" setup>
 import addMilliseconds from "date-fns/esm/addMilliseconds";
 import addMinutes from "date-fns/esm/addMinutes";
-import { clone, isString, min, range } from "lodash";
+import { clone, isString, min, range, repeat, trim } from "lodash";
 import { stringifyUrl } from "query-string";
 import { onMounted, ref, watch } from "vue";
 import { formatTime } from "@util/formatTime";
@@ -856,7 +856,7 @@ async function clipboardPaste(releaseSelect = true) {
 }
 
 async function subRepeatCommand(releaseSelect = true): Promise<boolean> {
-  const reqTurnList = getSelectedTurnList().sort();
+  const reqTurnList = getSelectedTurnList().sort((a,b)=>(a-b));
   const selectedMinTurnIdx = reqTurnList[0];
   const selectedMaxTurnIdx = reqTurnList[reqTurnList.length - 1];
   const queryLength = selectedMaxTurnIdx - selectedMinTurnIdx + 1;
@@ -873,7 +873,7 @@ async function subRepeatCommand(releaseSelect = true): Promise<boolean> {
 
 
 async function eraseAndPullCommand(releaseSelect = true): Promise<boolean> {
-  const reqTurnList = getSelectedTurnList().sort();
+  const reqTurnList = getSelectedTurnList().sort((a,b)=>(a-b));
   const selectedMinTurnIdx = reqTurnList[0];
   const selectedMaxTurnIdx = reqTurnList[reqTurnList.length - 1];
   const queryLength = selectedMaxTurnIdx - selectedMinTurnIdx + 1;
@@ -916,7 +916,7 @@ async function eraseAndPullCommand(releaseSelect = true): Promise<boolean> {
 }
 
 async function pushEmptyCommand(releaseSelect = true): Promise<boolean> {
-  const reqTurnList = getSelectedTurnList().sort();
+  const reqTurnList = getSelectedTurnList().sort((a,b)=>(a-b));
   const selectedMinTurnIdx = reqTurnList[0];
   const selectedMaxTurnIdx = reqTurnList[reqTurnList.length - 1];
   const queryLength = selectedMaxTurnIdx - selectedMinTurnIdx + 1;
@@ -958,6 +958,35 @@ async function pushEmptyCommand(releaseSelect = true): Promise<boolean> {
   return result;
 }
 
+function setStoredActions(){
+  const actions = refineQueryActions();
+  const turnBrief:string[] = [];
+  for(const [subTurnList, action] of actions){
+    const actionName = action.action.split('_');
+    const actionShortName = actionName.length == 1?actionName[0]:actionName[1];
+    turnBrief.push(repeat(actionShortName[0], subTurnList.length));
+  }
+  const nickName = trim(prompt('선택한 턴들의 별명을 지어주세요', turnBrief.join())??'');
+  if(nickName == ''){
+    return;
+  }
+
+  storedActionsHelper.setStoredActions(nickName, actions);
+  releaseSelectedTurnList();
+}
+
+function deleteStoredActions(actionKey: string){
+  storedActionsHelper.deleteStoredActions(actionKey)
+}
+
+async function useStoredAction(rawActions:  [number[], TurnObj][]){
+  const reqTurnList = getSelectedTurnList().sort((a,b)=>(a-b));
+  const actions = amplifyQueryActions(rawActions, reqTurnList)
+  const result = await reserveCommandDirect(actions);
+  releaseSelectedTurnList();
+  return result;
+}
+
 onMounted(() => {
   void reloadCommandList();
 });