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のカラムのメニューからアンテナとリストの編集画面を開けるようになりました

Cherry-picks: 1ab9f096c3

CHANGELOG.md

@@ -17,6 +17,7 @@
 ### General
 
 ### Client
+- deck UIのカラムのメニューからアンテナとリストの編集画面を開けるように
 - 画像を動画と同様に簡単に隠せるように
 - フォローやお気に入り登録をしていないチャンネルを開く時は概要ページを開くように
 - 引用対象を「もっと見る」で展開した場合、「閉じる」で畳めるように

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() {
-	icon: 'ti ti-pencil',
+	os.pageWindow('my/antennas/' + props.column.antennaId);
-	text: i18n.ts.selectAntenna,
+}
-	action: setAntenna,
+
-}];
+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() {
-	icon: 'ti ti-pencil',
+	os.pageWindow('my/lists/' + props.column.listId);
-	text: i18n.ts.selectList,
+}
-	action: setList,
+
-}];
+const menu = [
+	{
+		icon: 'ti ti-pencil',
+		text: i18n.ts.selectList,
+		action: setList,
+	},
+	{
+		icon: 'ti ti-settings',
+		text: i18n.ts.editList,
+		action: editList,
+	},
+];
 </script>