374 lines
14 KiB
JavaScript
374 lines
14 KiB
JavaScript
|
// Copyright (c) 2017 kroppy. All rights reserved.
|
|||
|
|
// Use of this source code is governed by a Attribution-NonCommercial-NoDerivatives 4.0 International (CC BY-NC-ND 4.0) license
|
|||
|
|
// that can be found at https://creativecommons.org/licenses/by-nc-nd/4.0/
|
|||
|
|
|
|||
|
|
|
|||
|
|
function OpenManagerWindow() {
|
|||
|
|
HideRenameDialogs();
|
|||
|
|
|
|||
|
|
if (opt.debug) {
|
|||
|
|
log("f: OpenManagerWindow");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
chrome.storage.local.get(null, function(storage) {
|
|||
|
|
let ManagerWindow = document.getElementById("manager_window");
|
|||
|
|
ManagerWindow.style.display = "block";
|
|||
|
|
|
|||
|
|
// ManagerWindow.style.top = document.getElementById("toolbar").getBoundingClientRect().height - 13 + "px";
|
|||
|
|
ManagerWindow.style.top = "";
|
|||
|
|
ManagerWindow.style.left = "";
|
|||
|
|
|
|||
|
|
let GroupList = document.getElementById("manager_window_groups_list");
|
|||
|
|
while (GroupList.hasChildNodes()) {
|
|||
|
|
GroupList.removeChild(GroupList.firstChild);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
let SessionsList = document.getElementById("manager_window_sessions_list");
|
|||
|
|
while (SessionsList.hasChildNodes()) {
|
|||
|
|
SessionsList.removeChild(SessionsList.firstChild);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
if (storage.hibernated_groups != undefined) {
|
|||
|
|
storage.hibernated_groups.forEach(function(hibernated_group){
|
|||
|
|
AddGroupToManagerList(hibernated_group);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
if (storage.saved_sessions != undefined) {
|
|||
|
|
(storage.saved_sessions).forEach(function(saved_session){
|
|||
|
|
AddSessionToManagerList(saved_session);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
ReAddSessionAutomaticToManagerList(storage);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
function AddGroupToManagerList(hibernated_group) {
|
|||
|
|
|
|||
|
|
let GroupList = document.getElementById("manager_window_groups_list");
|
|||
|
|
|
|||
|
|
let HibernatedGroupRow = document.createElement("li");
|
|||
|
|
HibernatedGroupRow.classList = "hibernated_group_row"
|
|||
|
|
GroupList.appendChild(HibernatedGroupRow);
|
|||
|
|
|
|||
|
|
let DeleteGroupIcon = document.createElement("div");
|
|||
|
|
DeleteGroupIcon.classList = "manager_window_list_button delete_hibernated_group";
|
|||
|
|
DeleteGroupIcon.title = chrome.i18n.getMessage("manager_window_delete_icon");
|
|||
|
|
|
|||
|
|
DeleteGroupIcon.onmousedown = function(event) {
|
|||
|
|
if (event.which == 1) {
|
|||
|
|
let hib_group = this.parentNode;
|
|||
|
|
let HibernategGroupIndex = Array.from(hib_group.parentNode.children).indexOf(hib_group);
|
|||
|
|
|
|||
|
|
chrome.storage.local.get(null, function(storage) {
|
|||
|
|
let hibernated_groups = storage.hibernated_groups;
|
|||
|
|
hibernated_groups.splice(HibernategGroupIndex, 1);
|
|||
|
|
|
|||
|
|
chrome.storage.local.set({hibernated_groups: hibernated_groups});
|
|||
|
|
hib_group.parentNode.removeChild(hib_group);
|
|||
|
|
RefreshGUI();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
HibernatedGroupRow.appendChild(DeleteGroupIcon);
|
|||
|
|
|
|||
|
|
|
|||
|
|
let ExportGroupIcon = document.createElement("div");
|
|||
|
|
ExportGroupIcon.classList = "manager_window_list_button export_hibernated_group";
|
|||
|
|
ExportGroupIcon.title = chrome.i18n.getMessage("manager_window_savetofile_icon");
|
|||
|
|
ExportGroupIcon.onmousedown = function(event) {
|
|||
|
|
if (event.which == 1) {
|
|||
|
|
let HibernategGroupIndex = Array.from(this.parentNode.parentNode.children).indexOf(this.parentNode);
|
|||
|
|
chrome.storage.local.get(null, function(storage) {
|
|||
|
|
let filename = storage.hibernated_groups[HibernategGroupIndex].group.name == "" ? caption_noname_group : storage.hibernated_groups[HibernategGroupIndex].group.name;
|
|||
|
|
SaveFile(filename, "tt_group", storage.hibernated_groups[HibernategGroupIndex]);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
HibernatedGroupRow.appendChild(ExportGroupIcon);
|
|||
|
|
|
|||
|
|
let LoadGroupIcon = document.createElement("div");
|
|||
|
|
LoadGroupIcon.classList = "manager_window_list_button load_hibernated_group";
|
|||
|
|
LoadGroupIcon.title = chrome.i18n.getMessage("manager_window_load_icon");
|
|||
|
|
LoadGroupIcon.onmousedown = function(event) {
|
|||
|
|
if (event.which == 1) {
|
|||
|
|
let HibernategGroupIndex = Array.from(this.parentNode.parentNode.children).indexOf(this.parentNode);
|
|||
|
|
chrome.storage.local.get(null, function(storage) {
|
|||
|
|
RecreateGroup(storage.hibernated_groups[HibernategGroupIndex]);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
HibernatedGroupRow.appendChild(LoadGroupIcon);
|
|||
|
|
|
|||
|
|
|
|||
|
|
let name = document.createElement("div");
|
|||
|
|
name.contentEditable = true;
|
|||
|
|
name.textContent = hibernated_group.group.name;
|
|||
|
|
name.classList = "manager_window_group_name text_input";
|
|||
|
|
name.onkeydown = function(event) { return event.which != 13; }
|
|||
|
|
name.oninput = function(event) {
|
|||
|
|
// this.textContent = (this.textContent).replace(/\n/g,' ');
|
|||
|
|
let hib_group_name = this.textContent;
|
|||
|
|
let hib_group = this.parentNode;
|
|||
|
|
let HibernategGroupIndex = Array.from(hib_group.parentNode.children).indexOf(hib_group);
|
|||
|
|
chrome.storage.local.get(null, function(storage) {
|
|||
|
|
let hibernated_groups = storage.hibernated_groups;
|
|||
|
|
hibernated_groups[HibernategGroupIndex].group.name = hib_group_name;
|
|||
|
|
chrome.storage.local.set({hibernated_groups: hibernated_groups});
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
HibernatedGroupRow.appendChild(name);
|
|||
|
|
let tabsCounter = document.createElement("div");
|
|||
|
|
tabsCounter.textContent = " - ("+ hibernated_group.tabs.length + ")";
|
|||
|
|
tabsCounter.classList = "manager_window_group_name";
|
|||
|
|
HibernatedGroupRow.appendChild(tabsCounter);
|
|||
|
|
RefreshGUI();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
function AddSessionToManagerList(saved_session) {
|
|||
|
|
let SessionsList = document.getElementById("manager_window_sessions_list");
|
|||
|
|
|
|||
|
|
let SavedSessionRow = document.createElement("li");
|
|||
|
|
SavedSessionRow.classList = "saved_session_row"
|
|||
|
|
SessionsList.appendChild(SavedSessionRow);
|
|||
|
|
|
|||
|
|
|
|||
|
|
let DeleteSessionIcon = document.createElement("div");
|
|||
|
|
DeleteSessionIcon.classList = "manager_window_list_button delete_saved_session";
|
|||
|
|
DeleteSessionIcon.title = chrome.i18n.getMessage("manager_window_delete_icon");
|
|||
|
|
DeleteSessionIcon.onmousedown = function(event) {
|
|||
|
|
if (event.which == 1) {
|
|||
|
|
let saved_session = this.parentNode;
|
|||
|
|
let SessionIndex = Array.from(saved_session.parentNode.children).indexOf(saved_session);
|
|||
|
|
chrome.storage.local.get(null, function(storage) {
|
|||
|
|
let S_Sessions = storage.saved_sessions;
|
|||
|
|
S_Sessions.splice(SessionIndex, 1);
|
|||
|
|
chrome.storage.local.set({saved_sessions: S_Sessions});
|
|||
|
|
saved_session.parentNode.removeChild(saved_session);
|
|||
|
|
RefreshGUI();
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
SavedSessionRow.appendChild(DeleteSessionIcon);
|
|||
|
|
|
|||
|
|
|
|||
|
|
let ExportSessionIcon = document.createElement("div");
|
|||
|
|
ExportSessionIcon.classList = "manager_window_list_button export_saved_session";
|
|||
|
|
ExportSessionIcon.title = chrome.i18n.getMessage("manager_window_savetofile_icon");
|
|||
|
|
ExportSessionIcon.onmousedown = function(event) {
|
|||
|
|
if (event.which == 1) {
|
|||
|
|
let saved_session = this.parentNode;
|
|||
|
|
let SessionIndex = Array.from(saved_session.parentNode.children).indexOf(saved_session);
|
|||
|
|
chrome.storage.local.get(null, function(storage) {
|
|||
|
|
let filename = storage.saved_sessions[SessionIndex].name == "" ? caption_noname_group : storage.saved_sessions[SessionIndex].name;
|
|||
|
|
SaveFile(filename, "tt_session", storage.saved_sessions[SessionIndex].session);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
SavedSessionRow.appendChild(ExportSessionIcon);
|
|||
|
|
|
|||
|
|
|
|||
|
|
let LoadSessionIcon = document.createElement("div");
|
|||
|
|
LoadSessionIcon.classList = "manager_window_list_button load_saved_session";
|
|||
|
|
LoadSessionIcon.title = chrome.i18n.getMessage("manager_window_load_icon");
|
|||
|
|
LoadSessionIcon.onmousedown = function(event) {
|
|||
|
|
if (event.which == 1) {
|
|||
|
|
let saved_session = this.parentNode;
|
|||
|
|
let SessionIndex = Array.from(saved_session.parentNode.children).indexOf(saved_session);
|
|||
|
|
chrome.storage.local.get(null, function(storage) {
|
|||
|
|
let S_Sessions = storage.saved_sessions;
|
|||
|
|
RecreateSession(S_Sessions[SessionIndex].session);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
SavedSessionRow.appendChild(LoadSessionIcon);
|
|||
|
|
|
|||
|
|
let MergeSessionIcon = document.createElement("div");
|
|||
|
|
MergeSessionIcon.classList = "manager_window_list_button merge_saved_session";
|
|||
|
|
MergeSessionIcon.title = chrome.i18n.getMessage("manager_window_merge_icon");
|
|||
|
|
MergeSessionIcon.onmousedown = function(event) {
|
|||
|
|
if (event.which == 1) {
|
|||
|
|
let saved_session = this.parentNode;
|
|||
|
|
let SessionIndex = Array.from(saved_session.parentNode.children).indexOf(saved_session);
|
|||
|
|
chrome.storage.local.get(null, function(storage) {
|
|||
|
|
let S_Sessions = storage.saved_sessions;
|
|||
|
|
ImportMergeTabs(S_Sessions[SessionIndex].session);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
SavedSessionRow.appendChild(MergeSessionIcon);
|
|||
|
|
|
|||
|
|
let name = document.createElement("div");
|
|||
|
|
name.contentEditable = true;
|
|||
|
|
name.textContent = saved_session.name;
|
|||
|
|
name.classList = "manager_window_session_name";
|
|||
|
|
name.onkeydown = function(event) { return event.which != 13; }
|
|||
|
|
name.oninput = function(event) {
|
|||
|
|
// this.textContent = (this.textContent).replace(/\n/g,' ');
|
|||
|
|
let session_name = this.textContent;
|
|||
|
|
let s = this.parentNode;
|
|||
|
|
let SessionIndex = Array.from(s.parentNode.children).indexOf(s);
|
|||
|
|
chrome.storage.local.get(null, function(storage) {
|
|||
|
|
let S_Sessions = storage.saved_sessions;
|
|||
|
|
S_Sessions[SessionIndex].name = session_name;
|
|||
|
|
chrome.storage.local.set({saved_sessions: S_Sessions});
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
SavedSessionRow.appendChild(name);
|
|||
|
|
|
|||
|
|
RefreshGUI();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
function ReAddSessionAutomaticToManagerList(storage) {
|
|||
|
|
let SessionsAutomaticList = document.getElementById("manager_window_autosessions_list");
|
|||
|
|
while (SessionsAutomaticList.hasChildNodes()) {
|
|||
|
|
SessionsAutomaticList.removeChild(SessionsAutomaticList.firstChild);
|
|||
|
|
}
|
|||
|
|
if (storage.saved_sessions_automatic != undefined) {
|
|||
|
|
(storage.saved_sessions_automatic).forEach(function(saved_sessions_automatic){
|
|||
|
|
AddSessionAutomaticToManagerList(saved_sessions_automatic);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
RefreshGUI();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
function AddSessionAutomaticToManagerList(saved_session) {
|
|||
|
|
let SessionsList = document.getElementById("manager_window_autosessions_list");
|
|||
|
|
|
|||
|
|
let SavedSessionRow = document.createElement("li");
|
|||
|
|
SavedSessionRow.classList = "saved_session_row"
|
|||
|
|
SessionsList.appendChild(SavedSessionRow);
|
|||
|
|
|
|||
|
|
|
|||
|
|
let LoadSessionIcon = document.createElement("div");
|
|||
|
|
LoadSessionIcon.classList = "manager_window_list_button load_saved_session";
|
|||
|
|
LoadSessionIcon.title = chrome.i18n.getMessage("manager_window_load_icon");
|
|||
|
|
LoadSessionIcon.onmousedown = function(event) {
|
|||
|
|
if (event.which == 1) {
|
|||
|
|
let saved_session = this.parentNode;
|
|||
|
|
let SessionIndex = Array.from(saved_session.parentNode.children).indexOf(saved_session);
|
|||
|
|
chrome.storage.local.get(null, function(storage) {
|
|||
|
|
let S_Sessions = storage.saved_sessions_automatic;
|
|||
|
|
RecreateSession(S_Sessions[SessionIndex].session);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
SavedSessionRow.appendChild(LoadSessionIcon);
|
|||
|
|
|
|||
|
|
|
|||
|
|
let MergeSessionIcon = document.createElement("div");
|
|||
|
|
MergeSessionIcon.classList = "manager_window_list_button merge_saved_session";
|
|||
|
|
MergeSessionIcon.title = chrome.i18n.getMessage("manager_window_merge_icon");
|
|||
|
|
MergeSessionIcon.onmousedown = function(event) {
|
|||
|
|
if (event.which == 1) {
|
|||
|
|
let saved_session = this.parentNode;
|
|||
|
|
let SessionIndex = Array.from(saved_session.parentNode.children).indexOf(saved_session);
|
|||
|
|
chrome.storage.local.get(null, function(storage) {
|
|||
|
|
let S_Sessions = storage.saved_sessions_automatic;
|
|||
|
|
// RecreateSession(S_Sessions[SessionIndex].session);
|
|||
|
|
ImportMergeTabs(S_Sessions[SessionIndex].session);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
SavedSessionRow.appendChild(MergeSessionIcon);
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
let name = document.createElement("div");
|
|||
|
|
name.textContent = saved_session.name;
|
|||
|
|
name.classList = "manager_window_session_name";
|
|||
|
|
SavedSessionRow.appendChild(name);
|
|||
|
|
|
|||
|
|
RefreshGUI();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
function SetManagerEvents() {
|
|||
|
|
document.getElementById("manager_window_close").onmousedown = function(event) {
|
|||
|
|
if (event.which == 1) {
|
|||
|
|
HideRenameDialogs();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
document.querySelectorAll(".manager_window_toolbar_button").forEach(function(s){
|
|||
|
|
s.onmousedown = function(event) {
|
|||
|
|
if (event.which == 1) {
|
|||
|
|
document.querySelectorAll(".manager_window_panel").forEach(function(s){
|
|||
|
|
s.classList.remove("mw_pan_on");
|
|||
|
|
});
|
|||
|
|
document.getElementById((this.id).replace("button", "panel")).classList.add("mw_pan_on");
|
|||
|
|
|
|||
|
|
document.querySelectorAll(".mw_on").forEach(function(s){
|
|||
|
|
s.classList.remove("mw_on");
|
|||
|
|
});
|
|||
|
|
this.classList.add("mw_on");
|
|||
|
|
RefreshGUI();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
document.getElementById("manager_window_button_import_group").onmousedown = function(event) {
|
|||
|
|
if (event.which == 1) {
|
|||
|
|
let inputFile = ShowOpenFileDialog(".tt_group");
|
|||
|
|
inputFile.onchange = function(event) {
|
|||
|
|
ImportGroup(false, true);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
document.getElementById("manager_window_button_hibernate_group").onmousedown = function(event) {
|
|||
|
|
if (event.which == 1) {
|
|||
|
|
ExportGroup(active_group, false, true);
|
|||
|
|
setTimeout(function() {
|
|||
|
|
GroupRemove(active_group, true);
|
|||
|
|
}, 100);
|
|||
|
|
setTimeout(function() {
|
|||
|
|
OpenManagerWindow();
|
|||
|
|
}, 150);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
document.getElementById("manager_window_button_save_current_session").onmousedown = function(event) {
|
|||
|
|
if (event.which == 1) {
|
|||
|
|
let d = new Date();
|
|||
|
|
ExportSession((d.toLocaleString().replace("/", ".").replace("/", ".").replace(":", "꞉").replace(":", "꞉")), false, true, false);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
document.getElementById("manager_window_button_import_session").onmousedown = function(event) {
|
|||
|
|
if (event.which == 1) {
|
|||
|
|
let inputFile = ShowOpenFileDialog(".tt_session");
|
|||
|
|
inputFile.onchange = function(event) {
|
|||
|
|
ImportSession(false, true, false);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
let autosessions_save_max_to_keep = document.getElementById("manager_window_autosessions_maximum_saves");
|
|||
|
|
autosessions_save_max_to_keep.value = opt.autosave_max_to_keep;
|
|||
|
|
autosessions_save_max_to_keep.oninput = function(event) {
|
|||
|
|
opt.autosave_max_to_keep = parseInt(this.value);
|
|||
|
|
SavePreferences();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
let autosessions_save_timer = document.getElementById("manager_window_autosessions_save_timer");
|
|||
|
|
autosessions_save_timer.value = opt.autosave_interval;
|
|||
|
|
autosessions_save_timer.oninput = function(event) {
|
|||
|
|
opt.autosave_interval = parseInt(this.value);
|
|||
|
|
SavePreferences();
|
|||
|
|
clearInterval(AutoSaveSession);
|
|||
|
|
StartAutoSaveSession();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|