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

various punctuation and spacing fixes

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

View File

@ -4,36 +4,43 @@ import { previousPkCheckState } from '../stores';
type PreviousPkCheckState = { element: Nullable<HTMLInputElement> };
function removeTextSelection(): void{
function removeTextSelection(): void {
window.getSelection()?.removeAllRanges();
}
function updatePreviousPkCheckState(eventTargetElement: HTMLInputElement, state: StateManager<PreviousPkCheckState>): void {
function updatePreviousPkCheckState(
eventTargetElement: HTMLInputElement,
state: StateManager<PreviousPkCheckState>,
): void {
state.set('element', eventTargetElement);
}
function toggleCheckboxRange(eventTargetElement: HTMLInputElement, previousStateElement: HTMLInputElement, elementList: Generator): void{
let changePkCheckboxState = false
for(const element of elementList){
const typedElement = element as HTMLInputElement
function toggleCheckboxRange(
eventTargetElement: HTMLInputElement,
previousStateElement: HTMLInputElement,
elementList: Generator,
): void {
let changePkCheckboxState = false;
for (const element of elementList) {
const typedElement = element as HTMLInputElement;
//Change loop's current checkbox state to eventTargetElement checkbox state
if(changePkCheckboxState === true){
if (changePkCheckboxState === true) {
typedElement.checked = eventTargetElement.checked;
}
//The previously clicked checkbox was above the shift clicked checkbox
if(element === previousStateElement){
if(changePkCheckboxState === true){
//The previously clicked checkbox was above the shift clicked checkbox
if (element === previousStateElement) {
if (changePkCheckboxState === true) {
changePkCheckboxState = false;
return
return;
}
changePkCheckboxState = true;
typedElement.checked = eventTargetElement.checked;
}
//The previously clicked checkbox was below the shift clicked checkbox
if(element === eventTargetElement){
if(changePkCheckboxState === true){
changePkCheckboxState = false
return
//The previously clicked checkbox was below the shift clicked checkbox
if (element === eventTargetElement) {
if (changePkCheckboxState === true) {
changePkCheckboxState = false;
return;
}
changePkCheckboxState = true;
}
@ -45,8 +52,8 @@ function handlePkCheck(event: MouseEvent, state: StateManager<PreviousPkCheckSta
const previousStateElement = state.get('element');
updatePreviousPkCheckState(eventTargetElement, state);
//Stop if user is not holding shift key
if(!event.shiftKey){
return
if (!event.shiftKey) {
return;
}
removeTextSelection();
//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);
}
const checkboxList = getElements<HTMLInputElement>('input[type="checkbox"][name="pk"]');
toggleCheckboxRange(eventTargetElement, previousStateElement, checkboxList)
toggleCheckboxRange(eventTargetElement, previousStateElement, checkboxList);
}
export function initSelectMultiple(): void {
const checkboxElements = getElements<HTMLInputElement>('input[type="checkbox"][name="pk"]');
for (const element of checkboxElements) {
element.addEventListener('click', (event) => {
removeTextSelection()
element.addEventListener('click', event => {
removeTextSelection();
//Stop propogation to avoid event firing multiple times
event.stopPropagation();
handlePkCheck(event, previousPkCheckState);

View File

@ -1,3 +1,3 @@
export * from './objectDepth';
export * from './rackImages';
export * from './previousPkCheck';
export * from './previousPkCheck';

View File

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