|
1 | 1 | {% extends '!layout.html' %} |
2 | 2 | {% block comments %} |
3 | | -<p style="text-align:center"><a href="https://www.espressif.com/en/company/documents/documentation_feedback?docId=4287§ions={{ title|striptags|e }} ({{ pagename }})&version={{ idf_target }} {{ release }} ({{ version }})">Provide feedback about this document</a></p> |
| 3 | + |
| 4 | +<style> |
| 5 | + .expand-feedback-content { |
| 6 | + display: none; |
| 7 | + } |
| 8 | + .click-like-or-dislike { |
| 9 | + background-color: #d3d3d3; |
| 10 | + pointer-events: none; |
| 11 | + } |
| 12 | +</style> |
| 13 | + |
| 14 | +<script> |
| 15 | + function submitFeedbackForm(user_likes_document) { |
| 16 | + // Send to GA4 the user reaction |
| 17 | + gtag('event', 'user_reaction', { |
| 18 | + 'user_likes_document': user_likes_document |
| 19 | + }); |
| 20 | + |
| 21 | + if (user_likes_document === 1) { |
| 22 | + document.querySelector('.like-btn').classList.add('click-like-or-dislike'); |
| 23 | + document.getElementById("expandContentLike").style.display = 'block'; |
| 24 | + } else { |
| 25 | + document.querySelector('.dislike-btn').classList.add('click-like-or-dislike'); |
| 26 | + document.getElementById("expandContent").style.display = 'block'; |
| 27 | + } |
| 28 | + |
| 29 | + document.querySelector('.like-btn').style.pointerEvents = 'none'; |
| 30 | + document.querySelector('.dislike-btn').style.pointerEvents = 'none'; |
| 31 | + } |
| 32 | +</script> |
| 33 | + |
| 34 | +<hr> |
| 35 | + |
| 36 | +<p style="text-align:center"><strong>Was this page helpful?</strong></p> |
| 37 | +<p style="text-align:center"> |
| 38 | + <button class="like-btn" onclick="submitFeedbackForm(1)"> |
| 39 | + <svg aria-hidden="true" focusable="false" class="color-fg-muted" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" style="display:inline-block;user-select:none;vertical-align:text-bottom;overflow:visible"> |
| 40 | + <path d="M8.834.066c.763.087 1.5.295 2.01.884.505.581.656 1.378.656 2.3 0 .467-.087 1.119-.157 1.637L11.328 5h1.422c.603 0 1.174.085 1.668.333.508.254.911.679 1.137 1.2.453.998.438 2.447.188 4.316l-.04.306c-.105.79-.195 1.473-.313 2.033-.131.63-.315 1.209-.668 1.672C13.97 15.847 12.706 16 11 16c-1.848 0-3.234-.333-4.388-.653-.165-.045-.323-.09-.475-.133-.658-.186-1.2-.34-1.725-.415A1.75 1.75 0 0 1 2.75 16h-1A1.75 1.75 0 0 1 0 14.25v-7.5C0 5.784.784 5 1.75 5h1a1.75 1.75 0 0 1 1.514.872c.258-.105.59-.268.918-.508C5.853 4.874 6.5 4.079 6.5 2.75v-.5c0-1.202.994-2.337 2.334-2.184ZM4.5 13.3c.705.088 1.39.284 2.072.478l.441.125c1.096.305 2.334.598 3.987.598 1.794 0 2.28-.223 2.528-.549.147-.193.276-.505.394-1.07.105-.502.188-1.124.295-1.93l.04-.3c.25-1.882.189-2.933-.068-3.497a.921.921 0 0 0-.442-.48c-.208-.104-.52-.174-.997-.174H11c-.686 0-1.295-.577-1.206-1.336.023-.192.05-.39.076-.586.065-.488.13-.97.13-1.328 0-.809-.144-1.15-.288-1.316-.137-.158-.402-.304-1.048-.378C8.357 1.521 8 1.793 8 2.25v.5c0 1.922-.978 3.128-1.933 3.825a5.831 5.831 0 0 1-1.567.81ZM2.75 6.5h-1a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h1a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path> |
| 41 | + </svg> |
| 42 | + </button> |
| 43 | + <button class="dislike-btn" onclick="submitFeedbackForm(0)"> |
| 44 | + <svg aria-hidden="true" focusable="false" class="" viewBox="0 0 16 16" width="16" height="16" fill="currentColor" style="display:inline-block;user-select:none;vertical-align:text-bottom;overflow:visible"> |
| 45 | + <path d="M7.083 15.986c-.763-.087-1.499-.295-2.011-.884-.504-.581-.655-1.378-.655-2.299 0-.468.087-1.12.157-1.638l.015-.112H3.167c-.603 0-1.174-.086-1.669-.334a2.415 2.415 0 0 1-1.136-1.2c-.454-.998-.438-2.447-.188-4.316l.04-.306C.32 4.108.41 3.424.526 2.864c.132-.63.316-1.209.669-1.672C1.947.205 3.211.053 4.917.053c1.848 0 3.234.332 4.388.652l.474.133c.658.187 1.201.341 1.726.415a1.75 1.75 0 0 1 1.662-1.2h1c.966 0 1.75.784 1.75 1.75v7.5a1.75 1.75 0 0 1-1.75 1.75h-1a1.75 1.75 0 0 1-1.514-.872c-.259.105-.59.268-.919.508-.671.491-1.317 1.285-1.317 2.614v.5c0 1.201-.994 2.336-2.334 2.183Zm4.334-13.232c-.706-.089-1.39-.284-2.072-.479l-.441-.125c-1.096-.304-2.335-.597-3.987-.597-1.794 0-2.28.222-2.529.548-.147.193-.275.505-.393 1.07-.105.502-.188 1.124-.295 1.93l-.04.3c-.25 1.882-.19 2.933.067 3.497a.923.923 0 0 0 .443.48c.208.104.52.175.997.175h1.75c.685 0 1.295.577 1.205 1.335-.022.192-.049.39-.075.586-.066.488-.13.97-.13 1.329 0 .808.144 1.15.288 1.316.137.157.401.303 1.048.377.307.035.664-.237.664-.693v-.5c0-1.922.978-3.127 1.932-3.825a5.878 5.878 0 0 1 1.568-.809Zm1.75 6.798h1a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25h-1a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25Z"></path> |
| 46 | + </svg> |
| 47 | + </button> |
| 48 | +</p> |
| 49 | + |
| 50 | +<div class="expand-feedback-content" id="expandContentLike"> |
| 51 | + <ul style="text-align:center"> |
| 52 | + <li>Thank you! We received your feedback.</li> |
| 53 | + <li>If you have any comments, fill in <a href='https://www.espressif.com/en/company/documents/documentation_feedback?docId=4287§ions={{ title|striptags|e }} ({{ pagename }})&version={{ idf_target }} {{ release }} ({{ version }})'>Espressif Documentation Feedback Form</a>.</li> |
| 54 | + </ul> |
| 55 | +</div> |
| 56 | + |
| 57 | +<div class="expand-feedback-content" id="expandContent"> |
| 58 | + <ul style="text-align:center"> |
| 59 | + <li>We value your feedback.</li> |
| 60 | + <li>Let us know how we can improve this page by filling in <a href='https://www.espressif.com/en/company/documents/documentation_feedback?docId=4287§ions={{ title|striptags|e }} ({{ pagename }})&version={{ idf_target }} {{ release }} ({{ version }})'>Espressif Documentation Feedback Form</a>.</li> |
| 61 | + </ul> |
| 62 | +</div> |
| 63 | + |
| 64 | +<br> |
| 65 | + |
4 | 66 | {% endblock %} |
0 commit comments