DebugInstanceSubpanel

core/local/reactive/debugpanel~ DebugInstanceSubpanel

Component for the main reactive dev panel.

This component shows the list of reactive instances and handle the buttons to open a specific instance panel.

Constructor

new DebugInstanceSubpanel()

Source:

lib/amd/src/local/reactive/debugpanel.js, line 154

Methods

_checkJSON() → {undefined|array}

Source:

lib/amd/src/local/reactive/debugpanel.js, line 339

Check that the edited state JSON is valid.

Not all valid JSON are suitable for transforming the state. For example, the first level attributes cannot change the type.

Returns:

Array of state updates.

Type: undefined | array

_cleanAreas()

Source:

lib/amd/src/local/reactive/debugpanel.js, line 293

Listener method to clean the log area.

_generateStateUpdates(currentStateData, newStateData) → {array}

Source:

lib/amd/src/local/reactive/debugpanel.js, line 402

Check that the edited state JSON is valid.

Not all valid JSON are suitable for transforming the state. For example, the first level attributes cannot change the type. This method do a two steps comparison between the current state data and the new state data.

A reactive state cannot be overridden like any other variable. To keep the watchers updated is necessary to transform the current state into the new one. As a result, this method generates all the necessary state updates to convert the state into the new state.

Parameters:

Name	Type	Description
`currentStateData`	object
`newStateData`	object

Throws:

is the structure is not compatible
Type Error

Returns:

Array of state updates.

Type: array

_pin()

Source:

lib/amd/src/local/reactive/debugpanel.js, line 539

Pin the panel into the footer.

_refreshLog(args)

Source:

lib/amd/src/local/reactive/debugpanel.js, line 280

Wtacher method to refresh the log panel.

Parameters:

Name Type Description

args

object

Properties

Name	Type	Description
`element`	HTMLElement

_refreshReadOnly()

Source:

lib/amd/src/local/reactive/debugpanel.js, line 311

Watcher to update the read only information.

_refreshState()

Source:

lib/amd/src/local/reactive/debugpanel.js, line 303

Watcher to refresh the state information.

_saveState()

Source:

lib/amd/src/local/reactive/debugpanel.js, line 376

Listener to save the current edited state into the real state.

_toggleButtonText(element)

Source:

lib/amd/src/local/reactive/debugpanel.js, line 560

Toogle the button text with the data-alt value.

Parameters:

Name	Type	Description
`element`	Element	the button element

_toggleEditMode()

Source:

lib/amd/src/local/reactive/debugpanel.js, line 327

Listener to toggle the edit mode of the component.

_togglePin()

Source:

lib/amd/src/local/reactive/debugpanel.js, line 501

Pin and unpin the panel.

_unpin()

Source:

lib/amd/src/local/reactive/debugpanel.js, line 514

Unpin the panel form the footer.

create()

Source:

lib/amd/src/local/reactive/debugpanel.js, line 159

Constructor hook.

destroy()

Source:

lib/amd/src/local/reactive/debugpanel.js, line 255

Remove all subcomponents dependencies.

dragEnd(dropdata, event)

Source:

lib/amd/src/local/reactive/debugpanel.js, line 493

The element drop end hook.

Parameters:

Name	Type	Description
`dropdata`	Object	the dropdata
`event`	Event	the dropdata

getDraggableData() → {Object}

Source:

lib/amd/src/local/reactive/debugpanel.js, line 483

Get the draggable data of this component.

Returns:

exported course module drop data

Type: Object

getWatchers() → {Array}

Source:

lib/amd/src/local/reactive/debugpanel.js, line 266

Component watchers.

Returns:

of watchers

Type: Array

stateReady()

Source:

lib/amd/src/local/reactive/debugpanel.js, line 192

Initial state ready method.