/
index.html
97 lines (81 loc) · 3.19 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<html ng-app="starter">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width" />
<title>Movies</title>
<link href="//code.ionicframework.com/nightly/css/ionic.css" rel="stylesheet"/>
<link href="../style.css" rel="stylesheet"/>
<script src="//code.ionicframework.com/nightly/js/ionic.bundle.js"></script>
<script src="../app.js"></script>
</head>
<body>
<!-- The nav bar that will be updated as we navigate -->
<ion-nav-bar class="bar-positive">
<ion-nav-back-button class="button-clear">
<i class="ion-arrow-left-c"></i> Back
</ion-nav-back-button>
</ion-nav-bar>
<ion-nav-view></ion-nav-view>
<script id="list.html" type="text/ng-template">
<ion-view view-title="Search The Movie Database">
<ion-content>
<label class="item item-input">
<i class="icon ion-search placeholder-icon"></i>
<input type="search" placeholder="Search" ng-model="movie.name" ng-change="searchMovieDB()">
</label>
<ion-list>
<ion-list can-swipe="true">
<ion-item item="group" collection-repeat="movie in movies" collection-item-width="'100%'" collection-item-height="100" href="#/movie/{{movie.id}}" class="item-thumbnail-left" hold-list>
<img ng-src="https://image.tmdb.org/t/p/w92{{movie.poster_path}}" onerror="this.src = 'https://www.ginesisnatural.com/images/no_image.jpg';">
<h2>{{movie.original_title}}</h2>
<h4>{{movie.release_date}}</h4>
<ion-option-button class="button-light icon ion-edit">Edit</ion-option-button>
<ion-option-button class="button-assertive icon ion-trash-a">Share</ion-option-button>
</ion-item>
</ion-list>
</ion-list>
</ion-content>
</ion-view>
</script>
<script id="view.html" type="text/ng-template">
<ion-view view-title="Movie details">
<ion-content>
<div class="list card">
<div class="item item-avatar">
<img src="https://image.tmdb.org/t/p/w92{{movie.poster_path}}">
<h2>{{movie.original_title}}</h2>
<p>{{movie.release_date}}</p>
</div>
<div class="item item-image">
<img ng-src="https://image.tmdb.org/t/p/w92{{movie.poster_path}}" width="200px" />
</div>
<div class="item item-body">
<p>{{movie.overview}}</p>
</div>
<a class="item" href="#">
Average Vote: <strong>{{movie.vote_average}}</strong> (Votes: {{movie.vote_count}})
</a>
</div>
</ion-content>
</ion-view>
</script>
<!--
<ion-tabs class="tabs-striped tabs-background-positive tabs-color-light">
<div class="tabs tabs-icon-top">
<a class="tab-item">
<i class="icon ion-home"></i>
Home
</a>
<a class="tab-item">
<i class="icon ion-star"></i>
Favorites
</a>
<a class="tab-item">
<i class="icon ion-gear-a"></i>
Settings
</a>
</div>
</ion-tabs>
-->
</body>
</html>