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.
