'),i=document.getElementById("confettiCanvas"),o=i.getContext("2d"),e=window.innerWidth,r=window.innerHeight,i.width=e,i.height=r,x(document).on("startConfetti",n),x(document).on("stopConfetti",g),x(document).on("restartConfetti",v),x("#startConfetti").click(n),x("#stopConfetti").click(g),x("#restartConfetti").click(v),x(window).resize(function(){e=window.innerWidth,r=window.innerHeight,i.width=e,i.height=r})},this.start=n,this.stop=g,this.restart=v},x.confetti.init()}(jQuery);
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
new file mode 100644
index 0000000..9f2d6c5
--- /dev/null
+++ b/docs/index.html
@@ -0,0 +1,52 @@
+
+
+
+
+
+
+
+
+ Javascript Sudoku | © Deniss Dubinin
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/sudoku.js b/src/sudoku.js
index cb63dce..71c658a 100644
--- a/src/sudoku.js
+++ b/src/sudoku.js
@@ -5,16 +5,17 @@ window.sudoku = {
'Valve': 'Trilogy'
};
-(function(window, $) {
- $.fn.Sudoku = function(options) {
+(function (window, $) {
+ $.fn.Sudoku = function (options) {
var defaults = {
// TODO: ADD POSSIBILITY TO HAVE 2 SUDOKU ON 1 PAGE
- defaultSquare: 3, // TODO: GRID GENERATION
+ squareSize: 3, // TODO: GRID GENERATION
dropTimerOnReset: true,
- markWrongCellsOnFly: false, // TODO: NOT IMPLEMENTED AT ALL
+ markWrongCellsOnFly: false,
markWrongCellsOnFinish: true,
- useTimer: true, // TODO: NOT IMPLEMENT AT ALL
- timerOnly: true, // TODO: WTF IS THIS? START ONLY WITH TIMER ENABLED?!?!?!
+ useTimer: true,
+ timerOnly: true,
+ useCustomButtons: false, // TODO: NOT IMPLEMENT AT ALL
sudokuMixIterations: 500
},
options = $.extend({}, defaults, options),
@@ -24,9 +25,10 @@ window.sudoku = {
/**
* Initialise script
- * @param {element} element
+ * @param {object} element
*/
function create(element) {
+ element.addClass('sudoku');
generateGui(element);
init();
}
@@ -40,6 +42,7 @@ window.sudoku = {
mixMatrix();
prepareEmptyMatrix();
fillGrid();
+ enableFields(false);
}
/**
@@ -47,14 +50,17 @@ window.sudoku = {
* @param {object} element
*/
function generateGui(element) {
- element.prepend(':');
+ if (options.useTimer) {
+ element.prepend(':');
+ }
+
$('').appendTo(element);
var i = 0,
k = 0;
- while (i < 9) {
+ while (i < options.squareSize ** 2) {
var row = $('|
').appendTo(element.find('table'));
- while (k < 9) {
+ while (k < options.squareSize ** 2) {
$(' | ').appendTo(row);
k++;
}
@@ -62,6 +68,7 @@ window.sudoku = {
i++;
}
+ enableFields(false);
initGridButtons(element);
}
@@ -75,19 +82,37 @@ window.sudoku = {
if ((event.keyCode == 8 || event.keyCode == 46) || (key > 47 && key < 58)) {
return true;
}
-
+
return false;
}
- function checkSudokuSuccess() {
- var emptyCells = $('.sudoku-cell').find('input').filter(function() {
+ /**
+ * Validate sudoku and mark invalid cells
+ * @param {object} element
+ */
+ function validateSudoku(element) {
+ var emptyCells = $('.sudoku-cell').find('input').filter(function () {
return this.value === '';
});
- if (!emptyCells.length) {
+ if (options.markWrongCellsOnFly) {
+ var cell = $(element).parent(),
+ rowPos = cell.parent().index(),
+ colPos = cell.index();
+
+ if (parseInt($(element).val()) === window.sudoku.fullMatrix[rowPos][colPos] ||
+ $(element).val() === ''
+ ) {
+ cell.removeClass('invalid-cell');
+ } else {
+ cell.addClass('invalid-cell');
+ }
+ }
+
+ if (options.markWrongCellsOnFinish && !emptyCells.length) {
var filledMatrix = [];
- $('.sudoku .sudoku-row').each(function(index) {
+ $('.sudoku .sudoku-row').each(function (index) {
filledMatrix.push([]);
$(this).find('input').each(function () {
filledMatrix[index].push(parseInt($(this).val()));
@@ -96,13 +121,12 @@ window.sudoku = {
if (checkResults(filledMatrix, window.sudoku.fullMatrix)) {
$(document).trigger('startConfetti');
- } else {
}
}
}
/**
- * Toggle sudoku loading overlay
+ * Toggle sudoku loading overlay | TODO
* @param {bool} enable
*/
function toggleLoadingOverlay(enable) {
@@ -119,50 +143,77 @@ window.sudoku = {
*/
function initGridButtons(element) {
var buttonGroup = $('').addClass('btn-group'),
- startButton = $('