Update data using ModelForm

LigandWorld/annotator/models.py

 from django.db import models
 
+from django import forms
+from django.forms import ModelForm 
 # Create your models here.
 
 class Biounit(models.Model):
@@ -35,3 +37,17 @@ class Ligand(models.Model):
 									('natural','Natural, non covalently bound'),
 									('synthetic','Synthetic, non covalently bound'))
                    				 )
+
+class BiounitForm(ModelForm):
+	class Meta:
+		model = Biounit
+		fields = ['title','resolution']
+
+ 	def clean_resolution(self):
+		res = self.cleaned_data['resolution']
+		if res<1 or res>3:
+			raise forms.ValidationError("Resolution must be between 1 and 3!")
+
+		# Always return the cleaned data, whether you have changed it or
+		# not.
+		return res
\ No newline at end of file

LigandWorld/annotator/templates/biounit.html

@@ -10,5 +10,18 @@
 
 <img src="http://swissmodel.expasy.org/templates/{{ biounit.smtl_id }}_s500.png">
 
+<div class="panel panel-primary">
+  <div class="panel-heading">
+    <h3 class="panel-title">Edit Title and Resolution</h3>
+  </div>
+  <div class="panel-body">
+	<form action="" method="post">
+		{% csrf_token %}
+		{{ form }}
+		<button type="submit" class="btn btn-primary">Submit</button>
+	</form>
+  </div>
+</div>
+
 
 {% endblock %}
\ No newline at end of file

LigandWorld/annotator/views.py

 from django.shortcuts import render
 
-from models import Biounit, Ligand
+from models import Biounit, Ligand, BiounitForm
 
 # Create your views here.
 
@@ -15,4 +15,9 @@ def single_biounit(request, smtl_id):
 
 	biounit = Biounit.objects.get(smtl_id=smtl_id)
 
-	return render(request, 'biounit.html', {'biounit':biounit})
+	form = BiounitForm(request.POST or None, instance=biounit)
+
+	if form.is_valid():
+		form.save()
+
+	return render(request, 'biounit.html', {'biounit':biounit, 'form':form})

LigandWorld/static/css/tutorial.css

@@ -6,4 +6,13 @@ body,html{
 	background-color:  #0c4b33;padding:16px;
 	color:white;
 }
-img { max-width:100%;}
+img { max-width:100%;}
\ No newline at end of file
+
+form label{
+	display:block;
+}
+
+.errorlist{
+	color:red;
+	font-weight:bold;
+}
\ No newline at end of file