-
Notifications
You must be signed in to change notification settings - Fork 9
/
index.html
184 lines (155 loc) · 6.72 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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Finder</title>
<meta name="description" content="Search and pick files from device">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<script type="text/javascript" src="js/libs/modernizr.js"></script>
<link rel="stylesheet" type="text/css" href="css/fontello/css/animation.css">
<link rel="stylesheet" type="text/css" href="css/fontello/css/iconpack.css">
<link rel="stylesheet" type="text/css" href="css/app.css">
</head>
<body class="has-topnav has-bottomnav">
<nav id="topnav"></nav>
<!-- Home view -->
<article id="home" class="active-view slide-left">
<section></section>
</article>
<!-- About view -->
<article id="about" class="slide-right">
<section class="has-padding">
<h2>About</h2>
<p>A file search app for Firefox OS.</p>
<h3>What it does?</h3>
<p><em>Finder</em> searches all the files on your
device by file name and shows you the files that match your search.</p>
<h3>What it doesn't?</h3>
<ul>
<li>Search within a file.</li>
<li>Search the web or your contacts or for other apps.</li>
<li>Search your soul. It's a DIY thing.</li>
</ul>
<p>Made with <i class="icon-heart"></i> by
<a href="http://applait.com" target="_blank">Applait</a>.
</p>
<p>Rate us in the
<a href="https://marketplace.firefox.com/app/finder/ratings/add" target="_blank">
Firefox Marketplace
</a>.
</p>
</section>
</article>
<!-- Search result item view -->
<article id="detail" class="slide-bottom">
<section class="has-padding"></section>
</article>
<nav id="bottomnav"></nav>
<!-- Templates -->
<!-- topnav for home -->
<template id="tmpl-topnav-home">
<form id="searchform">
<input type="text" id="topnav-input" placeholder="Search..." maxlength="16" value="{searchkey}">
</form>
<button id="searchbtn">
<i class="icon-search"></i>
</button>
</template>
<!-- topnav for default pages -->
<template id="tmpl-topnav-default">
<h1>Finder</h1>
<button data-goto="#/about">
<i class="icon-help"></i>
</button>
</template>
<!-- bottomnav home template -->
<template id="tmpl-bottomnav-home">
<button id="aboutbtn" data-goto="#/about">
<i class="icon-help"></i>
</button>
<button id="resetbtn" data-goto="#/home">Reset</button>
</template>
<!-- bottomnav default template -->
<template id="tmpl-bottomnav-default">
<button id="backbtn" data-goto="back">
<i class="icon-left-open"></i>
</button>
<button id="resetbtn" data-goto="#/home">Reset</button>
</template>
<!-- bottomnav web activity template -->
<template id="tmpl-bottomnav-webactivity">
<button id="cancelbtn">
<i class="icon-cancel-circled"></i>
</button>
<button id="resetbtn" data-goto="#/home">Reset</button>
</template>
<!-- searchresults template -->
<template id="tmpl-searchresults">
<div id="searchresults-stats" class="has-padding">
<p>Found {filecount} file(s) matching <em>"{searchkey}"</em>.</p>
</div>
<div id="searchresults">{searchresults}</div>
</template>
<!-- searchresult item -->
<template id="tmpl-searchresult-item">
<div id="searchresult-item-{i}" class="searchresult-item" data-index="{i}" data-goto="#/detail/{i}">
<button>
<i class="icon-{icontype}"></i>
</button>
<h3>{name}</h3>
<button>
<i class="icon-right-open"></i>
</button>
</div>
</template>
<!-- search loading item -->
<template id="tmpl-loading">
<p class="text-center">
Searching for <em>"{searchkey}"</em>…<br>
This may take some time…
</p>
<p class="text-center"><i class="icon-spin2 animate-spin"></i></p>
</template>
<!-- no results template -->
<template id="tmpl-noresults">
<p class="text-center">
No files found matching the name <em>"{searchkey}"</em>.
</p>
</template>
<!-- search detail template -->
<template id="tmpl-detail">
<h3><i class="icon-{icontype}"></i> {name}</h3>
<ul class="list">
<li>Path: {path}</li>
<li>Size: {size}</li>
<li>Last Modified: {modified}</li>
</ul>
<div class="button-strip">
<button id="previewbtn" class="border" data-index="{i}">
<i class="icon-eye"></i>
</button>
<button id="{shareorpickid}btn" class="border" data-index="{i}">
<i class="icon-{shareorpickclass}"></i>
</button>
</div>
</template>
<!-- homepage stock text -->
<template id="tmpl-home-stock">
<p class="text-center">Type your query in the search box.<br> (e.g. ".jpg")</p>
</template>
<!-- dependencies -->
<script type="text/javascript" src="js/libs/riot.js"></script>
<script type="text/javascript" src="js/libs/EventEmitter.js"></script>
<script type="text/javascript" src="js/libs/applait.finder.js"></script>
<script type="text/javascript" src="js/libs/utils.js"></script>
<!-- app scripts -->
<script type="text/javascript" src="js/findermodel.js"></script>
<script type="text/javascript" src="js/extend.js"></script>
<script type="text/javascript" src="js/route.js"></script>
<script type="text/javascript" src="js/ui/home.js"></script>
<script type="text/javascript" src="js/ui/detail.js"></script>
<script type="text/javascript" src="js/ui/actions.js"></script>
<script type="text/javascript" src="js/ui/render.js"></script>
<script type="text/javascript" src="js/init.js"></script>
</body>
</html>