more impl for search actions

src/public/app/widgets/search_actions/rename_relation.js

@@ -0,0 +1,59 @@
+import SpacedUpdate from "../../services/spaced_update.js";
+import AbstractAction from "./abstract_action.js";
+
+const TPL = `
+<tr>
+    <td>
+        Rename relation:
+    </td>
+    <td>
+        <div style="display: flex; align-items: center">
+            <div style="display: flex; align-items: center">
+                <div style="margin-right: 15px;">From:</div> 
+                
+                <input type="text" 
+                    class="form-control old-relation-name" 
+                    placeholder="old name" 
+                    pattern="[\\p{L}\\p{N}_:]+"
+                    title="Alphanumeric characters, underscore and colon are allowed characters."/>
+                
+                <div style="margin-right: 15px; margin-left: 15px;">To:</div> 
+                
+                <input type="text" 
+                    class="form-control new-relation-name" 
+                    placeholder="new name"
+                    pattern="[\\p{L}\\p{N}_:]+"
+                    title="Alphanumeric characters, underscore and colon are allowed characters."/>
+            </div>
+        </div>
+    </td>
+    <td>
+        <span class="bx bx-x icon-action" data-action-conf-del></span>
+    </td>
+</tr>`;
+
+export default class RenameRelationSearchAction extends AbstractAction {
+    static get actionName() { return "renameRelation"; }
+
+    doRender() {
+        const $action = $(TPL);
+
+        const $oldRelationName = $action.find('.old-relation-name');
+        $oldRelationName.val(this.actionDef.oldRelationName || "");
+
+        const $newRelationName = $action.find('.new-relation-name');
+        $newRelationName.val(this.actionDef.newRelationName || "");
+
+        const spacedUpdate = new SpacedUpdate(async () => {
+            await this.saveAction({
+                oldRelationName: $oldRelationName.val(),
+                newRelationName: $newRelationName.val()
+            });
+        }, 1000)
+
+        $oldRelationName.on('input', () => spacedUpdate.scheduleUpdate());
+        $newRelationName.on('input', () => spacedUpdate.scheduleUpdate());
+
+        return $action;
+    }
+}