feat(frontend): deck UIのカラムからアンテナ、リストの編集画面を開けるように (#11104)

* feat: add edit antenna button onto deck column

* feat: add edit list button onto deck column

* docs(changelog): add deck UIのカラムのメニューからアンテナとリストの編集画面を開けるようになりました

CHANGELOG.md

@@ -21,6 +21,7 @@
 ### Client
 - Fix: サーバーメトリクスが90度傾いている
 - Fix: sparkle内にリンクを入れるとクリック不能になる問題の修正
+- deck UIのカラムのメニューからアンテナとリストの編集画面を開けるようになりました
 
 ### Server
 - JSON.parse の回数を削減することで、ストリーミングのパフォーマンスを向上しました

locales/index.d.ts

@@ -139,8 +139,10 @@ export interface Locale {
     "suspendConfirm": string;
     "unsuspendConfirm": string;
     "selectList": string;
+    "editList": string;
     "selectChannel": string;
     "selectAntenna": string;
+    "editAntenna": string;
     "selectWidget": string;
     "editWidgets": string;
     "editWidgetsExit": string;

locales/ja-JP.yml

@@ -136,8 +136,10 @@ unblockConfirm: "ブロック解除しますか？"
 suspendConfirm: "凍結しますか？"
 unsuspendConfirm: "解凍しますか？"
 selectList: "リストを選択"
+editList: "リストを編集"
 selectChannel: "チャンネルを選択"
 selectAntenna: "アンテナを選択"
+editAntenna: "アンテナを編集"
 selectWidget: "ウィジェットを選択"
 editWidgets: "ウィジェットを編集"
 editWidgetsExit: "編集を終了"

packages/frontend/src/ui/deck/antenna-column.vue

@@ -44,11 +44,22 @@ async function setAntenna() {
 	});
 }
 
-const menu = [{
+function editAntenna() {
+	os.pageWindow('my/antennas/' + props.column.antennaId);
+}
+
+const menu = [
+	{
 		icon: 'ti ti-pencil',
 		text: i18n.ts.selectAntenna,
 		action: setAntenna,
-}];
+	},
+	{
+		icon: 'ti ti-settings',
+		text: i18n.ts.editAntenna,
+		action: editAntenna,
+	},
+];
 
 /*
 function focus() {

packages/frontend/src/ui/deck/list-column.vue

@@ -42,9 +42,20 @@ async function setList() {
 	});
 }
 
-const menu = [{
+function editList() {
+	os.pageWindow('my/lists/' + props.column.listId);
+}
+
+const menu = [
+	{
 		icon: 'ti ti-pencil',
 		text: i18n.ts.selectList,
 		action: setList,
-}];
+	},
+	{
+		icon: 'ti ti-settings',
+		text: i18n.ts.editList,
+		action: editList,
+	},
+];
 </script>