feat: add paytm to create event and order-form page (#3400)

Author: shreyanshdwivedi

app/components/forms/wizard/basic-details-step.js

@@ -40,6 +40,10 @@ export default Component.extend(FormMixin, EventWizardMixin, {
     return this.get('settings.isPaypalActivated') && find(paymentCurrencies, ['code', this.get('data.event.paymentCurrency')]).paypal;
   }),
 
+  canAcceptPaytm: computed('data.event.paymentCurrency', 'settings.isPaytmActivated', function() {
+    return this.get('settings.isPaytmActivated') && find(paymentCurrencies, ['code', this.get('data.event.paymentCurrency')]).paytm;
+  }),
+
   canAcceptStripe: computed('data.event.paymentCurrency', 'settings.isStripeActivated', function() {
     return this.get('settings.isStripeActivated') && find(paymentCurrencies, ['code', this.get('data.event.paymentCurrency')]).stripe;
   }),

app/controllers/orders/pending.js

@@ -16,6 +16,10 @@ export default Controller.extend({
     return this.get('model.order.paymentMode') === 'paypal';
   }),
 
+  isPaytm: computed('model.order.paymentMode', function() {
+    return this.get('model.order.paymentMode') === 'paytm';
+  }),
+
   isOmise: computed('model.order.paymentMode', function() {
     return this.get('model.order.paymentMode') === 'omise';
   }),

app/models/event.js

@@ -54,6 +54,7 @@ export default ModelBase.extend(CustomPrimaryKeyMixin, {
 
   isTaxEnabled    : attr('boolean', { defaultValue: false }),
   canPayByPaypal  : attr('boolean', { defaultValue: false }),
+  canPayByPaytm   : attr('boolean', { defaultValue: false }),
   canPayByStripe  : attr('boolean', { defaultValue: false }),
   isStripeLinked  : attr('boolean'),
   canPayByCheque  : attr('boolean', { defaultValue: false }),

app/templates/components/forms/orders/order-form.hbs

@@ -150,6 +150,13 @@
                 <label for="payment_mode"><img src="/images/payment-logos/paypal.png" alt="paypal"></label>
               </div>
             {{/if}}
+            {{#if data.event.canPayByPaytm}}
+              <div class="field">
+                {{ui-radio name='payment_mode' label=(t 'Paytm') value='paytm' current=data.paymentMode
+                           onChange=(action (mut data.paymentMode))}}
+                <label for="payment_mode"><img src="/images/payment-logos/paytm.png" alt="paytm"></label>
+              </div>
+            {{/if}}
             {{#if data.event.canPayByOmise}}
               <div class="field">
                 {{ui-radio name='payment_mode' label=(t 'Omise') value='omise' current=data.paymentMode

app/templates/components/forms/wizard/basic-details-step.hbs

@@ -329,6 +329,18 @@
           </div>
         {{/if}}
       {{/if}}
+      {{#if canAcceptPaytm}}
+        <label>{{t 'Payment by Paytm'}}</label>
+        <div class="field payments">
+          <div class="ui checkbox">
+            {{input type='checkbox' id='payment_by_paytm' checked=data.event.canPayByPaytm}}
+            <label for="payment_by_paytm">
+              <span>{{t 'YES, accept payment through Paytm'}}</span>
+              <br>
+            </label>
+          </div>
+        </div>
+      {{/if}}
       {{#if canAcceptAliPay}}
         <label>{{t 'Payment with AliPay'}}</label>
         <div class="field payments">