def constructPage(self):
html_o = ('''
<!DOCTYPE html>
<html>''')
head = htmltemplate.header
head += map_track.map2(self.result, self.value).api
head += ('''
<title>Mighty Ducks Storm-water Tracker - follow the pollution</title>
</head>
''')
body = htmltemplate.body
#there will be two pairs of coordinates that correspond to two end points of one section of storm drain pips.
#use the coordinates to map out poly line in google maps.
#testLat = ("Lat: " + self.result[0] + " ")
#testLng = ("Lng: " + self.result[1] + " ")
#body += testLng
#body += testLat
body += spill.spill(str(self.value["spill"]))
body += ("""
</div>
</div>
</div><!-- /.container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="/static/js/bootstrap.min.js"></script>
</body>""")
html_c = "</html>"
self.content = html_o + head + body + html_c
def constructPage(self):
html_o =('''
<!DOCTYPE html>
<html>''')
head = htmltemplate.header
head += map_track.map2(self.result, self.value).api
head += ('''
<title>Mighty Ducks Storm-water Tracker - follow the pollution</title>
</head>
''')
body = htmltemplate.body
#there will be two pairs of coordinates that correspond to two end points of one section of storm drain pips.
#use the coordinates to map out poly line in google maps.
#testLat = ("Lat: " + self.result[0] + " ")
#testLng = ("Lng: " + self.result[1] + " ")
#body += testLng
#body += testLat
body += spill.spill(str(self.value["spill"]))
body += ("""
</div>
</div>
</div><!-- /.container -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="/static/js/bootstrap.min.js"></script>
</body>""")
html_c = "</html>"
self.content = html_o + head + body + html_c
def constructPage(self):
html_o = ('''
<!DOCTYPE html>
<html>''')
head = ('''
<head>
<meta></meta>
<!--v0.3-getting the form updated according to the drag drop pin-->
<script src="http://maps.googleapis.com/maps/api/js"></script>''')
head += map_track.map2(self.result, self.value).api
head += ('''
<title>Rubber Duck - follow the pollution</title>
</head>
''')
body = ('''
<body>
<div id='heading'>
<p>Rubber Duck XIII - the pollution tracker system</p>
</div>
<div class="panel">
<p>This is the entire map field. divide into three sections</p>
<div class="subp_left">
</div>
<div class="subp_right">
<div id="googleMap" style="width:500px;height:380px;"></div>
<div><p>The get response is: ''')
#there will be two pairs of coordinates that correspond to two end points of one section of storm drain pips.
#use the coordinates to map out poly line in google maps.
testLat = ("Lat: " + self.result[0] + " ")
testLng = ("Lng: " + self.result[1] + " ")
body += testLng
body += testLat
body += ("""</p>
</div></div>
<div class="subp_bottom">
<input />
</div>
</div>
</body>""")
html_c = "</html>"
self.content = html_o + head + body + html_c
def constructPage(self):
html_o =('''
<!DOCTYPE html>
<html>''')
head = ('''
<head>
<meta></meta>
<!--v0.3-getting the form updated according to the drag drop pin-->
<script src="http://maps.googleapis.com/maps/api/js"></script>''')
head += map_track.map2(self.result, self.value).api
head += ('''
<title>Rubber Duck - follow the pollution</title>
</head>
''')
body = ('''
<body>
<div id='heading'>
<p>Rubber Duck XIII - the pollution tracker system</p>
</div>
<div class="panel">
<p>This is the entire map field. divide into three sections</p>
<div class="subp_left">
</div>
<div class="subp_right">
<div id="googleMap" style="width:500px;height:380px;"></div>
<div><p>The get response is: ''')
#there will be two pairs of coordinates that correspond to two end points of one section of storm drain pips.
#use the coordinates to map out poly line in google maps.
testLat = ("Lat: " + self.result[0] + " ")
testLng = ("Lng: " + self.result[1] + " ")
body += testLng
body += testLat
body += ("""</p>
</div></div>
<div class="subp_bottom">
<input />
</div>
</div>
</body>""")
html_c = "</html>"
self.content = html_o + head + body + html_c
