mirror of
https://github.com/Combodo/iTop.git
synced 2026-05-10 02:48:45 +02:00
- Form SDK implementation - Basic Forms - Dynamics Forms - Basic Blocks + Data Model Block - Form Compilation - Turbo integration
231 lines
4.9 KiB
TypeScript
231 lines
4.9 KiB
TypeScript
|
|
import type TomSelect from './tom-select.ts';
|
|
import { TomLoadCallback } from './types/index.ts';
|
|
|
|
|
|
/**
|
|
* Converts a scalar to its best string representation
|
|
* for hash keys and HTML attribute values.
|
|
*
|
|
* Transformations:
|
|
* 'str' -> 'str'
|
|
* null -> ''
|
|
* undefined -> ''
|
|
* true -> '1'
|
|
* false -> '0'
|
|
* 0 -> '0'
|
|
* 1 -> '1'
|
|
*
|
|
*/
|
|
export const hash_key = (value:undefined|null|boolean|string|number):string|null => {
|
|
if (typeof value === 'undefined' || value === null) return null;
|
|
return get_hash(value);
|
|
};
|
|
|
|
export const get_hash = (value:boolean|string|number):string => {
|
|
if (typeof value === 'boolean') return value ? '1' : '0';
|
|
return value + '';
|
|
};
|
|
|
|
/**
|
|
* Escapes a string for use within HTML.
|
|
*
|
|
*/
|
|
export const escape_html = (str:string):string => {
|
|
return (str + '')
|
|
.replace(/&/g, '&')
|
|
.replace(/</g, '<')
|
|
.replace(/>/g, '>')
|
|
.replace(/"/g, '"');
|
|
};
|
|
|
|
|
|
/**
|
|
* use setTimeout if timeout > 0
|
|
*/
|
|
export const timeout = (fn:()=>void,timeout:number): number | null => {
|
|
if( timeout > 0 ){
|
|
return window.setTimeout(fn,timeout);
|
|
}
|
|
|
|
fn.call(null);
|
|
return null;
|
|
}
|
|
|
|
/**
|
|
* Debounce the user provided load function
|
|
*
|
|
*/
|
|
export const loadDebounce = (fn:(value:string,callback:TomLoadCallback) => void,delay:number) => {
|
|
var timeout: null|ReturnType<typeof setTimeout>;
|
|
return function(this:TomSelect, value:string,callback:TomLoadCallback) {
|
|
var self = this;
|
|
|
|
if( timeout ){
|
|
self.loading = Math.max(self.loading - 1, 0);
|
|
clearTimeout(timeout);
|
|
}
|
|
timeout = setTimeout(function() {
|
|
timeout = null;
|
|
self.loadedSearches[value] = true;
|
|
fn.call(self, value, callback);
|
|
|
|
}, delay);
|
|
};
|
|
};
|
|
|
|
|
|
/**
|
|
* Debounce all fired events types listed in `types`
|
|
* while executing the provided `fn`.
|
|
*
|
|
*/
|
|
export const debounce_events = ( self:TomSelect, types:string[], fn:() => void ) => {
|
|
var type:string;
|
|
var trigger = self.trigger;
|
|
var event_args:{ [key: string]: any } = {};
|
|
|
|
// override trigger method
|
|
self.trigger = function(){
|
|
var type = arguments[0];
|
|
if (types.indexOf(type) !== -1) {
|
|
event_args[type] = arguments;
|
|
} else {
|
|
return trigger.apply(self, arguments);
|
|
}
|
|
};
|
|
|
|
// invoke provided function
|
|
fn.apply(self, []);
|
|
self.trigger = trigger;
|
|
|
|
// trigger queued events
|
|
for( type of types ){
|
|
if( type in event_args ){
|
|
trigger.apply(self, event_args[type]);
|
|
}
|
|
}
|
|
};
|
|
|
|
|
|
/**
|
|
* Determines the current selection within a text input control.
|
|
* Returns an object containing:
|
|
* - start
|
|
* - length
|
|
*
|
|
* Note: "selectionStart, selectionEnd ... apply only to inputs of types text, search, URL, tel and password"
|
|
* - https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange
|
|
*/
|
|
export const getSelection = (input:HTMLInputElement):{ start: number; length: number } => {
|
|
return {
|
|
start : input.selectionStart || 0,
|
|
length : (input.selectionEnd||0) - (input.selectionStart||0),
|
|
};
|
|
};
|
|
|
|
|
|
/**
|
|
* Prevent default
|
|
*
|
|
*/
|
|
export const preventDefault = (evt?:Event, stop:boolean=false):void => {
|
|
if( evt ){
|
|
evt.preventDefault();
|
|
if( stop ){
|
|
evt.stopPropagation();
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Add event helper
|
|
*
|
|
*/
|
|
export const addEvent = (target:EventTarget, type:string, callback:EventListenerOrEventListenerObject, options?:object):void => {
|
|
target.addEventListener(type,callback,options);
|
|
};
|
|
|
|
|
|
/**
|
|
* Return true if the requested key is down
|
|
* Will return false if more than one control character is pressed ( when [ctrl+shift+a] != [ctrl+a] )
|
|
* The current evt may not always set ( eg calling advanceSelection() )
|
|
*
|
|
*/
|
|
export const isKeyDown = ( key_name:keyof (KeyboardEvent|MouseEvent), evt?:KeyboardEvent|MouseEvent ) => {
|
|
|
|
if( !evt ){
|
|
return false;
|
|
}
|
|
|
|
if( !evt[key_name] ){
|
|
return false;
|
|
}
|
|
|
|
var count = (evt.altKey?1:0) + (evt.ctrlKey?1:0) + (evt.shiftKey?1:0) + (evt.metaKey?1:0);
|
|
|
|
if( count === 1 ){
|
|
return true;
|
|
}
|
|
|
|
return false;
|
|
};
|
|
|
|
|
|
/**
|
|
* Get the id of an element
|
|
* If the id attribute is not set, set the attribute with the given id
|
|
*
|
|
*/
|
|
export const getId = (el:Element,id:string) => {
|
|
const existing_id = el.getAttribute('id');
|
|
if( existing_id ){
|
|
return existing_id;
|
|
}
|
|
|
|
el.setAttribute('id',id);
|
|
return id;
|
|
};
|
|
|
|
|
|
/**
|
|
* Returns a string with backslashes added before characters that need to be escaped.
|
|
*/
|
|
export const addSlashes = (str:string):string => {
|
|
return str.replace(/[\\"']/g, '\\$&');
|
|
};
|
|
|
|
/**
|
|
*
|
|
*/
|
|
export const append = ( parent:Element|DocumentFragment, node: string|Node|null|undefined ):void =>{
|
|
if( node ) parent.append(node);
|
|
};
|
|
|
|
/**
|
|
* Iterates over arrays and hashes.
|
|
*
|
|
* ```
|
|
* iterate(this.items, function(item, id) {
|
|
* // invoked for each item
|
|
* });
|
|
* ```
|
|
*
|
|
*/
|
|
export const iterate = (object:[]|{[key:string]:any}, callback:(value:any,key:any)=>any) => {
|
|
|
|
if ( Array.isArray(object)) {
|
|
object.forEach(callback);
|
|
|
|
}else{
|
|
|
|
for (var key in object) {
|
|
if (object.hasOwnProperty(key)) {
|
|
callback(object[key], key);
|
|
}
|
|
}
|
|
}
|
|
};
|