src/Bidcoz/Bundle/FrontendBundle/Resources/views/Campaign/Donate/index.html.twig line 1

Open in your IDE?
  1. {% extends '@BidcozFrontend/campaign.html.twig' %}
  3. {% block beforeContent %}
  4.     {{ parent() }}
  5.     <h1 class="text-center">Donate</h1>
  6. {% endblock %}
  8. {% block content %}
  9.     <div class="row justify-content-center">
  10.         {% if is_granted('DONATION', organization) and campaign.hasCashDonations and campaign.showCashDonations %}
  11.             <div class="col-12 col-md-6 col-xl-4 pb-4">
  12.                 <div class="panel donate-content h-100" data-url="{{ path('campaign_donate_cash', campaignParams) }}">
  13.                     <div class="panel-body center text-center">
  14.                         <div class="d-flex justify-content-center mt-5">
  15.                             {% include '@BidcozCore/Components/icon.html.twig' with { icon: 'currency-outline', h: '60px', w: '60px' } %}
  16.                         </div>
  17.                         <h2>Make a Cash Donation</h2>
  18.                     </div>
  19.                 </div>
  20.             </div>
  21.         {% endif %}
  22.         {% if is_granted('PROCUREMENT', organization) and campaign.hasItemDonations %}
  23.             <div class="col-12 col-md-6 col-xl-4 pb-4">
  24.                 <div class="panel donate-content h-100" data-url="{{ path('campaign_donate_item', campaignParams) }}">
  25.                     <div class="panel-body center text-center">
  26.                         <div class="d-flex justify-content-center mt-5">
  27.                             {% include '@BidcozCore/Components/icon.html.twig' with { icon: 'tag-outline', h: '60px', w: '60px' } %}
  28.                         </div>
  29.                         <h2>Make an Item Donation</h2>
  30.                     </div>
  31.                 </div>
  32.             </div>
  33.         {% endif %}
  34.         {% if is_granted('DONATION', organization) and is_granted('DONATION_CRYPTO', organization) and campaign.cryptoWallets | length %}
  35.             <div class="col-12 col-md-6 col-xl-4 pb-4">
  36.                 <div class="panel donate-content h-100" data-url="{{ path('campaign_donate_crypto', campaignParams) }}">
  37.                     <div class="panel-body center text-center">
  38.                         <div class="d-flex justify-content-center mt-5">
  39.                             <span class="icon">
  40.                                 <i class="fas fa-coins" style="height: 60px; width: 60px;"></i>
  41.                             </span>
  42.                         </div>
  43.                         <h2>Make a Crypto Donation (Beta)</h2>
  44.                     </div>
  45.                 </div>
  46.             </div>
  47.         {% endif %}
  48.     </div>
  49. {% endblock %}
  51. {# block internal_sidebar %}
  52.     {% if is_logged_in() and campaign.hasCashDonations and campaign.hasCashDonations %}
  53.         <div class="sidebar-content donate-sidebar">
  54.             <div class="panel">
  55.                 <div class="panel-body">
  56.                     <h6>Select Donation Type</h6>
  58.                     <p class="caption">
  59.                         {% if campaign.donationText %}
  60.                             {{ campaign.donationText }}
  61.                         {% else %}
  62.                             We accept and appreciate all donations. Thank you.
  63.                         {% endif %}
  64.                     </p>
  66.                     <div class="row donation-types">
  67.                         {% if campaign.hasCashDonations %}
  68.                             <div class="col-xs-12 col-sm-6 col-lg-12">
  69.                                 <a
  70.                                     id="cash-donation"
  71.                                     href="{{ path('campaign_donate_cash', campaignParams) }}"
  72.                                     class="btn btn-secondary full-width"
  73.                                 >
  74.                                     Donate Cash
  75.                                 </a>
  76.                             </div>
  77.                         {% endif %}
  79.                         {% if campaign.hasItemDonations %}
  80.                             <div class="col-xs-12 col-sm-6 col-lg-12">
  81.                                 <a
  82.                                     id="item-donation"
  83.                                     href="{{ path('campaign_donate_item', campaignParams) }}"
  84.                                     class="btn btn-secondary full-width"
  85.                                 >
  86.                                     Donate Item
  87.                                 </a>
  88.                             </div>
  89.                         {% endif %}
  90.                     </div>
  91.                 </div>
  92.             </div>
  93.         </div>
  94.     {% endif %}
  95. {% endblock #}
  97. {% block javascripts %}
  98.     {{ parent() }}
  99.     <script type="text/javascript">
  100.         // $(function(){
  101.         //     var donationTypes = $('.donation-types').children().length,
  102.         //         urlParts =  window.location.pathname.split('/'),
  103.         //         path = urlParts[urlParts.length - 1];
  104.         //
  105.         //     if ( path === 'money' || path === 'item' ) {
  106.         //         if ( donationTypes === 1 ) {
  107.         //             $('.sidebar').hide();
  108.         //             $('.main-content').removeClass(function (index, className) {
  109.         //                 return (className.match(/(^|\s)col-\S+/g) || []).join(' ');
  110.         //             }).addClass('col-12');
  111.         //         }
  112.         //     } else {
  113.         //         if ( donationTypes === 1 ) {
  114.         //             $('.donation-types>div>a')[0].click();
  115.         //             $('.sidebar').hide();
  116.         //             $('.main-content').removeClass(function (index, className) {
  117.         //                 return (className.match(/(^|\s)col-\S+/g) || []).join(' ');
  118.         //             }).addClass('col-12');
  119.         //         }
  120.         //     }
  121.         //
  122.         //     if ('money' === path) {
  123.         //         $('.select-type-default').addClass('d-none');
  124.         //         $('.donation-types>div>a').first().removeClass('btn-secondary');
  125.         //     } else if ('item' === path) {
  126.         //         $('.select-type-default').addClass('d-none');
  127.         //         $('.donation-types>div>a').last().removeClass('btn-secondary');
  128.         //     }
  129.         // });
  131.         $(document).ready(function() {
  132.             $('.donate-content').on('click', function() {
  133.                 window.location.href = $(this).data('url');
  134.             });
  135.         });
  136.     </script>
  137. {% endblock %}