Pirate ship2

client/app.js

@@ -3,7 +3,10 @@ angular.module('costars', [
   'costars.home',
   'costars.game',
   'costars.leaderboard',
-  'ngRoute'])
+  'ngRoute',
+  'ng-fx',
+  'ngAnimate'
+])
 
 .config(function($routeProvider, $httpProvider){
   $routeProvider

client/app/factories.js

@@ -34,7 +34,7 @@ angular.module('costars.factories', [])
       });
     })
     .then(function(resp){
-      // console.log("Success retrieving " + actor + "!\nGot back: ", resp);
+      console.log("Success retrieving " + actor + "!\nGot back: ", resp);
       return resp.data;
     })
     .catch(function(err){
@@ -65,7 +65,7 @@ angular.module('costars.factories', [])
       });
     })
     .then(function(resp){
-      // console.log("Resp directly from discover call: ", resp);
+      console.log("Resp directly from discover call: ", resp);
       return resp.data.results;
     })
     .catch(function(err){
@@ -74,10 +74,21 @@ angular.module('costars.factories', [])
       throw new Error(err);
     });
   };
-
+  ////////*** 2nd attempt to get movie data from canistreamit
+  var netflix = function(movie){
+    return $http({
+      method: "GET",
+      url: '/' + movie
+    }).then(function(data){
+      console.log('netflix checker api call: ', data);
+      return data
+    })
+  }
+
   return {
     searchByPerson: searchByPerson,
-    discover: discover
+    discover: discover,
+    netflix: netflix
   };
 }) //END OF API FACTORY
 
@@ -204,4 +215,24 @@ angular.module('costars.factories', [])
     getScores: getScores,
     postScore: postScore
   };
+}).factory('PirateShip', function($http){
+  var getAndVerifyLink = function(movieObj) {
+    console.log(movieObj);
+    //use newly created endpoint to get URL, the
+    var urlTitle = movieObj.original_title.replace(' ','+');
+
+   // console.log('getAndVerifyLink:',movieObj);
+      //  window.open("http://putlocker.is/watch-" + movie.split(' ').join('-').split(':').join('').split('&').join('and') + "-online-free-putlocker.html", '_blank');
+
+
+   // readme: need to send server the year.
+    return $http({method: 'GET',url: '/movielink/'+urlTitle+'?'+movieObj.release_date.substring(0,4)}).then(resp=>{
+      var url = resp.data;
+
+      movieObj.pirate_src = url; 
+      movieObj.pirate_src_fallback = 'not_ready_yet';
+      console.log(movieObj);
+    });
+  };
+  return {getAndVerifyLink: getAndVerifyLink };
 });

client/app/game.js

@@ -79,7 +79,7 @@ angular.module('costars.game', [])
           $scope.choices.push(correctChoice);
         }
         else{
-          if(Math.random() < 0.7){ //reroll 70% of the time -> Increases the number of good questions at the cost of load time
+          if(Math.random() < 0.99){ //reroll 70% of the time -> Increases the number of good questions at the cost of load time
             return $scope.create();
           }else{
             answer = "";
@@ -195,7 +195,7 @@ angular.module('costars.game', [])
 
    var startTimer = function(){
     stopTimer();
-    $scope.time = 10; //reset to 10 seconds
+    $scope.time = 30; //reset to 10 seconds
     timer = $interval(function(){
       $scope.time -= 1;
       if($scope.time <= 0){

client/app/home.html

@@ -1,8 +1,13 @@
-<div>
+<div class="wrapper">
       <h2></h2>
       <button class="gameBtn" ng-click="goToGame()">I like games.</button>
-      <button class="rulesBtn" ng-click="showRules()">{{rules ? "I know how it works" : "I don't know how it works"}}</button>
+      <!-- <button class="rulesBtn" ng-click="showRules()">{{rules ? "I know how it works" : "I don't know how it works"}}</button> -->
       <br>
+    <div class="embedded">
+      <iframe ng-show="showIFrame" width=728px height=410px type="text/html" ng-src="{{detailFrame}}" frameborder="1" allowfullscreen></iframe>
+    </div>  
+    <div class="movieOverview" ng-repeat="movie in movies" ng-show=movie.showOverview>{{movie.title}}
+    <br><br>{{movie.overview}}</div>
   <div class="rules" ng-show=rules>
       <br>
       How it works:
@@ -20,7 +25,7 @@ <h2></h2>
     <button class="searchBtn" ng-click="addActorInput(actorInput)">Search Actor</button>
   </form>
   <!--Display for each actor-->
-  <div class="actorInfo" ng-repeat="actor in currentSearches">
+  <div class="actorInfo animate fx-bounce-left fx-ease-sine fx-dur-800 fx-stagger-100" style="width:110px;height:160px;" ng-repeat="actor in currentSearches">
     <img ng-if=actor.profile_path ng-src='https://image.tmdb.org/t/p/w396/{{actor.profile_path}}'>
     <!--"Image not found" image-->
     <img ng-if=!actor.profile_path ng-src='http://imgur.com/Rg00Mu8.png'>
@@ -32,16 +37,21 @@ <h3 class="actorName">  <button class="removeActor" ng-click="removeActorInput(a
   <div ng-if="currentSearches.length && !movies.length">No movies found</div>
   <ul>
     <!--Format for each movie display-->
-    <li class="movies" ng-repeat="movie in movies" ng-mouseover="showOverview(movie)" ng-mouseleave="hideOverview(movie)">
-    <div class="movieOverview" ng-show=movie.showOverview>{{movie.title}}
-    <br><br>{{movie.overview}}</div>
+    <li class="movies animate fx-bounce-left fx-ease-sine fx-dur-500 fx-stagger-100" ng-repeat="movie in movies" ng-mouseover="showOverview(movie)" ng-mouseleave="hideOverview(movie)">
       <img ng-if=movie.poster_path ng-src='https://image.tmdb.org/t/p/w396/{{movie.poster_path}}'>
       <!--"Image not found" image-->
       <img ng-if=!movie.poster_path ng-src='http://imgur.com/Rg00Mu8.png'>
       <div class="movieTitle">{{movie.title}}</div>
       <!--Slices the year out of the full release date-->
       <div class="movieYear">{{movie.release_date.slice(0,4)}}</div>
       <!--Only shows if movie.showOverview, which changes on mouseEnter and mouseLeave-->
+      <div class="rating">Rating: {{movie.vote_average}}</div>
+      <button class="watch-trailer" ng-click="watchTrailer(movie)" style="width:137px;">Watch Trailer!</button>
+      <span>
+      <button class="watch-free" ng-click="watchForFree(movie)"><img src="http://www.elizabethan-era.org.uk/images/calico-jack-rackhams-pirate-flag.jpg" style="width:25px;height:25px;"></button>
+      <button class="watch-netflix" ng-disabled="!movie.onNetflix" ng-click="watchOnNetflix(movie)"><img ng-if="movie.onNetflix" ng-src="http://a4.mzstatic.com/eu/r30/Purple71/v4/f9/73/38/f9733819-8408-d6d1-2208-94365fc6e36f/icon175x175.png" style="width:25px;height:25px;"><img ng-if="!movie.onNetflix" ng-src="http://i.imgur.com/Q8jXEk9.png" style="width:25px;height:25px;"></button>
+      <button class="buy-itunes" ng-click="buyOnItunes(movie.title)"><img src="http://www.teleread.com/wp-content/uploads/2014/09/unnamed.png" style="width:25px;height:25px;"></button>
+      </span>
     </li>
   </ul>
   </div>

client/app/home.js

@@ -3,13 +3,15 @@ angular.module('costars.home' , [])
 
 //THE CONTROLLER FOR THE ENTIRE COSTARS WEBSITE
 
-.controller('HomeController', function($scope, $location, $http, ApiCalls, DB) {
+.controller('HomeController', function($scope, $location, $sce, $http, ApiCalls, DB, PirateShip) {
   $scope.movies = []; //the movies we're currently displaying
   $scope.currentSearches = []; //array of actor objects, stored as {name: String, id: Number, profile_path: String, popularity: Number}
   $scope.actorIds = []; //it will be a list of ids
   $scope.rules = true; //rules display if this is true
   $scope.loaded = true; //displays loading gif if false
-
+  $scope.netflixData = []; // will be an array of object with info about netflix 
+  $scope.notOnNetflix = true; // means button won't work until false;
+  $scope.showIFrame = false; // don't display iframe on load
   //getMovies is called every time an actor is removed or added to the list
   $scope.getMovies = function (){
     if(!$scope.currentSearches.length){
@@ -19,13 +21,27 @@ angular.module('costars.home' , [])
     }
     if($scope.currentSearches.length === 1){
       //api call for one persons stuff
-      // console.log("In getMovies, length is one, about to make DB call for: ", $scope.currentSearches[0].name);
+      //console.log("In getMovies, length is one, about to make DB call for: ", $scope.currentSearches[0].name);
       return DB.getActor($scope.currentSearches[0].name)
       .then(function(data){
-        // console.log('DB call getActor retrieved: ', data);
-        // console.log("Setting $scope.movies to: ", data.known_for);
-        $scope.movies = data.known_for; //set it to the well known movies
-        $scope.loaded = true;
+        //console.log('DB call getActor retrieved: ', data);
+        //console.log("Setting $scope.movies to: ", data.known_for);
+        // adds pirate links for movies currently in DB
+        data.known_for.forEach(function(val){ //*** val.original_title
+          // set data from netflix call
+          val.onNetflix = false;
+          val.external_id = 0;
+
+          ApiCalls.netflix(val.original_title)
+          .then(function(netflixInfo){
+            val.onNetflix   = netflixInfo.data.available;
+            val.external_id = netflixInfo.data.netflixId;
+           // PirateShip.getAndVerifyLink(val);
+            console.log('object after netflix call', data.known_for);
+            $scope.loaded   = true;
+          })
+        })
+            $scope.movies = data.known_for; 
       })
       .catch(function(){
         //wasn't in the data base so do an api call, this probably means there's a DB error
@@ -36,8 +52,21 @@ angular.module('costars.home' , [])
           if(data.results[0].profile_path){ //don't store if they don't have a picture
             $scope.storeActorDb(data.results[0]);
           }
-          $scope.movies = data.results[0].known_for;
-          $scope.loaded = true;
+          data.results[0].known_for.forEach(function(val){ //*** val.original_title
+          // set data from netflix call
+          val.onNetflix = false;
+          val.external_id = 0;
+
+          ApiCalls.netflix(val.original_title)
+          .then(function(netflixInfo){
+            $scope.loaded    = true;
+            val.onNetflix   = netflixInfo.data.available;
+            val.external_id = netflixInfo.data.netflixId;
+            //PirateShip.getAndVerifyLink(val);
+            console.log('object after netflix call', data.results[0].known_for);
+          })
+        })
+            $scope.movies = data.results[0].known_for; 
           })
           .catch(function(err){
             console.error("Error making SBP call: ", err);
@@ -49,14 +78,28 @@ angular.module('costars.home' , [])
       return ApiCalls.discover($scope.actorIds)
         .then(function(movies) {
           // console.log("Movies from discover call: ", movies);
-          $scope.movies = movies;
-          $scope.loaded = true;
+          movies.forEach(function(val){ //*** val.original_title
+          // set data from netflix call
+          val.onNetflix = false;
+          val.external_id = 0;
+
+          ApiCalls.netflix(val.original_title)
+          .then(function(netflixInfo){
+            $scope.loaded   = true;
+            val.onNetflix   = netflixInfo.data.available;
+            val.external_id = netflixInfo.data.netflixId;
+            //PirateShip.getAndVerifyLink(val);
+            console.log('object after netflix call', movies[0]);
+          })
+        })
+            $scope.movies = movies; 
         })
         .catch(function(error) {
           console.error("Error making discover call: ", error);
           $scope.loaded = true;
         });
     }
+
   };
 
   /*
@@ -77,6 +120,9 @@ angular.module('costars.home' , [])
   * @param data should be an object, formatted the same as the "results" returned from a SBP API call
   */
   $scope.storeActorDb = function(data){
+    console.log('Store actor Db: ',data);
+   // PirateShip.getAndVerifyLink(data.known_for[0]);
+    //console.log('storeActorDb:',data.known_for[0]);
     return DB.storeActor(data)
       .then(function(resp){
         // console.log("actor stored",resp);
@@ -121,8 +167,21 @@ angular.module('costars.home' , [])
       }); //add the actor to our current searches
       // console.log("In addActorInput, before getMovies call, currentSearches: ", $scope.currentSearches);
       if($scope.currentSearches.length === 1){
-        $scope.movies = actorData.known_for; //set the movies here, no need to make another DB call
-        $scope.loaded = true;
+        actorData.known_for.forEach(function(val){ //*** val.original_title
+        // set data from netflix call
+          val.onNetflix = false;
+          val.external_id = 0;
+
+          ApiCalls.netflix(val.original_title)
+          .then(function(netflixInfo){
+            $scope.loaded    = true;
+            val.onNetflix   = netflixInfo.data.available;
+            val.external_id = netflixInfo.data.netflixId;
+            //PirateShip.getAndVerifyLink(val);
+            console.log('object after netflix call', actorData.known_for);
+          })
+        })
+        $scope.movies = actorData.known_for; 
       }else{
         $scope.getMovies();
       }
@@ -189,6 +248,50 @@ angular.module('costars.home' , [])
     }
   };
 
+  $scope.detailFrame = undefined;
+
+  $scope.watchTrailer = function(movie){
+    console.log("movie info is: ", movie.title)
+    $http.get("https://www.googleapis.com/youtube/v3/search?part=snippet&order=rating&q=" + movie.title.split(' ').join('+').split(':').join('').split('&').join('and') + movie.release_date.slice(0,4) + "+official+trailer&type=video&videoEmbeddable=true&key=AIzaSyAPOEAEiT5MYrlCXLxn2eVMAShpSTcDpS4")
+    .then(function(response) {
+      $scope.showIFrame = true;
+      var videoId = response.data.items[0].id.videoId;
+      console.log('youtube api call: ', response.data.items[0].id.videoId);
+      $scope.detailFrame = $sce.trustAsResourceUrl("https://www.youtube.com/embed/" + videoId + "?autoplay=1");
+        // $scope.myWelcome = response.data;
+    });
+  }
+
+  $scope.watchForFree = function(movieInfo){
+    PirateShip.getAndVerifyLink(movieInfo).then(resp=>{
+      $scope.showIFrame = true; // display iframe on pirate click
+      console.log("pirate source is: ", movieInfo.pirate_src);
+     $scope.detailFrame = $sce.trustAsResourceUrl(movieInfo.pirate_src);
+    });
+
+    // window.open("http://putlocker.is/watch-" + movie.split(' ').join('-').split(':').join('').split('&').join('and') + "-online-free-putlocker.html", '_blank');
+  }
+
+  $scope.watchOnNetflix = function(movieInfo){
+    var id = movieInfo.external_id
+    window.open("http://www.netflix.com/watch/" + id);
+  }
+
+  $scope.buyOnItunes = function(movieTitle){
+    console.log("Link clicked to watch " + movieTitle + " on Amazon.")
+    $http.jsonp("https://itunes.apple.com/search?callback=JSON_CALLBACK&media=movie&entity=movie&limit=1&explict=yes&term=" + movieTitle.split(' ').join('+').split(':').join('').split('&').join('and'))
+      .then(function(response) {
+        var itunesUrl = response.data.results[0].trackViewUrl;
+        console.log('itunes api call: ', itunesUrl);
+        window.open(itunesUrl);
+    })
+      // $scope.detailFrame = $sce.trustAsResourceUrl("https://www.youtube.com/embed/" + videoId + "?autoplay=1");
+        // $scope.myWelcome = response.data;
+    // window.open("http://www.netflix.com/search/" + movie.split(' ').join('-'));
+    // The following line needs to be changed to work with amazon maybe???
+    // window.open("http://www.netflix.com/search/" + movie.split(' ').join('-'));
+  }
+
   $scope.startGame = function(){
     $scope.playing = !$scope.playing;
   };
@@ -200,4 +303,13 @@ angular.module('costars.home' , [])
   $scope.goToGame = function(){
    $location.path("/game");
   };
+
+  $scope.enableNetflix = function(){
+    $scope.notOnNetflix = false; // to make button work
+  };
+
+  $scope.disableNetflix = function(){
+    $scope.notOnNetflix = true; // disable button
+  };
+
 }); //END OF CONTROLLER

client/index.html

@@ -13,6 +13,8 @@
 <script src="bower_components/angular/angular.js"></script>
 <script src="bower_components/lumx/dist/lumx.js"></script>
 <script src="bower_components/angular-route/angular-route.js"></script>
+<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular-animate.js"></script>
+<script src="ng-fx.min.js"></script>
 <div>
   <img class="banner" onclick="location.href = '/#/'; location.reload()" ng-src=https://imgur.com/WRRBDbb.png>
 </div>