Yu Cong
44db9807a1
Some checks failed
Types tests / Test (lts/*) (push) Has been cancelled
Lint / Lint (lts/*) (push) Has been cancelled
CodeQL / Analyze (javascript) (push) Has been cancelled
CI / Test (20) (push) Has been cancelled
CI / Test (22) (push) Has been cancelled
CI / Test (24) (push) Has been cancelled
97 lines
2.6 KiB
JavaScript
97 lines
2.6 KiB
JavaScript
/* Copyright 2023 Mozilla Foundation
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
/**
|
|
* @typedef {Object} ToolbarOptions
|
|
* @property {HTMLDivElement} mainContainer - Main container.
|
|
* @property {HTMLDivElement} container - Container for the toolbar.
|
|
* @property {HTMLButtonElement} download - Button to download the document.
|
|
*/
|
|
|
|
class Toolbar {
|
|
#buttons;
|
|
|
|
#eventBus;
|
|
|
|
/**
|
|
* @param {ToolbarOptions} options
|
|
* @param {EventBus} eventBus
|
|
* @param {Object} nimbusData - Nimbus configuration.
|
|
*/
|
|
constructor(options, eventBus, nimbusData) {
|
|
this.#eventBus = eventBus;
|
|
const buttons = [
|
|
{
|
|
element: options.download,
|
|
eventName: "download",
|
|
nimbusName: "download-button",
|
|
},
|
|
];
|
|
|
|
if (nimbusData) {
|
|
this.#buttons = [];
|
|
for (const button of buttons) {
|
|
if (nimbusData[button.nimbusName]) {
|
|
this.#buttons.push(button);
|
|
} else {
|
|
button.element.remove();
|
|
}
|
|
}
|
|
if (this.#buttons.length > 0) {
|
|
options.container.classList.add("show");
|
|
} else {
|
|
options.container.remove();
|
|
options.mainContainer.classList.add("noToolbar");
|
|
}
|
|
} else {
|
|
options.container.classList.add("show");
|
|
this.#buttons = buttons;
|
|
}
|
|
|
|
// Bind the event listeners for click and various other actions.
|
|
this.#bindListeners(options);
|
|
}
|
|
|
|
setPageNumber(pageNumber, pageLabel) {}
|
|
|
|
setPagesCount(pagesCount, hasPageLabels) {}
|
|
|
|
setPageScale(pageScaleValue, pageScale) {}
|
|
|
|
reset() {}
|
|
|
|
#bindListeners(options) {
|
|
// The buttons within the toolbar.
|
|
for (const { element, eventName, eventDetails } of this.#buttons) {
|
|
element.addEventListener("click", evt => {
|
|
if (eventName !== null) {
|
|
this.#eventBus.dispatch(eventName, { source: this, ...eventDetails });
|
|
this.#eventBus.dispatch("reporttelemetry", {
|
|
source: this,
|
|
details: {
|
|
type: "gv-buttons",
|
|
data: { id: `${element.id}_tapped` },
|
|
},
|
|
});
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
updateLoadingIndicatorState(loading = false) {}
|
|
}
|
|
|
|
export { Toolbar };
|