-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
136 lines (124 loc) · 5.39 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>rabto - Share Stuff With Your Friends</title>
<link rel="stylesheet" type="text/css" href="/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="/css/mui.min.css">
</head>
<body>
<!-- TODO: modal to login or signup a user -->
<!-- TODO List:
- session in express (rabta copy)
- expand db schema to handle image and description
- api to get all products per user
- gravator based thumbnain card image
- ability to add/remove one from trusted list
- request to add yourself to other's trusted list -->
<!-- start Mixpanel -->
<script type="text/javascript">(function(e,b){if(!b.__SV){var a,f,i,g;window.mixpanel=b;b._i=[];b.init=function(a,e,d){function f(b,h){var a=h.split(".");2==a.length&&(b=b[a[0]],h=a[1]);b[h]=function(){b.push([h].concat(Array.prototype.slice.call(arguments,0)))}}var c=b;"undefined"!==typeof d?c=b[d]=[]:d="mixpanel";c.people=c.people||[];c.toString=function(b){var a="mixpanel";"mixpanel"!==d&&(a+="."+d);b||(a+=" (stub)");return a};c.people.toString=function(){return c.toString(1)+".people (stub)"};i="disable time_event track track_pageview track_links track_forms register register_once alias unregister identify name_tag set_config people.set people.set_once people.increment people.append people.union people.track_charge people.clear_charges people.delete_user".split(" ");
for(g=0;g<i.length;g++)f(c,i[g]);b._i.push([a,e,d])};b.__SV=1.2;a=e.createElement("script");a.type="text/javascript";a.async=!0;a.src="undefined"!==typeof MIXPANEL_CUSTOM_LIB_URL?MIXPANEL_CUSTOM_LIB_URL:"file:"===e.location.protocol&&"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//)?"https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js":"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js";f=e.getElementsByTagName("script")[0];f.parentNode.insertBefore(a,f)}})(document,window.mixpanel||[]);
mixpanel.init("10ae1ef447f15a5170230aa128fe7545");</script>
<!-- end Mixpanel -->
<div id="shell-sidebar" class="shell-sidebar mui--z5">
<section class="shell-sidebar-head">
<div class="mui--text-display1">
<a href="#">
<i class="fa fa-chevron-left"></i> rabto
</a>
</div>
<div class="center">
<div id="shell-profile-picture"></div>
<output id="shell-user" class="mui--text-headline"></output>
</div>
</section>
<section class="shell-sidebar-list">
<ul class="mui-list--unstyled">
<li id="shell-profile"><a href="/#profileModal">My Profile</a></li>
<li id="shell-trusted">Trusted Friends</li>
<li id="shell-contacts">All Contacts</li>
</ul>
</section>
</div>
<div id="openModal" class="modal-dialog">
<div>
<form class="mui-container">
<legend>Upload A Product Info For Your Buddy</legend>
<div class="mui-textfield">
<input id="modal-title" type="text">
<label>Title</label>
</div>
<div class="mui-textfield">
<input id="modal-description" type="text">
<label>Description</label>
</div>
<div class="mui-textfield">
<input id="modal-file" type="file">
<label>Upload An Image Of The Product</label>
</div>
<button class="mui-btn" id="modal-submit">Submit</button>
<a class="mui-btn" href="#">Cancel</a>
</form>
</div>
</div>
<div id="profileModal" class="modal-dialog">
<div>
<form class="mui-container">
<legend>Profile</legend>
<div class="mui-textfield">
<input id="modal-name" type="text">
<label>Full Name</label>
</div>
<div class="mui-textfield">
<input id="modal-email" type="text" disabled="true">
<label>Email</label>
</div>
<div class="mui-textfield">
<input id="modal-mobile" type="text" disabled="true">
<label>Mobile Number</label>
</div>
<button class="mui-btn" id="modal-save">Save</button>
<a class="mui-btn" href="#">Cancel</a>
</form>
</div>
</div>
<button class="mui-btn mui-btn--fab mui-btn--danger" id="fab-btn"><i class="fa fa-plus"></i></button>
<section class="mui-appbar mui--appbar-min-height mui--appbar-line-height">
<div class="mui-container rabto-flex">
<span id="shell-menu" class="rabto-btn-appbar">
<i class="fa fa-bars fa-lg"></i>
</span>
<form id="search-bar" class="rabto-search">
<div class="mui-textfield">
<input id="search-input" type="search" placeholder="Search For Camera Or Book" autofocus required />
</div>
</form>
<span class="rabto-brand no-sm">rabto</span>
</div>
</section>
<section class="mui-container product-list" id="product-list">
</section>
<section class="mui-appbar mui-appbar-height mui--appbar-line-height mui--z2 rabto-footer">
Made at <a href="http://twitter.com/@Numa_blr">@Numa_BLR</a> with love by
<a href="http://twitter.com/@ashgkwd">Ashish</a>,
<a href="http://twitter.com/@azad26195">Azad</a>,
<a href="http://twitter.com/@SanketDevlekar">Sanket</a> and powered by
<a href="http://twitter.com/@exotel">Exotel</a> and
<a href="http://twitter.com/@heroku">Heroku</a>
</section>
<link rel="stylesheet" type="text/css" href="/css/design.css">
<script src="/js/md5.js"></script>
<script src="/js/rabto.js"></script>
<script src="/js/shell.js"></script>
<script src="/js/search.js"></script>
<script>
// Fire In The Hole!
Rabto.db.init();
Rabto.ui.init();
Rabto.ui.shell.init();
Rabto.ui.initSearch();
</script>
</body>
</html>