ticket:6 - done

Author: glukagen

apps/basic/forms.py

@@ -1,9 +1,11 @@
-from django.forms import ModelForm
+from django.forms import ModelForm, DateField
 
+from basic.widgets import CalendarWidget
 from basic.models import Person
 
 
 class PersonForm(ModelForm):
-
+    date = DateField(widget=CalendarWidget)
+    
     class Meta:
         model = Person

apps/basic/tests.py

@@ -15,8 +15,6 @@ def setUp(self):
         self.client = Client()
         self.user = User.objects.create_user(self.username, 'tt@tt.com', \
             self.password)
-        #self.user.is_staff = True
-        #self.user.save()
 
     def login(self):
         login = self.client.login(username=self.username, \

apps/basic/views.py

@@ -1,9 +1,12 @@
-from annoying.decorators import render_to
+from annoying.decorators import render_to, ajax_request
 from django.shortcuts import redirect
 from django.contrib.auth.decorators import login_required
-    
+from django.views.decorators.http import require_POST
+
+from basic.widgets import CalendarWidget
 from basic.models import Person, Location
 from basic.forms import PersonForm
+
 
 @render_to('index.html')
 def index(request):
@@ -20,20 +23,19 @@ def requests(request):
 @login_required
 @render_to('edit.html')
 def edit(request):
-    if request.method == 'POST':
-        form = PersonForm(request.POST, 
-            request.FILES, instance=Person.objects.get(pk=1))
-        if form.is_valid():
-            form.save()
-            return redirect('home')
-        else:
-            print form.errors
-    else:
-        form = PersonForm(instance=Person.objects.get(pk=1))
-    
+    form = PersonForm(instance=Person.objects.get(pk=1))    
+    calendar = CalendarWidget()
     return locals()
 
 
-@render_to('edit.html')
+@login_required
+@require_POST
+@ajax_request
 def save(request):
-    return locals()
+    form = PersonForm(request.POST, request.FILES, instance=Person.objects.get(pk=1))
+    if form.is_valid():
+        form.save()
+        return {'result': 1}
+    else:
+        return {'result': 0, 'errors': form.errors}
+    

templates/edit.html

@@ -1,33 +1,68 @@
 {% extends "base.html" %}
 
+{% block extra_head %}
+	<style>
+		.error{color:red;}
+	</style>
+	<script type="text/javascript" src="/static/js/jquery-1.10.2.js"></script>
+	<script type="text/javascript" src="/static/js/jquery.form.js"></script>
+	{{ calendar.media }}
+	<script>
+		$(function(){
+			$('#edit_form').submit(function(e){
+				$(this).hide()
+				$('#ajax-loader').show()
+				$(this).ajaxSubmit({dataType : 'json', success: function(o) {
+					$('#ajax-loader').hide()
+					$('#edit_form').show()
+					$('.error, #form_state').empty()
+					if(o.result == 1)
+						$('#form_state').html('Person was successfully updated')
+					else
+						if(typeof(o.errors) != undefined)
+							for(i in o.errors)
+								$('#' + i + '_error').html(o.errors[i][0])
+				}})
+				return false;
+			})
+		})
+	</script>
+{% endblock extra_head %}
+
 {% block content %}
-	{{ form.non_field_errors }}
-	<form method="POST" enctype="multipart/form-data" >{% csrf_token %}
-		<div style="height:600px;">
-			<div style="float:left;">
-				<div>{{ form.name.errors }}</div>
-				<p>Name: {{ form.name }}</p>
-				<div>{{ form.surname.errors }}</div>
-				<p>Last name: {{ form.surname }}</p>
-				<div>{{ form.date.errors }}</div>
-				<p>Date of bith: {{ form.date }}</p>
-				<div>{{ form.photo.errors }}</div>
-				<p>Photo:{{ form.photo }}</p>
-				<div>{{ form.bio.errors }}</div>
-				<p>Bio: {{ form.bio }}</p>
-			</div>
-			<div style="float:right; width:55%">
-				<p>Contacts</p>
-				<div>{{ form.email.errors }}</div>
-				<p>Email: {{ form.email }}</p>
-				<div>{{ form.skype.errors }}</div>
-				<p>Skype: {{ form.skype }}</p>
-				<div>{{ form.jabber.errors }}</div>
-				<p>Jabber: {{ form.jabber }}</p>
-				<div>{{ form.contacts.errors }}</div>
-				<p>Other Contacts: {{ form.contacts }}</p>
-			</div>
-		</div>
-		<input type="submit" value="Save" />
-	</form>
+
+<h3>42 Coffee Cups Test Assignment</h3>
+<div id="form_state" ></div>
+<div id="ajax-loader" style="display:none;">
+<img src="/static/images/ajax-loader.gif">
+</div>
+<form method="POST" action="{% url 'save-profile' %}" enctype="multipart/form-data" id="edit_form">
+{% csrf_token %}
+<div style="height:600px;">
+<div style="float:left;">
+<div id="name_error" class="error"></div>
+<p>Name: {{ form.name }}</p>
+<div id="surname_error" class="error" ></div>
+<p>Last name: {{ form.surname }}</p>
+<div id="date_error" class="error"></div>
+<p>Date of bith: {{ form.date }}</p>
+<div id="photo_error" class="error"></div>
+<p>Photo:{{ form.photo }}</p>
+<div id="bio_error" class="error"></div>
+<p>Bio: {{ form.bio }}</p>
+</div>
+<div style="float:right; width:55%">
+<p>Contacts</p>
+<div id="email_error" class="error"></div>
+<p>Email: {{ form.email }}</p>
+<div id="skype_error" class="error" ></div>
+<p>Skype: {{ form.skype }}</p>
+<div id="jabber_error" class="error" ></div>
+<p>Jabber: {{ form.jabber }}</p>
+<div id="contacts_error" class="error"></div>	
+<p>Other Contacts: {{ form.contacts }}</p>
+</div>
+</div>
+<input type="submit" value="Save" />
+</form>
 {% endblock content %}