jmarsh24

/*
  ERB template chunk from The Feed's display of emails:

  <section class="postings postings--feed-style" id="postings"
      data-controller="pagination" data-pagination-root-margin-value="40px">
    <%= render partial: "postings/snippet", collection: @page.records, as: :posting, cached: true %>

    <%= link_to(spinner_tag, url_for(page: @page.next_param),
          class: "pagination-link", data: { pagination_target: "nextPageLink", preload: @page.first? }) unless @page.last? %>
  </section>

dhh

/*
  ERB template chunk from The Feed's display of emails:

  <section class="postings postings--feed-style" id="postings"
      data-controller="pagination" data-pagination-root-margin-value="40px">
    <%= render partial: "postings/snippet", collection: @page.records, as: :posting, cached: true %>

    <%= link_to(spinner_tag, url_for(page: @page.next_param),
          class: "pagination-link", data: { pagination_target: "nextPageLink", preload: @page.first? }) unless @page.last? %>
  </section>

leastbad

My goal with this was to wrap the terrible YouTube Embed API in a Stimulus controller that would allow me to access the underlying API while providing some convenience methods. One key outcome is that the controller emits youtube events which contain the current position in the video. This means that other code can now respond to the position you are at in the video.

<div data-controller="youtube" data-youtube-code-value="Lo_1pyQ7xvc">
  <button data-action="youtube#play">Play</button>
  <button data-action="youtube#pause">Pause</button>
  <button data-action="youtube#stop">Stop</button>
  <br>
  <div data-youtube-target="frame"></div>