app/Plugin/UnivaPay/Resource/template/mypage_history.twig line 1

Open in your IDE?
  1. {% if Order.Payment.getMethodClass == 'Plugin\\UnivaPay\\Service\\Method\\Subscription' %}
  2.     {% set config = repository('Plugin\\UnivaPay\\Entity\\Config').findOneById(1) %}
  3.     <script src="{{ config.getWidgetUrl() }}/client/checkout.js"></script>
  4.     <div id="univapay-subscription">
  5.         <div class="ec-rectHeading">
  6.             <h2>サブスクリプション</h2>
  7.         </div>
  8.         <ul class="list-inline">
  9.             <li class="list-inline-item">
  10.                 <button id="univapay-action__cancel" type="button"
  11.                         class="btn btn-ec-regular px-5" disabled>
  12.                     {{ 'univa_pay.subscription.cancel'|trans }}
  13.                 </button>
  14.             </li>
  15.             <li class="list-inline-item">
  16.                 <button id="univapay-action__change" type="button"
  17.                         class="btn btn-ec-regular px-5" disabled>
  18.                     {{ 'univa_pay.subscription.change'|trans }}
  19.                 </button>
  20.             </li>
  21.         </ul>
  22.     </div>
  23.     <script>
  24.         $(function () {
  25.             // 支払情報の下にセクションを移動
  26.             document.querySelector(".ec-orderPayment").after(document.querySelector("#univapay-subscription"));
  28.             // 決済状況取得
  29.             $.ajax({
  30.                 type: 'GET',
  31.                 url: '{{ url('univa_pay_get_subscription', { id: Order.id }) }}',
  32.             }).always(function(e) {
  33.                 if(e.status.name !== 'CANCELED') {
  34.                     $('#univapay-subscription button').prop('disabled', false);
  35.                 }
  36.             });
  38.             $('#univapay-action__cancel').on('click', function () {
  39.                 $('#univapay-subscription button').prop('disabled', true);
  40.                 $.ajax({
  41.                     type: 'POST',
  42.                     url: '{{ url('univa_pay_cancel_subscription', { id: Order.id }) }}'
  43.                 }).always(function () {
  44.                     location.href = location.href;
  45.                 });
  46.             });
  48.             checkout = UnivapayCheckout.create({
  49.                 appId: "{{ config.getAppId() }}",
  50.                 checkout: "token",
  51.                 tokenType: "subscription",
  52.                 subscriptionPeriod: "daily",
  53.                 email: "{{ Order.email }}",
  54.                 onSuccess: (result) => {
  55.                     $.ajax({
  56.                         type: 'POST',
  57.                         url: '{{ url('univa_pay_update_subscription', { id: Order.id }) }}',
  58.                         data: result.response.id
  59.                     }).always(function () {
  60.                         location.href = location.href;
  61.                     });
  62.                 },
  63.                 onError: () => {
  64.                     alert("エラーが発生しました。サイト管理者にお問い合わせください。");
  65.                     location.href = location.href;
  66.                 },
  67.                 closed: () => {
  68.                     alert("決済が中断されました");
  69.                     location.href = location.href;
  70.                 }
  71.             });
  73.             $('#univapay-action__change').on('click', function () {
  74.                 $('#univapay-subscription button').prop('disabled', true);
  75.                 checkout.open();
  76.             });
  77.         });
  78.     </script>
  79. {% endif %}