activities/text/TextActivityBase. TextActivityBasePanel

Background element (currently a span) used to place animated GIFs when needed

Additional background element for animated GIFs, used in associations

The jQuery main canvas element used by this panel

The button used to check the activity, only when Activity.checkButtonText is not null

The popup currently been displayed

The jQuery div element used by this panel

Always true, since canvas hit regions have been deprecated!
See: https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Hit_regions_and_accessibility

The Activity this panel is related to

The object used to connect cells and other elements in some types of activity

The realized image used as a background

Currently selected item. Used in some types of activities.

A timer controlling the time the current popup will be displayed

The Dimension of the Rectangle

List of events intercepted by this ActivityPanel. Current events are: 'keydown', 'keyup',
'keypress', 'mousedown', 'mouseup', 'click', 'dblclick', 'mousemove', 'mouseenter',
'mouseleave', 'mouseover', 'mouseout', 'touchstart', 'touchend', 'touchmove' and 'touchcancel'.

true if the activity is running for first time (not due to a click on the replay button)

The currently "invalidated" area

The minimum size of this kind of ActivityPanel

true while the activity is playing

A timer prepared to display a popup after a while

The current position of the shape

The preferred size of this kind of ActivityPanel

System timer used to close the previous document when act.maxTime is reached.

The PlayStation used to realize media objects and communicate with the player services
(usually a JClicPlayer

The realized current Skin

true when the activity is solved, false otherwise

When true, text spanning will be done at char level: each single letter will be a clickacle span.
Used only in activities of type "itentify letters"

When true, all text outside of targets and cells will be inserted as independent words or letters,
using 'span' elements. module:activities/text/TextActivityBase.TextActivityBasePanel#$createSpanElement can be used
to customize these elements.

Array of jQuery DOM elements (usually of type 'span') containing the targets of this activity

Flag indicating if targets must be visually marked at the beginning of the activity.
Should be true except for IdentifyText activities.

Shape type id

Creates a 'span' element, used to isolate elements of text not involved in targets.
Used only when spanText is true.

Creates a target DOM element.
This method can be overridden in subclasses to create specific types of targets.

Called by JClicPlayer when this activity panel is fully visible, just after the
initialization process.

Adds the boundaries of another shape to the current one

Attaches a single event to the specified object

Attaches the events specified in the events member to the $div member

Builds the accessible components needed for this ActivityPanel
This method is called when all main elements are placed and visible, when the activity is ready
to start or when resized.

Prepares the visual components of the activity

Miscellaneous cleaning operations

Creates a clipping region on the specified HTML canvas 2D rendering context

Clones this Rectangle

Checks if the provided module:AWT.Point is inside this shape.

Enables or disables the three counters (time, score and actions)

Ends the activity

Checks if two shapes are equivalent.

Called when the user clicks on the check button

Fills the Shape with the current style in the provided HTML canvas context

Ordinary ending of the activity, usually called form processEvent

Fits the panel within the proposed rectangle. The panel can occupy more space, but always
not surpassing the bounds rectangle.

Forces the ending of the activity.

Gets a object with the basic attributes needed to rebuild this instance excluding functions,
parent references, constants and also attributes retaining the default value.
The resulting object is commonly usued to serialize elements in JSON format.

Gets the enclosing Rectangle of this Shape.

Gets a string with the co-ordinates of the upper-left and lower-right vertexs of this rectangle,
(with values rounded to int)

Gets the module:AWT.Point corresponding to the lower-right vertex of the Rectangle.

Gets a clone of this shape moved to the pos component of the rectangle and scaled
by its dim value.

Expands the boundaries of this shape. This affects the current position and dimension.

Basic initialization procedure, common to all activities.

Checks if the provided Rectangle r intersects with this shape.

Adds the provided rectangle to the invalidated area.

Shorthand method for determining if a Shape is an Rectangle

Shifts the shape a specified amount in horizontal and vertical directions

Moves this shape to a new position

Plays the specified event sound

Called when the text activity has a 'previous screen' information to be shown before the
activity starts

Prepares an HTML canvas 2D rendering context with a path that can be used to stroke a line,
to fill a surface or to define a clipping region.

Main handler used to process mouse, touch, keyboard and edit events

Multiplies the dimension of the Shape by the specified delta amount.

Sets the message to be displayed in the skin message box and optionally plays a sound event.

Reads the properties of this Rectangle from a data object

Sets the size and position of this activity panel

Sets the real dimension of this ActivityPanel.

Fills a jQuery DOM element (usually a 'div') with the specified TextActivityDocument.

Displays help about the activity

Shuffles the contents of the activity

Called when the activity starts playing

Draws this shape in the provided HTML canvas 2D rendering context.

Overwrites the original 'Object.toString' method with a more descriptive text

Updates the invalidated area

Activities should implement this method to update the graphic content of its panel. The method
will be called from module:AWT.Container#update when needed.