From b3506db50bedfeefc51cc7d3385e1f9a0ae88c7f Mon Sep 17 00:00:00 2001 From: Wanja Date: Fri, 23 Mar 2012 19:07:04 +0100 Subject: [PATCH] Minor ui improvements --- assets/www/css/black.png | Bin 0 -> 2652 bytes assets/www/css/{ => jo}/back-icon.png | Bin assets/www/css/{ => jo}/back-line.png | Bin assets/www/css/{ => jo}/back-mini.png | Bin assets/www/css/{ => jo}/bright-shiny.png | Bin assets/www/css/{ => jo}/browser.css | 0 assets/www/css/{ => jo}/dark_matte.png | Bin assets/www/css/{ => jo}/expando.png | Bin assets/www/css/{ => jo}/full-matte.png | Bin assets/www/css/{ => jo}/jo.css | 0 assets/www/css/{ => jo}/lite-matte.png | Bin assets/www/css/{ => jo}/sample.html | 0 assets/www/css/{ => jo}/shade-top.png | Bin assets/www/css/{ => jo}/shade.png | Bin assets/www/css/{ => jo}/shiny-button.png | Bin assets/www/css/{ => jo}/shiny.png | Bin assets/www/css/{ => jo}/subtle-matte-full.png | Bin .../www/css/{ => jo}/subtle-shiny-button.png | Bin assets/www/css/{ => jo}/subtle-shiny.png | Bin assets/www/css/{ => jo}/webos.css | 0 assets/www/css/king.png | Bin 0 -> 4113 bytes assets/www/css/ui.css | 52 +++++++++++++++++ assets/www/css/white.png | Bin 0 -> 3910 bytes assets/www/index.html | 4 +- assets/www/js/ui.js | 53 +++++++++++++----- 25 files changed, 94 insertions(+), 15 deletions(-) create mode 100644 assets/www/css/black.png rename assets/www/css/{ => jo}/back-icon.png (100%) rename assets/www/css/{ => jo}/back-line.png (100%) rename assets/www/css/{ => jo}/back-mini.png (100%) rename assets/www/css/{ => jo}/bright-shiny.png (100%) rename assets/www/css/{ => jo}/browser.css (100%) rename assets/www/css/{ => jo}/dark_matte.png (100%) rename assets/www/css/{ => jo}/expando.png (100%) rename assets/www/css/{ => jo}/full-matte.png (100%) rename assets/www/css/{ => jo}/jo.css (100%) rename assets/www/css/{ => jo}/lite-matte.png (100%) rename assets/www/css/{ => jo}/sample.html (100%) rename assets/www/css/{ => jo}/shade-top.png (100%) rename assets/www/css/{ => jo}/shade.png (100%) rename assets/www/css/{ => jo}/shiny-button.png (100%) rename assets/www/css/{ => jo}/shiny.png (100%) rename assets/www/css/{ => jo}/subtle-matte-full.png (100%) rename assets/www/css/{ => jo}/subtle-shiny-button.png (100%) rename assets/www/css/{ => jo}/subtle-shiny.png (100%) rename assets/www/css/{ => jo}/webos.css (100%) create mode 100644 assets/www/css/king.png create mode 100644 assets/www/css/ui.css create mode 100644 assets/www/css/white.png diff --git a/assets/www/css/black.png b/assets/www/css/black.png new file mode 100644 index 0000000000000000000000000000000000000000..bb8fe047c217d5120f4f27045d209257cfb5765a GIT binary patch literal 2652 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 KMNUMnLSTXgPuNfZ literal 0 HcmV?d00001 diff --git a/assets/www/css/back-icon.png b/assets/www/css/jo/back-icon.png similarity index 100% rename from assets/www/css/back-icon.png rename to assets/www/css/jo/back-icon.png diff --git a/assets/www/css/back-line.png b/assets/www/css/jo/back-line.png similarity index 100% rename from assets/www/css/back-line.png rename to assets/www/css/jo/back-line.png diff --git a/assets/www/css/back-mini.png b/assets/www/css/jo/back-mini.png similarity index 100% rename from assets/www/css/back-mini.png rename to assets/www/css/jo/back-mini.png diff --git a/assets/www/css/bright-shiny.png b/assets/www/css/jo/bright-shiny.png similarity index 100% rename from assets/www/css/bright-shiny.png rename to assets/www/css/jo/bright-shiny.png diff --git a/assets/www/css/browser.css b/assets/www/css/jo/browser.css similarity index 100% rename from assets/www/css/browser.css rename to assets/www/css/jo/browser.css diff --git a/assets/www/css/dark_matte.png b/assets/www/css/jo/dark_matte.png similarity index 100% rename from assets/www/css/dark_matte.png rename to assets/www/css/jo/dark_matte.png diff --git a/assets/www/css/expando.png b/assets/www/css/jo/expando.png similarity index 100% rename from assets/www/css/expando.png rename to assets/www/css/jo/expando.png diff --git a/assets/www/css/full-matte.png b/assets/www/css/jo/full-matte.png similarity index 100% rename from assets/www/css/full-matte.png rename to assets/www/css/jo/full-matte.png diff --git a/assets/www/css/jo.css b/assets/www/css/jo/jo.css similarity index 100% rename from assets/www/css/jo.css rename to assets/www/css/jo/jo.css diff --git a/assets/www/css/lite-matte.png b/assets/www/css/jo/lite-matte.png similarity index 100% rename from assets/www/css/lite-matte.png rename to assets/www/css/jo/lite-matte.png diff --git a/assets/www/css/sample.html b/assets/www/css/jo/sample.html similarity index 100% rename from assets/www/css/sample.html rename to assets/www/css/jo/sample.html diff --git a/assets/www/css/shade-top.png b/assets/www/css/jo/shade-top.png similarity index 100% rename from assets/www/css/shade-top.png rename to assets/www/css/jo/shade-top.png diff --git a/assets/www/css/shade.png b/assets/www/css/jo/shade.png similarity index 100% rename from assets/www/css/shade.png rename to assets/www/css/jo/shade.png diff --git a/assets/www/css/shiny-button.png b/assets/www/css/jo/shiny-button.png similarity index 100% rename from assets/www/css/shiny-button.png rename to assets/www/css/jo/shiny-button.png diff --git a/assets/www/css/shiny.png b/assets/www/css/jo/shiny.png similarity index 100% rename from assets/www/css/shiny.png rename to assets/www/css/jo/shiny.png diff --git a/assets/www/css/subtle-matte-full.png b/assets/www/css/jo/subtle-matte-full.png similarity index 100% rename from assets/www/css/subtle-matte-full.png rename to assets/www/css/jo/subtle-matte-full.png diff --git a/assets/www/css/subtle-shiny-button.png b/assets/www/css/jo/subtle-shiny-button.png similarity index 100% rename from assets/www/css/subtle-shiny-button.png rename to assets/www/css/jo/subtle-shiny-button.png diff --git a/assets/www/css/subtle-shiny.png b/assets/www/css/jo/subtle-shiny.png similarity index 100% rename from assets/www/css/subtle-shiny.png rename to assets/www/css/jo/subtle-shiny.png diff --git a/assets/www/css/webos.css b/assets/www/css/jo/webos.css similarity index 100% rename from assets/www/css/webos.css rename to assets/www/css/jo/webos.css diff --git a/assets/www/css/king.png b/assets/www/css/king.png new file mode 100644 index 0000000000000000000000000000000000000000..af44bf85c3d42b6d81f7e29b51e4fe53b5bf5ada GIT binary patch literal 4113 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 P00000NkvXXu0mjfWtZo9 literal 0 HcmV?d00001 diff --git a/assets/www/css/ui.css b/assets/www/css/ui.css new file mode 100644 index 0000000..09d072b --- /dev/null +++ b/assets/www/css/ui.css @@ -0,0 +1,52 @@ + +/* Tafl board */ + +jotaflboard { + display: block; + margin: 6px; +} + +jocard { + margin: auto; + + text-align: center; +} + +jotaflboard { + border-collapse: collapse; + + margin-left: 6px; + margin-right: 6px; +} + +jotaflboard td { + padding: 0px; + width: 27px; + height: 27px; + + border: 1px solid grey; + + background-repeat: no-repeat !important; + background-position: center center !important; + background-size: 100% 100% !important; +} + +jotaflboard td.W { + background-image: url(white.png); +} + +jotaflboard td.B { + background-image: url(black.png); +} + +jotaflboard td.K { + background-image: url(king.png); +} + +jotaflboard td.throne { + background-color: #ccc; +} + +jotaflboard td.selected { + background-color: yellow; +} diff --git a/assets/www/css/white.png b/assets/www/css/white.png new file mode 100644 index 0000000000000000000000000000000000000000..ff4a015f498a276adf92716cdefeed64ed8feb5d GIT binary patch literal 3910 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 literal 0 HcmV?d00001 diff --git a/assets/www/index.html b/assets/www/index.html index 2c9dca6..99f7410 100644 --- a/assets/www/index.html +++ b/assets/www/index.html @@ -3,12 +3,14 @@ PhoneGap - + + + diff --git a/assets/www/js/ui.js b/assets/www/js/ui.js index ffd3c84..4a4fac6 100644 --- a/assets/www/js/ui.js +++ b/assets/www/js/ui.js @@ -30,24 +30,48 @@ function updateBoard(board) { } } -function drawBoard(table, board) { - for (var i = 0; i < board.length; ++i) { - for (var j = 0; j < board[i].length; ++j) { - table.setCell +/* Subclass of joTable */ +joTaflBoard = function(data) { + joTable.apply(this, arguments); +}; +joTaflBoard.extend(joTable, { + tagName: "jotaflboard", + + // default row formatter + formatItem: function(row, index) { + var tr = document.createElement("tr"); + + for (var i = 0, l = row.length; i < l; i++) { + var o = document.createElement("td"); + //o.innerHTML = row[i]; + o.innerHTML = " "; + // this is a little brittle, but plays nicely with joList's select event + o.setAttribute("index", index * l + i); + o.setAttribute("type", row[i]); + var classes; + switch (row[i]) { + case "k": classes="K throne"; break; + case ",": classes="throne"; break; + case ".": classes="empty"; break; + default: classes=row[i]; + } + o.setAttribute("class", classes); + + tr.appendChild(o); } + + return tr; + }, + + setCell: function(i, j) { + this.setValue(i*this.data.length + j); } -} + +}); var uiBoardData = prepareBoard(tafl_game.board); -var uiBoard = new joTable(uiBoardData); - -// Add jo function that is not implemented, yet -if (! uiBoard.setCell) { - uiBoard.setCell = function(i,j) { - uiBoard.setValue(i*N + j); - } -} +var uiBoard = new joTaflBoard(uiBoardData); // Build board widget and connect events @@ -82,6 +106,7 @@ uiBoard.selectEvent.subscribe(function(index, table){ makeMove([moveFrom, [i, j]]); moveFrom = null; + table.deselect(); } catch(e) { if (e === "IllegalMove") { table.deselect(); @@ -122,7 +147,7 @@ function makeMove(move) { // Build page var uiCard = new joCard([ - new joTitle("Andotafl"), + new joTitle("Androtafl"), uiBoard ]);