started working on services

app/templates/services.html

@@ -0,0 +1,60 @@
+{% extends "layout.html" %}
+
+{% block navigation %}
+	<li><a href='{{ url_for('create_pit_stop_form') }}'>Create Pitstop</a></li>
+	<li><a href='{{ url_for('get_statistics') }}' class="active">Statistics</a></li>
+	<li><a href='{{ url_for('get_services') }}' class="active">Services</a></li>
+{% endblock %}	
+
+{% block body %}
+	{{ service_warning() }}
+
+	<div class="table-responsive">
+		<table class="table table-striped table-bordered table-condensed">
+			<tr>
+				<th>
+					Odometer<br />
+					(planned)
+				</th>
+				<th>
+					Odometer<br />
+					(done)
+				</th>
+				<th>
+					Date<br />
+					(done)
+				</th>
+				<th>
+					Tasks
+				</th>
+			</tr>		
+			{% for service in data['services'] %}
+				<tr class='pitstop'>
+					<td>
+						{{service.odometer_planned}} km
+					</td>
+					<td>
+						{% if service.odometer_done %} 
+							{{service.odometer_done}}  km 
+						{% else %} 
+							--  km
+						{% endif %}
+					</td>
+					<td>
+						{% if service.date %} 
+							{{service.date}}   
+						{% else %} 
+							--  
+						{% endif %}
+					</td>
+					<td>
+						
+						{% for task in service.tasks.split(',') %}
+							{{task}} <br />
+						{% endfor %}
+					</td>
+				</tr>
+			{% endfor %}
+		</table>
+	</div>
+{% endblock %}