forked from EloquentStudio/filter.js
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathbasic.html
More file actions
114 lines (113 loc) · 3.74 KB
/
Copy pathbasic.html
File metadata and controls
114 lines (113 loc) · 3.74 KB
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
105
106
107
108
109
110
111
112
113
114
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="assets/css/jquery-ui-1.10.2.custom.min.css" media="screen" rel="stylesheet" type="text/css">
<script src="assets/js/jquery-1.11.3.min.js" type="text/javascript"></script>
<script src="assets/js/jquery-ui-1.10.2.custom.min.js" type="text/javascript"></script>
<script src="filter.min.js" type="text/javascript"></script>
<script src="basic.js" type="text/javascript"></script>
<script src="assets/js/jquery.tinysort.min.js" type="text/javascript"></script>
<link href="assets/css/style.css" media="screen" rel="stylesheet" type="text/css">
</head>
<body>
<div><h1 class="header_name">Filter.js</h1></div>
<div class="container">
<div class="sidebar_bar">
<div class="sidebar_left_find">
<div class="sidebar_list">
<h3>Search</h3>
<input type="text" id="search_box" class="searchbox" placeholder="Type here …" />
</div>
</div>
<div class="sidebar_left_find">
<div class="sidebar_list">
<h3>Filter by Price</h3>
<span id="price_range_label" style="margin:50px;">$0-$500</span>
<div id="price_slider"></div>
<input type="hidden" id="price_filter" value="100-500" />
</div>
</div>
<div class="sidebar_left_find">
<div class="sidebar_list">
<h3>Filter by Status</h3>
<ul id="status">
<li>
<input id="active" value="active" type="checkbox">
<span >Active</span>
</li>
<li>
<input id="inactive" value="inactive" type="checkbox">
<span>Inactive</span>
</li>
</ul>
</div>
</div>
</div>
<div class="featured_services_find">
<h1 class="result_count"></h1>
<div class="featured_list_find" id="service_list"></div>
</div>
<script>
//<![CDATA[
var services = [
{
"permalink": "1-mr-ona-howe",
"title": "Mr. Ona Howe",
"amount": 100,
"status": "active",
"is_public": true,
"id": 1,
"nonprofit": "Eldon Zulauf"
},
{
"permalink": "2-darien-hoeger",
"title": "Darien Hoeger",
"amount": 201,
"id": 2,
"status": "inactive",
"nonprofit": "Beryl McDermott"
},
{
"permalink": "3-mrs-frederique-kris",
"title": "Mrs. Frederique Kris",
"amount": 500,
"id": 3,
"status": "active",
"nonprofit": "Eldon Zulauf"
},
{
"permalink": "4-jedediah-pouros",
"title": "Jedediah Pouros",
"amount": 300,
"id": 4,
"status": "inactive",
"nonprofit": "Mabel Tillman I"
},
{
"permalink": "5-mrs-daisy-macejkovic",
"title": "Mrs. Daisy Macejkovic",
"amount": 410,
"id": 5,
"status": "active",
"nonprofit": "Mr. Ayden O'Keefe"
} ];
//]]>
</script>
<div class="clear"></div>
</div>
<script id="template" type="text/html">
<a title="<%= title %>" href="/demo/<%= permalink %>">
<div class="fs_box">
<div class="fs_left">
<span class="fs_head"><%= title %></span>
<span class="fs_for">for</span>
<span class="fs_disc"><%= nonprofit %></span>
</div>
<div class="fs_price">$<%= amount %></div>
<div class="clear"></div>
</div>
</a>
</script>
</body>
</html>