custom/plugins/VerignFeedback/src/Resources/views/storefront/layout/header/header.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/layout/header/header.html.twig' %}
  3. {% block layout_header %}
  4.     {{ parent() }}
  6.     {% set config = page.header.extensions.vfeedbackConfig.getArray() %}
  8.     {% if config %}
  9.         <div id="feedbackContainer" class="{% if config['buttonPosition'] == 'right' %}right{% endif %} {% if config['showMobile'] %}show-mobile{% endif %}"
  10.          data-reusuable-feedback="{% if config['allowReusableFeedback'] %}1{% endif %}"
  11.          data-name-required="{% if config['isNameMandatory'] %}1{% endif %}"
  12.          data-email-required="{% if config['isEMailMandatory'] %}1{% endif %}"
  13.          data-insert-feedback-url="{{ path('frontend.verign-feedback.save-formular') }}"
  14.          data-mobile-devices="{% if config['showMobile'] %}1{% endif %}"
  15.          data-show-captcha="{% if config['hasCaptcha'] %}1{% endif %}"
  16.          data-send-feedback="{{ 'verignFeedback.fields.sendLabel'|trans }}"
  17.          data-thanks-msg="{{ 'verignFeedback.success.thankYou'|trans }}"
  18.          data-error-msg="{{ 'verignFeedback.error.errorMessageError'|trans }}"
  19.          data-error-feedback-field="{{ 'verignFeedback.error.errorFeedbackField'|trans }}"
  20.          data-error-mail="{{ 'verignFeedback.error.errorMail'|trans }}"
  21.          data-error-name="{{ 'verignFeedback.error.errorName'|trans }}"
  22.          data-error-captcha="{{ 'verignFeedback.error.errorCaptcha'|trans }}"
  23.          data-error-privacy="{{ 'verignFeedback.error.errorPrivacy'|trans }}">
  24.         <div id="feedback">
  25.             <div class="verignFeedbackHeadline">{{ 'verignFeedback.index.title'|trans }}</div>
  26.             <div class="txt feedbackFormRow">{{ 'verignFeedback.index.feedbackText'|trans }}</div>
  27.             <div role="alert" class="verign-feedback-alert alert alert-danger" style="display: none;">
  28.                 <div class="alert-content-container">
  29.                     <div class="alert-content">
  30.                         {{ 'verignFeedback.error.errorList'|trans }}
  32.                     </div>
  33.                 </div>
  34.             </div>
  35.             <form id="verignFeedbackForm" action="{{ path('frontend.verign-feedback.save-formular') }}" method="POST">
  36.                 <div class="feedbackFormRow" id="website_feedback_field">
  37.                     <label for="fwebsite">Website:</label>
  38.                     <input type="text" class="form-control" id="fwebsite" name="fwebsite"/>
  39.                 </div>
  41.                 <div class="feedbackFormRow">
  42.                     <label for="fname">{{ 'verignFeedback.fields.nameLabel'|trans }}</label>
  43.                     <input type="text" class="form-control" id="fname" name="fname" {% if config['isNameMandatory'] %}aria-required="true" required="required"{% else %}placeholder="optional"{% endif %} />
  44.                 </div>
  45.                 <div class="feedbackFormRow">
  46.                     <label for="femail">{{ 'verignFeedback.fields.emailLabel'|trans }}</label>
  47.                     <input type="text" class="form-control" id="femail" name="femail" {% if config['isEMailMandatory'] %}aria-required="true" required="required"{% else %}placeholder="optional"{% endif %} />
  48.                 </div>
  49.                 <div class="feedbackFormRow">
  50.                     <label for="ffeedback">{{ 'verignFeedback.fields.messageLabel'|trans }}</label>
  51.                     <textarea id="ffeedback" class="form-control" name="ffeedback" aria-required="true" required="required"></textarea>
  52.                 </div>
  54.                 {% if config['hasCaptcha'] %}
  55.                 <div class="feedbackFormRow feed-captcha-row">
  56.                     <div id="feedback_captcha" class="block-group">
  57.                         <div class="captcha_left block">
  58.                             <img id="verign-feedback-captcha-image" src="{{ config['imgBase64'] }}" alt="Captcha">
  59.                             <div style="margin-top: 5px">
  60.                                 <span class="verign-feedback-reload-captcha btn btn-primary" data-action-generate-captcha="{{ path('frontend.verign-feedback.load-captcha') }}">{{ 'verignFeedback.captcha.generateButton'|trans }}</span>
  61.                             </div>
  62.                         </div>
  63.                         <div class="captcha_right block">
  64.                             <label for="fcaptcha">{{ 'verignFeedback.captcha.captchaText'|trans }}</label>
  65.                             <input type="text" class="form-control" name="fcaptcha" id="fcaptcha" aria-required="true" required="required">
  66.                         </div>
  67.                     </div>
  68.                 </div>
  69.                 {% endif %}
  70.                 {{ sw_csrf('frontend.verign-feedback.save-formular') }}
  71.                 <div class="feedbackFormRow feed-privacy-policy-row">
  72.                     <div class="custom-control custom-checkbox">
  73.                         <input type="checkbox" class="custom-control-input" required="required" aria-required="true" value="1" id="verign-feedback-privacy" name="fprivacy">
  75.                         <label for="verign-feedback-privacy" class="custom-control-label">
  76.                         {{ 'verignFeedback.index.feedbackPrivacyText'|trans|raw }}
  77.                         </label>
  78.                     </div>
  79.                 </div>
  80.                 <div class="feedbackFormRow">
  81.                     <div class="buttons">
  82.                         <input type="submit" class="btn btn-primary" id="fsubmit" style="float:right; margin-right:9px;" value="{{ 'verignFeedback.fields.sendLabel'|trans }}">
  83.                         <p id="verignFeedbackLoader" style="display: none"><img src="{{ asset('bundles/verignfeedback/icons/fancybox_loading.gif') }}"/></p>
  84.                     </div>
  85.                 </div>
  86.             </form>
  87.         </div>
  88.         <a class="pull_feedback {% if config.borderRadius %}roundCorners{% endif %} {% if config.buttonPosition == 'right' %}right{% endif %} text" style="background:{{ config.color }}">
  89.             {{ 'verignFeedback.index.text'|trans }}
  90.         </a>
  91.     </div>
  92.     {% endif %}
  93. {% endblock %}