dcolorball / scolorball

app/css/dball.scss

@@ -0,0 +1,97 @@
+.dball-container {
+
+  .ball-wrapper {
+    padding-bottom: 7px;
+    padding-right: 8px;
+    -moz-user-select: none;
+    cursor: pointer;
+
+    .ball-default, .ball-red, .ball-blue {
+      width: 39px;
+      height: 37px;
+      line-height: 36px;
+      text-align: center;
+      font-weight: bold;
+      cursor: pointer;
+      font-size: 14px;
+      font-family: 微软雅黑 arial;
+      background: url(/img/dball-assets.png) no-repeat;
+    }
+
+    .ball-blue-hover {
+      background-position: -95px 0;
+      color: #ca1f27;
+    }
+
+    .ball-default {
+      background-position: -55px 0;
+      color: #333;
+    }
+
+    .ball-red {
+      background-position: -135px 0;
+      color: #fff;
+    }
+
+    .ball-blue {
+      background-position: -215px 0;
+      color: #fff;
+    }
+  }
+
+  .title-section {
+    margin-bottom:2em;
+
+    .title {
+      margin:0 1em 0 0;
+    }
+  }
+
+  .blue-numbers {
+    background-color: #ececf7;
+    padding: 1em;
+
+    .ball-default:hover, .ball-default:active {
+      background-position: -175px 0;
+      color: #0d3f73;
+    }
+
+    .title { color: #0d3f73; }
+  }
+
+  .red-numbers {
+    background-color: #ffebef;
+    padding: 1em;
+
+    .ball-default:hover, .ball-default:active {
+      background-position: -95px 0;
+      color: #ca1f27;
+    }
+
+    .title { color: red; }
+  }
+
+  .bet-notice {
+    margin:0 5px;
+    .red-numbers, .blue-numbers { padding:0; background-color: transparent; }
+    .ball-wrapper { zoom: 0.8; }
+  }
+
+  .result-pane{
+    .result{
+      padding:2px 5px; color:#666; font-weight:bold;
+      display:inline-block; background-color:#ccc;
+      &.win {
+        color:white;
+        background-color:green;
+      }
+      &.lose {
+        color:white;
+        background-color:red;
+      }
+    }
+    .ball-wrapper {
+      zoom: 0.7;
+    }
+  }
+}

app/css/main.scss

@@ -28,6 +28,7 @@ $default_blue: #3f51b5;
 @import 'trollbox';
 @import 'packets';
 @import 'wheel';
+@import 'dball';
 
 /* Fonts  */
 

app/js/app.coffee

@@ -12,12 +12,14 @@ window.open_external_url = (url) ->
     else
         window.open(url)
 
+# debugger
+window.getHandlers = ->
+  # get service
+  services = ['Idle', 'Wallet', 'Info']
+  window[service] = angular.element(document.body).injector().get(service) for service in services
 
 app = angular.module("app",
-    ["ngResource", "ui.router", "ngIdle", "app.services", "app.directives", "ui.bootstrap",
-     "ui.validate", "xeditable", "pascalprecht.translate", "pageslide-directive", "ui.grid",
-     "ngMaterial", "utils.autofocus", "ngMessages", "ui.grid.autoResize", "ngAnimate",
-    "angular-carousel", "ng-mfb", "angular-growl"])
+    ["ngResource", "ui.router", "ngIdle", "app.services", "app.directives", "ui.bootstrap", "ui.validate", "xeditable", "pascalprecht.translate", "pageslide-directive", "ui.grid", "ngMaterial", "utils.autofocus", "ngMessages", "ui.grid.autoResize", "ngAnimate", "angular-carousel","ng-mfb", "angular-growl"])
 
 app.run ($rootScope, $location, Idle, $state, $interval, $window, $templateCache, $translate, editableOptions, editableThemes) ->
 
@@ -106,10 +108,13 @@ app.run ($rootScope, $location, Idle, $state, $interval, $window, $templateCache
 app.config ($mdThemingProvider, IdleProvider, $translateProvider, $uibTooltipProvider, $compileProvider) ->
     $mdThemingProvider.theme('default').primaryPalette('indigo')
 
-    $compileProvider.debugInfoEnabled false
     $mdThemingProvider.theme("warning-toast")
     $mdThemingProvider.theme("notice-toast")
     $mdThemingProvider.theme("error-toast")
+
+    # $touchProvider.ngClickOverrideEnabled(true);
+
+    $compileProvider.debugInfoEnabled true
     # set this to false in production to gain performance boost
     # use angular.reloadWithDebugInfo() to reload the page and obtain debug capability
 

app/js/controllers/apps.coffee

@@ -2,6 +2,10 @@ angular.module("app").controller "AppsController", ($scope) ->
     $scope.apps = [
       { id: "packet", heading: "index.packets", route: 'packets', icon: "fa-envelope", header_image: "/img/[email protected]" },
       { id: "notes", heading: "index.notes", route: 'notebooks', icon: "fa-flag", header_image: "/img/[email protected]" },
-      # { id: "dice", heading: "index.dices", route: 'dice', icon: "fa-flag", header_image: "/img/[email protected]" },
-      { id: "wheel", heading: "index.wheel", route: 'wheel', icon: "fa-flag", header_image: "/img/[email protected]" },
+      { id: "scolorball", heading: "index.scolorball", route: 'scolorball', icon: "fa-flag", header_image: "/img/[email protected]" },
+      { id: "dcolorball", heading: "index.dcolorball", route: 'dcolorball', icon: "fa-flag", header_image: "/img/[email protected]" },
+      { id: "wheel", heading: "index.wheel", route: 'wheel', icon: "fa-flag", header_image: "/img/[email protected]", disabled: true },
+      { id: "dice", heading: "index.dices", route: 'dice', icon: "fa-flag", header_image: "/img/[email protected]", disabled: true },
+      { id: "placeholder", heading: "index.placeholder", route: 'dice', icon: "fa-flag", header_image: "/img/[email protected]", disabled: true },
+      { id: "placeholder", heading: "index.placeholder", route: 'dice', icon: "fa-flag", header_image: "/img/[email protected]", disabled: true },
     ]