Documentation
Sudoku
Description
This addon allows users to create activities based on Sudoku games.
Properties
Property name | Description |
---|---|
Rows Values | This property allows user to put the initial cell value. An empty cell is defined as “_“. If, for example, a whole row hasn’t got any initial value, it is enough to leave the row empty (empty values are defined automatically) | isDisable | Defines whether the Sudoku addon is disabled. |
isActivity | Enables to define whether the Sudoku addon is an activity or not. |
Supported commands
Command name | Params | Description |
---|---|---|
isAllOk | --- | Returns true when all cells are filled in correctly. |
show | --- | Shows the addon. |
hide | --- | Hides the addon. |
enable | --- | Enables the addon |
disable | --- | Disables the addon. |
Show Answers
This module is fully compatible with Show Answers module and displays correct answers when a relevant event is sent.
Events
The Sudoku addon sends events to Event Bus when a user enters a value into the cell.
Field name | Description |
---|---|
Item | column_number - row_number |
Value | Current value |
Score | available only when the addon is an activity: 1 when addon has a correct answer, 0 for other answers |
AllOK Event
When all cells are filled in correctly, the addon sends allOk event.
Field name | Description |
---|---|
Item | n/a |
Value | allOK |
Score | n/a |
CSS classes
Property name | Description |
---|---|
sudoku-wrapper | Outer wrapper of the whole addon. |
input.cell | Each cell in the Addon. |
input.filled | Each cell with value at the beginning. |
input.active | Each empty cell at the beginning. |
input.wrong | Style for a wrong answer. |
input.correct | Style for a correct answer. |
input.disable | Style for disable cells. |
input.check | Style after clicking on the Check button. |
Styles from a sample presentation
.Sudoku_dev_test{
}
.Sudoku_dev_test input.check{
opacity: 0.6;
}
.Sudoku_dev_test input.disable{
opacity: 0.6;
}
.Sudoku_dev_test input.wrong{
opacity: 1;
}
.Sudoku_dev_test input.correct{
opacity: 1;
}
Demo presentation
Demo presentation contains examples of how this addon can be used.