AppWishList/index.html at master · GotoCode/AppWishList · GitHub

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
98
99
100
101
102
103
104
<!--

    Main Application Content

	GOALS

	- Align all list-item content onto a single reference line
	- Find a way to remove the "reformat entire localStorage" step entirely
	- Refactor, refactor, refactor...
	- Add "paginated search results" feature
	- Add suggestions for new apps based on those currently on wish list (optional)
	- Integrate with FireBase for persistence beyond the local cache
	- Persist count of new items even after the page has been refreshed
	- Increase hitbox size for "add" and "remove" buttons
	- Add ratings (as stars) under each app's name (optional)
	- Allow users to add more list categories (i.e. holiday gifts, paid only, free only)
	- Prevent app name text from getting crushed on mobile devices
	- Add support for Google Play Store (optional)

-->

<html>


<head>

<title>App Wish List</title>

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"></meta>

<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
crossorigin="anonymous"></script>

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"></script>

<!-- minified font awesome embed code -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">

<!-- primary style for the app -->
<link rel="stylesheet" href="style.css">

<!-- main logic for the app -->
<script src="app.js"></script>

</head>


<body>

<div id="top" class="container-fluid">

	<ul id="mode-select" class="nav nav-tabs">
		<li role="presentation" id="list-menu-button"><a href="#">List <span id="new-item-badge" class="badge"></span></a></li>
		<li role="presentation" id="search-menu-button" class="active"><a href="#">Search</a></li>
	</ul>

	<div id="search-view">
		<!-- search field -->

		<form action="#" onsubmit="searchAppStore(event)">
			<input id="search-field" type="text" placeholder="Search...">
			<button type="submit" id="search-button">Search</button>
		</form>

		<br/>

		<img id="loading-symbol" src="loading-symbol.gif" width="50px">

		<!-- List item 1 -->
		<!-- List item 2 -->
		<!-- List item 3 -->
		<!-- ... ... ... -->
		<!-- List item N -->

		<!-- Prototype for sequence of list items -->

		<!-- Each list item contains 3 pieces of info... -->

		<!-- App icon --> <!-- App name --> <!-- App price -->

		<div id="search-results" class="list-group"></div>
	</div>

	<div id="list-view" style="display : none;">
		<div id="list-results"></div>
	</div>

	<!-- Credits line -->
	<p style="margin-top: 10px;">Made by GotoCode</p>

</div>

</body>


</html>