75 lines
2.2 KiB
TypeScript
75 lines
2.2 KiB
TypeScript
|
///
|
||
|
|
/// Copyright © 2016-2024 The Thingsboard Authors
|
||
|
|
///
|
||
|
|
/// 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 Timeout = NodeJS.Timeout;
|
||
|
|
|
||
|
|
export interface TbContextMenuEvent extends Event {
|
||
|
|
clientX: number;
|
||
|
|
clientY: number;
|
||
|
|
}
|
||
|
|
|
||
|
|
const isIOSDevice = (): boolean =>
|
||
|
|
/iPhone|iPad|iPod/i.test(navigator.userAgent) || (navigator.userAgent.includes('Mac') && 'ontouchend' in document);
|
||
|
|
|
||
|
|
export const initCustomJQueryEvents = () => {
|
||
|
|
$.event.special.tbcontextmenu = {
|
||
|
|
setup(this: HTMLElement) {
|
||
|
|
const el = $(this);
|
||
|
|
if (isIOSDevice()) {
|
||
|
|
let timeoutId: Timeout;
|
||
|
|
|
||
|
|
el.on('touchstart', (e) => {
|
||
|
|
e.stopPropagation();
|
||
|
|
timeoutId = setTimeout(() => {
|
||
|
|
timeoutId = null;
|
||
|
|
e.stopPropagation();
|
||
|
|
const touch = e.originalEvent.changedTouches[0];
|
||
|
|
const event = $.Event('tbcontextmenu', {
|
||
|
|
clientX: touch.clientX,
|
||
|
|
clientY: touch.clientY
|
||
|
|
});
|
||
|
|
el.trigger(event, e);
|
||
|
|
}, 500);
|
||
|
|
});
|
||
|
|
|
||
|
|
el.on('touchend touchmove', () => {
|
||
|
|
if (timeoutId) {
|
||
|
|
clearTimeout(timeoutId);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
} else {
|
||
|
|
el.on('contextmenu', (e) => {
|
||
|
|
e.preventDefault();
|
||
|
|
e.stopPropagation();
|
||
|
|
const event = $.Event('tbcontextmenu', {
|
||
|
|
clientX: e.originalEvent.clientX,
|
||
|
|
clientY: e.originalEvent.clientY
|
||
|
|
});
|
||
|
|
el.trigger(event, e);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
},
|
||
|
|
teardown(this: HTMLElement) {
|
||
|
|
const el = $(this);
|
||
|
|
if (isIOSDevice()) {
|
||
|
|
el.off('touchstart touchend touchmove');
|
||
|
|
} else {
|
||
|
|
el.off('contextmenu');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
};
|