Save collection to bookmarks

README.md

@@ -65,4 +65,4 @@ This project has adopted the Contributor Covenant. For more information see the
 
 Font copyrights: Microsoft Corportation ©2021 (Additional ELUA applied)
 
-Licensed under [MIT License](https://opensource.org/licenses/MIT)
+Licensed under [MIT License](https://opensource.org/licenses/MIT)

_locales/en/messages.json

@@ -99,6 +99,16 @@
 		"message": "Restore without removing",
 		"description": "Context action item name"
 	},
+	"saveCollectionAsBookmarks":
+	{
+		"message": "Save as bookmarks",
+		"description": "Button allowing the user to save a collection in the browser bookmarks"
+	},
+	"collectionSavedAsBookmarks":
+	{
+		"message": "The collection has been saved in your bookmark bar.",
+		"description": "Alert dialog message when a user has saved a collection in the browser bookmarks"
+	},
 	"removeCollection":
 	{
 		"message": "Remove collection",

_locales/es/messages.json

@@ -99,6 +99,16 @@
 		"message": "Restaurar sin eliminar",
 		"description": "Context action item name"
 	},
+    "saveCollectionAsBookmarks":
+    {
+      "message":"Guardar como marcadores",
+      "description":"Button allowing the user to save a collection in the browser bookmarks"
+    },
+    "collectionSavedAsBookmarks":
+    {
+      "message":"La colección se ha guardado en la barra de marcadores. .",
+      "description":"Alert dialog message when a user has saved a collection in the browser bookmarks"
+    },
 	"removeCollection":
 	{
 		"message": "Eliminar la colección",
@@ -139,4 +149,4 @@
 		"message": "items",
 		"description": "Collection tabs counter label (e.g. 8 items)"
 	}
-}
+}

_locales/it/messages.json

@@ -99,6 +99,16 @@
 	  "message": "Ripristina senza rimuovere le schede da da Tabs Aside",
 	  "description": "Context action item name"
 	},
+	"saveCollectionAsBookmarks":
+	{
+		"message":"Salva come segnalibri",
+		"description":"Button allowing the user to save a collection in the browser bookmarks"
+	},
+	"collectionSavedAsBookmarks":
+	{
+		"message":"La raccolta è stata salvata nella barra dei preferiti.",
+		"description":"Alert dialog message when a user has saved a collection in the browser bookmarks"
+	},
 	"removeCollection":
 	{
 	  "message": "Rimuovi gruppo di schede",

_locales/pt_BR/messages.json

@@ -99,6 +99,16 @@
 		"message": "Restaurar sem remover",
 		"description": "Context action item name"
 	},
+	"saveCollectionAsBookmarks":
+	{
+		"message": "Salvar como marcadores",
+		"description": "Button allowing the user to save a collection in the browser bookmarks"
+	},
+	"collectionSavedAsBookmarks":
+	{
+		"message": "A coleção foi salva na sua barra de marcadores.",
+		"description": "Alert dialog message when a user has saved a collection in the browser bookmarks"
+	},
 	"removeCollection":
 	{
 		"message": "Remover coleção",

_locales/ru/messages.json

@@ -99,6 +99,16 @@
 		"message": "Восстановить без удаления",
 		"description": "Context action item name"
 	},
+	"saveCollectionAsBookmarks":
+	{
+		"message": "Сохранить в избранное",
+		"description": "Button allowing the user to save a collection in the browser bookmarks"
+	},
+	"collectionSavedAsBookmarks":
+	{
+		"message": "Коллекция добавлена в избранное",
+		"description": "Alert dialog message when a user has saved a collection in the browser bookmarks"
+	},
 	"removeCollection":
 	{
 		"message": "Удалить коллекцию",

_locales/zh_CN/messages.json

@@ -99,6 +99,16 @@
 		"message": "恢复但不移除标签页",
 		"description": "Context action item name"
 	},
+	"saveCollectionAsBookmarks":
+	{
+		"message":"另存为书签",
+		"description":"Button allowing the user to save a collection in the browser bookmarks"
+	},
+	"collectionSavedAsBookmarks":
+	{
+		"message":"收藏已保存在您的书签栏中.",
+		"description":"Alert dialog message when a user has saved a collection in the browser bookmarks"
+	},
 	"removeCollection":
 	{
 		"message": "移除标签页集",

css/style.listview.css

@@ -56,4 +56,4 @@
 .tabsAside[listview] .listviewSwitch.list > div
 {
 	background-color: gray;
-}
+}

js/aside-script.js

@@ -270,6 +270,7 @@ function AddCollection(collection, thumbnails)
 					"<button loc_alt='more' class='btn more' title='More...'>&#xE712;</button>" +
 					"<nav>" +
 						"<button loc='restoreNoRemove' class='restoreCollection noDelete'>Restore without removing</button>" +
+						"<button loc='saveCollectionAsBookmarks' class='saveCollectionAsBookmarks'>Save as bookmarks</button>" +
 					"</nav>" +
 				"</div>" +
 				"<button loc_alt='removeCollection' class='btn remove' title='Remove collection'>&#xE711;</button>" +
@@ -290,6 +291,9 @@ function AddCollection(collection, thumbnails)
 	list.querySelectorAll(".restoreCollection.noDelete").forEach(i =>
 		i.onclick = () => RestoreTabs(i.parentElement.parentElement.parentElement.parentElement, false));
 
+	list.querySelectorAll(".saveCollectionAsBookmarks").forEach(i =>
+		i.onclick = () => SaveCollectionAsBookmarks(i.parentElement.parentElement.parentElement.parentElement));
+
 	list.querySelectorAll(".set > div").forEach(i =>
 		i.onclick = (args) =>
 		{
@@ -325,6 +329,17 @@ function RenameCollection(collectionData, name)
 		});
 }
 
+function SaveCollectionAsBookmarks(collectionData)
+{
+	chrome.runtime.sendMessage(
+		{
+			command: "SaveCollectionAsBookmarks",
+			collectionKey: collectionData.id
+		},
+		() => alert(chrome.i18n.getMessage("collectionSavedAsBookmarks"))
+	);
+}
+
 function RestoreTabs(collectionData, removeCollection = true)
 {
 	chrome.runtime.sendMessage(

js/background.js

@@ -219,21 +219,27 @@ function MergePreV2Collections ()
 
 function SaveCollectionAsBookmarks (collection)
 {
+	var collectionTitle = (collection.name ?? "") + "(" + new Date(collection.timestamp).toLocaleString() + ")";
 	//The id 1 is the browser's bookmark bar
 	chrome.bookmarks.create({
 		"parentId": "1",
-		"title": "TabsAside " + (collection.name ?? new Date(collection.timestamp).toISOString())
-	},
-	(collectionFolder) =>
+		"title": "Tabs aside"
+	}, (tabsAsideFolder) =>
 	{
-		for (var i = 0; i < collection.links.length; i++)
-			chrome.bookmarks.create(
-				{
-					"parentId": collectionFolder.id,
-					"title": collection.titles[i],
-					"url": collection.links[i]
-				});
-	});
+		chrome.bookmarks.create({
+			"parentId": tabsAsideFolder.id,
+			"title": collectionTitle
+		}, (collectionFolder) =>
+		{
+			for (var i = 0; i < collection.links.length; i++)
+				chrome.bookmarks.create(
+					{
+						"parentId": collectionFolder.id,
+						"title": collection.titles[i],
+						"url": collection.links[i]
+					});
+		});
+	})
 }
 
 LoadStorages(MergePreV2Collections);
@@ -320,6 +326,10 @@ chrome.runtime.onMessage.addListener((message, sender, sendResponse) =>
 			collections[message.collectionKey].name = message.newName;
 			UpdateStorages({ [message.collectionKey]: collections[message.collectionKey] });
 			break;
+		case "SaveCollectionAsBookmarks":
+			SaveCollectionAsBookmarks(collections[message.collectionKey]);
+			sendResponse();
+			break;
 		case "togglePane":
 			chrome.tabs.query(
 				{