Update the Model: In your model (tools/models.py), add the charge and proportion fields to the ProteinChargeCalculator model:

 # tools/models.py
 from django.db import models

 class ProteinChargeCalculator(models.Model):
     content = models.TextField()
     created_at = models.DateTimeField(auto_now_add=True)
     charge = models.FloatField()  # New field for charge
     proportion = models.FloatField()  # New field for proportion

 #python3 manage.py makemigrations
 #python3 manage.py migrate

Update the Form: In your form (tools/forms.py), include the new fields in the ProteinChargeCalculatorForm:

 # tools/forms.py
 from django import forms
 from .models import ProteinChargeCalculator

 class ProteinChargeCalculatorForm(forms.ModelForm):
     class Meta:
         model = ProteinChargeCalculator
         fields = ['content', 'charge', 'proportion']  # Include charge and proportion
         widgets = {
             'content': forms.Textarea(attrs={'placeholder': 'Enter your message'})
         }

Update the View: In your view (tools/views.py), modify the code to work with the ProteinChargeCalculator model and form:

 # tools/views.py
 from django.shortcuts import render, redirect
 from .forms import ProteinChargeCalculatorForm
 from .models import ProteinChargeCalculator

 def chargeandprop(aa_seq):
     """Calculates protein net charge and charged AA proportion
     """
     protseq = aa_seq.upper()
     charge = -0.002
     cp = 0
     aa_charge = {'C': -0.045, 'D': -0.999, 'E': -0.998, 'H': 0.091,
                 'K': 1, 'R': 1, 'Y': -0.001}
     for aa in protseq:
         charge += aa_charge.get(aa, 0)
         if aa in aa_charge:
             cp += 1
     prop = float(cp) / len(aa_seq) * 100
     return charge, prop

 def protein_charge_calculator_view(request):
     if request.method == 'POST':
         form = ProteinChargeCalculatorForm(request.POST)
         if form.is_valid():
             content = form.cleaned_data['content']
             charge, prop = chargeandprop(content)
             ProteinChargeCalculator.objects.create(content=content, charge=charge, proportion=prop)
             return redirect('tools:protein_charge_calculator_view')
     else:
         form = ProteinChargeCalculatorForm()

     calculators = ProteinChargeCalculator.objects.all()

     return render(request, 'tools/protein_charge_calculator_form.html', {'form': form, 'calculators': calculators})

Update the Template: In your template (templates/tools/protein_charge_calculator_form.html), include the new fields in the form and display them for saved calculations:

 <!-- templates/tools/protein_charge_calculator_form.html -->
 {% extends "base.html" %}

 {% block title %}Protein Charge Calculator{% endblock %}

 {% block content %}
 <div class="container">
   <h1 class="text-center">Protein Charge Calculator</h1>
   <form method="post" action="{% url 'tools:protein_charge_calculator_view' %}">
     {% csrf_token %}

     {{ form.content.errors }}
     {{ form.content }}

     <br>
     <label for="{{ form.charge.id_for_label }}">Charge:</label>
     {{ form.charge }}

     <label for="{{ form.proportion.id_for_label }}">Proportion:</label>
     {{ form.proportion }}

     <br>
     <button type="submit" class="btn btn-primary">Calculate Protein Charge</button>
   </form>

   <h2 class="text-center">Saved Calculations:</h2>
   <ul class="list-group">
     {% for calculator in calculators %}
       <li class="list-group-item">
         {{ calculator.content }} - Charge: {{ calculator.charge }} - Proportion: {{ calculator.proportion }} - {{ calculator.created_at }}
       </li>
     {% endfor %}
   </ul>
 </div>
 {% endblock %}

Update the URLs: In your urls.py file (assuming you have a urls.py file in your tools app), update the URL patterns to use the new view function:

 # tools/urls.py
 from django.urls import path
 from . import views

 urlpatterns = [
     path('protein_charge_calculator/', views.protein_charge_calculator_view, name='protein_charge_calculator_view'),
     # ... your other URLs
 ]