very basic

11 years ago · 4ee0a864e0
commit 4ee0a864e0
2 changed files with 43 additions and 0 deletions
--- a/app.js
+++ b/app.js
@ -0,0 +1,19 @@
 var OMDBApp = angular.module('OMDBApp', []);
 OMDBApp.controller('AppCtrl', ['$scope', '$http', function ($scope, $http) {
 	$scope.movies = [];
 	$scope.result;
 	$scope.search = function() {
 		$http.get('http://www.omdbapi.com/?s='+$scope.query+'&r=json').success(function(data) {
 			$scope.movies = data.Search;
    	});
    };
    $scope.showDescription = function(id){
    	$http.get('http://www.omdbapi.com/?i='+id+'&r=json').success(function(data) {
    		$scope.result = data;
    	});
    }
 }]);
--- a/index.html
+++ b/index.html
@ -0,0 +1,24 @@
 <!doctype html>
 <html lang="en" ng-app='OMDBApp'>
 	<head>
 	</head>
 	<body ng-controller="AppCtrl">
 		<h1>Awesome Movie DB Site</h1>
 		<form ng-submit="search()">
 			<input ng-model="query" type="text"  />
 		</form>
 		<ul ng-hide="movies.length == 0">
 			<li ng-repeat="movie in movies" ng-click="showDescription(movie.imdbID)">{{movie.Title}}</li>
 		</ul>
 		<div ng-hide="result == null">
 			{{result.Title}}, {{result.Year}}
 			<p>
 				{{result.Plot}}
 			</p>
 		</div>	
 		<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.12/angular.min.js"></script>
 		<script src="app.js"></script>
 	</body>
 </html>