sports_db 0.2.3 → 0.2.4

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

@@ -0,0 +1,42 @@
+;(function() {
+
+    // Delay loading of images to make sure they load last.
+    // Also, enable retina images.
+    var delayed_load = function() {
+
+        $('.delayed_load').not('.processed').each(function() {
+
+            var src = $(this).data('src');
+
+            if (window.devicePixelRatio > 1)  {
+                src = src.replace(/\.png/g, '@2x.png');
+            }
+
+            if (src) {
+                $(this)
+                    .attr('src', src)
+                    .addClass('processed');
+            } else {
+                $(this).remove();
+                console.log("Removing image: " + this);
+            }
+
+        });
+
+    };
+
+    $(document.body)
+        .on('Application:viewAppended', delayed_load)
+        .on('tabUpdated', delayed_load);
+
+    $(document.body).on('Logo:Error', function(e) {
+        if ($(e.target).data('fxdlogo')) return;
+
+        // NBA3 should use `Application.params.MISSING_LOGO`
+        $(e.target)
+            .attr('src', Application.params.imageHost + 'logos/DivisionIAA_25x25@2x.png')
+            .data('fxdlogo', true);
+
+    });
+
+})();

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

@@ -16,6 +16,6 @@
     };
 
     $(document.body).on("hashchange", function() {
-        $('#flash').hide()
+        $('#flash').hide();
     });
 })(Zepto);

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

@@ -1,3 +1,4 @@
+/*global Application */
 /**
  * Tap highlight behavior for elements and elements in lists.
  * Copied from //webclient/... Adjusted slightly.
@@ -66,7 +67,7 @@
             .off($.touchEvents.endOnly, selector)
             .on($.touchEvents.start, selector, start)
             .on($.touchEvents.move, selector, clear)
-            .on(endEvent, selector, end)
+            .on(endEvent, selector, end);
 
         function hl() {
             $el.addClass(HL);
@@ -125,5 +126,3 @@
         }
     };
 }(Zepto));
-
-

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

@@ -1,3 +1,4 @@
+/*global Application */
 ;(function($){
     var load_timer;
     var LOADING_TEXT = 'Loading…';

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

@@ -1,3 +1,4 @@
+/*global Application Client */
 ;(function($){
     var MIN = 13;
     var MAX = 17;

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

@@ -1,3 +1,4 @@
+/*global Application */
 // ### Allows a view to retrieve a new view via a `<select>`.
 (function($) {
 
@@ -26,16 +27,3 @@
     });
 
 })(Zepto);
-
-
-// // ### Allows a view to retrieve a new view via a `<select>`.
-// (function($){
-//     $.fn.filterable = function() {
-//         this
-//             .off('change')
-//             .on('change', function(e) {
-//                 // Prevents history from being created
-//                 Application.showView( $.deserialize(e.target.value.substring(1)) );
-//             });
-//     };
-// })(Zepto);

data/app/assets/javascripts/plugins/zepto.preload.js

@@ -1,3 +1,4 @@
+/*global Application */
 ;(function($){
     $.preload = function(imgs) {
         $.assert($.isArray(imgs), '$.preload only accepts an array.');
@@ -9,5 +10,5 @@
             var image = new Image();
             image.src = src;
         });
-    }
+    };
 })(Zepto);

data/app/assets/javascripts/plugins/zepto.tabs.js

@@ -1,10 +1,10 @@
+/*global Application Client */
+
 // Behavior for tabs.
 ;(function($){
     $.fn.tabs = function(custom_opts) {
 
         return this.each(function() {
-            console.log('++++ initializing tabs');
-
             var $tabs = $(this);
             var view = Application.currentView;
 
@@ -27,7 +27,7 @@
             var set = function(thing) {
                 var $tab, $content;
 
-                if (typeof thing == "string") {
+                if (typeof thing === "string") {
                     $tab = $tabs.find(opts.tab_selector).eq(thing);
                 } else {
                     $tab = $(thing);

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

@@ -0,0 +1,153 @@
+.news {
+    background-color: #fff;
+
+    .is_video_prefix {
+        color: $hl_color;
+        font-weight: bold;
+    }
+
+    .summaries {
+        background-color: $zebra_strip_even;
+
+        .summary {
+            padding: 8px 20px 8px 8px;
+
+            h3 {
+                margin: 0;
+            }
+            h3.tweet  {
+                font-weight: normal;
+                word-wrap: break-word;
+            }
+            h3.tweet a {
+                color: $hl_color;
+            }
+
+            .thumb {
+                width: 55px;
+                height: 55px;
+                -webkit-background-size: cover;
+                background-size: cover;
+                background-position: center;
+            }
+            .thumb_bx {
+                display: block;
+                margin-right: 10px;
+                // bug 23865 Twitter Icons Reveal SN Placeholder Picture.
+                // background-image: url(#{$imghost}video_thumb@2x.png);
+                @extend .thumb;
+                > div {
+                    @extend .thumb;
+                }
+            }
+            .author_and_date {
+                margin: 3px 0 0;
+                line-height: 1.1;
+                color: $unhl_color;
+            }
+        }
+        .summary:first-child {
+            margin-top: 0;
+        }
+        .summary.hl {
+            background-color: #ccc !important;
+        }
+
+    }
+    .summaries.has_stripes .summary:nth-of-type(2n) {
+        background-color: $zebra_strip_odd;
+        border: 1px solid #DDD;
+        border-width: 1px 0;
+    }
+    .articles {
+        .article {
+            border: 4px solid $tab_content_bg;
+        }
+        .resizeable_text {
+            padding: 8px;
+        }
+        .poster {
+            width: 286px;
+            height: 180px;
+            -webkit-background-size: cover;
+            background-size: cover;
+            background-position: center;
+        }
+        .poster_bx {
+            display: block;
+            margin-bottom: 10px;
+            background-image: url(#{$imghost}video_thumb@2x.png);
+
+            @extend .poster;
+            > div {
+                @extend .poster;
+            }
+            img {
+                height: 0;
+                width: 0;
+            }
+        }
+    }
+}
+
+.summary h3,
+.article h3.article_heading {
+    font-size: 15px;
+    line-height: 1.2;
+    font-weight: bold;
+    margin: 0 0 1px;
+}
+
+.has_articles .summary {
+    background-image: url(#{$imghost}disclosureIndicator@2x.png);
+    background-position: 98% center;
+    -webkit-background-size: 8px 12px;
+    background-size: 8px 12px;
+}
+
+.article_contents {
+    h1,h2,h3,h4,h5,h6 {
+        font-weight: bold;
+        background-color: transparent;
+        text-align: left;
+        margin: 10px 0;
+    }
+    ul {
+        list-style-type: disc;
+        margin-left: 18px;
+    }
+    li {
+        margin-bottom: 3px;
+    }
+    a {
+        font-weight: bold;
+        color: $hl_color;
+        &:active {
+            text-decoration: underline;
+        }
+    }
+}
+.article_contents,
+.article_contents p,
+.article_contents ul {
+    line-height: 1.3;
+}
+.article {
+    p, ul {
+        margin: 0 0 13px;
+    }
+}
+
+// Resizeable text.
+.author_and_date,
+.article_contents,
+.article_contents * {
+    font-size: 100%;
+}
+.article h3.article_heading {
+    font-size: 110%;
+}
+
+.articles .article_wrapper {
+    display: none;
+}

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

@@ -28,7 +28,7 @@ html, body {
 }
 body {
     font-size: $default_font_size;
-    color: $default_color;
+    font-family: $default_font;
     margin: 0 auto;
 }
 body.ios {
@@ -48,3 +48,18 @@ table {
 a {
   text-decoration: none;
 }
+// From 960gs
+.clear {
+    clear: both;
+    display: block;
+    overflow: hidden;
+    visibility: hidden;
+    width: 0;
+    height: 0;
+}
+h1,h2,h3,h4,h5,h6,p,div,li,td,th,select {
+    color: $default_color;
+}
+tr[href] {
+    cursor: pointer;
+}

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

@@ -3,17 +3,9 @@
     display: block;
     width: 310px;
     height: 48px;
-    -webkit-background-size: 310px 192px;
-    font-weight: bold;
-    border: 0;
     padding-left: 10px;
-    color: #666;
-    margin: 0 auto 5px;
+    font-weight: bold;
     font-size: 18px;
-
-    background-image: url(#{$imghost}dropdown_sprite@2x.png);
-
-    &.hl {
-        background-position: 0 -48px;
-    }
+    margin: 0 auto 5px;
+    line-height: 1.3; // FIXED FB#24805
 }

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

@@ -0,0 +1,26 @@
+@mixin linear_gradient($top,$btm,$clr: $default_color) {
+    color: $clr;
+    background-image: -webkit-gradient(
+        linear,
+        left top,
+        left bottom,
+        color-stop(0, $top),
+        color-stop(1, $btm)
+    );
+}
+
+.hl_gradient {
+    @include linear_gradient($hl_bg_pri,$hl_bg_alt,$hl_txt_color);
+}
+.neutral_mid_gradient {
+    @include linear_gradient($neutral_mid_bg_pri,$neutral_mid_bg_alt);
+}
+    .neutral_mid_active_gradient {
+        @include linear_gradient($neutral_mid_bg_pri_active,$neutral_mid_bg_alt_active);
+    }
+.neutral_hi_gradient {
+    @include linear_gradient($neutral_hi_bg_pri,$neutral_hi_bg_alt);
+}
+    .neutral_hi_active_gradient {
+        @include linear_gradient($neutral_hi_bg_pri_active,$neutral_hi_bg_alt_active);
+    }

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

@@ -0,0 +1,12 @@
+.size_65 {
+    width: 65px;
+    height: 65px;
+}
+.size_45 {
+    width: 45px;
+    height: 45px;
+}
+.size_25 {
+    width: 25px;
+    height: 25px;
+}

data/app/assets/stylesheets/_table_base.scss

@@ -30,7 +30,7 @@
         background-color: #ccc !important;
     }
 
-    td.has_logo { padding-left: 5px; padding-right: 5px; }
+    td.has_logo { text-align: center; }
     td.has_logo.size_65x65 { width: 65px; }
     td.has_logo.size_45x45 { width: 45px; }
     td.has_logo.size_25x25 { width: 25px; }
@@ -44,14 +44,14 @@
         background-color: $zebra_strip_even;
     }
     thead.has_gradient th {
-        @extend .primary_gradient;
+        @extend .hl_gradient;
         @extend .txt_shadow;
         color: #fff;
     }
     thead.has_dark_bg th {
-        background-color: $txt_gray;
+        background-color: #666;
         color: #fff;
-        text-shadow: $h3_bg;
+        text-shadow: #777;
     }
     tbody {
         tr.winning_team td { font-weight: bold; }
@@ -66,6 +66,8 @@
     thead th.upcase {
         text-transform: uppercase;
     }
+    tbody tr:first-child td { padding-top: 8px; }
+    tbody tr:last-child td { padding-bottom: 8px; }
     tbody td:first-child,
     thead th:first-child {
         padding-left: 5px;
@@ -83,6 +85,15 @@
         line-height: 1;
         background-color: #f2f2f2;
     }
+    // Add Tap Highlight style
+    tr.hl td {
+        background-color: #c3daed;
+    }
+    .stat_cell {
+        width: 20px;
+        text-align: center;
+    }
+
 }
 .base_table.has_stripes {
     > tbody > tr:nth-of-type(2n) td {
@@ -92,6 +103,10 @@
         border: 1px solid #DDD;
         border-width: 1px 0;
     }
+    // Add Tap Highlight style
+    > tbody > tr:nth-of-type(2n).hl > td {
+        background-color: #c3daed;
+    }
 }
 //.clip {
 //    text-overflow: ellipsis;
@@ -119,3 +134,24 @@ body.android .base_table {
         }
     }
 }
+
+
+.base_table.neutral_color {
+    thead th {
+        background-color: #EDEDED;
+        background-image: none;
+        color: $default_color;
+        text-shadow: none;
+    }
+}
+
+.base_table.is_transparent {
+    background-color: transparent;
+    td { background-color: transparent; }
+}
+
+body table.base_table.has_nested_table {
+    > tbody > tr > td {
+        padding: 0;
+    }
+}

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

@@ -0,0 +1,24 @@
+html body .collapsible_table {
+    thead th {
+        padding-top: 2px !important;
+        padding-bottom: 0 !important;
+        padding-right: 5px;
+        line-height: 35px;
+        font-size: 14px;
+
+        .arrow {
+            display: block;
+            font-size: 10px;
+            text-indent: -10000px;
+            width: 15px;
+            height: 7px;
+            background-image: url(#{$imghost}collapsiblearrow@2x.png);
+        }
+    }
+    .collapsible {
+        float: right;
+        margin-top: 12px;
+        margin-right: 5px;
+        font-size: 10px;
+    }
+}

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

@@ -0,0 +1,59 @@
+.tabs {
+    display: -webkit-box;
+    -webkit-box-orient: horizontal;
+    padding: 5px 0 0 0;
+
+    .tab {
+        @extend .neutral_mid_gradient;
+
+        display: -webkit-box;
+        -webkit-box-pack: center;
+        -webkit-box-align: center;
+        -webkit-box-flex: 1;
+
+        padding: 8px;
+
+        color: #fff;
+        border: 1px solid #A09E9E;
+        border-bottom: 1px solid #414142;
+        text-shadow: $txt_shadow;
+
+        &:first-child {
+            border-left: 0 !important;
+        }
+        &:last-child {
+            border-right: 0 !important;
+        }
+        // tap state for tab
+        &.hl {
+            @extend .neutral_mid_active_gradient;
+            color: #fff;
+        }
+        // don't show the tap state for the active tab
+        &.activeTab.hl {
+            @extend .neutral_hi_gradient;
+            color: #fff;
+        }
+        // the active tab
+        &.activeTab {
+            @extend .neutral_hi_gradient;
+            cursor: default;
+            color: $default_color;
+            border: 1px solid #A09E9E;
+            border-bottom: 1px solid rgb(237,237,237);
+            text-shadow: none;
+        }
+    }
+    .spacer {
+        width: 3px;
+        background-color: transparent;
+        display: -webkit-box;
+        -webkit-box-flex: 0;
+        border-bottom: 1px solid #A09E9E;
+    }
+}
+.tab_content {
+    overflow-x: hidden;
+    padding: 5px;
+    background-color: $neutral_hi_bg_alt;
+}

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

@@ -0,0 +1,38 @@
+.toolbar {
+    background-color: lighten($body_background_color, 5%);
+    padding: 8px;
+    margin: 0 0 10px;
+
+    .col {
+        margin: 0 8px 0;
+        &:first-child { margin-left: 0; }
+        &:last-child  { margin-right: 0; }
+    }
+    .btn {
+        @extend .neutral_mid_gradient;
+        color: #fff;
+        border-radius: 0;
+
+        height: 30px;
+        line-height: 1.2;
+
+        &.hl {
+            @extend .neutral_mid_active_gradient;
+        }
+        &.disabled {
+            background-image: none;
+            background-color: #aaa;
+        }
+        &.up, &.down {
+            min-width: 35px;
+        }
+        &.up {
+            font-size: 110%;
+            line-height: 1;
+        }
+        &.down {
+            font-size: 90%;
+            line-height: 1.4;
+        }
+    }
+}

data/app/models/twitter.rb

@@ -1,14 +1,15 @@
 class Twitter < ActiveRecord::Base
-	
+
 	def is_twitter?
         true
     end
-    
-    def is_video? 
+
+    def is_video?
         false
     end
-        
+
     def is_article?
         false
     end
+
 end

data/app/views/shared/_articles.html.erb

@@ -0,0 +1,66 @@
+<div class="news <%= "has_articles" unless is_twitter %>">
+    <% if articles.blank? %>
+        <p class="blank">
+            No articles available.
+        </p>
+    <% end %>
+    <div id="summaries" class="summaries has_stripes">
+        <% articles.each_with_index do |item, index| %>
+            <% if is_twitter %>
+                <div class="summary">
+            <% else %>
+                <div class="summary summary_link" for="detail_<%= item.digest %>">
+            <% end %>
+                <div class="row">
+                    <div class="col">
+                        <% if item.is_video? %>
+                            <a target="_blank" class="thumb_bx play br" href="<%= item.high_bandwidth_url %>">
+                                <div style="background-image: url(<%= item.thumbnail_url %>)"></div>
+                            </a>
+                        <% elsif item.is_twitter? && item.thumb_image_url.present? %>
+                            <div class="thumb_bx twttr_thumb_bx">
+                                <div style="background-image: url(<%= item.thumb_image_url %>)"></div>
+                            </div>
+                        <% elsif item.thumb_image_url.present? %>
+                            <div class="thumb_bx">
+                                <div style="background-image: url(<%= item.thumb_image_url %>)"></div>
+                            </div>
+                        <% end %>
+                    </div>
+                    <div class="col stretch">
+                        <%= render 'shared/heading', :item => item %>
+                    </div>
+                </div>
+            </div>
+        <% end %>
+    </div>
+    <% unless is_twitter %>
+        <div id="articles" class="articles">
+            <% articles.each_with_index do |item, index| %>
+                <div
+                    class="article_wrapper"
+                    id="detail_<%= item.digest %>"
+                    <% if articles[(index - 1)].present? %>
+                        data-prev="detail_<%= articles[(index - 1).to_i].digest  %>"
+                    <% end %>
+                    <% if articles[(index + 1)].present? %>
+                        data-next="detail_<%= articles[(index + 1).to_i].digest  %>"
+                    <% end %>
+                >
+                    <div class="article">
+                        <%= render 'shared/toolbar', :item => item %>
+                        <div class="resizeable_text">
+                            <%= render 'shared/heading', :item => item %>
+                            <%= render 'shared/poster', :item => item %>
+                            <div class="article_contents">
+                                <p>
+                                    <%= item.contents.html_safe unless item.contents.blank? %>
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            <% end %>
+        </div>
+    <% end %>
+</news>

data/lib/sports_db/version.rb

@@ -1,3 +1,3 @@
 module SportsDb
-    VERSION = "0.2.3"
+    VERSION = "0.2.4"
 end