sigs.k8s.io/kueue@v0.6.2/site/layouts/partials/feedback.html (about)

     1  <style>
     2    .feedback--answer {
     3      display: inline-block;
     4    }
     5    .feedback--answer-no {
     6      margin-left: 1em;
     7    }
     8    .feedback--response {
     9      display: none;
    10      margin-top: 1em;
    11    }
    12    .feedback--response__visible {
    13      display: block;
    14    }
    15  </style>
    16  <div class="card mt-4 col-12 col-sm-6">
    17    <div class="card-body">
    18      <h3 class="card-title">Feedback</h3>
    19      <p class="card-text">Was this page helpful?</p>
    20      <button class="btn btn-primary feedback--answer feedback--answer-yes" style="width: 5rem;">Yes</button>
    21      <button class="btn btn-primary feedback--answer feedback--answer-no" style="width: 5rem;">No</button>
    22      <p class="feedback--response feedback--response-yes">
    23        {{ .yes | safeHTML }}
    24      </p>
    25      <p class="feedback--response feedback--response-no">
    26        {{ .no | safeHTML }}
    27      </p>
    28    </div>
    29  </div>
    30  <script>
    31    const yesButton = document.querySelector('.feedback--answer-yes');
    32    const noButton = document.querySelector('.feedback--answer-no');
    33    const yesResponse = document.querySelector('.feedback--response-yes');
    34    const noResponse = document.querySelector('.feedback--response-no');
    35    const disableButtons = () => {
    36      yesButton.disabled = true;
    37      noButton.disabled = true;
    38    };
    39    const sendFeedback = (value) => {
    40      if (typeof ga !== 'function') return;
    41      const args = {
    42        command: 'send',
    43        hitType: 'event',
    44        category: 'Helpful',
    45        action: 'click',
    46        label: window.location.pathname,
    47        value: value
    48      };
    49      ga(args.command, args.hitType, args.category, args.action, args.label, args.value);
    50    };
    51    yesButton.addEventListener('click', () => {
    52      yesResponse.classList.add('feedback--response__visible');
    53      disableButtons();
    54      sendFeedback(1);
    55    });
    56    noButton.addEventListener('click', () => {
    57      noResponse.classList.add('feedback--response__visible');
    58      disableButtons();
    59      sendFeedback(0);
    60    });
    61  </script>