forked from mirrors/gecko-dev
149 lines
3.9 KiB
JavaScript
149 lines
3.9 KiB
JavaScript
/* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
|
|
|
import { XPCOMUtils } from "resource://gre/modules/XPCOMUtils.sys.mjs";
|
|
|
|
let log = ChromeUtils.importESModule(
|
|
"resource://gre/modules/Log.sys.mjs"
|
|
).Log.repository.getLogger("Sync.RemoteTabs");
|
|
|
|
const lazy = {};
|
|
|
|
XPCOMUtils.defineLazyModuleGetters(lazy, {
|
|
OpenInTabsUtils: "resource:///modules/OpenInTabsUtils.jsm",
|
|
});
|
|
|
|
/**
|
|
* TabListComponent
|
|
*
|
|
* The purpose of this component is to compose the view, state, and actions.
|
|
* It defines high level actions that act on the state and passes them to the
|
|
* view for it to trigger during user interaction. It also subscribes the view
|
|
* to state changes so it can rerender.
|
|
*/
|
|
|
|
export function TabListComponent({
|
|
window,
|
|
store,
|
|
View,
|
|
SyncedTabs,
|
|
clipboardHelper,
|
|
getChromeWindow,
|
|
}) {
|
|
this._window = window;
|
|
this._store = store;
|
|
this._View = View;
|
|
this._clipboardHelper = clipboardHelper;
|
|
this._getChromeWindow = getChromeWindow;
|
|
// used to trigger Sync from context menu
|
|
this._SyncedTabs = SyncedTabs;
|
|
}
|
|
|
|
TabListComponent.prototype = {
|
|
get container() {
|
|
return this._view.container;
|
|
},
|
|
|
|
init() {
|
|
log.debug("Initializing TabListComponent");
|
|
|
|
this._view = new this._View(this._window, {
|
|
onSelectRow: (...args) => this.onSelectRow(...args),
|
|
onOpenTab: (...args) => this.onOpenTab(...args),
|
|
onOpenTabs: (...args) => this.onOpenTabs(...args),
|
|
onMoveSelectionDown: (...args) => this.onMoveSelectionDown(...args),
|
|
onMoveSelectionUp: (...args) => this.onMoveSelectionUp(...args),
|
|
onToggleBranch: (...args) => this.onToggleBranch(...args),
|
|
onBookmarkTab: (...args) => this.onBookmarkTab(...args),
|
|
onCopyTabLocation: (...args) => this.onCopyTabLocation(...args),
|
|
onSyncRefresh: (...args) => this.onSyncRefresh(...args),
|
|
onFilter: (...args) => this.onFilter(...args),
|
|
onClearFilter: (...args) => this.onClearFilter(...args),
|
|
onFilterFocus: (...args) => this.onFilterFocus(...args),
|
|
onFilterBlur: (...args) => this.onFilterBlur(...args),
|
|
});
|
|
|
|
this._store.on("change", state => this._view.render(state));
|
|
this._view.render({ clients: [] });
|
|
// get what's already available...
|
|
this._store.getData();
|
|
this._store.focusInput();
|
|
},
|
|
|
|
uninit() {
|
|
this._view.destroy();
|
|
},
|
|
|
|
onFilter(query) {
|
|
this._store.getData(query);
|
|
},
|
|
|
|
onClearFilter() {
|
|
this._store.clearFilter();
|
|
},
|
|
|
|
onFilterFocus() {
|
|
this._store.focusInput();
|
|
},
|
|
|
|
onFilterBlur() {
|
|
this._store.blurInput();
|
|
},
|
|
|
|
onSelectRow(position) {
|
|
this._store.selectRow(position[0], position[1]);
|
|
},
|
|
|
|
onMoveSelectionDown() {
|
|
this._store.moveSelectionDown();
|
|
},
|
|
|
|
onMoveSelectionUp() {
|
|
this._store.moveSelectionUp();
|
|
},
|
|
|
|
onToggleBranch(id) {
|
|
this._store.toggleBranch(id);
|
|
},
|
|
|
|
onBookmarkTab(uri, title) {
|
|
this._window.top.PlacesCommandHook.bookmarkLink(uri, title).catch(
|
|
console.error
|
|
);
|
|
},
|
|
|
|
onOpenTab(url, where, params) {
|
|
this._window.openTrustedLinkIn(url, where, params);
|
|
},
|
|
|
|
onOpenTabs(urls, where) {
|
|
if (!lazy.OpenInTabsUtils.confirmOpenInTabs(urls.length, this._window)) {
|
|
return;
|
|
}
|
|
if (where == "window") {
|
|
this._window.openDialog(
|
|
this._window.AppConstants.BROWSER_CHROME_URL,
|
|
"_blank",
|
|
"chrome,dialog=no,all",
|
|
urls.join("|")
|
|
);
|
|
} else {
|
|
let loadInBackground = where == "tabshifted";
|
|
this._getChromeWindow(this._window).gBrowser.loadTabs(urls, {
|
|
inBackground: loadInBackground,
|
|
replace: false,
|
|
triggeringPrincipal:
|
|
Services.scriptSecurityManager.getSystemPrincipal(),
|
|
});
|
|
}
|
|
},
|
|
|
|
onCopyTabLocation(url) {
|
|
this._clipboardHelper.copyString(url);
|
|
},
|
|
|
|
onSyncRefresh() {
|
|
this._SyncedTabs.syncTabs(true);
|
|
},
|
|
};
|