Class ScannerCarousel

Builds a carousel like SelectorCarousel but does not wait for the circuits to load, sets up a placeholders and inserts data when loaded, used for the Tutorial on the learn page (in code SelectPage) in the TutorialSelector

Hierarchy (View Summary)

SkeletonCarousel
- ScannerCarousel

Index

Constructors

constructor

Accessors

circuitMaps firstElementInInnerCarousel identifier indicatorContainerElement lastElementInInnerCarousel overviewBtnElement overviewItemElement scannerCloseBtn

Constructors

constructor

new ScannerCarousel(
    parent: any,
    circuitFiles: any,
    identifier: any,
    parentSelector: any,
): ScannerCarousel
Parameters
- parent: any
- circuitFiles: any
- identifier: any
- parentSelector: any
Returns ScannerCarousel
Inherited from SkeletonCarousel.constructor
- Defined in src/scripts/dataObjects/skeletonCarousel.js:7

Properties

bootstrapCarousel

bootstrapCarousel: Carousel

carousel

carousel: HTMLDivElement

circuitFiles

circuitFiles: any

circuitNameContainer

circuitNameContainer: HTMLDivElement

circuitSet

circuitSet: CircuitSet

idx

idx: number = 0

imgOverlay

imgOverlay: HTMLDivElement

indicatorsDiv

indicatorsDiv: HTMLDivElement

initializationStarted

initializationStarted: boolean = false

innerCarousel

innerCarousel: HTMLDivElement

isInitialized

isInitialized: boolean = false

nextBtn

nextBtn: HTMLDivElement

overlayFkt

overlayFkt: OverlayFactory = ...

overviewBtn

overviewBtn: HTMLButtonElement

overviewBtnDiv

overviewBtnDiv: HTMLDivElement

overViewModalBody

overViewModalBody: HTMLDivElement

parent

parent: Selector

parentDiv

parentDiv: HTMLDivElement

prevBtn

prevBtn: HTMLDivElement

scanInitialized

scanInitialized: boolean = false

scanner

scanner: QRScanner

startBtn

startBtn: HTMLButtonElement

startOrScan

startOrScan: Function = ...

stopBtn

stopBtn: HTMLButtonElement

Accessors

circuitMaps

get circuitMaps(): CircuitMap[]
Returns CircuitMap[]
Inherited from SkeletonCarousel.circuitMaps
- Defined in src/scripts/dataObjects/selectorCarousel.js:46

firstElementInInnerCarousel

get firstElementInInnerCarousel(): HTMLDivElement
Returns HTMLDivElement
- Defined in src/pages/select/scannerCarousel.js:135

identifier

get identifier(): {
    capacitor: string;
    inductor: string;
    kirchhoff: string;
    magnetic: string;
    mixed: string;
    quickstart: string;
    resistor: string;
    symbolic: string;
    wheatstone: string;
}
Returns {
    capacitor: string;
    inductor: string;
    kirchhoff: string;
    magnetic: string;
    mixed: string;
    quickstart: string;
    resistor: string;
    symbolic: string;
    wheatstone: string;
}
Inherited from SkeletonCarousel.identifier
- Defined in src/scripts/dataObjects/selectorCarousel.js:42

indicatorContainerElement

get indicatorContainerElement(): Element
Returns Element
Inherited from SkeletonCarousel.indicatorContainerElement
- Defined in src/scripts/dataObjects/selectorCarousel.js:76

lastElementInInnerCarousel

get lastElementInInnerCarousel(): HTMLDivElement
Returns HTMLDivElement
- Defined in src/pages/select/scannerCarousel.js:140

overviewBtnElement

get overviewBtnElement(): HTMLDivElement
Returns HTMLDivElement
Inherited from SkeletonCarousel.overviewBtnElement
- Defined in src/scripts/dataObjects/selectorCarousel.js:62

overviewItemElement

get overviewItemElement(): string
Returns string
Inherited from SkeletonCarousel.overviewItemElement
- Defined in src/scripts/dataObjects/selectorCarousel.js:50

scannerCloseBtn

get scannerCloseBtn(): HTMLButtonElement
Returns HTMLButtonElement
- Defined in src/pages/select/scannerCarousel.js:20

Methods

addVoltFreqOverlay

addVoltFreqOverlay(circuitMap: any): any
Parameters
- circuitMap: any
Returns any
Inherited from SkeletonCarousel.addVoltFreqOverlay
- Defined in src/scripts/dataObjects/selectorCarousel.js:238

afterCircuitsLoaded

afterCircuitsLoaded(): Promise<void>
Returns Promise<void>
Inherited from SkeletonCarousel.afterCircuitsLoaded
- Defined in src/scripts/dataObjects/skeletonCarousel.js:62

appendChildren

appendChildren(newParent: any, oldParent: any): void
Parameters
- newParent: any
- oldParent: any
Returns void
Inherited from SkeletonCarousel.appendChildren
- Defined in src/scripts/dataObjects/skeletonCarousel.js:55

carouselItem

carouselItem(id: any, identifier: any): HTMLElement
Parameters
- id: any
- identifier: any
Returns HTMLElement
Inherited from SkeletonCarousel.carouselItem
- Defined in src/scripts/dataObjects/selectorCarousel.js:228

carouselSlideChanged

carouselSlideChanged(event: any, indicators: any): void
Parameters
- event: any
- indicators: any
Returns void
Overrides SkeletonCarousel.carouselSlideChanged
- Defined in src/pages/select/scannerCarousel.js:114

circuitNameContainerElement

circuitNameContainerElement(text: any): HTMLElement
Parameters
- text: any
Returns HTMLElement
Inherited from SkeletonCarousel.circuitNameContainerElement
- Defined in src/scripts/dataObjects/selectorCarousel.js:85

createCarousel

createCarousel(): Element
Returns Element
Inherited from SkeletonCarousel.createCarousel
- Defined in src/scripts/dataObjects/selectorCarousel.js:98

generateOverviewGrid

generateOverviewGrid(circuitMaps: CircuitMap[]): HTMLDivElement
Parameters
- circuitMaps: CircuitMap[]
  {Array}
Returns HTMLDivElement
Inherited from SkeletonCarousel.generateOverviewGrid
- Defined in src/scripts/dataObjects/selectorCarousel.js:179

getCircuitFileName

getCircuitFileName(idx: any): string
Parameters
- idx: any
Returns string
Inherited from SkeletonCarousel.getCircuitFileName
- Defined in src/scripts/dataObjects/selectorCarousel.js:272

getIdMainCarousel

getIdMainCarousel(event: any): any
Parameters
- event: any
Returns any
Inherited from SkeletonCarousel.getIdMainCarousel
- Defined in src/scripts/dataObjects/selectorCarousel.js:198

hideImgOverlay

hideImgOverlay(): void
Returns void
Inherited from SkeletonCarousel.hideImgOverlay
- Defined in src/scripts/dataObjects/selectorCarousel.js:137

indicatorBtn

indicatorBtn(idx: any): Element
Parameters
- idx: any
Returns Element
Inherited from SkeletonCarousel.indicatorBtn
- Defined in src/scripts/dataObjects/selectorCarousel.js:91

init

init(): void
Initializes the carousel with placeholders, does not wait for the circuits to load, sets up a placeholder

Returns void
Overrides SkeletonCarousel.init
- Defined in src/pages/select/scannerCarousel.js:33

initScan

initScan(): void
Returns void
- Defined in src/pages/select/scannerCarousel.js:54

insertBeforePlaceholder

insertBeforePlaceholder(circuitMap: any): Promise<void>
this replaces the last element in inner carousel, which should always be the placeholder, and then creates a new placeholder
Parameters
- circuitMap: any
Returns Promise<void>
- Defined in src/pages/select/scannerCarousel.js:175

lastElementOf

lastElementOf(array: any): any
returns the last element of an array, or null if the array is empty
Parameters
- array: any
Returns any
- Defined in src/pages/select/scannerCarousel.js:164

processQrCode

processQrCode(qrCodeString: any): Promise<void>
Parameters
- qrCodeString: any
Returns Promise<void>
- Defined in src/pages/select/scannerCarousel.js:84

removeCircuit

removeCircuit(): void
Returns void
- Defined in src/pages/select/scannerCarousel.js:200

replacePlaceholder

replacePlaceholder(circuitMap: any): Promise<void>
this replaces the last element in inner carousel, which should always be the placeholder
Parameters
- circuitMap: any
Returns Promise<void>
- Defined in src/pages/select/scannerCarousel.js:146

scan

scan(): void
Returns void
- Defined in src/pages/select/scannerCarousel.js:64

selectCircuitInCarousel

selectCircuitInCarousel(): void
Returns void
Inherited from SkeletonCarousel.selectCircuitInCarousel
- Defined in src/scripts/dataObjects/selectorCarousel.js:404

setDataBsScheme

setDataBsScheme(): void
Returns void
Inherited from SkeletonCarousel.setDataBsScheme
- Defined in src/scripts/dataObjects/selectorCarousel.js:420

setupOverviewModalCircuit

setupOverviewModalCircuit(circuitMap: CircuitMap, svg: SVGElement): void
Parameters
- circuitMap: CircuitMap
  {CircuitMap}
- svg: SVGElement
  {SVGElement}
Returns void
Inherited from SkeletonCarousel.setupOverviewModalCircuit
- Defined in src/scripts/dataObjects/selectorCarousel.js:255

showImgOverlay

showImgOverlay(): void
Returns void
Overrides SkeletonCarousel.showImgOverlay
- Defined in src/pages/select/scannerCarousel.js:190

startBtnFn

startBtnFn(event: Event): void
Parameters
- event: Event
  {Event}
Returns void
Inherited from SkeletonCarousel.startBtnFn
- Defined in src/scripts/dataObjects/selectorCarousel.js:205

startCircuit

startCircuit(index: any): void
Parameters
- index: any
Returns void
Inherited from SkeletonCarousel.startCircuit
- Defined in src/scripts/dataObjects/selectorCarousel.js:211

stopQrScanner

stopQrScanner(): Promise<void>
Returns Promise<void>
- Defined in src/pages/select/scannerCarousel.js:75

templateItem

templateItem(): Element
Returns Element
Inherited from SkeletonCarousel.templateItem
- Defined in src/scripts/dataObjects/selectorCarousel.js:308

templateItemInnerHtml

templateItemInnerHtml(): string
Returns string
Inherited from SkeletonCarousel.templateItemInnerHtml
- Defined in src/scripts/dataObjects/selectorCarousel.js:318

toggleImgOverlay

toggleImgOverlay(): void
Returns void
Inherited from SkeletonCarousel.toggleImgOverlay
- Defined in src/scripts/dataObjects/selectorCarousel.js:167

updateColor

updateColor(): void
Returns void
Overrides SkeletonCarousel.updateColor
- Defined in src/pages/select/scannerCarousel.js:195

updateOverviewBody

updateOverviewBody(): void
Returns void
Overrides SkeletonCarousel.updateOverviewBody
- Defined in src/pages/select/scannerCarousel.js:130

Class ScannerCarousel

Hierarchy (View Summary)

Index

Constructors

Properties

Accessors

Methods

Constructors

constructor

Parameters

Returns ScannerCarousel

Properties

bootstrapCarousel

carousel

circuitFiles

circuitNameContainer

circuitSet

idx

imgOverlay

indicatorsDiv

initializationStarted

innerCarousel

isInitialized

nextBtn

overlayFkt

overviewBtn

overviewBtnDiv

overViewModalBody

parent

parentDiv

prevBtn

scanInitialized

scanner

startBtn

startOrScan

stopBtn

Accessors

circuitMaps

Returns CircuitMap[]

firstElementInInnerCarousel

Returns HTMLDivElement

identifier

Returns { capacitor: string; inductor: string; kirchhoff: string; magnetic: string; mixed: string; quickstart: string; resistor: string; symbolic: string; wheatstone: string;}

indicatorContainerElement

Returns Element

lastElementInInnerCarousel

Returns HTMLDivElement

overviewBtnElement

Returns HTMLDivElement

overviewItemElement

Returns string

scannerCloseBtn

Returns HTMLButtonElement

Methods

addVoltFreqOverlay

Parameters

Returns any

afterCircuitsLoaded

Returns Promise<void>

appendChildren

Parameters

Returns void

carouselItem

Parameters

Returns HTMLElement

carouselSlideChanged

Parameters

Returns void

circuitNameContainerElement

Parameters

Returns HTMLElement

createCarousel

Returns Element

generateOverviewGrid

Parameters

Returns HTMLDivElement

getCircuitFileName

Parameters

Returns string

getIdMainCarousel

Returns {
capacitor: string;
inductor: string;
kirchhoff: string;
magnetic: string;
mixed: string;
quickstart: string;
resistor: string;
symbolic: string;
wheatstone: string;
}