Add the game layout with a pgn4web chess board.

2014-02-18 16:45:54 +02:00
parent b7562b7ae9
commit 411f1704c1
6 changed files with 109 additions and 0 deletions
--- a/_assets/javascripts/custom.js
+++ b/_assets/javascripts/custom.js
@@ -0,0 +1,24 @@
+/* Fix the position of chess board while scrolling */
+$(function() {
+  if (obj = $('#GameWrapper')) {
+    obj.affix({
+      offset: {
+        top: function () {
+          return obj.parent().offset().top;
+        }
+      }
+    })
+  }
+})
+
+/* Stylize pgn4web elements by Bootstrap */
+function customFunctionOnPgnGameLoad() {
+  $('#GameSelSelect').addClass('form-control');
+  $('#autoplayButton').click(refreshButtonset);
+}
+function customFunctionOnMove() {
+  refreshButtonset();
+}
+function refreshButtonset() {
+  $('#GameButtons input').addClass('btn btn-default');
+}