NeoAnd/netbox
1
0
Fork 0
mirror of https://github.com/netbox-community/netbox.git synced 2025-07-24 17:38:37 -06:00
Code Issues Actions 11 Packages Projects Releases Wiki Activity

various punctuation and spacing fixes

Browse Source
This commit is contained in:
CroogQT 2022-05-06 11:33:00 -07:00
parent 90d8395a2c
commit 491a4e7d78
3 changed files with 31 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
netbox/project-static/src/buttons/selectMultiple.ts
View File

@ -8,14 +8,21 @@ function removeTextSelection(): void{
window.getSelection()?.removeAllRanges(); window.getSelection()?.removeAllRanges();
} }
function updatePreviousPkCheckState(eventTargetElement: HTMLInputElement, state: StateManager<PreviousPkCheckState>): void { function updatePreviousPkCheckState(
eventTargetElement: HTMLInputElement,
state: StateManager<PreviousPkCheckState>,
): void {
state.set('element', eventTargetElement); state.set('element', eventTargetElement);
} }
function toggleCheckboxRange(eventTargetElement: HTMLInputElement, previousStateElement: HTMLInputElement, elementList: Generator): void{ function toggleCheckboxRange(
let changePkCheckboxState = false eventTargetElement: HTMLInputElement,
previousStateElement: HTMLInputElement,
elementList: Generator,
): void {
let changePkCheckboxState = false;
for (const element of elementList) { for (const element of elementList) {
const typedElement = element as HTMLInputElement const typedElement = element as HTMLInputElement;
//Change loop's current checkbox state to eventTargetElement checkbox state //Change loop's current checkbox state to eventTargetElement checkbox state
if (changePkCheckboxState === true) { if (changePkCheckboxState === true) {
typedElement.checked = eventTargetElement.checked; typedElement.checked = eventTargetElement.checked;
@ -24,7 +31,7 @@ function toggleCheckboxRange(eventTargetElement: HTMLInputElement, previousState
if (element === previousStateElement) { if (element === previousStateElement) {
if (changePkCheckboxState === true) { if (changePkCheckboxState === true) {
changePkCheckboxState = false; changePkCheckboxState = false;
return return;
} }
changePkCheckboxState = true; changePkCheckboxState = true;
typedElement.checked = eventTargetElement.checked; typedElement.checked = eventTargetElement.checked;
@ -32,8 +39,8 @@ function toggleCheckboxRange(eventTargetElement: HTMLInputElement, previousState
//The previously clicked checkbox was below the shift clicked checkbox //The previously clicked checkbox was below the shift clicked checkbox
if (element === eventTargetElement) { if (element === eventTargetElement) {
if (changePkCheckboxState === true) { if (changePkCheckboxState === true) {
changePkCheckboxState = false changePkCheckboxState = false;
return return;
} }
changePkCheckboxState = true; changePkCheckboxState = true;
} }
@ -46,7 +53,7 @@ function handlePkCheck(event: MouseEvent, state: StateManager<PreviousPkCheckSta
updatePreviousPkCheckState(eventTargetElement, state); updatePreviousPkCheckState(eventTargetElement, state);
//Stop if user is not holding shift key //Stop if user is not holding shift key
if (!event.shiftKey) { if (!event.shiftKey) {
return return;
} }
removeTextSelection(); removeTextSelection();
//If no previous state, store event target element as previous state and return //If no previous state, store event target element as previous state and return
@ -54,14 +61,14 @@ function handlePkCheck(event: MouseEvent, state: StateManager<PreviousPkCheckSta
return updatePreviousPkCheckState(eventTargetElement, state); return updatePreviousPkCheckState(eventTargetElement, state);
} }
const checkboxList = getElements<HTMLInputElement>('input[type="checkbox"][name="pk"]'); const checkboxList = getElements<HTMLInputElement>('input[type="checkbox"][name="pk"]');
toggleCheckboxRange(eventTargetElement, previousStateElement, checkboxList) toggleCheckboxRange(eventTargetElement, previousStateElement, checkboxList);
} }
export function initSelectMultiple(): void { export function initSelectMultiple(): void {
const checkboxElements = getElements<HTMLInputElement>('input[type="checkbox"][name="pk"]'); const checkboxElements = getElements<HTMLInputElement>('input[type="checkbox"][name="pk"]');
for (const element of checkboxElements) { for (const element of checkboxElements) {
element.addEventListener('click', (event) => { element.addEventListener('click', event => {
removeTextSelection() removeTextSelection();
//Stop propogation to avoid event firing multiple times //Stop propogation to avoid event firing multiple times
event.stopPropagation(); event.stopPropagation();
handlePkCheck(event, previousPkCheckState); handlePkCheck(event, previousPkCheckState);

3
netbox/project-static/src/stores/previousPkCheck.ts
View File

@ -2,6 +2,5 @@ import { createState } from '../state';
export const previousPkCheckState = createState<{ element: Nullable<HTMLInputElement> }>( export const previousPkCheckState = createState<{ element: Nullable<HTMLInputElement> }>(
{ element: null }, { element: null },
{ persist: false } { persist: false },
); );