forms are now pretty for the trades app

bookshare/static/css/extensions.css

@@ -58,3 +58,15 @@ text-align: center;
 body .modal-dialog {
   width: 70%;
 }
+
+.bottom-padding {
+  padding-bottom: 8px;
+}
+
+.be-bold {
+  font-weight: bold;
+}
+
+.form-actions {
+  text-align: center;
+}

bookshare/trades/forms.py

@@ -11,29 +11,25 @@ class ListingForm( forms.ModelForm ):
     def __init__(self, *args, **kwargs):
 
         self.helper = FormHelper()
-        self.helper.form_method = 'POST'
-        self.helper.form_class='form-horizontal'
-        self.helper.label_class='col-sm-2'
-        self.helper.field_class='col-sm-6'
+
+        # bootstrap3 formatting
+        self.helper.label_class='col-md-3 be-bold'
+        self.helper.field_class='col-md-9 bottom-padding'
 
         self.helper.layout = Layout(
             Fieldset("",
                 'seller',
                 Field('isbn', placeholder='0801884039'),
-                HTML("""<hr/ >"""),
                 Field('title', placeholder='Squirrels: The Animal Answer Guide'),
                 Field('author', placeholder='Richard W. Thorington, Jr., and Katie Ferrell'),
                 'edition',
                 Field('year', placeholder='2006'),
-                HTML("""<hr/ >"""),
                 #'course',
                 'condition',
                 'access_code',
                 AppendedPrependedText('price','$', '.00', placeholder="whole numbers"),
                 'photo',
-                Field('description', placeholder='I would be willing to exchange this textbook for one that I need next semester.'),
-                HTML("""<hr/ >"""),
-
+                Field('description', placeholder='I would be willing to exchange this textbook for one that I need next semester. /// This is for Professor Smith\'s section ONLY. /// I can give you the workbook as well.'),
                 FormActions(
                 Submit('submit', 'Create', css_class='btn-primary'),
                 Button('cancel', 'Never Mind', css_class='btn-default', onclick="history.back()")),
@@ -43,6 +39,7 @@ class ListingForm( forms.ModelForm ):
 
         super(ListingForm, self).__init__(*args, **kwargs)
         self.fields['isbn'].label = "ISBN"
+        self.fields['description'].label = "Other Notes"
 
     class Meta:
         model = Listing
@@ -51,9 +48,12 @@ class ListingForm( forms.ModelForm ):
 class BidForm( forms.ModelForm ):
 
     def __init__(self, *args, **kwargs):
+
         self.helper = FormHelper()
-        self.helper.form_method = 'POST'
-        self.helper.form_class='form-horizontal'
+
+        # bootstrap3 formatting
+        self.helper.label_class='be-bold col-md-2'
+        self.helper.field_class='col-md-10'
 
         self.helper.layout = Layout(
             Fieldset("",
@@ -61,9 +61,9 @@ class BidForm( forms.ModelForm ):
                 'listing',
                 HTML("<div class='col-md-4'>"),
                  AppendedPrependedText('price','$', '.00', placeholder="whole numbers"),
-                HTML("</div><div class='col-md-4'>"),
+                HTML("</div><div class='col-md-6'>"),
                 'text',
-                HTML("</div><div class='col-md-4'>"),
+                HTML("</div><div class='col-md-2'>"),
                 FormActions(Submit('submit', 'Submit', css_class='btn-primary')),
                 HTML("</div>"),
             ),
@@ -77,9 +77,11 @@ class BidForm( forms.ModelForm ):
 class FlagForm( forms.ModelForm ):
 
     def __init__(self, *args, **kwargs):
+
         self.helper = FormHelper()
-        self.helper.form_method = 'POST'
-        self.helper.form_class='form-horizontal'
+
+        # bootstrap3 formatting
+        self.helper.label_class='be-bold'
 
         self.helper.layout = Layout(
             Fieldset("",
@@ -102,9 +104,9 @@ class FlagForm( forms.ModelForm ):
 class SellListingForm( forms.ModelForm ):
 
     def __init__(self, *args, **kwargs):
+
         self.helper = FormHelper()
-        self.helper.form_method = 'POST'
-        self.helper.form_class='form-horizontal'
+        self.helper.label_class='be-bold'
 
         self.helper.layout = Layout(
             Fieldset("",
@@ -123,7 +125,7 @@ class SellListingForm( forms.ModelForm ):
             ),
         )
         super(SellListingForm, self).__init__(*args, **kwargs)
-        self.fields['email_message'].label = "Custom message (optional)"
+        self.fields['email_message'].label = "Custom Message"
 
     class Meta:
         model = Listing
@@ -133,8 +135,6 @@ class UnSellListingForm( forms.ModelForm ):
 
     def __init__(self, *args, **kwargs):
         self.helper = FormHelper()
-        self.helper.form_method = 'POST'
-        self.helper.form_class='form-horizontal'
 
         self.helper.layout = Layout(
             Fieldset("",
@@ -156,8 +156,6 @@ class CancelListingForm( forms.ModelForm ):
 
     def __init__(self, *args, **kwargs):
         self.helper = FormHelper()
-        self.helper.form_method = 'POST'
-        self.helper.form_class='form-horizontal'
 
         self.helper.layout = Layout(
             Fieldset("",
@@ -177,8 +175,6 @@ class CancelListingForm( forms.ModelForm ):
 class ReopenListingForm( forms.ModelForm ):
     def __init__(self, *args, **kwargs):
         self.helper = FormHelper()
-        self.helper.form_method = 'POST'
-        self.helper.form_class='form-horizontal'
 
         self.helper.layout = Layout(
             Fieldset("",

bookshare/trades/templates/create_flag.html

@@ -21,7 +21,11 @@ SRCT Bookshare • {{ listing.title }} | Flag
   <div class="col-lg-8 col-lg-offset-2">
     <div class="panel panel-default">
       <div class="panel-body">
-        {% crispy my_form %}
+        <div class="row">
+          <div class="col-md-10 col-md-offset-1">
+           {% crispy my_form %}
+          </div>
+        </div>
       </div>
     </div>
   </div>

bookshare/trades/templates/create_listing.html

@@ -24,7 +24,11 @@ SRCT Bookshare • Create Listing
         <h1 class="panel-title text-center"><strong><i class="fa fa-plus-circle"></i> Add Your Textbook</strong></h1>
       </div>
       <div class="panel-body">
-        {% crispy my_form %}
+        <div class="row">
+          <div class="col-md-10 col-md-offset-1">
+            {% crispy my_form  %}
+          </div>
+        </div>
       </div>
     </div>
   </div>

bookshare/trades/templates/detail_listing.html

@@ -210,7 +210,9 @@ SRCT Bookshare • {{ listing.title }}
       </div>
       <div class="panel-body">
       {% if not listing.cancelled and not listing.sold %}
-        {% crispy my_form %}
+        <div class="row">
+          {% crispy my_form %}
+        </div>
       {% else %}
       <div class="col-lg-12">
         <h5 class="text-center">This listing has been

bookshare/trades/templates/listing_sell.html

@@ -21,7 +21,11 @@ SRCT Bookshare • {{ listing.title }} • Sell
   <div class="col-md-8 col-md-offset-2">
     <div class="panel panel-default">
       <div class="panel-body">
-        {% crispy my_form %}
+        <div class="row">
+          <div class="col-md-10 col-md-offset-1">
+            {% crispy my_form %}
+          </div>
+        </div>
       </div>
     </div>
   </div>