1
0
mirror of https://github.com/netbox-community/netbox.git synced 2024-05-10 07:54:54 +00:00

added main multi-select function

This commit is contained in:
CroogQT
2022-05-05 13:23:43 -07:00
parent db142061ff
commit ea9258d36c

View File

@ -9,6 +9,43 @@ function updatePreviousPkCheckState(eventTargetElement: HTMLInputElement, state:
state.set('element', eventTargetElement);
}
function handlePkCheck(event: _MouseEvent, state: StateManager<PreviousPkCheckState>): void {
const eventTargetElement = event.target as HTMLInputElement;
const previousStateElement = state.get('element');
updatePreviousPkCheckState(eventTargetElement, state);
//Stop if user is not holding shift key
if(event.shiftKey === false){
return
}
//If no previous state, store event target element as previous state and return
if (previousStateElement === null) {
return updatePreviousPkCheckState(eventTargetElement, state);
}
const checkboxList = getElements<HTMLInputElement>('input[type="checkbox"][name="pk"]');
let changePkCheckboxState = false;
for(const element of checkboxList){
//The previously clicked checkbox was above the shift clicked checkbox
if(element === previousStateElement){
if(changePkCheckboxState === true){
changePkCheckboxState = false;
return
}
changePkCheckboxState = true;
}
//Change loop's current checkbox state to eventTargetElement checkbox state
if(changePkCheckboxState === true){
element.checked = eventTargetElement.checked;
}
//The previously clicked checkbox was below the shift clicked checkbox
if(element === eventTargetElement){
if(changePkCheckboxState === true){
changePkCheckboxState = false
return
}
changePkCheckboxState = true;
}
}
}
export function initSelectMultiple(): void {
const checkboxElements = getElements<HTMLInputElement>('input[type="checkbox"][name="pk"]');