Missouri State University Pattern Library

Blog feed: Dynamic

There are no notes for this item.

<article class="ContentBlock BlogFeed">
    <h2 class="Header">
        Lorem ipsum dolor sit amet consectetur
    </h2>
    <div class="FeedReader">
        <div class="loader">
            <img class="image" src="../../images/loader.gif" alt="">
            <p class="title">Loading</p>
        </div>
    </div>
    <script>
        missouristate.requireScript("../../scripts/components/feed.js");
    </script>
    <noscript>
      <a href="">View all</a>
    </noscript>
</article>
 
<article class="ContentBlock BlogFeed">
  <h2 class="Header">
    {{feedHeading}}
  </h2>
  <div class="FeedReader" {{#if version.static}} data-feedurl="{{data.feedUrl}}" data-allnewshref="{{data.allNewsLink}}" data-allnewslabel="{{data.allNewsLabel}}" data-includehistorical="{{data.includeCachedEntries}}" data-includedate="{{data.displayDate}}" data-includeblurb="{{data.includeExcerpt}}" data-entrycount="{{data.entryCount}}" {{/if}}>
    {{#if version.static}}
      <ul>
        {{#each items}}
          <li class="feedItem">
            <div class="Content"><a href="{{url}}">{{title}}</a>
              <div class="itemMedia Media"><img class="itemEnclosure" src="{{image.src}}" alt="{{image.alt}}"></div>
              <div class="itemDate Date">{{date}}</div>
              <div class="itemDescription">{{description}}</div>
            </div>
          </li>
        {{/each}}
        <p><a href="https://news.missouristate.edu">More news</a></p>
      </ul>
    {{/if}}
    {{#if version.dynamic}}
      {{> @loader}}
    {{/if}}
  </div>
  {{#if version.dynamic}}
    <script>missouristate.requireScript("{{path '/scripts/components/feed.js'}}");</script>
    <noscript>
      <a href="{{allNewsLink}}">View all</a>
    </noscript>
  {{/if}}
</article>
 
{
  "version": {
    "static": null,
    "dynamic": true
  },
  "feedHeading": "Lorem ipsum dolor sit amet consectetur",
  "data": {
    "feedUrl": "#",
    "entryCount": 5,
    "includeExcerpt": true,
    "displayDate": true,
    "includeCachedEntries": null,
    "allNewsLabel": "More news",
    "allNewsLink": "https://news.missouristate.edu"
  },
  "items": null
}