Eventplanner

- create
- delete

- added time and date picker

eventplanner/templates/eventplanner/event_update_form.html

@@ -1,5 +1,6 @@
 {% extends "website/base.html" %}
 
+{% load sekizai_tags staticfiles %}
 {% load crispy_forms_tags %}
 
 
@@ -18,15 +19,65 @@
 <div class="container">
 	<div class="row">
 		<div class="span12">
-			<form method="post">
-				{% csrf_token %}
-    			{{ form|crispy }}
-    			<input type="submit" class="btn btn-primary" value="Abschicken"></input>
+			<h3>Termin bearbeiten</h3>
+			<!--  
+			<form action="/contact/" method="post">
+				{% csrf_token %} {{ form.as_p }} <input type="submit" value="Submit" />
 			</form>
-		
+			-->
+			{% crispy form %}
 			
 		</div>
 	</div>
 </div>
 
+
+
+
+
+<!-- Datepicker -->
+
+
+{% addtoblock "css" strip %}<link rel="stylesheet" href="{{STATIC_URL}}/css/datepicker.css"  type="text/css" media="screen" />          {% endaddtoblock %}
+{% addtoblock "css" strip %}<link rel="stylesheet" href="{{STATIC_URL}}/css/timepicker.css"  type="text/css" media="screen" />          {% endaddtoblock %}
+
+
+{% addtoblock "js" %}
+<script src="{{STATIC_URL}}/js/bootstrap-timepicker.js"></script>
+<script src="{{STATIC_URL}}/js/bootstrap-datepicker.js"></script>
+<script src="{{STATIC_URL}}/js/bootstrap-datepicker.de.js"></script>
+
+<script>
+
+
+$(document).ready(function(){
+	$('.dateinput').datepicker({
+		format: "dd.mm.yyyy",
+		weekStart: 1,
+		todayBtn: "linked",
+		language: "de",
+		todayHighlight: true,
+		startDate: "{% now "SHORT_DATE_FORMAT" %}",
+		});
+
+	
+	 $('.timeinput').addClass('input-small').wrap('<div class="input-append bootstrap-timepicker">')
+	 $(".input-append").append( '<span class="add-on"><i class="icon-time"></i></span>' )
+	
+	
+	 $('.timeinput').timepicker({
+		 minuteStep: 15,
+		 showMeridian: false,
+		 defaultTime: false
+		 });
+} );
+</script>
+{% endaddtoblock %}
+
+
+
+
 {% endblock %}
+
+
+

eventplanner/templates/eventplanner/events_grid.html

@@ -89,9 +89,19 @@
 
 	 		});
 	 		
+	 		
+	 		$( ".deleteButton" ).click(function() {
+	 			if (confirm('Termin wirklich löschen?')) {
+	 				pk = $(this).data( "pk" )
+	 				window.location = pk + "/delete"
+	 			}
+	 		});
+	 		
+	 		
 	 	</script>
 	 {% endaddtoblock %}
 
+
       <div class="container">
       	<form>
           <div class="row">
@@ -110,6 +120,8 @@
 							  	  {% for name in musicianNames %}
 							  	  	<th> {{ name|capfirst }} </th>
 							  	  {% endfor %}
+							  	  
+							  	  <th> </th>
 							  </tr>
 						  </thead>   
 						  <tbody>
@@ -138,13 +150,18 @@
 												<span class="text">?</span>
 											</button>
 										{% endif %}
-									</td>
-								{% endfor %}
-						  	 	
-						  	 	
-						  	</tr>
-						  {% endfor %}
+									</td> {% endfor %}
 
+									<td>
+										<a class="btn btn-mini btn-inverse deleteButton" data-pk="{{event.pk}}"><i class="icon-trash icon-white"></i> Löschen </a>
+									</td>
+								</tr>
+						  {% endfor %}
+						  
+						  <tr>
+						  	  <td class="center"> <a href="add">Termin hinzufügen...</a> </td>
+						  <tr>
+						  
 						  </tbody>
 					  </table> 
 					  
@@ -152,18 +169,16 @@
 				</div><!--/span-->
 						
 			</div><!--/row-->
-			
-			
-			
-	 	    {% if perms.eventplanner.change_others_participation %}
-          	<div class="row">
-          		 <div class="span12">
-          		 	<button id="saveButton" class="btn btn-primary" disabled="true" >Speichern</button>
-          		 </div> 
-			</div>  
-	 	    {% endif %}
-			
-			</form>
+
+
+			{% if perms.eventplanner.change_others_participation %}
+			<div class="row">
+				<div class="span12">
+					<button id="saveButton" class="btn btn-primary" disabled="true">Speichern</button>
+				</div>
+
+			</div>
+			{% endif %}</form>
 			
        </div>
    </div>