fix: correct order of fields in payment-info form (#4833)

fossasia · Aug 23, 2020 · e67e366 · e67e366 · vercel · Aug 23, 2020
1 parent 04f4420
commit e67e366
Showing 1 changed file with 44 additions and 39 deletions.
diff --git a/app/templates/components/forms/user-payment-info-form.hbs b/app/templates/components/forms/user-payment-info-form.hbs
@@ -2,66 +2,70 @@
   <h3 class="ui header">
     {{t 'Payment Information'}}
   </h3>
+  <h5 class="ui header">
+    {{t 'The information you provide here will be added to your invoices. Please ensure you have the correct information added here as it is not possible to regenerate invoices with different information at a later time.'}}
+  </h5>
   <div class="field">
-    <label class="required" for="contactName">{{t 'Contact Name'}}</label>
+    <label for="company">{{t 'Company'}}</label>
+    <Input
+      @type="text"
+      @id="company"
+      @value={{this.userBillingInfo.company}} />
+  </div>
+  <div class="field">
+    <label for="contactName">{{t 'Contact Name'}}</label>
     <Input
       @type="text"
       @id="contactName"
       @value={{this.userBillingInfo.billingContactName}} />
   </div>
   <div class="field">
-    <label class="required" for="phone">{{t 'Phone'}}</label>
+    <label for="phone">{{t 'Phone'}}</label>
     <Input
       @type="text"
       @id="phone"
       @value={{this.userBillingInfo.billingPhone}} />
   </div>
   <div class="field">
-    <label class="required" for="company">{{t 'Company'}}</label>
-    <Input
-      @type="text"
-      @id="company"
-      @value={{this.userBillingInfo.company}} />
+    <label for="address">{{t 'Address'}}</label>
+    <Textarea
+      @rows="2"
+      @id="address"
+      @value={{this.userBillingInfo.billingAddress}} />
   </div>
   <div class="field">
-    <label for="taxID">{{t 'Tax ID or Business ID'}}</label>
+    <label for="zip">{{t 'Zip Code'}}</label>
     <Input
       @type="text"
-      @id="taxID"
-      @value={{this.userBillingInfo.billingTaxInfo}} />
+      @id="zip"
+      @value={{this.userBillingInfo.billingZipCode}} />
   </div>
   <div class="field">
-    <label class="required" for="address">{{t 'Address'}}</label>
-    <Textarea
-      @rows="2"
-      @id="address"
-      @value={{this.userBillingInfo.billingAddress}} />    </div>
-  <div class="field">
-    <label class="required" for="city">{{t 'City'}}</label>
+    <label for="city">{{t 'City'}}</label>
     <Input
-@type="text"
-@id="city"
-@value={{this.userBillingInfo.billingCity}} />
+      @type="text"
+      @id="city"
+      @value={{this.userBillingInfo.billingCity}} />
   </div>
   <div class="field">
     <label for="state">{{t 'State'}}</label>
     <Input
-@type="text"
-@id="state"
-@value={{this.userBillingInfo.billingState}} />
+      @type="text"
+      @id="state"
+      @value={{this.userBillingInfo.billingState}} />
   </div>
   <div class="field">
-    <label class="required">{{t 'Country'}}</label>
+    <label >{{t 'Country'}}</label>
     <UiDropdown
-@class="search selection"
-@selected={{this.userBillingInfo.billingCountry}}
-@forceSelection={{false}}
-@fullTextSearch={{true}}>
+      @class="search selection"
+      @selected={{this.userBillingInfo.billingCountry}}
+      @forceSelection={{false}}
+      @fullTextSearch={{true}}>
       <Input
-@type="hidden"
-@autocomplete="no"
-@id="country"
-@value={{this.userBillingInfo.billingCountry}} />
+        @type="hidden"
+        @autocomplete="no"
+        @id="country"
+        @value={{this.userBillingInfo.billingCountry}} />
       <i class="dropdown icon"></i>
       <div class="default text">{{t 'Select country'}}</div>
       <div class="menu">
@@ -75,18 +79,19 @@
     </UiDropdown>
   </div>
   <div class="field">
-    <label class="required" for="zip">{{t 'Zip Code'}}</label>
+    <label for="taxID">{{t 'Tax ID or Business ID'}}</label>
     <Input
-@type="text"
-@id="zip"
-@value={{this.userBillingInfo.billingZipCode}} />
+      @type="text"
+      @id="taxID"
+      @value={{this.userBillingInfo.billingTaxInfo}} />
   </div>
   <div class="field">
     <label for="additionalInfo">{{t 'Additional Information'}}</label>
     <Textarea
-@rows="4"
-@id="additionalInfo"
-@value={{this.userBillingInfo.billingAdditionalInfo}} />  </div>
+      @rows="4"
+      @id="additionalInfo"
+      @value={{this.userBillingInfo.billingAdditionalInfo}} />  
+  </div>
 
   <button type="submit" class="ui teal submit button">
     {{t 'Submit'}}