zotero/chrome/content/zotero/progressQueueDialog.jsx
2021-08-21 06:58:12 -04:00

134 lines
3.9 KiB
JavaScript

/*
***** BEGIN LICENSE BLOCK *****
Copyright © 2018 Center for History and New Media
George Mason University, Fairfax, Virginia, USA
http://zotero.org
This file is part of Zotero.
Zotero is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
Zotero is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License
along with Zotero. If not, see <http://www.gnu.org/licenses/>.
***** END LICENSE BLOCK *****
*/
Components.utils.import("resource://gre/modules/Services.jsm");
import React from 'react';
import ReactDOM from 'react-dom';
import VirtualizedTable from 'components/virtualized-table';
const { IntlProvider } = require('react-intl');
const { getDOMElement } = require('components/icons');
const { renderCell } = VirtualizedTable;
let _progressIndicator = null;
let _progressQueue;
let _tree;
function _getImageByStatus(status) {
if (status === Zotero.ProgressQueue.ROW_PROCESSING) {
return getDOMElement('IconArrowRefresh');
}
else if (status === Zotero.ProgressQueue.ROW_FAILED) {
return getDOMElement('IconCross');
}
else if (status === Zotero.ProgressQueue.ROW_SUCCEEDED) {
return getDOMElement('IconTick');
}
return document.createElementNS("http://www.w3.org/1999/xhtml", 'span');
}
function _rowToTreeItem(index, selection, oldDiv=null, columns) {
let rows = _progressQueue.getRows();
let row = rows[index];
let div;
if (oldDiv) {
div = oldDiv;
div.innerHTML = "";
}
else {
div = document.createElementNS("http://www.w3.org/1999/xhtml", 'div');
div.className = "row";
}
div.classList.toggle('selected', selection.isSelected(index));
for (let column of columns) {
if (column.dataKey === 'success') {
let span = document.createElementNS("http://www.w3.org/1999/xhtml", 'span');
span.className = `cell icon ${column.className}`;
span.appendChild(_getImageByStatus(row.status));
div.appendChild(span);
}
else {
div.appendChild(renderCell(index, row[column.dataKey], column));
}
}
return div;
}
function _init() {
var io = window.arguments[0];
_progressQueue = io.progressQueue;
document.title = Zotero.getString(_progressQueue.getTitle());
let columns = _progressQueue.getColumns();
const tableColumns = [
{ dataKey: 'success', fixedWidth: true, width: "26" },
{ dataKey: 'fileName', label: Zotero.getString(columns[0]) },
{ dataKey: 'message', label: Zotero.getString(columns[1]) },
];
const domEl = document.querySelector('#tree');
let elem = (
<IntlProvider locale={Zotero.locale} messages={Zotero.Intl.strings}>
<VirtualizedTable
getRowCount={() => _progressQueue.getRows().length}
id="locateManager-table"
ref={ref => io.tree = _tree = ref}
renderItem={_rowToTreeItem}
showHeader={true}
columns={tableColumns}
onActivate={_handleActivate}
/>
</IntlProvider>
);
ReactDOM.render(elem, domEl);
}
/**
* Focus items in Zotero library when double-clicking them in the Retrieve
* metadata window.
* @param {Event} event
* @param {Number[]} indices to activate
* @private
*/
async function _handleActivate(event, indices) {
if (event && event.type === 'dblclick') {
let itemID = _progressQueue.getRows()[indices[0]].id;
if (!itemID) return;
let item = await Zotero.Items.getAsync(itemID);
if (!item) return;
if (item.parentItemID) itemID = item.parentItemID;
let win = Services.wm.getMostRecentWindow("navigator:browser");
if (win) {
win.ZoteroPane.selectItem(itemID, false, true);
win.focus();
}
}
}