update user data queries

dashboard-ui/scripts/livetvcomponents.js

@@ -1,5 +1,9 @@
 define(['datetime'], function (datetime) {
 
+    function enableScrollX() {
+        return browserInfo.mobile && AppInfo.enableAppLayouts;
+    }
+
     function getTimersHtml(timers) {
 
         var items = timers.map(function (t) {
@@ -7,16 +11,76 @@
             return t;
         });
 
-        var html = LibraryBrowser.getPosterViewHtml({
-            items: items,
-            shape: "square",
-            showTitle: true,
-            showAirTime: true,
-            showChannelName: true,
-            lazy: true,
-            cardLayout: true,
-            showDetailsMenu: true
-        });
+        var groups = [];
+
+        var currentGroupName = '';
+        var currentGroup = [];
+
+        var i, length;
+
+        for (i = 0, length = items.length; i < length; i++) {
+
+            var item = items[i];
+
+            var dateText = '';
+
+            if (item.StartDate) {
+                try {
+
+                    var premiereDate = datetime.parseISO8601Date(item.StartDate, true);
+
+                    dateText = LibraryBrowser.getFutureDateText(premiereDate, true);
+
+                } catch (err) {
+                }
+            }
+
+            if (dateText != currentGroupName) {
+
+                if (currentGroup.length) {
+                    groups.push({
+                        name: currentGroupName,
+                        items: currentGroup
+                    });
+                }
+
+                currentGroupName = dateText;
+                currentGroup = [item];
+            } else {
+                currentGroup.push(item);
+            }
+        }
+
+        var html = '';
+
+        for (i = 0, length = groups.length; i < length; i++) {
+
+            var group = groups[i];
+
+            html += '<div class="homePageSection">';
+            html += '<h1 class="listHeader">' + group.name + '</h1>';
+
+            if (enableScrollX()) {
+                html += '<div class="itemsContainer hiddenScrollX">';
+            } else {
+                html += '<div class="itemsContainer">';
+            }
+
+            html += LibraryBrowser.getPosterViewHtml({
+                items: group.items,
+                shape: "square",
+                showTitle: true,
+                showAirTime: true,
+                showChannelName: true,
+                lazy: true,
+                cardLayout: true,
+                showDetailsMenu: true
+
+            });
+            html += '</div>';
+
+            html += '</div>';
+        }
 
         return Promise.resolve(html);
     }