fix(Recurring Buy): add terms to recurring confirm modal

blockchain · Apr 23, 2018 · e2b27e2 · e2b27e2
1 parent a676aed
commit e2b27e2
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/app/partials/coinify/recurring-confirm.pug b/app/partials/coinify/recurring-confirm.pug
@@ -2,11 +2,17 @@
   .flex-column
     .f-18.mb-15.em-400
       span.f-18.mb-15.em-400(translate="{{ 'RECURRING_CONFIRM' + '.' + $ctrl.state + '.' + 'HEADER' }}")
-    .f-14.em-300
+    div(ng-if="$ctrl.state === 'PROCEED'")
+      span.f-14.em-300(translate="RECURRING_CONFIRM.TERMS")
+    .f-14.em-300(ng-if="$ctrl.state !== 'PROCEED'")
       span.f-14.em-300(ng-if="!$ctrl.endTime" translate="{{ 'RECURRING_CONFIRM' + '.' + $ctrl.state + '.' + 'BODY' }}" translate-values="{timing: $ctrl.recurringTiming()}")
       span.f-14.em-300(ng-if="$ctrl.endTime" translate="{{ 'RECURRING_CONFIRM' + '.' + $ctrl.state + '.' + 'BODY_WITH_ENDTIME' }}" translate-values="{timing: $ctrl.recurringTiming(), end: $ctrl.endTime.toDateString()}")  
+    .flex-row.flex-align-start.mt-20(ng-if="$ctrl.state === 'PROCEED'")
+      div
+        input(type="checkbox" id="$ctrl.recurringCheck" name="$ctrl.recurringCheck" ng-model="$ctrl.recurringCheck")
+      label.pl-5.em-400(translate="ACCEPT_PARTNER_TOS_PRIVACY" for="$ctrl.recurringCheck")
 .modal-footer.flex-end.flex-row
   .flex-1.flex-end
     button.button-muted.mrm(ng-if="$ctrl.state !== 'NEEDS_TRADES'" ng-click="$ctrl.onCancel()" translate="GO_BACK")
-    button.button-primary(ng-if="$ctrl.state !== 'NEEDS_TRADES'" translate="{{ 'RECURRING_CONFIRM' + '.' + $ctrl.state + '.' + 'BUTTON' }}" ng-click="$ctrl.onProceed()")
+    button.button-primary(ng-if="$ctrl.state !== 'NEEDS_TRADES'" translate="{{ 'RECURRING_CONFIRM' + '.' + $ctrl.state + '.' + 'BUTTON' }}" ng-disabled="$ctrl.state === 'PROCEED' ? !$ctrl.recurringCheck : false" ng-click="$ctrl.onProceed()")
     button.button-primary(ng-if="$ctrl.state === 'NEEDS_TRADES'" translate="{{ 'RECURRING_CONFIRM' + '.' + $ctrl.state + '.' + 'BUTTON' }}" ng-click="$ctrl.onCancel()")
diff --git a/locales/en-human.json b/locales/en-human.json
@@ -2149,7 +2149,8 @@
       "BODY": "This Recurring Order will happen today and every {{::timing}} until you cancel or reach your limit, whichever happens first.",
       "BODY_WITH_ENDTIME": "This Recurring Order will happen today and every {{::timing}} until {{::end}} or you reach your limit, whichever happens first.",
       "BUTTON": "Proceed with my Order"
-    }
+    },
+    "TERMS": "By scheduling this Recurring Order, you agree to and accept that your card will be charged each time a new order is due to be processed according to the amount, currency, and frequency settings chosen."
   },
   "RECURRING_NEXT_SCHEDULED": "Your Next Recurring Order is Scheduled",
   "RECURRING_NEXT_TRADE": "This order will happen every <span class='em-300'>{{::timespan}}</span>",