Remove First & Last name from Billing Details, to limit the amount of personal data we potentially store.

hc/payments/models.py

@@ -11,7 +11,7 @@ else:
     braintree = None
 
 
-ADDRESS_KEYS = ("first_name", "last_name", "company", "street_address",
+ADDRESS_KEYS = ("company", "street_address",
                 "extended_address", "locality", "region", "postal_code",
                 "country_code_alpha2")
 
@@ -194,7 +194,7 @@ class Subscription(models.Model):
 
     def flattened_address(self):
         if self.address_id:
-            ctx = {"a": self.address}
+            ctx = {"a": self.address, "email": self.user.email}
             return render_to_string("payments/address_plain.html", ctx)
         else:
             return self.user.email

hc/payments/views.py

@@ -151,7 +151,7 @@ def address(request):
         request.session["address_status"] = "success"
         return redirect("hc-billing")
 
-    ctx = {"a": sub.address}
+    ctx = {"a": sub.address, "email": request.user.email}
     return render(request, "payments/address.html", ctx)
 
 

static/css/billing.css

@@ -6,3 +6,7 @@
 #invoice-emailing-status {
     margin-right: 150px;
 }
+
+#billing-address-modal label {
+	font-size: 13px;
+}

templates/accounts/billing.html

@@ -118,7 +118,7 @@
             <div class="col-sm-6">
                 <div class="panel panel-{{ address_status }}">
                     <div class="panel-body settings-block">
-                        <h2>Billing Address</h2>
+                        <h2>Billing Details</h2>
 
                         {% if sub.address_id %}
                         <div id="billing-address">
@@ -134,12 +134,12 @@
                             data-toggle="modal"
                             data-target="#billing-address-modal"
                             class="btn btn-default pull-right">
-                            Change Billing Address
+                            Change Billing Details
                         </button>
                     </div>
                     {% if address_status == "success" %}
                     <div class="panel-footer">
-                        Your billing address has been updated!
+                        Your billing details have been updated!
                     </div>
                     {% endif %}
                 </div>
@@ -283,9 +283,16 @@
                 {% endif %}
                 {% if not sub.address_id %}
                 <div id="no-billing-address">
-                    <h4>No billing address.</h4>
+                    <h4>Country not specified.</h4>
-                    <p>Please add a billing address before changing
+                    <p>For tax accounting purposes, please specify 
-                        the billing plan.
+                        your <strong>Country</strong> in the "Billing Details" 
+                        section. 
+                    </p>
+                    <p>
+                        Optionally, add your 
+                        <strong>company name</strong>, <strong>address</strong>
+                        and <strong>VAT ID</strong>
+                        to have them displayed on invoices.
                     </p>
                 </div>
                 {% endif %}
@@ -332,39 +339,18 @@
             <div class="modal-content">
                 <div class="modal-header">
                     <button type="button" class="close" data-dismiss="modal">&times;</button>
-                    <h4>Billing Address</h4>
+                    <h4>Billing Details</h4>
                 </div>
                 <div class="modal-body">
-                    <div class="row">
-                        <div class="col-sm-6">
-                            <div class="form-group">
-                                <input
-                                    id="first_name"
-                                    name="first_name"
-                                    type="text"
-                                    placeholder="First Name"
-                                    class="form-control" />
-                            </div>
-                        </div>
-                        <div class="col-sm-6">
-                            <div class="form-group">
-                                <input
-                                    id="last_name"
-                                    name="last_name"
-                                    type="text"
-                                    placeholder="Last Name"
-                                    class="input-name form-control" />
-                            </div>
-                        </div>
-                    </div>
-
                     <div class="row">
                         <div class="col-sm-8">
                             <div class="form-group">
+                                <label for="company">
+                                    Company
+                                </label>
                                 <input
                                     id="company"
                                     name="company"
-                                    placeholder="Company (optional)"
                                     type="text"
                                     class="form-control" />
                             </div>
@@ -372,10 +358,12 @@
 
                         <div class="col-sm-4">
                             <div class="form-group">
+                                <label for="extended_address">
+                                    VAT ID
+                                </label>
                                 <input
                                     id="extended_address"
                                     name="extended_address"
-                                    placeholder="VAT ID (optional)"
                                     type="text"
                                     class="form-control" />
                             </div>
@@ -383,21 +371,23 @@
 
                         <div class="col-sm-12">
                             <div class="form-group">
+                                <label for="company">Street Address</label>
                                 <input
                                     id="street_address"
                                     name="street_address"
-                                    placeholder="Street Address"
                                     type="text"
                                     class="form-control" />
                             </div>
                         </div>
 
                         <div class="col-sm-6">
+                            <label for="locality">
+                                City
+                            </label>
                             <div class="form-group">
                                 <input
                                     id="locality"
                                     name="locality"
-                                    placeholder="City"
                                     type="text"
                                     class="form-control" />
                             </div>
@@ -405,10 +395,12 @@
 
                         <div class="col-sm-6">
                             <div class="form-group">
+                                <label for="region">
+                                    State / Region
+                                </label>
                                 <input
                                     id="region"
                                     name="region"
-                                    placeholder="State / Region"
                                     type="text"
                                     class="form-control" />
                             </div>
@@ -416,10 +408,12 @@
 
                         <div class="col-sm-6">
                             <div class="form-group">
+                                <label for="postal_Code">
+                                    Postal Code
+                                </label>
                                 <input
                                     id="postal_code"
                                     name="postal_code"
-                                    placeholder="Postal Code"
                                     type="text"
                                     class="form-control" />
                             </div>
@@ -427,6 +421,9 @@
 
                         <div class="col-sm-6">
                             <div class="form-group">
+                                <label for="country_code_alpha2">
+                                    Country
+                                </label>
                                 <select id="country_code_alpha2" class="form-control" name="country_code_alpha2">
                                     {% include "payments/countries.html" %}
                                 </select>

templates/payments/address.html

@@ -1,9 +1,7 @@
-{% if a.first_name or a.last_name %}
-    <p>{{ a.first_name|default:"" }} {{ a.last_name|default:"" }}</p>
-{% endif %}
-
 {% if a.company %}
     <p>{{ a.company }}</p>
+{% else %}
+	<p>{{ email }}</p>
 {% endif %}
 
 {% if a.extended_address %}
@@ -30,8 +28,6 @@
 <p>{{ a.postal_code }}</p>
 {% endif %}
 
-<input type="hidden" name="first_name" value="{{ a.first_name|default:"" }}">
-<input type="hidden" name="last_name" value="{{ a.last_name|default:"" }}">
 <input type="hidden" name="company" value="{{ a.company|default:"" }}">
 <input type="hidden" name="street_address" value="{{ a.street_address|default:"" }}">
 <input type="hidden" name="extended_address" value="{{ a.extended_address|default:"" }}">

templates/payments/address_plain.html

@@ -1,5 +1,5 @@
-{% if a.first_name or a.last_name %}{{ a.first_name|default:"" }} {{ a.last_name|default:"" }}
+{% if a.company %}{{ a.company }}
-{% endif %}{% if a.company %}{{ a.company }}
+{% else %}{{ email }}
 {% endif %}{% if a.extended_address %}VAT: {{ a.extended_address }}
 {% endif %}{% if a.street_address %}{{ a.street_address }}
 {% endif %}{% if a.locality %}{{ a.locality }}