-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
162 lines (137 loc) · 6.27 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Contacts CSV</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">
<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>Import contacts from CSV files.</p>
<p>Made with <i class="icon-heart"></i> by
<a href="http://applait.com" target="_blank">Applait</a>.
</p>
</section>
</article>
<!-- Parse view -->
<article id="parse" class="slide-bottom">
<section>
<h2 class="text-center">Processing CSV file…</h2>
<h3 class="text-center"><span id="contactcount">0</span> contact(s) processed…</h3>
<p class="text-center"><i class="icon-spin2 animate-spin"></i></p>
</section>
</article>
<nav id="bottomnav"></nav>
<!-- Templates -->
<!-- topnav for default pages -->
<template id="tmpl-topnav-default">
<h1>Contacts CSV</h1>
<button data-goto="#/about">
<i class="icon-help"></i>
</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="searchbtn" data-goto="#/home">
<i class="icon-search"></i> Search again
</button>
</template>
<!-- bottomnav home template -->
<template id="tmpl-bottomnav-home">
<button id="searchbtn" data-goto="#/home">
<i class="icon-search"></i> Search again
</button>
</template>
<!-- bottomnav parse template -->
<template id="tmpl-bottomnav-parse">
<button id="searchbtn" data-goto="#/home" disabled="true">
<i class="icon-search"></i> Search again
</button>
</template>
<!-- homepage stock text -->
<template id="tmpl-home-stock">
<p class="text-center">Searching for CSV files to import…</p>
<p class="text-center">Please wait, this may take a while…</p>
<p class="text-center"><i class="icon-spin2 animate-spin"></i></p>
</template>
<!-- error message for search failed -->
<template id="tmpl-error">
<div class="error has-padding">
<h2 class="text-center">Oops!</h2>
<p class="text-center">{message}</p>
</div>
</template>
<!-- searchresults template -->
<template id="tmpl-searchresults">
<div id="searchresults-stats" class="has-padding">
<p>Found {filecount} CSV file(s). Please select one to begin import.</p>
</div>
<div id="searchresults" class="resultlist">{searchresults}</div>
</template>
<!-- searchresult item -->
<template id="tmpl-searchresult-item">
<div id="searchresult-item-{i}" class="resultlist-item searchresult-item"
data-index="{i}" data-goto="#/parse/{i}">
<button data-goto="#/parse/{i}">
<i class="icon-doc"></i>
</button>
<h3 data-goto="#/parse/{i}">{name}</h3>
<button data-goto="#/parse/{i}">
<i class="icon-right-open"></i>
</button>
</div>
</template>
<!-- contactlist template -->
<template id="tmpl-contactlist">
<div id="contactlist-stats" class="has-padding">
<p>Found {count} contact(s). Select the ones to import.</p>
</div>
<div id="contactlist" class="resultlist">{contactlist}</div>
</template>
<!-- contactlist item template -->
<template id="tmpl-contactlist-item">
<div id="contactlist-item-{i}" class="resultlist-item contactlist-item" data-index="{i}">
<div class="checkbox">
<input type="checkbox" class="contactlist-checkbox" data-index="{i}" id="contact-checkbox-{i}"
checked="true">
<label for="contact-checkbox-{i}">{name}</li>
</div>
</div>
</template>
<!-- empty contactlist template -->
<template id="tmpl-contactlist-empty">
<h3 class="text-center">No contacts can be imported from the selected file.</h3>
</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>
<script type="text/javascript" src="js/libs/papaparse.js"></script>
<!-- app scripts -->
<script type="text/javascript" src="js/appmodel.js"></script>
<script type="text/javascript" src="js/contactmodel.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/render.js"></script>
<script type="text/javascript" src="js/ui/actions.js"></script>
<script type="text/javascript" src="js/ui/parse.js"></script>
<script type="text/javascript" src="js/init.js"></script>
</body>
</html>