custom/plugins/MadMykey/src/Resources/views/storefront/utilities/mykey-modal-choice.html.twig line 1

Open in your IDE?
  1. <div id ="mykeyModalChoice" class="mykey-modal modal fade" tabindex="-1" role="dialog" aria-modal="true">
  2.     <div class="modal-dialog">
  3.         <div class="modal-content">
  4.             <div class="modal-header">
  5.                 <button type="button"
  6.                         class="modal-close close"
  7.                         data-dismiss="modal"
  8.                         aria-label="Close">
  9.                             <span aria-hidden="true">
  10.                                 {% sw_icon 'x' style { 'size': 'sm' } %}
  11.                             </span>
  12.                 </button>
  14.                 <div class="row">
  15.                     <div class="col-12 col-sm-6 col-md-8 col-lg-9 modal-header-left">
  16.                         <div class="fancy-headline">
  17.                             <div class="fancy-headline-icon">{% sw_icon "mykey" style {'pack':'bodymed'} %}</div>
  18.                             {{ "mykey.modal.headerSublime"|trans }}
  19.                             <div class="h3">{{ "mykey.modal.headerTitle"|trans }}</div>
  20.                         </div>
  22.                         <p>
  23.                             {% if not isCustomerPharmacy() %}
  24.                                 {{ "mykey.modal.headerText"|trans|raw }}
  25.                             {% else %}
  26.                                 {{ "mykey.modal.bodymedCode.content"|trans|raw }}
  27.                             {% endif %}
  28.                         </p>
  29.                     </div>
  31.                     <div class="col-sm-6 col-md-4 col-lg-3 d-none d-sm-block modal-header-right"><img src="/bundles/madmykey/storefront/img/mykey-modal-choice-header.svg" /></div>
  32.                 </div>
  33.             </div>
  35.             <div class="modal-body">
  36.                 {% if not context.customer %}
  37.                     <div class="mykey-choice has-mykey">
  38.                         <a  href="#hasMyKey" data-toggle="collapse" aria-expanded="false">
  39.                             <div class="row">
  40.                                 <div class="col-1 col-sm-2 col-md-1">
  41.                                     {% sw_icon "mykey-key" style {'pack':'bodymed'} %}
  42.                                 </div>
  44.                                 <div class="col-8 col-md-10">
  45.                                     <div class="mykey-choice-sublime">{{ "mykey.modal.choice.hasMyKey.sublime"|trans }}</div>
  46.                                     <div class="mykey-choice-title">{{ "mykey.modal.choice.hasMyKey.title"|trans|raw }}</div>
  47.                                 </div>
  49.                                 <div class="col-2 col-md-1 text-right">
  50.                                     {% sw_icon "angle-circled" style {'pack':'bodymed'} %}
  51.                                 </div>
  52.                             </div>
  54.                             <div class="row">
  55.                                 <div id="hasMyKey" class="col-12 col-sm-10 col-md-11 offset-sm-2 offset-md-1 mykey-choice-inner-content collapse">
  56.                                     <div class="mykey-choice-inner-content-form">
  57.                                         <p>
  58.                                             {{ "mykey.modal.choice.hasMyKey.content.text"|trans|raw }}
  59.                                         </p>
  60.                                         {# Für den korrekten Redirect nach Login, muss die ProductId oder NavigationId als Parameter angegeben werden #}
  61.                                         {% if page is instanceof('\\Shopware\\Storefront\\Page\\Navigation\\NavigationPage') %}
  62.                                             {# Kategorieseite #}
  63.                                             {% set redirectParams = {
  64.                                                 'navigationId': page.navigationId,
  65.                                             } %}
  66.                                             {% set loginUrl =  url('frontend.bodymed_id.connect', {
  67.                                                 'redirectTo': 'frontend.navigation.page',
  68.                                                 'redirectParameters': redirectParams|json_encode
  69.                                             }) %}
  70.                                         {% elseif page is instanceof('\\Shopware\\Storefront\\Page\\Product\\ProductPage') %}
  71.                                             {# Produktseite #}
  72.                                             {% set redirectParams = {
  73.                                                 'productId': page.product.id,
  74.                                             } %}
  75.                                             {% set loginUrl = url('frontend.bodymed_id.connect', {
  76.                                                 'redirectTo': 'frontend.detail.page',
  77.                                                 'redirectParameters': redirectParams|json_encode
  78.                                             })  %}
  79.                                         {% else %}
  80.                                             {% set loginUrl = url('frontend.bodymed_id.connect') %}
  81.                                         {% endif %}
  82.                                         <a href="{{ loginUrl }}" class="btn btn-primary">{{ "account.loginBtnText"|trans }}</a>
  83.                                     </div>
  84.                                 </div>
  85.                             </div>
  86.                         </a>
  87.                     </div>
  89.                     <div class="mykey-choice-divider">
  90.                         <span class="mykey-choice-divider-text">{{ "checkout.addressDividerChoiceLabel"|trans|sw_sanitize }}</span>
  91.                     </div>
  92.                 {% endif %}
  94.                 {% if not isCustomerPharmacy() %}
  95.                 <div class="mykey-choice has-no-mykey">
  96.                     <a href="#hasNoMyKey" data-toggle="collapse" {% if not context.customer %}aria-expanded="false"{% else %}aria-expanded="true"{% endif %}>
  97.                         <div class="row">
  98.                             <div class="col-1 col-sm-2 col-md-1">
  99.                                 {% sw_icon "mykey" style {'pack':'bodymed'} %}
  100.                             </div>
  102.                             <div class="col-8 col-md-10">
  103.                                 <div class="mykey-choice-sublime">{{ "mykey.modal.choice.hasNoMyKey.sublime"|trans }}</div>
  104.                                 <div class="mykey-choice-title">{{ "mykey.modal.choice.hasNoMyKey.title"|trans|raw }}</div>
  105.                             </div>
  107.                             <div class="col-2 col-md-1 text-right">
  108.                                 {% sw_icon "angle-circled" style {'pack':'bodymed'} %}
  109.                             </div>
  110.                         </div>
  111.                     </a>
  113.                     <div class="row">
  114.                         <div id="hasNoMyKey" class="col-12 col-sm-10 col-md-11 offset-sm-2 offset-md-1 mykey-choice-inner-content collapse {% if context.customer %}show{% endif %}">
  115.                             <div class="mykey-choice-inner-content-form">
  116.                                 {% sw_include "@Storefront/storefront/utilities/mykey-register-form.html.twig" ignore missing %}
  117.                             </div>
  119.                             <div class="mykey-choice-inner-content-text">
  120.                                 <p>
  121.                                     {{ "mykey.modal.choice.hasNoMyKey.content.text"|trans|raw }}
  122.                                 </p>
  123.                             </div>
  124.                         </div>
  125.                     </div>
  126.                 </div>
  127.                 {% endif %}
  128.             </div>
  129.         </div>
  130.     </div>
  131. </div>