Files
gerrit/polygerrit-ui/app/utils/event-util.ts
Ben Rohlfs e07f818915 Add a fireEvent util
Adds a simple util function for firing a CustomEvent without detail and
composed:true,bubbles:true.

Replaces all dispatchEvent() calls with this util. Does not replace, if
a detail is used of composed/bubbles are set differently.

Does not add event type enum values, but just uses strings.

Change-Id: I3148f4bfab5696f92320d22372ce215b61174256
2020-12-07 13:01:06 +01:00

86 lines
2.1 KiB
TypeScript

/**
* @license
* Copyright (C) 2020 The Android Open Source Project
*
* 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.
*/
import {FetchRequest} from '../types/types';
export enum EventType {
SHOW_ALERT = 'show-alert',
PAGE_ERROR = 'page-error',
SERVER_ERROR = 'server-error',
NETWORK_ERROR = 'network-error',
TITLE_CHANGE = 'title-change',
}
export function fireEvent(target: EventTarget, type: string) {
target.dispatchEvent(
new CustomEvent(type, {
composed: true,
bubbles: true,
})
);
}
export function fireAlert(target: EventTarget, message: string) {
target.dispatchEvent(
new CustomEvent(EventType.SHOW_ALERT, {
detail: {message},
composed: true,
bubbles: true,
})
);
}
export function firePageError(target: EventTarget, response?: Response | null) {
target.dispatchEvent(
new CustomEvent(EventType.PAGE_ERROR, {
detail: {response},
composed: true,
bubbles: true,
})
);
}
export function fireServerError(response: Response, request?: FetchRequest) {
document.dispatchEvent(
new CustomEvent(EventType.SERVER_ERROR, {
detail: {response, request},
composed: true,
bubbles: true,
})
);
}
export function fireNetworkError(error: Error) {
document.dispatchEvent(
new CustomEvent(EventType.NETWORK_ERROR, {
detail: {error},
composed: true,
bubbles: true,
})
);
}
export function fireTitleChange(target: EventTarget, title: string) {
target.dispatchEvent(
new CustomEvent(EventType.TITLE_CHANGE, {
detail: {title},
composed: true,
bubbles: true,
})
);
}