Documentation
Sudoku
Description
This module allows users to create activities based on Sudoku games.
Properties
The list starts with the common properties, learn more about them by visiting the Modules description section. The other available properties are described below.
| 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) | Is Disabled | Allows disabling the module so that the user is not able to interact with it. |
| Is Activity | 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.