[5.3] MSTR-323: Fix input masks at billing page (#1239)

2600hz · Sep 13, 2024 · e5106ab · e5106ab
1 parent 502fb1b
commit e5106ab
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 16 deletions.
diff --git a/src/apps/myaccount/submodules/ach/ach.js b/src/apps/myaccount/submodules/ach/ach.js
@@ -312,11 +312,9 @@ define(function(require) {
 							enableVerifyButton();
 						};
 
-					template
-						.find('input[type="text"]')
-							.mask('#0.00', {
-								reverse: true
-							});
+					monster.ui.mask(template.find('input.ach-deposit-amout'), '#0.00', {
+						reverse: true
+					});
 
 					//set validation to false on load
 					_.each(self.appFlags.ach.validAchVerificationFormFields, (value, key) => {

diff --git a/src/apps/myaccount/submodules/ach/views/ach-section-verification.html b/src/apps/myaccount/submodules/ach/views/ach-section-verification.html
@@ -22,43 +22,43 @@
 				{{i18n.achDirectDebit.verificationFailure.message}}
 			{{/monsterPanelText}}
 		</div>
-		{{#if isAwaitingSettlement}}
+	{{#if isAwaitingSettlement}}
 		<div class="ach-section-waiting">
 			{{#monsterPanelText null "warning" "fill-width"}}
 				{{i18n.achDirectDebit.awaitingSettlement.description}}
 			{{/monsterPanelText}}
 		</div>
-		{{/if}}
+	{{/if}}
 		<div class="ach-section">
 			<form id="form_ach_verification" class="ach-verification-form">
-				{{#unless isAwaitingSettlement}}
+			{{#unless isAwaitingSettlement}}
 				<fieldset class="settings-item-section">
 					<div class="control-group">
 						<label class="control-label" for="deposit_amount_1">{{i18n.achDirectDebit.achVerification.achVerificationForm.depositAmount.label}}</label>
 						<div class="controls">
-							<input type="text" id="deposit_amount_1" name="deposit_amount_1" value="" pattern="\d+(\.\d{2})?" placeholder="{{i18n.achDirectDebit.achVerification.achVerificationForm.depositAmount.placeholder}}">
+							<input type="text" id="deposit_amount_1" name="deposit_amount_1" class="ach-deposit-amout" value="" pattern="\d+(\.\d{2})?" placeholder="{{i18n.achDirectDebit.achVerification.achVerificationForm.depositAmount.placeholder}}">
 						</div>
 					</div>
 					<div class="control-group">
 						<label class="control-label" for="deposit_amount_2">{{i18n.achDirectDebit.achVerification.achVerificationForm.depositAmount.label}}</label>
 						<div class="controls">
-							<input type="text" id="deposit_amount_2" name="deposit_amount_2" value="" pattern="\d+(\.\d{2})?" placeholder="{{i18n.achDirectDebit.achVerification.achVerificationForm.depositAmount.placeholder}}">
+							<input type="text" id="deposit_amount_2" name="deposit_amount_2" class="ach-deposit-amout" value="" pattern="\d+(\.\d{2})?" placeholder="{{i18n.achDirectDebit.achVerification.achVerificationForm.depositAmount.placeholder}}">
 						</div>
 					</div>
 				</fieldset>
-				{{/unless}}
+			{{/unless}}
 				<button id="remove_account" class="monster-button-danger">
-          	        	      {{i18n.achDirectDebit.achVerification.button.removeAccount}}
-                		</button>
-				{{#unless isAwaitingSettlement}}
+					{{i18n.achDirectDebit.achVerification.button.removeAccount}}
+				</button>
+			{{#unless isAwaitingSettlement}}
 				<button id="verify_account" class="monster-button-primary">
 					{{#if billingHasPendingChanges}}
 						{{i18n.achDirectDebit.achVerification.button.saveAndVerifyAccount}}
 					{{else}}
 						{{i18n.achDirectDebit.achVerification.button.verifyAccount}}
 					{{/if}}
-                		</button>
-				{{/unless}}
+				</button>
+			{{/unless}}
 			</form>
 		</div>
 	</div>