tablo_connect 0.0.2

data/app/assets/javascripts/tablo_connect/ng_app/app.js

@@ -0,0 +1,39 @@
+(function(angular) {
+  'use strict';
+
+  angular.module('ac.tabloConnectApp', ['ngSanitize', 'ui.router', 'ac.alertsModule', 'ac.tabloSyncModule', 'ac.tabloService', 'ac.titleize', 'ac.url'])
+      .config(['$stateProvider', '$urlRouterProvider', function ($stateProvider, $urlRouterProvider) {
+        $urlRouterProvider.otherwise('/');
+
+        $stateProvider
+            .state('index', {
+              url: '/',
+              templateUrl: '/assets/tablo_connect/ng_app/templates/index.html',
+              controller: 'HomeCtrl'
+            })
+            .state('movies', {
+              url: '/movies',
+              templateUrl: '/assets/tablo_connect/ng_app/templates/movies.html',
+              controller: 'MoviesCtrl',
+              resolve: ['tabloService', function (tabloService) {
+                return tabloService.getMovies();
+              }]
+            })
+            .state('shows', {
+              url: '/shows',
+              templateUrl: '/assets/tablo_connect/ng_app/templates/shows.html',
+              controller: 'ShowsCtrl',
+              resolve: ['tabloService', function (tabloService) {
+                return tabloService.getShows();
+              }]
+            })
+            .state('episodes', {
+              url: '/episodes/:showName',
+              templateUrl: '/assets/tablo_connect/ng_app/templates/episodes.html',
+              controller: 'EpisodesCtrl',
+              resolve: ['$stateParams', 'tabloService', function ($stateParams, tabloService) {
+                return tabloService.getEpisodes($stateParams.showName);
+              }]
+            });
+      }]);
+})(window.angular);

data/app/assets/javascripts/tablo_connect/ng_app/controllers/episodes_controller.js

@@ -0,0 +1,17 @@
+(function (angular) {
+  'use strict';
+
+  angular.module('ac.tabloConnectApp')
+      .controller('EpisodesCtrl', ['$scope', '$stateParams', 'tabloBaseUrl', 'tabloService', 'alertsService', function ($scope, $stateParams, tabloBaseUrl, tabloService, alertsService) {
+        $scope.episodes = tabloService.episodeData();
+        $scope.showTitle = $stateParams.showName;
+        $scope.alerts = alertsService.getAlerts();
+
+        $scope.copyRecording = function (episodes) {
+          alertsService.clearAlerts();
+          tabloService.initCopy(episodes, 'show');
+        };
+
+        tabloService.initPollStatus($scope.episodes, 'show');
+      }]);
+})(window.angular);

data/app/assets/javascripts/tablo_connect/ng_app/controllers/home_controller.js

@@ -0,0 +1,9 @@
+(function (angular) {
+  'use strict';
+
+  angular.module('ac.tabloConnectApp')
+      .controller('HomeCtrl', ['$scope', 'alertsService', 'tabloSyncService', function ($scope, alertsService, tabloSyncService) {
+        $scope.alerts = alertsService.getAlerts();
+        $scope.syncData = tabloSyncService.syncData();
+      }]);
+})(window.angular);

data/app/assets/javascripts/tablo_connect/ng_app/controllers/movies_controller.js

@@ -0,0 +1,17 @@
+(function (angular) {
+  'use strict';
+
+  angular.module('ac.tabloConnectApp')
+      .controller('MoviesCtrl', ['$scope', 'tabloService', 'tabloBaseUrl', 'alertsService', function ($scope, tabloService, tabloBaseUrl, alertsService) {
+        $scope.movies = tabloService.movieData();
+        $scope.alerts = alertsService.getAlerts();
+        $scope.tabloBaseUrl = tabloBaseUrl;
+
+        $scope.copyRecording = function (movie) {
+          alertsService.clearAlerts();
+          tabloService.initCopy(movie, 'movie');
+        };
+
+        tabloService.initPollStatus($scope.movies, 'movie');
+      }]);
+})(window.angular);

data/app/assets/javascripts/tablo_connect/ng_app/controllers/shows_controller.js

@@ -0,0 +1,9 @@
+(function (angular) {
+  'use strict';
+
+  angular.module('ac.tabloConnectApp')
+      .controller('ShowsCtrl', ['$scope', 'tabloBaseUrl', 'tabloService', function ($scope, tabloBaseUrl, tabloService) {
+        $scope.shows = tabloService.showData();
+        $scope.tabloBaseUrl = tabloBaseUrl;
+      }]);
+})(window.angular);

data/app/assets/javascripts/tablo_connect/ng_app/filters/titleize_filter.js

@@ -0,0 +1,17 @@
+(function(angular) {
+  'use strict';
+
+  angular.module('ac.titleize', [])
+      .filter('titleize', [function () {
+        return function (string) {
+          if (!!string) {
+            string = string.replace(/[_-]/g, ' ').replace(/\w\S*/g, function (txt) {
+              return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
+            });
+
+            return string;
+          }
+        };
+      }]);
+
+})(window.angular);

data/app/assets/javascripts/tablo_connect/ng_app/filters/url_filter.js

@@ -0,0 +1,19 @@
+(function(angular) {
+  'use strict';
+
+  angular.module('ac.url', [])
+      .filter('urlencode', [function () {
+        return function (string) {
+          if (!!string) {
+            return encodeURIComponent(string);
+          }
+        };
+      }]).filter('urldecode', [function () {
+        return function (string) {
+          if (!!string) {
+            return decodeURIComponent(string);
+          }
+        };
+      }]);
+
+})(window.angular);

data/app/assets/javascripts/tablo_connect/ng_app/modules/alerts/alerts.js

@@ -0,0 +1,9 @@
+(function(angular) {
+  'use strict';
+
+  angular.module('ac.alertsModule', [
+    'ac.alerts',
+    'ac.alertsService'
+  ]);
+
+})(window.angular);

data/app/assets/javascripts/tablo_connect/ng_app/modules/alerts/directives/alerts_directive.js

@@ -0,0 +1,19 @@
+(function (angular) {
+  "use strict";
+
+  angular.module('ac.alerts', [])
+    .directive('acAlerts', [function () {
+      return {
+        restrict: 'E',
+        replace: true,
+        scope: '=',
+        templateUrl: '/assets/tablo_connect/ng_app/modules/alerts/templates/alerts.html',
+        controller: ['$scope', function ($scope) {
+          $scope.closeAlert = function (index) {
+            $scope.alerts.messages.splice(index, 1);
+          };
+        }]
+      };
+    }]);
+
+})(window.angular);

data/app/assets/javascripts/tablo_connect/ng_app/modules/alerts/services/alerts_service.js

@@ -0,0 +1,22 @@
+(function (angular) {
+  'use strict';
+
+  angular.module('ac.alertsService', [])
+    .service('alertsService', [function () {
+      var alerts = {messages: []};
+
+      return {
+        getAlerts: function () {
+          return alerts;
+        },
+        addAlert: function (type, msg) {
+          type = type === 'error' ? 'danger' : type;
+          alerts.messages.push({type: type, msg: msg});
+        },
+        clearAlerts: function() {
+          alerts.messages.length = 0;
+        }
+      };
+  }]);
+
+})(window.angular);

data/app/assets/javascripts/tablo_connect/ng_app/modules/alerts/templates/alerts.html

@@ -0,0 +1,6 @@
+<div id="alerts" class="alerts">
+  <p class="alert alert-dismissable fade-enter-leave" ng-repeat="alert in alerts.messages" data-ng-class="'alert-' + alert.type" ng-if="alerts.messages.length">
+    <button type="button" class="close" aria-hidden="true" ng-click="closeAlert($index)"><span aria-hidden="true">&times;</span></button>
+    <span data-ng-bind-html="alert.msg"></span>
+  </p>
+</div>

data/app/assets/javascripts/tablo_connect/ng_app/modules/tablo_sync/directives/tablo_sync_directive.js

@@ -0,0 +1,31 @@
+(function (angular) {
+  'use strict';
+
+  angular.module('ac.tabloSync', [])
+      .directive('tabloSync', [function () {
+        return {
+          restrict: 'E',
+          replace: true,
+          templateUrl: '/assets/tablo_connect/ng_app/modules/tablo_sync/templates/tablo_sync.html',
+          controller: ['$scope', 'tabloSyncService', 'alertsService', function ($scope, tabloSyncService, alertsService) {
+            $scope.syncing = false;
+
+            $scope.syncRecordings = function () {
+              alertsService.clearAlerts();
+              $scope.syncing = true;
+
+              tabloSyncService.syncRecordings()
+                  .then(function () {
+                        alertsService.addAlert('success', 'Sync completed successfully.');
+                      },
+                      function () {
+                        alertsService.addAlert('danger', 'There was an issue connecting to your tablo.');
+                      })
+                  .finally(function () {
+                    $scope.syncing = false;
+                  });
+            };
+          }]
+        };
+      }]);
+})(window.angular);

data/app/assets/javascripts/tablo_connect/ng_app/modules/tablo_sync/services/tablo_sync_service.js

@@ -0,0 +1,20 @@
+(function(angular) {
+  'use strict';
+
+  angular.module('ac.tabloSyncService', [])
+      .service('tabloSyncService', ['$http', function ($http) {
+        var syncData = {};
+
+        return {
+          syncRecordings: function () {
+            return $http({
+              url: '/tablo/sync',
+              method: 'GET'
+            });
+          },
+          syncData: function() {
+            return syncData;
+          }
+        };
+      }]);
+})(window.angular);

data/app/assets/javascripts/tablo_connect/ng_app/modules/tablo_sync/tablo_sync.js

@@ -0,0 +1,9 @@
+(function(angular) {
+  'use strict';
+
+  angular.module('ac.tabloSyncModule', [
+      'ac.tabloSync',
+      'ac.tabloSyncService'
+  ]);
+
+})(window.angular);

data/app/assets/javascripts/tablo_connect/ng_app/modules/tablo_sync/templates/tablo_sync.html

@@ -0,0 +1,4 @@
+<div ng-switch="syncing">
+    <a ng-click="syncRecordings()" ng-switch-when="false" class="btn btn-info">sync</a>
+    <p ng-switch-when="true">Sync in progress. This may take some time depending on the number of recordings on your tablo.</p>
+</div>

data/app/assets/javascripts/tablo_connect/ng_app/services/tablo_service.js

@@ -0,0 +1,98 @@
+(function(angular) {
+  'use strict';
+
+  angular.module('ac.tabloService', [])
+      .service('tabloService', ['$http', '$timeout', 'alertsService', function ($http, $timeout, alertsService) {
+        var movieData = [],
+            showData = [],
+            episodeData = [];
+
+        return {
+          getMovies: function () {
+            return $http({
+              url: '/tablo/movies',
+              method: 'GET'
+            }).success(function (data) {
+              movieData = data.movies;
+            });
+          },
+          movieData: function() {
+            return movieData;
+          },
+          getShows: function () {
+            return $http({
+              url: '/tablo/shows',
+              method: 'GET'
+            }).success(function (data) {
+              showData = data.shows;
+            });
+          },
+          showData: function() {
+            return showData;
+          },
+          getEpisodes: function (showName) {
+            return $http({
+              url: '/tablo/episodes/' + showName,
+              method: 'GET'
+            }).success(function (data) {
+              episodeData = data.episodes;
+            });
+          },
+          episodeData: function() {
+            return episodeData;
+          },
+          copyRecording: function (tabloId, type) {
+            return $http({
+              url: '/tablo/copy/' + tabloId + '/' + type,
+              method: 'GET'
+            });
+          },
+          copyStatus: function (tabloId, type) {
+            return $http({
+              url: '/tablo/copy/' + tabloId + '/' + type + '/status',
+              method: 'GET'
+            });
+          },
+          initCopy: function (recording, type) {
+            var self = this;
+
+            self.copyRecording(recording.tablo_id, type)
+                .success(function () {
+                  recording.copy_status = 'in_progress';
+                  $timeout(function () {
+                    self.pollStatus(recording, type);
+                  }, 5000);
+                })
+                .error(function () {
+                  alertsService.addAlert('danger', 'There was an issue starting the copy process.');
+                });
+          },
+          pollStatus: function (recording, type) {
+            var self = this;
+
+            self.copyStatus(recording.tablo_id, type)
+                .success(function (res) {
+                  if (res.copy_status === 'in_progress') {
+                    $timeout(function () {
+                      self.pollStatus(recording, type);
+                    }, 5000);
+                  } else {
+                    recording.copy_status = res.copy_status;
+                  }
+                })
+                .error(function () {
+                  alertsService.addAlert('danger', 'There was an issue getting the copy status');
+                });
+          },
+          initPollStatus: function (recordings, type) {
+            var self = this;
+
+            recordings.forEach(function (recording) {
+              if (recording.copy_status === 'in_progress') {
+                self.pollStatus(recording, type);
+              }
+            });
+          }
+        };
+      }]);
+})(window.angular);

data/app/assets/javascripts/tablo_connect/ng_app/templates/episodes.html

@@ -0,0 +1,36 @@
+<div class="episodes">
+    <h1 ng-bind="showTitle|urldecode"></h1>
+    <ac-alerts></ac-alerts>
+    <div class="table-responsive" ng-switch="!!episodes">
+        <table class="table table-striped" ng-switch-when="true">
+            <thead>
+            <tr>
+                <th>Title</th>
+                <th>Description</th>
+                <th>Season</th>
+                <th>Episode</th>
+                <th class="text-nowrap">Orig Air Date</th>
+                <th class="text-nowrap">Date Recorded</th>
+                <th>Copy</th>
+            </tr>
+            </thead>
+            <tbody>
+            <tr ng-repeat="episode in episodes track by $index">
+                <td ng-bind="episode.title"></td>
+                <td ng-bind="episode.description"></td>
+                <td ng-bind="episode.season"></td>
+                <td ng-bind="episode.episode"></td>
+                <td class="text-nowrap" ng-bind="episode.air_date|date:'mediumDate'"></td>
+                <td class="text-nowrap" ng-bind="episode.rec_date|date:'medium'"></td>
+                <td class="text-nowrap">
+                    <p ng-bind="episode.copy_status|titleize"
+                       ng-if="['in_progress', 'complete'].indexOf(episode.copy_status) >= 0"></p>
+                    <a ng-click="copyRecording(episode)" class="btn btn-sm btn-warning"
+                       ng-if="['idle', 'complete'].indexOf(episode.copy_status) >= 0">copy</a>
+                </td>
+            </tr>
+            </tbody>
+        </table>
+        <p ng-switch-when="false">No recorded shows found.</p>
+    </div>
+</div>

data/app/assets/javascripts/tablo_connect/ng_app/templates/index.html

@@ -0,0 +1,3 @@
+<ac-alerts></ac-alerts>
+
+<tablo-sync></tablo-sync>

data/app/assets/javascripts/tablo_connect/ng_app/templates/movies.html

@@ -0,0 +1,33 @@
+<h1>Movies</h1>
+<ac-alerts></ac-alerts>
+<div class="table-responsive" ng-switch="!!movies">
+    <table class="table table-striped" ng-switch-when="true">
+        <thead>
+        <tr>
+            <th></th>
+            <th class="text-nowrap">Title</th>
+            <th class="text-nowrap">Description</th>
+            <th class="text-nowrap">Release Year</th>
+            <th class="text-nowrap">Air Date</th>
+            <th>Copy</th>
+        </tr>
+        </thead>
+        <tbody>
+        <tr ng-repeat="movie in movies track by $index">
+            <td class="thumb"><img ng-src="{{tabloBaseUrl}}/stream/thumb?id={{movie.image_id}}"></td>
+            <td ng-bind="movie.title"></td>
+            <td ng-bind="movie.description"></td>
+            <td ng-bind="movie.release_year"></td>
+            <td class="text-nowrap" ng-bind="movie.air_date|date:'mediumDate'"></td>
+            <td class="text-nowrap">
+                <p ng-bind="movie.copy_status|titleize"
+                   ng-if="['in_progress', 'complete'].indexOf(movie.copy_status) >= 0"></p>
+                <a ng-click="copyRecording(movie)" class="btn btn-sm btn-warning"
+                   ng-if="['idle', 'complete'].indexOf(movie.copy_status) >= 0">copy</a>
+            </td>
+        </tr>
+        </tbody>
+    </table>
+    <p ng-switch-when="false">No recorded movies found.</p>
+</div>
+