University of Leeds Design System v1.0.15

News Events Search And List: Events With Featured Event

No notes defined.

{% render '@uol-form-pattern', { form: form } %}

{% render '@uol-results-count', { search_term: search_term, results_items: results_items} %}

{% render '@uol-results-items', { items: results_items } %}

{% render '@uol-pagination', { pagination: pagination } %}
 
<div class="uol-form__container   ">

    <div class="uol-form__inner-wrapper">

        <form class="uol-form" action="/example-form-action" role=search>

            <div class="uol-form__input-group  uol-form__input-group--block">

            </div>

            <div class="uol-form--button-inline">

                <div class="uol-form__inputs-wrapper">

                    <div class="uol-form__input-container 
">

                        <label class="uol-form__input-label" for="search-term">
                            <span class="uol-form__input-label__text">Search events by keyword (required)</span>

                        </label>

                        <div class="uol-form__input-wrapper
               uol-form__input-wrapper--search
               uol-form__input-wrapper--with-icon " data-field-invalid=false>

                            <!--  -->

                            <input class="uol-form__input  uol-form__input--search" type="search" id="search-term" name="search-term" value="" minlength="2" autocomplete="off" required>

                            <!--  -->
                        </div>

                    </div>

                </div>

                <div class="uol-form__button-wrapper">
                    <button class="uol-button uol-button--primary
    " type="submit">Search</button>

                </div>

            </div>

        </form>

    </div>

</div>

<div class="uol-results-count">

</div>

<div class="uol-results-items ">

    <article class="uol-results-items__item ">

        <div class="uol-results-items__item__featured">
            <div class="uol-results-items__item__featured__text">Featured event</div>
        </div>

        <div class="uol-results-items__item__content-wrapper ">

            <div class="uol-results-items__item__text-container">
                <div class="uol-results-items__item__text-container__inner">

                    <h2 class="uol-results-items__item__title">
                        <a href="/result-link-1" class="uol-results-items__item__link">Ilkley Literature Festival event: &ldquo;Illuminating the Chaos and Obscurity&rdquo;: Ferrante and Dostoevsky in Dialogue<span class="hide-accessible">: Featured event</span></a>
                    </h2>

                    <dl class="uol-results-items__item__meta">

                        <div class="uol-results-items__item__meta__group">
                            <dt class="uol-results-items__item__meta__label">Event date</dt>
                            <dd class="uol-results-items__item__meta__data">
                                Thursday 6 May 2021 - Thursday 20th May, 09.00am - 8.00pm
                            </dd>
                        </div>

                        <div class="uol-results-items__item__meta__group">
                            <dt class="uol-results-items__item__meta__label">Categories</dt>

                            <dd class="uol-results-items__item__meta__data">University</dd>

                            <dd class="uol-results-items__item__meta__data">Networking and staff groups</dd>

                        </div>

                    </dl>

                    <p class="uol-results-items__item__summary">Conversation between Dr Sarah Hudspith, a scholar of Dostoevsky, and Dr Olivia Santovetti, an expert on Ferrante, both members of the University of Leeds Centre for World Literature.</p>

                </div>
            </div>

        </div>

    </article>

    <article class="uol-results-items__item ">

        <div class="uol-results-items__item__content-wrapper uol-results-items__item__has-image">

            <div class="uol-results-items__item__image-container">
                <img class="uol-results-items__item__img" src="/placeholders/banner/banner-05.jpg" alt="A super informative description">
            </div>

            <div class="uol-results-items__item__text-container">
                <div class="uol-results-items__item__text-container__inner">

                    <h2 class="uol-results-items__item__title">
                        <a href="/result-link-2" class="uol-results-items__item__link">The Inaugural Edith Pechey Lecture</a>
                    </h2>

                    <dl class="uol-results-items__item__meta">

                        <div class="uol-results-items__item__meta__group">
                            <dt class="uol-results-items__item__meta__label">Event date</dt>
                            <dd class="uol-results-items__item__meta__data">
                                Tuesday 11 May 2021, 08.00pm
                            </dd>
                        </div>

                        <div class="uol-results-items__item__meta__group">
                            <dt class="uol-results-items__item__meta__label">Categories</dt>

                            <dd class="uol-results-items__item__meta__data">University</dd>

                        </div>

                    </dl>

                    <p class="uol-results-items__item__summary">The inaugural Edith Pechey online lecture with guest speaker Professor Simone Buitendijk, University of Leeds Vice Chancellor.</p>

                </div>
            </div>

        </div>

    </article>

</div>
 
{
  "page_heading": {
    "title": "Events"
  },
  "form": {
    "button_inline": true,
    "action": "/example-form-action",
    "button": {
      "content": "Search",
      "type": "submit",
      "style": "primary"
    },
    "fields": [
      {
        "type": "search",
        "id": "search-term",
        "name": "search-term",
        "label": "Search events by keyword",
        "required": true,
        "invalid": false,
        "minlength": 2,
        "has_icon": true
      }
    ]
  },
  "results_items": [
    {
      "type": "event",
      "featured": true,
      "url": "/result-link-1",
      "title": "Ilkley Literature Festival event: &ldquo;Illuminating the Chaos and Obscurity&rdquo;: Ferrante and Dostoevsky in Dialogue",
      "date": "Thursday 6 May 2021 - Thursday 20th May, 09.00am - 8.00pm",
      "categories": [
        {
          "title": "University"
        },
        {
          "title": "Networking and staff groups"
        }
      ],
      "text": "Conversation between Dr Sarah Hudspith, a scholar of Dostoevsky, and Dr Olivia Santovetti, an expert on Ferrante, both members of the University of Leeds Centre for World Literature."
    },
    {
      "type": "event",
      "url": "/result-link-2",
      "title": "The Inaugural Edith Pechey Lecture",
      "date": "Tuesday 11 May 2021, 08.00pm",
      "categories": [
        {
          "title": "University"
        }
      ],
      "text": "The inaugural Edith Pechey online lecture with guest speaker Professor Simone Buitendijk, University of Leeds Vice Chancellor.",
      "image": {
        "src": "/placeholders/banner/banner-05.jpg",
        "alt": "A super informative description"
      }
    }
  ],
  "pagination": {
    "current": 1,
    "pages": [
      {
        "number": 1,
        "url": "/page-1"
      }
    ]
  }
}