wdi-sf-march-2014 · hhuang2088 · Apr 18, 2014 · Apr 19, 2014 · Apr 21, 2014 · Jun 9, 2014
diff --git a/.DS_Store b/.DS_Store
diff --git a/app.rb b/app.rb
@@ -0,0 +1,21 @@
+require 'sinatra'
+require 'sinatra/reloader'
+require 'typhoeus'
+require 'json'
+require 'pry'
+
+get '/' do
+	erb :index
+end
+
+get '/show' do
+	search = Typhoeus.get("www.omdbapi.com/", :params => {:s => params[:movie]})
+	@result = JSON.parse(search.body)["Search"]
+	erb :show
+end
+
+get '/movie_info/:imdbID' do
+	search = Typhoeus.get("www.omdbapi.com/", :params => {:i => params["imdbID"]})
+	@result2 = JSON.parse(search.body)
+	erb :movie_info
+end
diff --git a/public/.DS_Store b/public/.DS_Store
diff --git a/public/img/.DS_Store b/public/img/.DS_Store
diff --git a/public/img/bg.jpg b/public/img/bg.jpg
diff --git a/public/img/indexbg.jpg b/public/img/indexbg.jpg
diff --git a/public/index.erb b/public/index.erb
@@ -0,0 +1,5 @@
+<h1>ENTER YOUR SEARCH HERE!</h1>
+	<form action="/results" method="get">
+	<input type="text" name="movie" >
+	<button>Submit</button>
+</form>
diff --git a/public/movie-theater.jpg b/public/movie-theater.jpg
diff --git a/public/style.css b/public/style.css
diff --git a/spec/.DS_Store b/spec/.DS_Store
diff --git a/spec/movies_spec.rb b/spec/movies_spec.rb
@@ -12,5 +12,13 @@ def app
     end
   end
 
+    describe "Show Page" do 
+      it "should allow access to the show page" do 
+        get '/show'
+        last_response.should be_ok
+      end
+    end
+  end
+
 
 end
diff --git a/style.css b/style.css
@@ -0,0 +1,4 @@
+#poster {
+	color: red;
+	text-align: center;
+}
diff --git a/test b/test
@@ -0,0 +1,17 @@
+
+<trailers>
+<trailer>
+<title>The Fault in Our Stars: Trailer</title>
+<link>
+http://www.traileraddict.com/the-fault-in-our-stars/trailer
+</link>
+<pubDate>Wed, 29 Jan 2014 10:11:53 -0800</pubDate>
+<trailer_id>86052</trailer_id>
+<imdb>2582846</imdb>
+<embed>
+<![CDATA[
+<iframe width="480" height="270" src="http://v.traileraddict.com/86052" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" scrolling="no" frameborder="0"></iframe>
+]]>
+</embed>
+</trailer>
+</trailers>
diff --git a/test.erb b/test.erb
@@ -0,0 +1,17 @@
+
+<trailers>
+<trailer>
+<title>The Fault in Our Stars: Trailer</title>
+<link>
+http://www.traileraddict.com/the-fault-in-our-stars/trailer
+</link>
+<pubDate>Wed, 29 Jan 2014 10:11:53 -0800</pubDate>
+<trailer_id>86052</trailer_id>
+<imdb>2582846</imdb>
+<embed>
+<![CDATA[
+<iframe width="480" height="270" src="http://v.traileraddict.com/86052" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" scrolling="no" frameborder="0"></iframe>
+]]>
+</embed>
+</trailer>
+</trailers>
diff --git a/test.html b/test.html
@@ -0,0 +1,17 @@
+
+<trailers>
+<trailer>
+<title>The Fault in Our Stars: Trailer</title>
+<link>
+http://www.traileraddict.com/the-fault-in-our-stars/trailer
+</link>
+<pubDate>Wed, 29 Jan 2014 10:11:53 -0800</pubDate>
+<trailer_id>86052</trailer_id>
+<imdb>2582846</imdb>
+<embed>
+<![CDATA[
+<iframe width="480" height="270" src="http://v.traileraddict.com/86052" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" scrolling="no" frameborder="0"></iframe>
+]]>
+</embed>
+</trailer>
+</trailers>
diff --git a/views/.DS_Store b/views/.DS_Store
diff --git a/views/index.erb b/views/index.erb
@@ -0,0 +1,19 @@
+<head>
+	<link type="text/css" rel="stylesheet" href="style.css" />
+	<title>index</title>
+</head>
+<body>
+	<div class="container">
+		<div id="index_bg"
+			<div class="form">
+				<h1>ENTER YOUR SEARCH HERE!</h1>
+				<form action="/show" method="get">
+				<input type="text" name="movie" >
+				<button>Submit</button>
+			</div>
+		</div>
+	</div>
+</form>
+</body>
+
+
diff --git a/views/layout.erb b/views/layout.erb
@@ -1,7 +1,8 @@
 <!doctype html>
 <html>
 <head>
-  <title>Your Title Here</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1"> 
+  <title>Mahoo</title>
 </head>
 <body>
       <%= yield  %>

diff --git a/views/movie_info.erb b/views/movie_info.erb
@@ -0,0 +1,35 @@
+<head>
+	<link type="text/css" rel="stylesheet" href="style.css" />
+	<title>Movie Info</title>
+</head>
+<body>
+	<div class="container"
+		<div onload="changeBackground()" >
+		  <div id="poster">
+		    <% if @result2["Poster"] == "N/A" %>
+		        <h1>No Image Available</h1>
+		    <% else %>
+		        <img  src="<%= @result2["Poster"] %>"
+		              alt="no picture on file"></div>
+		  <% end %>
+		  <div id="details">
+		    <h2><%= @result2["Title"] %></h2>
+		    <ul>
+				<li>Year: <%= @result2["Year"] %>, Rated: <%= @result2["Rated"] %></li>
+				<li>Runtime: <%= @result2["Runtime"] %></li>
+		      	<li>Genre: <%= @result2["Genre"] %></li>
+		      	<li>Director: <%= @result2["Director"] %></li>
+		      	<li>Writer: <%= @result2["Writer"] %></li>
+		      	<li>Rating: <%= @result2["imdbRating"] %></li>
+		      	<li>Votes: <%= @result2["imdbVotes"] %></li>
+		      	<li>Type: <%= @result2["Type"] %></li>
+		      	<li>Plot: <%= @result2["Plot"] %></li>
+		     </ul>
+		  </div>
+	  		<div>
+	      		</br>
+	      		<a href="/"><button >Movie Search</button></a>
+	  		</div>
+		</div>
+	</div>
+</body>
diff --git a/views/show.erb b/views/show.erb
@@ -0,0 +1,33 @@
+<head>
+	<link type="text/css" rel="stylesheet" href="style.css" />
+	<title>Results</title>
+</head>
+<body>
+	<div class="container"
+		<div id="no_result">
+			<% if @result == nil %>
+				<h2> No Results </h2>
+				<div class="search">
+		      	</br>
+		      	<a href="/"><button >Movie Search</button></a>
+		  		</div>
+			<% else %>
+		</div>
+		<div id="result">
+			<h2>Select a Movie</h2>
+		  <% @result.each do |movie| %>
+		      	<ul>
+		      		<li>
+		      			<a class="list" href="/movie_info/<%= movie['imdbID']  %>" > 
+		      				<%= movie["Title"] %> 
+		      			</a>
+		      		</li>
+		      	</ul>
+		  <% end %>
+		  <div>
+		  <a href="/"><button>Movie Search</button></a>
+		  </div>
+		</div>
+		<% end %>
+	</div>
+</body>