Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Digging into controller(s).js with @karjac14 #2

Open
wants to merge 5 commits into
base: karjac14--chess-2.0
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 0 additions & 1 deletion .gitignore
Original file line number Diff line number Diff line change
@@ -1,2 +1 @@
/node_modules/
/package.json
172 changes: 86 additions & 86 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -21,94 +21,94 @@
<body>
<div id="main">
<div class="board">
<div id= "title" class ="game-name"><h1>Chess Game</h1></div>
<div id= "empty" class ="side-label"></div>
<div id= "xA" class ="side-label"><p>A</p></div>
<div id= "xB" class ="side-label"><p>B</p></div>
<div id= "xC" class ="side-label"><p>C</p></div>
<div id= "xD" class ="side-label"><p>D</p></div>
<div id= "xE" class ="side-label"><p>E</p></div>
<div id= "xF" class ="side-label"><p>F</p></div>
<div id= "xG" class ="side-label"><p>G</p></div>
<div id= "xH" class ="side-label"><p>H</p></div>
<div id= "x1" class = "side-label"><p>8</p></div>
<div id= "A8" class = "block block-dark brook"><p>H1</p></div>
<div id= "B8" class = "block block-light bknight"><p>H2</p></div>
<div id= "C8" class = "block block-dark bbishop"><p>H3</p></div>
<div id= "D8" class = "block block-light bking"><p>H4</p></div>
<div id= "E8" class = "block block-dark bqueen" ><p>H5</p></div>
<div id= "F8" class = "block block-light bbishop"><p>H6</p></div>
<div id= "G8" class = "block block-dark bknight" ><p>H7</p></div>
<div id= "H8" class = "block block-light brook"><p>H8</p></div>
<div id= "x2" class = "side-label"><p>7</p></div>
<div id= "A7" class = "block block-light bpawn"><p>G1</p></div>
<div id= "B7" class = "block block-dark bpawn" ><p>G2</p></div>
<div id= "C7" class = "block block-light bpawn"><p>G3</p></div>
<div id= "D7" class = "block block-dark bpawn"><p>G4</p></div>
<div id= "E7" class = "block block-light bpawn"><p>G5</p></div>
<div id= "F7" class = "block block-dark bpawn"><p>G6</p></div>
<div id= "G7" class = "block block-light bpawn"><p>G7</p></div>
<div id= "H7" class = "block block-dark bpawn"><p>G8</p></div>
<div id= "x3" class = "side-label"><p>6</p></div>
<div id= "A6" class = "block block-dark"><p>F1</p></div>
<div id= "B6" class = "block block-light"><p>F2</p></div>
<div id= "C6" class = "block block-dark"><p>F3</p></div>
<div id= "D6" class = "block block-light"><p>F4</p></div>
<div id= "E6" class = "block block-dark"><p>F5</p></div>
<div id= "F6" class = "block block-light"><p>F6</p></div>
<div id= "G6" class = "block block-dark"><p>F7</p></div>
<div id= "H6" class = "block block-light"><p>F8</p></div>
<div id= "x4" class = "side-label"><p>5</p></div>
<div id= "A5" class = "block block-light"><p>E1</p></div>
<div id= "B5" class = "block block-dark"><p>E2</p></div>
<div id= "C5" class = "block block-light"><p>E3</p></div>
<div id= "D5" class = "block block-dark"><p>E4</p></div>
<div id= "E5" class = "block block-light"><p>E5</p></div>
<div id= "F5" class = "block block-dark"><p>E6</p></div>
<div id= "G5" class = "block block-light"><p>E7</p></div>
<div id= "H5" class = "block block-dark"><p>E8</p></div>
<div id= "x5" class = "side-label"><p>4</p></div>
<div id= "A4" class = "block block-dark"><p>D1</p></div>
<div id= "B4" class = "block block-light"><p>D2</p></div>
<div id= "C4" class = "block block-dark"><p>D3</p></div>
<div id= "D4" class = "block block-light"><p>D4</p></div>
<div id= "E4" class = "block block-dark"><p>D5</p></div>
<div id= "F4" class = "block block-light"><p>D6</p></div>
<div id= "G4" class = "block block-dark"><p>D7</p></div>
<div id= "H4" class = "block block-light"><p>D8</p></div>
<div id= "x6" class = "side-label"><p>3</p></div>
<div id= "A3" class = "block block-light"><p>C1</p></div>
<div id= "B3" class = "block block-dark"><p>C2</p></div>
<div id= "C3" class = "block block-light"><p>C3</p></div>
<div id= "D3" class = "block block-dark"><p>C4</p></div>
<div id= "E3" class = "block block-light"><p>C5</p></div>
<div id= "F3" class = "block block-dark"><p>C6</p></div>
<div id= "G3" class = "block block-light"><p>C7</p></div>
<div id= "H3" class = "block block-dark"><p>C8</p></div>
<div id= "x7" class = "side-label"><p>2</p></div>
<div id= "A2" class = "block block-dark wpawn"><p>A2</p></div>
<div id= "B2" class = "block block-light wpawn"><p>B2</p></div>
<div id= "C2" class = "block block-dark wpawn"><p>C2</p></div>
<div id= "D2" class = "block block-light wpawn"><p>D2</p></div>
<div id= "E2" class = "block block-dark wpawn"><p>E2</p></div>
<div id= "F2" class = "block block-light wpawn"><p>F2</p></div>
<div id= "G2" class = "block block-dark wpawn"><p>G2</p></div>
<div id= "H2" class = "block block-light wpawn"><p>H2</p></div>
<div id= "x8" class = "side-label"><p>1</p></div>
<div id= "A1" class = "block block-light wrook"><p>A1</p></div>
<div id= "B1" class = "block block-dark wknight"><p>A2</p></div>
<div id= "C1" class = "block block-light wbishop"><p>A3</p></div>
<div id= "D1" class = "block block-dark wking"><p>A4</p></div>
<div id= "E1" class = "block block-light wqueen"><p>A5</p></div>
<div id= "F1" class = "block block-dark wbishop"><p>A6</p></div>
<div id= "G1" class = "block block-light wknight"><p>A7</p></div>
<div id= "H1" class = "block block-dark wrook"><p>A8</p></div>
<div id="title" class="game-name"><h1>Chess Game</h1></div>
<div id="empty" class="side-label"></div>
<div id="xA" class="side-label"><p>A</p></div>
<div id="xB" class="side-label"><p>B</p></div>
<div id="xC" class="side-label"><p>C</p></div>
<div id="xD" class="side-label"><p>D</p></div>
<div id="xE" class="side-label"><p>E</p></div>
<div id="xF" class="side-label"><p>F</p></div>
<div id="xG" class="side-label"><p>G</p></div>
<div id="xH" class="side-label"><p>H</p></div>
<div id="x1" class="side-label"><p>8</p></div>
<div id="A8" class="block block-dark brook"><p>H1</p></div>
<div id="B8" class="block block-light bknight"><p>H2</p></div>
<div id="C8" class="block block-dark bbishop"><p>H3</p></div>
<div id="D8" class="block block-light bking"><p>H4</p></div>
<div id="E8" class="block block-dark bqueen"><p>H5</p></div>
<div id="F8" class="block block-light bbishop"><p>H6</p></div>
<div id="G8" class="block block-dark bknight"><p>H7</p></div>
<div id="H8" class="block block-light brook"><p>H8</p></div>
<div id="x2" class="side-label"><p>7</p></div>
<div id="A7" class="block block-light bpawn"><p>G1</p></div>
<div id="B7" class="block block-dark bpawn"><p>G2</p></div>
<div id="C7" class="block block-light bpawn"><p>G3</p></div>
<div id="D7" class="block block-dark bpawn"><p>G4</p></div>
<div id="E7" class="block block-light bpawn"><p>G5</p></div>
<div id="F7" class="block block-dark bpawn"><p>G6</p></div>
<div id="G7" class="block block-light bpawn"><p>G7</p></div>
<div id="H7" class="block block-dark bpawn"><p>G8</p></div>
<div id="x3" class="side-label"><p>6</p></div>
<div id="A6" class="block block-dark"><p>F1</p></div>
<div id="B6" class="block block-light"><p>F2</p></div>
<div id="C6" class="block block-dark"><p>F3</p></div>
<div id="D6" class="block block-light"><p>F4</p></div>
<div id="E6" class="block block-dark"><p>F5</p></div>
<div id="F6" class="block block-light"><p>F6</p></div>
<div id="G6" class="block block-dark"><p>F7</p></div>
<div id="H6" class="block block-light"><p>F8</p></div>
<div id="x4" class="side-label"><p>5</p></div>
<div id="A5" class="block block-light"><p>E1</p></div>
<div id="B5" class="block block-dark"><p>E2</p></div>
<div id="C5" class="block block-light"><p>E3</p></div>
<div id="D5" class="block block-dark"><p>E4</p></div>
<div id="E5" class="block block-light"><p>E5</p></div>
<div id="F5" class="block block-dark"><p>E6</p></div>
<div id="G5" class="block block-light"><p>E7</p></div>
<div id="H5" class="block block-dark"><p>E8</p></div>
<div id="x5" class="side-label"><p>4</p></div>
<div id="A4" class="block block-dark"><p>D1</p></div>
<div id="B4" class="block block-light"><p>D2</p></div>
<div id="C4" class="block block-dark"><p>D3</p></div>
<div id="D4" class="block block-light"><p>D4</p></div>
<div id="E4" class="block block-dark"><p>D5</p></div>
<div id="F4" class="block block-light"><p>D6</p></div>
<div id="G4" class="block block-dark"><p>D7</p></div>
<div id="H4" class="block block-light"><p>D8</p></div>
<div id="x6" class="side-label"><p>3</p></div>
<div id="A3" class="block block-light"><p>C1</p></div>
<div id="B3" class="block block-dark"><p>C2</p></div>
<div id="C3" class="block block-light"><p>C3</p></div>
<div id="D3" class="block block-dark"><p>C4</p></div>
<div id="E3" class="block block-light"><p>C5</p></div>
<div id="F3" class="block block-dark"><p>C6</p></div>
<div id="G3" class="block block-light"><p>C7</p></div>
<div id="H3" class="block block-dark"><p>C8</p></div>
<div id="x7" class="side-label"><p>2</p></div>
<div id="A2" class="block block-dark wpawn"><p>A2</p></div>
<div id="B2" class="block block-light wpawn"><p>B2</p></div>
<div id="C2" class="block block-dark wpawn"><p>C2</p></div>
<div id="D2" class="block block-light wpawn"><p>D2</p></div>
<div id="E2" class="block block-dark wpawn"><p>E2</p></div>
<div id="F2" class="block block-light wpawn"><p>F2</p></div>
<div id="G2" class="block block-dark wpawn"><p>G2</p></div>
<div id="H2" class="block block-light wpawn"><p>H2</p></div>
<div id="x8" class="side-label"><p>1</p></div>
<div id="A1" class="block block-light wrook"><p>A1</p></div>
<div id="B1" class="block block-dark wknight"><p>A2</p></div>
<div id="C1" class="block block-light wbishop"><p>A3</p></div>
<div id="D1" class="block block-dark wking"><p>A4</p></div>
<div id="E1" class="block block-light wqueen"><p>A5</p></div>
<div id="F1" class="block block-dark wbishop"><p>A6</p></div>
<div id="G1" class="block block-light wknight"><p>A7</p></div>
<div id="H1" class="block block-dark wrook"><p>A8</p></div>
</div>
<div id="ch-control">
<button id="rewind" type="button" class ="button" >Reset</button>
<button id="back" type="button" class ="button" >Back</button>
<button id="next" type="button" class ="button" >Next</button>
<button id="forward" type="button" class ="button" >Fast-Forward</button>
<button id="rewind" type="button" class="button">Reset</button>
<button id="back" type="button" class="button">Back</button>
<button id="next" type="button" class="button">Next</button>
<button id="forward" type="button" class="button">Fast-Forward</button>
</div>
</div>

Expand Down
8 changes: 3 additions & 5 deletions js/controller.js
Original file line number Diff line number Diff line change
Expand Up @@ -12,9 +12,9 @@

// Controller for "reset move"...
jQuery('#rewind').on('click', function(){
console.log('rewind clicked');
var arr = game.reset();
orig(arr);
console.log('rewind clicked'); // TODO: TRACER BULLET!
game.reset(); // TODO: Tell the model to do something it knows how to do...
//orig(arr);

});

Expand Down Expand Up @@ -122,8 +122,6 @@ function backTransform (arr){


function orig (arr){


$('#D4').removeClass('wpawn');
$('#D2').addClass('wpawn');
$('#F6').removeClass('bknight');
Expand Down
5 changes: 2 additions & 3 deletions js/main.js
Original file line number Diff line number Diff line change
Expand Up @@ -64,10 +64,9 @@
* @return {Object} the game object for Method Chaining
*/
reset: function(){
console.log ("mainjs reset!");
board = initial();
console.log (board.join ('\n' + '|'));
return board;

return this;
},
/**
* Advance the internal game board to the next move.
Expand Down
23 changes: 23 additions & 0 deletions package.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
{
"name": "tiy-chessboard",
"version": "0.0.0",
"description": "",
"main": "index.html",
"directories": {
"doc": "doc"
},
"scripts": {
"start": "browser-sync start --server --startPath index.html --files='index.html,js/*.js,css/*.js",
"test": "browser-sync start --server --startPath tests.html --files='tests.html,js/*.js'"
},
"repository": {
"type": "git",
"url": "git+https://github.com/karjac14/TIY-Chessboard.git"
},
"author": "Karlo \"Don't Need No `package.json`\" Elo <[email protected]>",
"license": "Beerware",
"bugs": {
"url": "https://github.com/karjac14/TIY-Chessboard/issues"
},
"homepage": "https://github.com/karjac14/TIY-Chessboard#readme"
}