[IMP]Improved the billing form

bzr revid: psa@tinyerp.com-20130826121509-fds3sx1sw8p1eedg

diff --git a/addons/website_sale/views/website_sale.xml b/addons/website_sale/views/website_sale.xml
index c972736..6bfe5ef 100644 (file)
--- a/addons/website_sale/views/website_sale.xml
+++ b/addons/website_sale/views/website_sale.xml
@@ -369,50 +369,50 @@
                             <div t-attf-class="form-group #{error.get('name', '')}">
                                 <label class="col-lg-3 control-label" for="contact_name">Name and firstname</label>
                                 <div class="col-lg-4">
-                                    <input type="text" name="name" t-att-value="checkout.get('name', '')"
+                                    <input type="text" name="name" class="form-control" t-att-value="checkout.get('name', '')"
                                     />
                                 </div>
                             </div>
                             <div t-attf-class="form-group #{error.get('phone', '')}">
                                 <label class="col-lg-3 control-label" for="contact_name">Telephone</label>
                                 <div class="col-lg-4">
-                                    <input type="tel" name="phone" t-att-value="checkout.get('phone', '')"/>
+                                    <input type="tel" name="phone" class="form-control" t-att-value="checkout.get('phone', '')"/>
                                 </div>
                             </div>
                             <div t-attf-class="form-group #{error.get('fax', '')}">
                                 <label class="col-lg-3 control-label" for="contact_name">Fax</label>
                                 <div class="col-lg-4">
-                                    <input type="tel" name="fax" t-att-value="checkout.get('fax', '')"/>
+                                    <input type="tel" name="fax" class="form-control" t-att-value="checkout.get('fax', '')"/>
                                 </div>
                             </div>
                             <div t-attf-class="form-group #{error.get('company', '')}">
                                 <label class="col-lg-3 control-label" for="contact_name">Company</label>
                                 <div class="col-lg-4">
-                                    <input type="tel" name="company" t-att-value="checkout.get('company', '')"/>
+                                    <input type="tel" name="company" class="form-control" t-att-value="checkout.get('company', '')"/>
                                 </div>
                             </div>
                             <div t-attf-class="form-group #{error.get('email', '')}">
                                 <label class="col-lg-3 control-label" for="contact_name">Email address</label>
                                 <div class="col-lg-4">
-                                    <input type="tel" name="email" t-att-value="checkout.get('email', '')"/>
+                                    <input type="tel" name="email" class="form-control" t-att-value="checkout.get('email', '')"/>
                                 </div>
                             </div>
                             <div t-attf-class="form-group #{error.get('street', '')}">
                                 <label class="col-lg-3 control-label" for="contact_name">Street</label>
                                 <div class="col-lg-4">
-                                    <input type="tel" name="street" t-att-value="checkout.get('street', '')"/>
+                                    <input type="tel" name="street" class="form-control" t-att-value="checkout.get('street', '')"/>
                                 </div>
                             </div>
                             <div t-attf-class="form-group #{error.get('city', '')}">
                                 <label class="col-lg-3 control-label" for="contact_name">City</label>
                                 <div class="col-lg-4">
-                                    <input type="tel" name="city" t-att-value="checkout.get('city', '')"/>
+                                    <input type="tel" name="city" class="form-control" t-att-value="checkout.get('city', '')"/>
                                 </div>
                             </div>
                             <div t-attf-class="form-group #{error.get('state_id', '')}">
                                 <label class="col-lg-3 control-label" for="contact_name">State / Province</label>
                                 <div class="col-lg-4">
-                                    <select name="state_id">
+                                    <select name="state_id" class="form-control">
                                         <option value="">State / Province...</option>
                                         <t t-foreach="states or []" t-as="state">
                                             <option t-att-value="state.id" t-att-selected="state.id == checkout.get('state_id')"><t t-esc="state.name"/></option>
@@ -423,13 +423,13 @@
                             <div t-attf-class="form-group #{error.get('zip', '')}">
                                 <label class="col-lg-3 control-label" for="contact_name">Zip / Postal Code</label>
                                 <div class="col-lg-4">
-                                    <input type="tel" name="zip" t-att-value="checkout.get('zip', '')"/>
+                                    <input type="tel" name="zip" class="form-control" t-att-value="checkout.get('zip', '')"/>
                                 </div>
                             </div>
                             <div t-attf-class="form-group #{error.get('country_id', '')}">
                                 <label class="col-lg-3 control-label" for="contact_name">Country</label>
                                 <div class="col-lg-4">
-                                    <select name="country_id">
+                                    <select name="country_id" class="form-control">
                                         <option value="">Country...</option>
                                         <t t-foreach="countries or []" t-as="country">
                                             <option t-att-value="country.id" t-att-selected="country.id == checkout.get('country_id')"><t t-esc="country.name"/></option>
@@ -437,8 +437,8 @@
                                     </select>
                                 </div>
                             </div>
-                            <div class="checkbox">
-                                <div class="col-lg-3">
+                            <div class="checkbox-inline">
+                                <div class="col-lg-12">
                                     <label label-default="label-default" class="checkbox">
                                         <input t-if="not shipping" type="checkbox" name="shipping_different"/>
                                         <input t-if="shipping" type="checkbox" name="shipping_different" checked="1"/>
@@ -446,43 +446,43 @@
                                     </label>
                                 </div>
                             </div>
-                        </div>
+                        </div><br/>
                         <div class="js_shipping row" t-att-style="not shipping and 'display:none' or ''">
                             <h3 class="col-md-12 oe_shipping">Shipping Information</h3>
                              <div t-attf-class="form-group #{error.get('shipping_name', '')}">
                                 <label class="col-lg-3 control-label" for="contact_name">Name and firstname</label>
                                 <div class="col-lg-4">
-                                    <input type="text" name="shipping_name" t-att-value="checkout.get('shipping_name', '')"/>
+                                    <input type="text" name="shipping_name" class="form-control" t-att-value="checkout.get('shipping_name', '')"/>
                                 </div>
                             </div>
                             <div t-attf-class="form-group #{error.get('shipping_phone', '')}">
                                 <label class="col-lg-3 control-label" for="contact_name">Telephone</label>
                                 <div class="col-lg-4">
-                                    <input type="tel" name="shipping_phone" t-att-value="checkout.get('shipping_phone', '')"/>
+                                    <input type="tel" name="shipping_phone" class="form-control" t-att-value="checkout.get('shipping_phone', '')"/>
                                 </div>
                             </div>
                             <div t-attf-class="form-group #{error.get('shipping_fax', '')}">
                                 <label class="col-lg-3 control-label" for="contact_name">Fax</label>
                                 <div class="col-lg-4">
-                                    <input type="tel" name="shipping_fax" t-att-value="checkout.get('shipping_fax', '')"/>
+                                    <input type="tel" name="shipping_fax" class="form-control" t-att-value="checkout.get('shipping_fax', '')"/>
                                 </div>
                             </div>
                             <div t-attf-class="form-group #{error.get('shipping_street', '')}">
                                 <label class="col-lg-3 control-label" for="contact_name">Street</label>
                                 <div class="col-lg-4">
-                                    <input type="tel" name="shipping_street" t-att-value="checkout.get('shipping_street', '')"/>
+                                    <input type="tel" name="shipping_street" class="form-control" t-att-value="checkout.get('shipping_street', '')"/>
                                 </div>
                             </div>
                             <div t-attf-class="form-group #{error.get('shipping_city', '')}">
                                 <label class="col-lg-3 control-label" for="contact_name">City</label>
                                 <div class="col-lg-4">
-                                    <input type="tel" name="shipping_city" t-att-value="checkout.get('shipping_city', '')"/>
+                                    <input type="tel" name="shipping_city" class="form-control" t-att-value="checkout.get('shipping_city', '')"/>
                                 </div>
                             </div>
                             <div t-attf-class="form-group #{error.get('shipping_state_id', '')}">
                                 <label class="col-lg-3 control-label" for="contact_name">State / Province</label>
                                 <div class="col-lg-4">
-                                    <select name="shipping_state_id">
+                                    <select name="shipping_state_id" class="form-control">
                                         <option value="">State / Province...</option>
                                         <t t-foreach="states or []" t-as="state">
                                             <option t-att-value="state.id" t-att-selected="state.id == checkout.get('shipping_state_id')"><t t-esc="state.name"/></option>
@@ -493,13 +493,13 @@
                             <div t-attf-class="form-group #{error.get('shipping_zip', '')}">
                                 <label class="col-lg-3 control-label" for="contact_name">Zip / Postal Code</label>
                                 <div class="col-lg-4">
-                                    <input type="tel" name="shipping_zip" t-att-value="checkout.get('shipping_zip', '')"/>
+                                    <input type="tel" name="shipping_zip" class="form-control" t-att-value="checkout.get('shipping_zip', '')"/>
                                 </div>
                             </div>
                             <div t-attf-class="form-group #{error.get('shipping_country_id', '')}">
                                 <label class="col-lg-3 control-label" for="contact_name">Country</label>
                                 <div class="col-lg-4">
-                                    <select name="shipping_country_id">
+                                    <select name="shipping_country_id" class="form-control">
                                         <option value="">Country...</option>
                                         <t t-foreach="countries or []" t-as="country">
                                             <option t-att-value="country.id" t-att-selected="country.id == checkout.get('shipping_country_id')"><t t-esc="country.name"/></option>
@@ -508,7 +508,7 @@
                                 </div>
                             </div>
                         </div>
-                        <button type="submit">Last stape</button>
+                        <button type="submit" class="btn btn-default">Last stape</button>
                     </form>
                 </div>
             </div>