From 9ce3baaca5c8651c36bd287b17ce2688c77ae50b Mon Sep 17 00:00:00 2001
From: Jeff Lamb <jrlambs@gmail.com>
Date: Mon, 6 Mar 2017 23:28:53 -0500
Subject: [PATCH] Now you can navigate the schedule by selecting a date or by
 clicking the left/right arrows on the guide.  I don't like the jqueryui
 theme, but it's good enough for now

---
 .../com/moparisthebest/rcrdit/RcrdIt.java     |   4 +
 .../requestbeans/GetScheduleRequest.java      |  37 +++++++-
 .../responsebeans/GetScheduleResponse.java    |   2 +-
 src/main/webapp/css/rcrdit.css                |  35 +++++++-
 src/main/webapp/images/left.png               | Bin 0 -> 3043 bytes
 src/main/webapp/images/right.png              | Bin 0 -> 3024 bytes
 src/main/webapp/index.html                    |   2 +
 src/main/webapp/js/rcrdit.js                  |  79 ++++++++++++++++--
 8 files changed, 144 insertions(+), 15 deletions(-)
 create mode 100644 src/main/webapp/images/left.png
 create mode 100644 src/main/webapp/images/right.png

diff --git a/src/main/java/com/moparisthebest/rcrdit/RcrdIt.java b/src/main/java/com/moparisthebest/rcrdit/RcrdIt.java
index 575b19a..84cd3e6 100644
--- a/src/main/java/com/moparisthebest/rcrdit/RcrdIt.java
+++ b/src/main/java/com/moparisthebest/rcrdit/RcrdIt.java
@@ -443,6 +443,10 @@ public class RcrdIt extends ResourceConfig implements AutoCloseable {
     public GetScheduleResponse getSchedule(GetScheduleRequest scheduleRequest) {
         List<Channel> channelList = new ArrayList<>();
         try{
+            if(scheduleRequest.getEndTime().isAfter(GetScheduleRequest.getLastPossibleDateToDisplayOnSchedule(schedule.getLastEndTime()))){
+                //not going to work, need to set things back a bit
+                scheduleRequest.setStartAndEndTimeBasedOnLastDataAvailable(schedule.getLastEndTime());
+            }
             int firstItemToLoad = ((scheduleRequest.getPageNum()-1) * scheduleRequest.getChannelsPerPage());
             if(schedule.getChannels().size() > firstItemToLoad){
                 for(int i=firstItemToLoad; i<schedule.getChannels().size() && channelList.size() <scheduleRequest.getChannelsPerPage() ;i++){
diff --git a/src/main/java/com/moparisthebest/rcrdit/requestbeans/GetScheduleRequest.java b/src/main/java/com/moparisthebest/rcrdit/requestbeans/GetScheduleRequest.java
index 2aba824..98663ce 100644
--- a/src/main/java/com/moparisthebest/rcrdit/requestbeans/GetScheduleRequest.java
+++ b/src/main/java/com/moparisthebest/rcrdit/requestbeans/GetScheduleRequest.java
@@ -7,6 +7,7 @@ package com.moparisthebest.rcrdit.requestbeans;
 
 import java.time.Instant;
 import java.time.LocalDateTime;
+import java.time.ZoneId;
 import java.time.ZoneOffset;
 import java.time.format.DateTimeFormatter;
 
@@ -25,12 +26,31 @@ public class GetScheduleRequest {
    private final String dateTimeFormatPattern = "yyyy-MM-dd'T'HH:mm:ss.SSS'Z'";
 
     public GetScheduleRequest() {
+        setStartAndEndTimeBasedOnCurrentType();
+    }
+    
+    
+    private void setStartAndEndTimeBasedOnCurrentType(){
         LocalDateTime now =  LocalDateTime.now();
-        LocalDateTime topOfHour = now.withMinute(0);
+        LocalDateTime topOfHour = now.withMinute(0).withSecond(0).withNano(0);
         setStartTime(topOfHour.toInstant(ZoneOffset.systemDefault().getRules().getOffset(topOfHour)));
-        LocalDateTime endOfNextHour = now.plusHours(2).withMinute(59).withSecond(59);
+        LocalDateTime endOfNextHour = now.plusHours(2).withMinute(59).withSecond(59).withNano(0);
         setEndTime(endOfNextHour.toInstant(ZoneOffset.systemDefault().getRules().getOffset(endOfNextHour)));
     }
+    
+     public void setStartAndEndTimeBasedOnLastDataAvailable(Instant lastDataAvailable){
+        LocalDateTime lastDataAvailableLdt = LocalDateTime.ofInstant(lastDataAvailable,ZoneId.systemDefault());
+        LocalDateTime newLastDate = lastDataAvailableLdt.minusHours(5).withMinute(59).withSecond(59).withNano(0);
+        LocalDateTime newStartTimeLdt = newLastDate.minusHours(2).withMinute(0).withSecond(0).withNano(0);
+        setStartTime(newStartTimeLdt.toInstant(ZoneOffset.systemDefault().getRules().getOffset(newStartTimeLdt)));
+        setEndTime(newLastDate.toInstant(ZoneOffset.systemDefault().getRules().getOffset(newLastDate)));
+    }
+     
+     public static Instant getLastPossibleDateToDisplayOnSchedule(Instant lastDataAvailable){
+        LocalDateTime lastDataAvailableLdt = LocalDateTime.ofInstant(lastDataAvailable,ZoneId.systemDefault());
+        LocalDateTime newLastDate = lastDataAvailableLdt.minusHours(5).withMinute(59).withSecond(59).withNano(0);
+        return newLastDate.toInstant(ZoneOffset.systemDefault().getRules().getOffset(newLastDate));
+     }
    
    
    
@@ -50,6 +70,12 @@ public class GetScheduleRequest {
         this.startTimeString = startTimeString;
         if(startTimeString != null){
             startTime = Instant.parse(startTimeString);
+            LocalDateTime topOfHour = LocalDateTime.now().withMinute(0).withSecond(0).withNano(0);
+            Instant topOfHourInstant = topOfHour.toInstant(ZoneOffset.systemDefault().getRules().getOffset(topOfHour));
+            if(startTime.equals(topOfHourInstant) || startTime.isBefore(topOfHourInstant)){
+                setStartAndEndTimeBasedOnCurrentType();
+            }
+            
         }
         
     }
@@ -62,7 +88,12 @@ public class GetScheduleRequest {
         this.endTimeString = endTime;
         if(endTimeString != null){
             DateTimeFormatter formatter = DateTimeFormatter.ofPattern(dateTimeFormatPattern).withZone( ZoneOffset.UTC );
-            startTime = Instant.parse(endTimeString);
+            this.endTime = Instant.parse(endTimeString);
+            LocalDateTime endOfNextHour = LocalDateTime.now().plusHours(2).withMinute(59).withSecond(59).withNano(0);
+            Instant endOfHourInstant = endOfNextHour.toInstant(ZoneOffset.systemDefault().getRules().getOffset(endOfNextHour));
+            if(this.endTime.equals(endOfHourInstant) || this.endTime.isBefore(endOfHourInstant)){
+                setStartAndEndTimeBasedOnCurrentType();
+            }
         }
     }
 
diff --git a/src/main/java/com/moparisthebest/rcrdit/responsebeans/GetScheduleResponse.java b/src/main/java/com/moparisthebest/rcrdit/responsebeans/GetScheduleResponse.java
index 6cc6f16..31a2274 100644
--- a/src/main/java/com/moparisthebest/rcrdit/responsebeans/GetScheduleResponse.java
+++ b/src/main/java/com/moparisthebest/rcrdit/responsebeans/GetScheduleResponse.java
@@ -16,7 +16,7 @@ import java.util.List;
 public class GetScheduleResponse {
     protected GetScheduleRequest requestObject;
     protected List<Channel> schedule;
-
+    
     public GetScheduleResponse(GetScheduleRequest requestObject, List<Channel> schedule) {
         this.requestObject = requestObject;
         this.schedule = schedule;
diff --git a/src/main/webapp/css/rcrdit.css b/src/main/webapp/css/rcrdit.css
index a44a52c..4d428e5 100644
--- a/src/main/webapp/css/rcrdit.css
+++ b/src/main/webapp/css/rcrdit.css
@@ -76,8 +76,9 @@ ul#channelGroups li ul li ul li.channel {
     border-bottom: 1px solid #dbdbdc;
     border-right: 1px solid #dbdbdc;
     border-top: 0;
-    height: 40px;
+    height: 60px;
     padding: 0;
+    padding-top: 20px;
     position: relative;
     text-align: center;
 }
@@ -87,7 +88,7 @@ ul#channelGroups li ul li ul li:first-child {
 }
 
 ul#channelGroups li ul>li {
-    height: 40px;
+    height: 60px;
     margin: 0;
     overflow: hidden;
     padding: 0;
@@ -98,10 +99,38 @@ ul#channelGroups li ul>li {
 
 ul#channelGroups li ul li ul li.programs>div {
     display: block;
-    height: 40px;
+    height: 60px;
     position: absolute;
 }
 
+.frame {
+    height: 36px;      /* equals max image height */
+    width: 50px;
+    white-space: nowrap;
+    
+    text-align: center; margin: 1em 0;
+}
+
+.helper {
+    display: inline-block;
+    height: 100%;
+    vertical-align: middle;
+}
+
+.frame img {
+    vertical-align: middle;
+    max-height: 36px;
+    max-width: 50px;
+}
+
+.datePickerTextBox{
+    border-radius: 4px;
+    height: 30px;
+    font-size: 16pt;
+}
+
+
+
 
 
 ul#channelGroups li ul li ul li.programs>div {
diff --git a/src/main/webapp/images/left.png b/src/main/webapp/images/left.png
new file mode 100644
index 0000000000000000000000000000000000000000..2da3a283bd479212e16c55a4de4e83fe46fc8de5
GIT binary patch
literal 3043
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

literal 0
HcmV?d00001

diff --git a/src/main/webapp/images/right.png b/src/main/webapp/images/right.png
new file mode 100644
index 0000000000000000000000000000000000000000..518710fadb85bfa8040711afc4311a2629b84c4e
GIT binary patch
literal 3024
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
SFakON0000<MNUMnLSTY(8K49J

literal 0
HcmV?d00001

diff --git a/src/main/webapp/index.html b/src/main/webapp/index.html
index f7707a2..e2ca6c3 100644
--- a/src/main/webapp/index.html
+++ b/src/main/webapp/index.html
@@ -23,6 +23,8 @@
     <title>Rcrdit</title>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
     <script src="js/rcrdit.js"></script>
+    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
+    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
     <link rel="stylesheet" type="text/css" href="css/rcrdit.css">
 </head>
 <body>
diff --git a/src/main/webapp/js/rcrdit.js b/src/main/webapp/js/rcrdit.js
index 70d54b5..9d2435d 100644
--- a/src/main/webapp/js/rcrdit.js
+++ b/src/main/webapp/js/rcrdit.js
@@ -47,9 +47,6 @@ function getSchedule2(requestObject){
             var channelList = data.schedule;
             var requestObject = data.requestObject;
             var requestStartTimeEpochSeconds = requestObject.startTime.epochSecond;
-            var requestEndTimeEpochSeconds = requestObject.endTime.epochSecond;
-            
-            
             $("#guideGoesHere").html("");
             $("#guideGoesHere").append(getProgramsHeader(requestObject));
             var channelUl = $("<ul></ul>").addClass("roundedBottom");
@@ -61,6 +58,7 @@ function getSchedule2(requestObject){
                 var channelProgramUl = $("<ul></ul>").attr("channelNum",channel.displayName);
                 individualChannelLi.append(channelProgramUl);
                 var channelNameLi = $("<li class='channel'></li>");
+                channelNameLi.data("channelObj",channel);
                 channelNameLi.append("<span></span>").addClass("channelNumLabel").append(channel.displayName);
                 channelProgramUl.append(channelNameLi);
                 
@@ -74,6 +72,7 @@ function getSchedule2(requestObject){
                 channelUl.append(individualChannelLi);
             }
             $("#guideGoesHere").append(channelGroupsUl);
+            $("#guideGoesHere").data("lastSearchObject",requestObject);
         },
         error:  function ( jqXHR, textStatus, errorThrown ){
             alert(errorThrown);
@@ -133,10 +132,54 @@ function formatTime(dateObj){
 function getProgramsHeader(requestObject){
     var d = new Date();
     
-    var heading = $("<h1></h1>").append("&nbsp;&nbsp;&nbsp;&nbsp;TV Schedule: ");
-    var dateDiv = $().append("THE DATE GOES HERE");
+    var heading = $("<div style='height: 60px'><div text-align:middle; style='position:fixed; width:300px; left: 35px;'><h1>TV Schedule:</h1></div></div>");
+    var datePickerTextBox = $("<input type='text' style='position: relative; z-index: 100000' class='datePickerTextBox'></input>").datepicker({
+        onSelect: function(){
+            var lastRequestObject = $("#guideGoesHere").data("lastSearchObject");
+            var startDate = new Date(lastRequestObject.startTime.epochSecond*1000);
+            var endDate = new Date(lastRequestObject.endTime.epochSecond*1000);
+            var selectedDate = $(this).datepicker( "getDate" )
+            startDate.setDate(selectedDate.getDate());
+            startDate.setMonth(selectedDate.getMonth());
+            startDate.setFullYear(selectedDate.getFullYear());
+            endDate.setDate(selectedDate.getDate());
+            endDate.setMonth(selectedDate.getMonth());
+            endDate.setFullYear(selectedDate.getFullYear());
+            if(endDate.getTime() < startDate.getTime()){
+                endDate.setDate(endDate.getDate()+1);
+            }
+            delete lastRequestObject.startTime;
+            delete lastRequestObject.endTime;
+            lastRequestObject.startTimeString = startDate.toISOString();
+            lastRequestObject.endTimeString = endDate.toISOString();
+            getSchedule2(lastRequestObject); 
+        }
+    }).datepicker("setDate",new Date(requestObject.startTime.epochSecond*1000));
+    
+    var dateDiv = $($("<div style='position: fixed; top: 25px; left: 250px;'></div>")).append(datePickerTextBox);
+    
+    heading.append(dateDiv);
+    
+    //heading.add(dateDiv);
+    
+    
+    
+    var leftArrowLink = $("<a href='javascript:void(0)' id='backArrow'><span class='helper'></span><img style='height:20px; width:20px' style=' vertical-align: middle; margin-top: auto; margin-bottom:auto' src='images/left.png'></img></a>");
+    var goLeftDiv = $("<div class='frame' style='position:absolute; left:0px; line-height: 36px;'></div>").append(leftArrowLink);
+    leftArrowLink.click(function(){
+       var lastRequestObject = $("#guideGoesHere").data("lastSearchObject");
+        var startDate = new Date(lastRequestObject.startTime.epochSecond*1000);
+        var endDate = new Date(lastRequestObject.endTime.epochSecond*1000);
+        startDate.setHours(startDate.getHours()-2);
+        endDate.setHours(endDate.getHours()-2);
+        delete lastRequestObject.startTime;
+        delete lastRequestObject.endTime;
+        lastRequestObject.startTimeString = startDate.toISOString();
+        lastRequestObject.endTimeString = endDate.toISOString();
+        getSchedule2(lastRequestObject); 
+    });
+    var emptrySpacerLi = $("<li></li>").addClass("navlspacer").append(goLeftDiv);
     
-    var emptrySpacerLi = $("<li></li>").addClass("navlspacer");
     var numHoursDisplayed = Math.ceil((requestObject.endTime.epochSecond-requestObject.startTime.epochSecond)/60/60);
     var hourBlockWidth = (100.0/numHoursDisplayed)+"%";
     
@@ -150,6 +193,25 @@ function getProgramsHeader(requestObject){
         listOfHoursDisplayed.append(hour);
         firstHourDate.setHours(firstHourDate.getHours()+1);
     }
+    
+    var rightArrowLink = $("<a href='javascript:void(0)' id='forwardArrow'><span class='helper'></span><img style='height:20px; width:20px' style=' vertical-align: middle; margin-top: auto; margin-bottom:auto' src='images/right.png'></img></a>");
+    var goRightDiv = $("<div class='frame' style='position:absolute; right:0px'></div>").append(rightArrowLink);
+    rightArrowLink.click(function(){
+        var lastRequestObject = $("#guideGoesHere").data("lastSearchObject");
+        var startDate = new Date(lastRequestObject.startTime.epochSecond*1000);
+        var endDate = new Date(lastRequestObject.endTime.epochSecond*1000);
+        startDate.setHours(startDate.getHours()+2);
+        endDate.setHours(endDate.getHours()+2);
+        delete lastRequestObject.startTime;
+        delete lastRequestObject.endTime;
+        lastRequestObject.startTimeString = startDate.toISOString();
+        lastRequestObject.endTimeString = endDate.toISOString();
+        getSchedule2(lastRequestObject);
+        
+    });
+    
+    listOfHoursDisplayed.append(goRightDiv);
+    
     var timeUl = $("<ul></ul>").addClass("hours").append(emptrySpacerLi).append(listOfHoursDisplayed);
     
     var innerLi = $("<li></li>").addClass("nav").addClass("first").append(timeUl);
@@ -157,8 +219,8 @@ function getProgramsHeader(requestObject){
     
     var timeDisplayDiv = $("<div></div>").attr("id","timeDisplayDiv").append(innerLi);
     
-    var guideHeader = $("<div></div>").addClass("guide-header").append(heading).append(dateDiv).append(timeDisplayDiv);
-    var guideHeaderContainer = $("<div class='guide-header-container'></div>").attr("style","height: 77px;").append(guideHeader);
+    var guideHeader = $("<div></div>").addClass("guide-header").append(heading).append(timeDisplayDiv);
+    var guideHeaderContainer = $("<div class='guide-header-container'></div>").attr("style","height: 96px;").append(guideHeader);
     return guideHeaderContainer;
 }
 
@@ -166,6 +228,7 @@ function getProgramDiv(program, requestObject, startAtPercent){
     var programDiv = $("<div></div>").addClass("channelProgram");
     var titleInfoDiv = $("<div></div>").addClass("titleInfo");
     var otherStuffDiv = $("<div></div>").addClass("otherProgramStuff");
+    programDiv.data("programObj",program);
     titleInfoDiv.append(program.title);
     if(!isNull(program.subTitle)){
         titleInfoDiv.append($("<p>"+program.subTitle+"</p>").addClass("programSubtitle"));