-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
99 lines (87 loc) · 5.46 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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="MIME/html; charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="/static/css/reset.css" media="all" />
<link rel="stylesheet" type="text/css" href="/static/css/style.css" media="all" />
<link rel="stylesheet" type="text/css" href="/static/css/ui.autocomplete.css" media="all" />
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=true&key=AIzaSyBPgot55m6CKzTXNLk6uYZ_viaNkJdyTzI"></script>
<script type="text/javascript" src="/static/js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="/static/js/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="/static/js/microajax.minifield.js"></script>
<script type="text/javascript" src="/static/js/main.js"></script>
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
<script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<title> {{title}} </title>
</head>
<body>
<div id="wrapper">
<div id="header">
<h1>{{title}}</h1>
<h3>[ v0.3 beta ]</h3>
</div>
<div id="leftBar">
<fieldset class="greenForm">
<legend>Address Search</legend>
<h3><span> Address Search </span></h3>
<p><label>Address: <font color="grey" style="font-size: 8px;" align="right"> (drag and drop on Google pin)</font> </label>
<input id="address" name="address" /></p>
</fieldset>
<form action="/{{title}}/" method="post">
<fieldset class="greenForm"><legend>Contact form</legend>
<h3><span>{{title}} Report</span></h3>
<p>
<label for="name">Contact info</label>
<input type="text" name="name" size="10" />
</p>
<p><label>Latitude: </label><input id="lat" name="lat" type="text"/>
<label>Longitude: </label><input id="lng" name="lng" type="text"/
></p>
<p>
<label for="water">ระดับน้ำ</label>
<select name="water" width="10px">
<option value="0">แห้ง</option>
<option value="1">เปียกนิดหน่อย</option>
<option value="2">ข้อเท้า</option>
<option value="3">ครึ่งแข้ง</option>
<option value="4">หัวเข่า</option>
<option value="5">เอวแล้ว</option>
<option value="6">หน้าอก</option>
<option value="7">คอ</option>
<option value="8">เกินคอ</option>
</select>
</p>
<p>
<label for="road">Road accessible</label>
<select name="road" width="10px">
<option value="True">yes</option>
<option value="False">no</option>
</select>
</p>
<p>
<label for="text">Message</label>
<textarea name="text" id="text" cols="30" rows="10" onfocus="this.value=''; this.onfocus=null;">comment here!</textarea>
</p>
<p class="submit"><button type="submit">
<a href="https://www.facebook.com/dialog/feed?app_id=111168802326801&link=http://map-it-out.appspot.com&picture=http://www.highlandwater.com/Dianesadds/water_drop_widget_blue.jpg&name=Crowd%20Sourcing%20Water%20Report&caption=http://map-it-out.appspot.com&description=Crowd%20sourcing%20water%20report&message=I%20just%20post%20report%20on%20http://map-it-out.appspot.com&redirect_uri=http://map-it-out.appspot.com&display=popup">Send</a>
</button></p>
</fieldset>
</form>
</div>
<div id="container" >
<div id="map_canvas" style=" width:100%; height:100%"></div>
</div>
</div> <!-- end wrapper -->
<div id="contact">
contact me
<br/>twitter: @champ149
<br/>mail : [email protected]
</div>
<div id="sharing">
<br/><a name="fb_share"></a>
<br/><a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="champ149">Tweet</a>
<br/><g:plusone size="standard" anotation="inline"></g:plusone>
</div>
</body>
</html>