-
Notifications
You must be signed in to change notification settings - Fork 59
/
results.html
executable file
·168 lines (143 loc) · 7.55 KB
/
results.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
{% extends "template_1.html" %}
{% load maths dynamic_attribute thumbnail %}
{%block body_class%}inner{%endblock %}
{% block heading %}
<div class="heading">
<div class="holder">
<ul id="resultsContainer">
<li id="totals">
<ul>
<li id="title">Results:</li>
<li id="first"><span class="tree_count">0</span> trees selected <span class="notrees"></span></li>
<!-- <li>XX trees need more info to be included</li> -->
<li><a href="{% url treemap.views.tree_add %}">Add a tree!</a></li>
</ul>
</li>
<li id="export">
<ul>
<li id="title">Export options:</li>
<li id="firstOption">
<a id="kml_link">KML</a></li>
<li><a id="csv_link">CSV</a></li>
<li><a id="shp_link">Shapefile</a></li>
</ul>
</li>
</ul>
</div>
</div>
{% endblock heading %}
{% block top_left_panel %}
<div id="results_aside" class="aside">
<h2>Yearly Eco Impact</h2>
<div id="summary_subset">Selected trees in <span id="summary_subset_val">..</span></div>
<!-- <strong class="sub-title">Based on select data. <a href="{% url treemap.views.tree_add %}">Add a tree »</a></strong> -->
<div id="results_wrapper" style="display:none;">
<ul id="messageStats">
<li class="impact" id="cost">Total Benefits</li>
<li class="impactStat">$<span id="benefits_total"></span><span class="subnote"> saved</span></li>
</ul>
<ul id="messageStats">
<li class="impact" id="gas">Greenhouse Gas Benefits</li>
<li class="impactStat"><span id="annual_co2_reduced"> </span> lbs CO2 <span class="subnote">reduced</span></li>
<li class="impactStat">$<span id="benefits_greenhouse"> </span><span class="subnote"> saved</span></li>
</ul>
<ul id="messageStats">
<li class="impact" id="water">Water Benefits</li>
<li class="impactStat"><span id="annual_stormwater_management"></span> gallons <span class="subnote">conserved</span></li>
<li class="impactStat">$<span id="benefits_water"> </span><span class="subnote"> saved</span></li>
</ul>
<ul id="messageStats">
<li class="impact" id="energy">Energy Benefits</li>
<li class="impactStat"><span id="annual_energy_conserved"> </span> kWh <span class="subnote">conserved</span></li>
<li class="impactStat">$<span id="benefits_energy"> </span><span class="subnote"> saved</span></li>
</ul>
<ul id="messageStats">
<li class="impact" id="air">Air Quality Benefits</li>
<li class="impactStat"><span id="annual_air_quality_improvement"></span> lbs pollutants <span class="subnote">reduced</span></li>
<li class="impactStat">$<span id="benefits_air_quality"> </span><span class="subnote"> saved</span></li>
</ul>
</div>
</div>
{% endblock %}
{% block top_right_panel %}
<div class="wrap" id="results_map_wrap">
<div id="results_map">
<div class="mapToggle buttomSm">View Satellite</div>
</div>
</div>
{% endblock %}
{% block bottom_left_panel %}
<div class="box-1">
<h2>Recent updates</h2>
<p>Our database of trees comes from public records and citizen foresters like you.
Your help will make it better. <!--<a href="#">Find out how to add and edit trees near you!</a>-->
</p>
<table width="100%">
{% for tree in latest_trees %}
<tr>
<td class="image"><a href="{% url treemap_tree_detail tree.id %}">
{% if tree.last_updated_by.get_profile.photo %}
<img src="/media/{% thumbnail tree.last_updated_by.get_profile.photo 32x32 crop %}"
alt="image description" width="33" height="32" /></td>
{% else %}
<img src="{{ STATIC_URL }}images/v2/defaultuser.gif" alt="image description" width="33" height="32" /></td>
{% endif %}
{% comment %}
{% if tree.treephoto_set.count %}
<img src="/media/{% thumbnail tree.treephoto_set.all|first|get:"photo" 32x32 crop %}"
alt="image description" width="33" height="32" /></td>
{% else %}
<img src="{{ STATIC_URL }}images/es/image10.gif" alt="image description" width="33" height="32" /></a></td>
{% endif %}
{% endcomment %}
<td>
<span>Neighborhood</span> <br />
{{tree.neighborhood.all.0}}
</td>
<td>
<span>Tree species</span> <br />
<em>{{tree.species.common_name}}</em>
</td>
<td>
<span>Updated by</span> <br />
<a href="{% url profiles.views.profile_detail tree.last_updated_by.username %}">{{ tree.last_updated_by.username }}</a>
</td>
</tr>
{% endfor %}
</table>
</div>
{% endblock bottom_left_panel %}
{% block bottom_right_panel %}
<div class="box-2">
<div class="title">
<h2>Recent photos from users</h2>
<!-- <a href="#">Upload your own</a> -->
</div>
<ul class="photos">
{% for pic in latest_photos %}
<li>
<a href="{{ pic.tree.get_absolute_url }}">
<img src="/media/{% thumbnail pic.photo 43x42 %}" alt="image description" width="43" height="42" />
</a>
</li>
{% endfor %}
</ul>
<!-- Where is this info supposed to come from? -->
<!--
<div class="title">
<h2>Comments and stories</h2>
<a href="#">Add your own</a>
</div>
<div class="comments">
<p>Lorem ipsum dolor sit amet consecteturadipiscing elit. Sed eget nibh nisi, tincidunt interdum magna. Nam consectetur, nibh non sagittis iaculis, lleo elit lobortis tellus, sit amet fermentum augue neque vitae odio nibh nor agittis iaculis... <a href="#" class="more">More</a></p>
</div>
-->
</div>
{% endblock bottom_right_panel %}
{% block endpage %}
<script type="text/javascript">
//jQuery().ready(function() {
tm.resultsTemplatePageLoad({{min_year}}, {{current_year}}, {{min_updated}}, {{max_updated}}, 0, '15+');
//});
</script>
{% endblock endpage %}