TWSNMP FC:ノードのコピー機能を追加

何だか最近よく眠れてるのと猫もあまり早く起こしてくれないので今朝も６時に起きました。猫も同じ時間に起きて「ご飯」と言っていました。
昨日寝る前はデータベース情報とバックアップの画面を作ろうと思っていましたが、起きがけにマップ上でノードのコピーを作る機能がまだないことに気づきました。今朝は時間もないのでコピー機能を作ることにしました。

マップ上でノードをダブルクリックした時に表示するダイアログの＜コピー＞ボタンをつけました。

ついでに＜削除＞ボタンもつけてDELETEキーで削除する以外に画面操作で削除できるようにしました。コピーの動作は

のような感じです。追加したコードは、

    copyNode() {
     this.showNodeDialog = false
     // 位置をずらして新規追加
     this.editNode.X += 64
     this.editNode.ID = ''
     this.editNode.Name += 'のコピー'
     this.$axios
       .post('/api/node/update', this.editNode)
       .then(() => {
         this.$fetch()
       })
       .catch((e) => {
         this.$fetch()
       })
   },

のように、位置をずらして名前に”のコピー”を追加してノードを新規追加しています。削除は、

のような感じです。
今日の作業は、

ノードのコピーと削除に対応、テーブル表示の幅調整 · twsnmp/twsnmpfc@945b38a

です。明日に続く。