sports_db 0.0.3 → 0.0.4

data/app/assets/javascripts/plugins/assert.js

@@ -0,0 +1,11 @@
+// Test for truthiness. And log falsiness.
+(function($){
+    $.assert = function(test, error, flash_msg) {
+        if (!test) {
+            if (flash_msg) {
+                $.flash(flash_msg);
+            }
+            throw new Error(error);
+        }
+    }
+})(Zepto);

data/app/assets/javascripts/plugins/calnav.js

@@ -0,0 +1,18 @@
+// Behavior for calendar (schedule) navigation.
+(function($){
+    $.calnav = function(){
+        $('calnav item')
+            .unbind()
+            .bind('click', function(e) {
+                var el = $(e.target)
+                if (!el.attr('href')) {
+                    el = el.closest('item');
+                }
+                if (!el.attr('href')) return ;
+                Application.showView(
+                    el.attr('href').toParameters()
+                );
+            })
+            .pressable();
+    }
+})(Zepto);

data/app/assets/javascripts/plugins/detect.js

@@ -0,0 +1,16 @@
+// Rather than analyze user agents strings, the client places query params in the url:
+// - client
+// - version (ex: 1.2)
+(function($){
+    var q = $.queryStrToObj();
+
+    $.assert(q.client, "`client` param is required.");
+    $.assert(q.version, "`version` param is required.");
+
+    $.client = {};
+    $.client[q.client] = true;
+    $.client.version_major = q.version.split('.')[0];
+    $.client.version_minor = q.version.split('.')[1];
+
+    $(document.body).addClass(q.client);
+})(Zepto);

data/app/assets/javascripts/plugins/filterable.js

@@ -0,0 +1,12 @@
+// ### Allows a view to retrieve a new view via a `<select>`.
+(function($){
+    $.fn.filterable = function() {
+        this
+            .unbind()
+            .bind('change', function(e) {
+                // Prevents history from being created
+                Application.showView( e.target.value.substring(1).toParameters() );
+            })
+            .pressable();
+    };
+})(Zepto);

data/app/assets/javascripts/plugins/flash.js

@@ -0,0 +1,15 @@
+(function($){
+    $.flash = function(msg, params, force) {
+        params = params || {};
+        if (force) params.flashed = false;
+
+        if (!params.flashed) {
+            $('#flash').html(msg);
+            $('#flash').show();
+            setTimeout(function() {
+                $('#flash').hide();
+            }, 5000);
+            params.flashed = true;
+        }
+    };
+})(Zepto);

data/app/assets/javascripts/plugins/jquery.zumobi-0.2.js

@@ -0,0 +1,57 @@
+// This was taken from //webclient.
+
+/**
+ * jQuery plug-in.
+ */
+(function($) {
+
+    /**
+     * IE9 does not support touch events, only mouse events. We need to adjust appropriately.
+     * Also, some methods for getting the right target and right coordinates of the event.
+     */
+    var touch = ("ontouchstart" in document.body);
+    $.touchEvents = {
+        isTouch: touch,
+        start:  (touch) ? "touchstart" : "mousedown",
+        move:   (touch) ? "touchmove" : "mousemove",
+        end:    (touch) ? "touchend" : "mouseup mouseout",
+        endOnly:(touch) ? "touchend touchcancel" : "mouseup",
+        cancel: (touch) ? "touchend touchcancel touchmove" : "mouseup mousemove mouseout",
+        getTarget: function(e) {
+            return touch ?
+                $(e.originalEvent.touches[0].target) :
+                $(e.target);
+        },
+        getCoord: function(e) {
+            // e.originalEvent is necessary because you are using jQuery.
+            return touch ?
+                {x: e.originalEvent.touches[0].pageX, y: e.originalEvent.touches[0].pageY} :
+                {x: e.pageX, y: e.pageY};
+        }
+    };
+
+    /**
+     * Make the provided elements "pressable" (give them a press state when touched). If
+     * the element has a class token of "disabled", then the press effect will not
+     * be applied.
+     *
+     * DO NOT use pressable() to emulate list selection behavior. It won't work when
+     * you then try and embed an actionable control within the list (e.g. a play button
+     * for a video, or a favoriting star). Instead, use the List mixin behavior.
+     *
+     */
+     // Modified from //webclient version. Simplified.
+    $.fn.pressable = function() {
+        var HL_CLASS = 'hl';
+        return this
+            .on($.touchEvents.start, function(e) {
+                var $this = $(this);
+                if (!$this.hasClass("disabled")) {
+                    $this.addClass(HL_CLASS);
+                }
+            })
+            .on($.touchEvents.cancel, function(e) {
+                $(this).removeClass(HL_CLASS);
+            });
+    };
+}(Zepto));

data/app/assets/javascripts/plugins/loading.js

@@ -0,0 +1,47 @@
+(function($){
+    var load_timer;
+    var LOADING_TEXT = 'Loading…';
+    function prevent(e) {
+        e.preventDefault();
+    }
+    function freeze() {
+        $(document.body).bind("touchmove", prevent);
+    }
+    function thaw() {
+        $(document.body).unbind('touchmove', prevent);
+    }
+    function showLoaderNow() {
+        $('#app_load_loader').remove();
+        freeze();
+        loading_text = LOADING_TEXT;
+        if (Application.currentView && Application.currentView.params.loading_text) {
+            loading_text = Application.currentView.params.loading_text;
+        }
+        $('#loading_text').html(loading_text);
+
+        $('#loading').css({'height': document.documentElement.clientHeight + 'px'});
+        $.alignLoader();
+
+        $('#loading').show();
+    }
+    $.alignLoader = function() {
+        $('#loading').css({'top': window.scrollY + 'px'});
+    };
+    $.showLoader = function(loader_text) {
+        if (load_timer) {
+            load_timer.stop();
+            load_timer = undefined;
+        }
+        load_timer = new Timer(showLoaderNow, 222);
+        load_timer.start();
+    };
+    $.hideLoader = function() {
+        load_timer.stop();
+        thaw();
+        $('#loading').hide();
+        $('#app_load_loader').remove();
+        if (Application.currentView && Application.currentView.params.loading_text) {
+            Application.currentView.params.loading_text = LOADING_TEXT;
+        }
+    };
+})(Zepto);

data/app/assets/javascripts/plugins/params.js

@@ -0,0 +1,27 @@
+;(function($){
+    $.strToObj = function(str) {
+        var obj = {};
+        str.split("&").forEach(
+            function(p) {
+                var s = p.split("=");
+                obj[s[0].replace(/^\?/, '')] = decodeURIComponent(s[1]);
+            }
+        );
+        return obj;
+    };
+    $.objToQueryStr = function(obj) {
+        var arr = [];
+        for (var prop in obj) {
+            if (typeof obj[prop] !== "function") {
+                arr.push( encodeURIComponent(prop) +"="+ encodeURIComponent(obj[prop]) );
+            }
+        }
+        return arr.join("&")+'';
+    };
+    $.queryStrToObj = function() {
+        return $.strToObj( window.location.search.substring(1) );
+    };
+    $.hashStrToObj = function() {
+        return $.strToObj( window.location.hash.substring(1) );
+    };
+})(Zepto);

data/app/assets/javascripts/plugins/resizeable.js

@@ -0,0 +1,40 @@
+;(function($){
+    var MIN = 13;
+    var MAX = 17;
+    var DEFAULT = 15;
+    var p = Application.params.font_size;
+    var pi = parseInt(p);
+    var size = ((!isNaN(p) && pi <= MAX && pi >= MIN)) ? pi : DEFAULT;
+
+    $.fn.resizeable = function() {
+        function set(size, notify) {
+            // set size
+            $('.resizeable_text').css('font-size', get_px(size) + "px");
+
+            // reset disabled state
+            $('.resizeable').removeClass('disabled');
+            // set disabled state
+            if (size === MIN) $('.resizeable.down').addClass('disabled');
+            if (size === MAX) $('.resizeable.up').addClass('disabled');
+
+            // notify the client of the size
+            if (notify) Client.notify({ 'font_size': size });
+            return size;
+        }
+        function handlers(el) {
+            el
+                .unbind("click")
+                .bind("click", function() {
+                    var new_size = size + parseInt($(this).data('dir'), 10);
+                    if (new_size <= MAX && new_size >= MIN) {
+                        size = set(new_size, true);
+                    }
+                });
+        }
+
+        set(size, false);
+        handlers(this);
+
+        return this;
+    };
+})(Zepto);

data/app/assets/stylesheets/_base.css.scss

@@ -0,0 +1,42 @@
+html,body {
+    height: 100%;
+    background-color: $page_bg;
+}
+* {
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    -webkit-tap-highlight-color: rgba(0,0,0,0);
+    -webkit-user-select: none;
+    -webkit-user-modify: read-only;
+    -webkit-touch-callout: none;
+    background-repeat: no-repeat;
+}
+html { font-size: 10px; }
+@media (min-width: 460px) and (-webkit-min-device-pixel-ratio: 1.5) {
+    html { font-size: 15px; }
+}
+@media (min-width: 520px) and (-webkit-min-device-pixel-ratio: 1.5) {
+    html { font-size: 16.8px; }
+}
+@media (min-width: 580px) and (-webkit-min-device-pixel-ratio: 1.5) {
+    html { font-size: 18.7px; }
+}
+@media (min-width: 700px) and (-webkit-min-device-pixel-ratio: 1.5) {
+    html { font-size: 22.4px; }
+}
+@media (min-device-width: 760px) {
+    html { font-size: 10px; }
+}
+
+body {
+    font-size: $default_font_size;
+    color: $txt_gray;
+    margin: 0 auto;
+}
+body.ios {
+    font-family: helvetica, sans-serif;
+    text-rendering: optimizeLegibility;
+}
+body.android {
+    font-family: sans-serif;
+}

data/app/assets/stylesheets/_filterable.css.scss

@@ -0,0 +1,19 @@
+#filter {
+    -webkit-appearance: button;
+    display: block;
+    width: 31rem;
+    height: 4.8rem;
+    -webkit-background-size: 31rem 19.2rem;
+    font-weight: bold;
+    border: 0;
+    padding-left: 1rem;
+    color: #666;
+    margin: 0 auto .5rem;
+    font-size: 1.8rem;
+
+    background-image: url(#{$imghost}dropdown_sprite@2x.png);
+
+    &.hl {
+        background-position: 0 -4.8rem;
+    }
+}

data/app/assets/stylesheets/_flash.css.scss

@@ -0,0 +1,9 @@
+#flash {
+    background-color: #666;
+    color: #fff;
+    line-height: 2.4rem;
+    font-size: 1.4rem;
+    padding: 0 1rem;
+    text-align: center;
+    height: 2.4rem;
+}

data/app/assets/stylesheets/_loading.css.scss

@@ -0,0 +1,28 @@
+loading{
+    display: block;
+    z-index:99999;
+    position:absolute;
+    top:0;
+    left:0;
+    right:0;
+    bottom: 0;
+    text-align: center;
+    background-color:rgba(20,20,20,.1);
+    color:#fff;
+}
+loading_text{
+    padding: .4rem 1rem;
+    display: inline-block;
+    border: .1rem solid #777;
+    margin-top: 8rem;
+    text-align: center;
+    font-size: 1.8rem;
+    line-height: 1;
+    font-family: "Helvetica Neue",Helvetica,sans-serif;
+    color: #fff;
+    background-color:rgba(10,10,10,.8);
+    -webkit-border-radius: .4rem;
+    -webkit-background-clip: padding-box;
+    -webkit-box-shadow: .1rem .1rem .5rem #000;
+    -webkit-user-select: none;
+}

data/app/assets/stylesheets/_play.css.scss

@@ -0,0 +1,38 @@
+.play {
+   @extend .overlay;
+
+    // ## Play Button
+    //
+    // - the image is centered
+    // - and the height is 40% of the parent elem height
+    // - the width is set by the browser automatically
+    // - because the height is set to a percentage of the parent elem,
+    //   the parent elem height must match if you want the play button
+    //   size to match.
+    // - NOTE the .play class is added to a parent element of the <img>,
+    //   not the <img> itself, because <img>s do not allow psuedo elements.
+    &::after {
+        // This url will not work from an app autogen/ file.
+        background: transparent url(#{$imghost}playbutton@2x.png) no-repeat center;
+        -webkit-background-size:  auto 50%;
+        background-size:  auto 50%;
+    }
+    // Add a class of `tl, tr, bl, br` to position the play btn in the top left, etc.
+    // The image will also be sized at 30% of the height instead of 40%.
+    &.tl::after, &.tr::after, &.bl::after, &.br::after {
+        -webkit-background-size: auto 30%;
+        background-size: auto 30%;
+    }
+    &.tl::after {
+        background-position: 10% 10%;
+    }
+    &.tr::after {
+        background-position: 90% 10%;
+    }
+    &.bl::after {
+        background-position: 10% 90%;
+    }
+    &.br::after {
+        background-position: 90% 90%;
+    }
+}

data/app/assets/stylesheets/_reset.css.scss

@@ -0,0 +1,33 @@
+/*
+Copyright (c) 2010, Yahoo! Inc. All rights reserved.
+Code licensed under the BSD License:
+http://developer.yahoo.com/yui/license.html
+version: 3.2.0
+build: 2676
+*/
+html{color:#000;background:#FFF;}
+body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
+table{border-collapse:collapse;border-spacing:0;}
+fieldset,img{border:0;}
+address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
+li{list-style:none;}
+caption,th{text-align:left;}
+h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
+q:before,q:after{content:'';}
+abbr,acronym{border:0;font-variant:normal;}
+sup{vertical-align:text-top;}
+sub{vertical-align:text-bottom;}
+input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
+input,textarea,select{*font-size:100%;}
+legend{color:#000;}
+
+/* MODIFICATIONS */
+item,news,summaries,summary,tabs,tab_content {
+    display: block;
+}
+a {
+    text-decoration: none;
+}
+strong,b {
+    font-weight: bold;
+}

data/app/assets/stylesheets/_table_base.scss

@@ -0,0 +1,121 @@
+.base_table {
+    width: 100%;
+    margin: 0 auto;
+    background-color: $zebra_strip_odd;
+    border-collapse: collapse;
+
+    &.nested_table {
+        background-color: transparent;
+    }
+    &.wrapper_table {
+        > tbody > tr > td {
+            padding: 0 !important;
+        }
+    }
+    &.centered_table {
+        th, td { text-align: center; }
+    }
+    th, td {
+        &.left {
+            text-align: left;
+        }
+    }
+    th, td {
+        &.stat {
+            width: 3rem;
+        }
+    }
+
+    tbody tr.hl td {
+        background-color: #ccc !important;
+    }
+
+    td.has_logo { padding-left: .5rem; padding-right: .5rem; }
+    td.has_logo.size_65x65 { width: 6.5rem; }
+    td.has_logo.size_45x45 { width: 4.5rem; }
+    td.has_logo.size_25x25 { width: 2.5rem; }
+    thead th {
+        padding-top: .5rem !important;
+        padding-bottom: .4rem !important;
+        text-align: left;
+        vertical-align: top;
+        font-size: 1.2rem;
+        font-weight: bold;
+        background-color: $zebra_strip_even;
+    }
+    thead.has_gradient th {
+        @extend .primary_gradient;
+        @extend .txt_shadow;
+        color: #fff;
+    }
+    thead.has_dark_bg th {
+        background-color: $txt_gray;
+        color: #fff;
+        text-shadow: $h3_bg;
+    }
+    tbody {
+        tr.winning_team td { font-weight: bold; }
+        tr.winning_team td[rowspan] { font-weight: normal; }
+        td { vertical-align: middle; }
+        p { margin-bottom: .4rem; }
+    }
+    tbody td,
+    thead th {
+        padding: .7rem .2rem .7rem 0;
+    }
+    thead th.upcase {
+        text-transform: uppercase;
+    }
+    tbody td:first-child,
+    thead th:first-child {
+        padding-left: .5rem;
+    }
+    td.goto {
+        background: transparent url(#{$imghost}disclosureIndicator@2x.png) no-repeat center center;
+        -webkit-background-size: .8rem 1.2rem;
+        background-size: .8rem 1.2rem;
+        width: 1.6rem;
+        padding-right: 2.8rem;
+    }
+    td[rowspan] { vertical-align: middle; }
+    tfoot td.spacer {
+        height: .8rem;
+        line-height: 1;
+        background-color: #f2f2f2;
+    }
+}
+.base_table.has_stripes {
+    > tbody > tr:nth-of-type(2n) td {
+        background-color: $zebra_strip_even;
+    }
+    > tbody > tr > td {
+        border: .1rem solid #DDD;
+        border-width: .1rem 0;
+    }
+}
+//.clip {
+//    text-overflow: ellipsis;
+//    overflow: hidden;
+//    white-space: nowrap;
+//}
+body.android .base_table {
+    tbody td,
+    thead th {
+        padding-top: 1rem;
+        padding-bottom: 1rem;
+    }
+}
+.base_table {
+    &.scoreboard_table {
+        td,th {
+            text-align: center;
+        }
+        .team_name,.has_logo {
+            text-align: left;
+        }
+        tbody td {
+             padding-top: .4rem;
+             padding-bottom: .4rem;
+        }
+    }
+}

data/app/assets/stylesheets/mock.css.scss

@@ -0,0 +1,52 @@
+$txt_shadow: .1rem .1rem 0 rgba(10, 10, 10, .2);
+
+#mock-toolbar-container {
+    -webkit-user-select: none;
+    margin:0;
+    padding:0;
+    width: auto;
+    overflow: hidden;
+    position: relative;
+}
+#mock-toolbar {
+    font-weight: bold;
+    background-color: #111;
+    color: white !important;
+    margin: 0;
+    height: 4.4rem;
+    -webkit-box-sizing: border-box;
+    border-collapse: collapse;
+    border:0.1rem solid #111;
+    background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #2a2a2a),color-stop(1, #0a0a0a));
+}
+#mock-center {
+    text-align: center;
+    color:#fff;
+    font-size: 1.8rem;
+    font-weight: bold;
+    line-height: 2.3;
+    text-shadow: $txt_shadow;
+}
+#mock-left, #mock-right {
+    display: block;
+    position: absolute;
+    top: .3rem;
+}
+#mock-left {
+    left:  .8rem;
+}
+#mock-right {
+    right: .8rem;
+}
+action {
+    display: block;
+    float: left;
+    padding: .6rem .8rem;
+    cursor: pointer;
+    border: .1rem solid #111;
+    border-color:#111 #222 #1a1a1a #111;
+    -webkit-border-radius: .4rem;
+    font-size: 1.6rem;
+    background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #555),color-stop(.05, #444),color-stop(1, #111));
+    color: #fff;
+}

data/app/controllers/application_controller.rb

@@ -0,0 +1,39 @@
+class ApplicationController < ActionController::Base
+    protect_from_forgery
+
+    helper :all
+    before_filter :translate_entity_keys
+    layout 'application', :only => :load
+
+    caches_page :load, :client_notify
+
+    def load
+
+    end
+
+    # this should not make it to the server, but if it does, don't throw an error.
+    # this makes Jonas happy.
+    def client_notify
+        render :text => 'say yah to da up, eh?'
+    end
+
+    # http://www.treyconnell.com/automatically-raise-recordnotfound-exceptions-rails/
+    # any time we get a RecordNotFound Exception we're going to rescue from it and throw a 404
+    # rescue_from ActiveRecord::RecordNotFound, :with => :not_found
+
+    # Used to take the user to a 404 page
+    # def throw_404
+    #     @browser_title = "Page Not Found"
+    #     render_optional_error_file("404")
+    #     true
+    # end
+
+    protected
+
+    # TSN's entity keys contain periods which confuse Rails' page caching system. These are converted
+    # on the client to underscores and translated here, back into periods, so that they match the
+    # TSN IDs. For example, l_nfl_com-t_9 is converted back to l.nfl.com-t.9.
+    def translate_entity_keys
+        params[:key].gsub!(/_/, ".") if params[:key]
+    end
+end

data/app/views/application/load.html.erb

@@ -0,0 +1 @@
+<loading id="app_load_loader"><loading_text>Loading&hellip;</loading_text></loading>

data/app/views/layouts/application.html.erb

@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title><%= CONFIG.app_path.downcase %></title>
+    <meta id="meta_viewport" name="viewport" content="user-scalable=no, initial-scale=1, target-densityDpi=device-dpi">
+    <%= stylesheet_link_tag "index" %>
+</head>
+<body>
+    <%= yield %>
+    <loading id="loading" style="display: none;"><loading_text id="loading_text">Loading&hellip;</loading_text></loading>
+    <div id="flash" style="display: none;"></div>
+    <div id="buffer" style="display: none;"></div>
+    <div id="tmp" style="display: none;"></div>
+    <%= javascript_include_tag "index" %>
+    <%# Allows us to use mock on test or production without screwing up caching of page. %>
+    <script>
+        if (Application.params.mock) {
+            document.write("<link rel='stylesheet' href='/<%= CONFIG.app_path %>/assets/mock.css'>");
+            document.write("<script src='/<%= CONFIG.app_path %>/assets/core/Mock.js'><\/script>");
+        }
+    </script>
+    <% if request.host == 'localhost' %>
+        <link rel='stylesheet' href='/<%= CONFIG.app_path %>/assets/mock.css'>
+        <script src='/<%= CONFIG.app_path %>/assets/core/Mock.js'></script>
+    <% end %>
+</body>
+</html>

data/lib/sports_db/version.rb

@@ -1,3 +1,3 @@
 module SportsDb
-    VERSION = "0.0.3"
+    VERSION = "0.0.4"
 end