Copy environment

Objects

<div class="page-title page-title--full-width">
    <div class="h-container">
        <h1 class="page-title__text">Objektid</h1>
    </div>
</div>

<div class="table-filter">
    <div class="h-container">
        <div class="grid grid--middle-xs">
            <div class="grid__col grid__col--lg-7">

                <div class="filter js-filter table-filter__filter">
                    <ul class="filter__list">
                        <li class="filter__list-item">

                            <button class="filter-item js-filter-item is-selected" type="button" data-key="all">
                                <span class="filter-item__inner">
                                    <span class="filter-item__text">Kõik</span>
                                </span>
                            </button>
                        </li>
                        <li class="filter__list-item">

                            <button class="filter-item js-filter-item" type="button" data-key="awaiting">
                                <span class="filter-item__inner">
                                    <span class="filter-item__bullet">
                                        <span class="filter-item__count">2</span>
                                    </span>
                                    <span class="filter-item__text">Kinnituse ootel</span>
                                </span>
                            </button>
                        </li>
                        <li class="filter__list-item">

                            <button class="filter-item js-filter-item" type="button" data-key="in-progress">
                                <span class="filter-item__inner">
                                    <span class="filter-item__bullet">
                                        <span class="filter-item__count">3</span>
                                    </span>
                                    <span class="filter-item__text">Koostamisel</span>
                                </span>
                            </button>
                        </li>
                        <li class="filter__list-item">

                            <button class="filter-item js-filter-item" type="button" data-key="confirmed">
                                <span class="filter-item__inner">
                                    <span class="filter-item__bullet">
                                        <span class="filter-item__count">5</span>
                                    </span>
                                    <span class="filter-item__text">Kinnitatud</span>
                                </span>
                            </button>
                        </li>
                    </ul>
                    <button class="filter__button filter__button--left is-hidden" type="button" aria-label="Scroll left">
                        <svg class="icon  filter__button-icon" focusable="false">
                            <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#chevron-left"></use>
                        </svg>
                    </button>
                    <button class="filter__button filter__button--right is-hidden" type="button" aria-label="Scroll right">
                        <svg class="icon  filter__button-icon" focusable="false">
                            <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#chevron-right"></use>
                        </svg>
                    </button>
                </div>
            </div>
            <div class="grid__col grid__col--lg-5">
                <div class="grid grid--middle-xs grid--between-xs grid--start-lg grid--no-wrap-lg">
                    <div class="grid__col grid__col--xs h-hidden-lg">

                        <button class="search-toggle table-filter__search-toggle" type="button">
                            <span class="search-toggle__inner">
                                <svg class="icon  search-toggle__icon search-toggle__icon--closed" focusable="false">
                                    <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#search"></use>
                                </svg>
                                <svg class="icon  search-toggle__icon search-toggle__icon--open" focusable="false">
                                    <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#close"></use>
                                </svg>
                                <span class="search-toggle__text">Otsi</span>
                            </span>
                        </button>
                    </div>
                    <div class="grid__col grid__col--xs grid__col--min-lg">

                        <div class="dropdown js-dropdown dropdown--trigger-icon-animated table-filter__dropdown" data-offset-x="0" data-offset-y="0">

                            <button type="button" class="button button--tiny dropdown__trigger button--icon-right">
                                <span class="button__inner">
                                    <svg class="icon  button__icon" focusable="false">
                                        <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#chevron-bottom"></use>
                                    </svg>
                                    <span class="button__text">Lae info alla</span>
                                </span>
                            </button>
                            <div class="dropdown__content">
                                <div class="dropdown__content-inner">
                                    <p>Lae info alla</p>
                                    <ul class="dropdown__options">
                                        <li class="dropdown__option-item">
                                            <a class="dropdown__option-link" href="#">
                                                <svg class="icon  dropdown__option-icon" focusable="false">
                                                    <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#csv"></use>
                                                </svg>
                                                <span class="dropdown__text">CSV</span>
                                            </a>
                                        </li>
                                        <li class="dropdown__option-item">
                                            <a class="dropdown__option-link" href="#">
                                                <svg class="icon  dropdown__option-icon" focusable="false">
                                                    <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#excel"></use>
                                                </svg>
                                                <span class="dropdown__text">Excel</span>
                                            </a>
                                        </li>
                                    </ul>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="grid__col grid__col--first-lg grid__col--max-lg">

                        <div class="search table-filter__search">
                            <div class="search__inner">
                                <div class="search__textfield-wrapper">

                                    <div class="textfield search__textfield">
                                        <label class="textfield__label  h-visually-hidden" for="search1">
                                            Otsing
                                        </label>
                                        <div class="textfield__inner">
                                            <input class="textfield__input" type="text" id="search1" name="search" placeholder="Otsi arvete hulgast...">
                                        </div>
                                    </div>
                                    <button class="search__clear js-search-clear" type="button" aria-label="Tühjenda">
                                        <span class="search__clear-inner">
                                            <svg class="icon  search__icon" focusable="false">
                                                <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#close"></use>
                                            </svg>
                                        </span>
                                    </button>
                                </div>
                                <button class="search__button search__button--toggle js-search-toggle" type="button" aria-label="Otsi">
                                    <span class="search__button-inner">
                                        <svg class="icon  search__icon" focusable="false">
                                            <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#search"></use>
                                        </svg>
                                    </span>
                                </button>
                                <button class="search__button search__button--submit" type="submit" aria-label="Otsi">
                                    <span class="search__button-inner">
                                        <svg class="icon  search__icon" focusable="false">
                                            <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#search"></use>
                                        </svg>
                                    </span>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="divider divider--xs divider--invisible"></div>
<div class="h-container">
    <h2 class="h4 bold text-base">Aktiivsed objektid</h2>
    <div class="divider divider--xs divider--invisible h-hidden-xs"></div>
    <div class="divider divider--xxs divider--invisible h-hidden-sm h-hidden-md h-hidden-lg"></div>
    <div class="grid grid--equalheight">
        <div class="grid__col grid__col--sm-2 grid__col--md-4 grid__col--lg-3">
            <div class="placeholder-card  ">
                <div class="placeholder-card__inner">

                    <a href="#add-new-object-modal" class="button button--tiny button--icon-left" data-js="open-modal">
                        <span class="button__inner">
                            <svg class="icon  button__icon" focusable="false">
                                <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#plus"></use>
                            </svg>
                            <span class="button__text">Lisa uus objekt</span>
                        </span>
                    </a>

                    <div class="modal   modal--size-medium " aria-modal="true" role="dialog" id="add-new-object-modal" aria-labelledby="add-new-object-modal_label" data-close-label="Close">
                        <h1 id="add-new-object-modal_label" class="h3 modal__title ">
                            Lisa uus objekt
                        </h1>
                        <div class="modal__content">
                            <div class="new-object-modal">
                                <div class="new-object-modal__fields">
                                    <div class="grid grid--gutter-medium">
                                        <div class="grid__col grid__col--xs-4 grid__col--lg-6">

                                            <div class="textfield">
                                                <label class="textfield__label textfield__label--required " for="object-name">
                                                    Objekti nimi
                                                </label>
                                                <div class="textfield__inner">
                                                    <input class="textfield__input" type="text" id="object-name" name="" required>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="grid__col grid__col--xs-4 grid__col--lg-6">

                                            <div class="textfield">
                                                <label class="textfield__label textfield__label--required " for="object-code">
                                                    Objekti kood
                                                </label>
                                                <div class="textfield__inner">
                                                    <input class="textfield__input" type="text" id="object-code" name="" required>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="grid__col grid__col--xs-4 grid__col--lg-6">

                                            <div class="textfield">
                                                <label class="textfield__label textfield__label--required " for="object-address">
                                                    Aadress
                                                </label>
                                                <div class="textfield__inner">
                                                    <input class="textfield__input" type="text" id="object-address" name="" required>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="grid__col grid__col--xs-4 grid__col--lg-6">

                                            <div class="textfield">
                                                <label class="textfield__label textfield__label--required " for="postal-code">
                                                    Postiindeks
                                                </label>
                                                <div class="textfield__inner">
                                                    <input class="textfield__input" type="text" id="postal-code" name="" required>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="grid__col grid__col--xs-4 grid__col--lg-6">

                                            <div class="textfield">
                                                <label class="textfield__label textfield__label--required " for="city">
                                                    Linn
                                                </label>
                                                <div class="textfield__inner">
                                                    <input class="textfield__input" type="text" id="city" name="" required>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="new-object-modal__buttons">

                                    <button type="button" class="button button--text">
                                        <span class="button__inner">
                                            <span class="button__text">Tühista</span>
                                        </span>
                                    </button>

                                    <button type="button" class="button">
                                        <span class="button__inner">
                                            <span class="button__text">Salvesta</span>
                                        </span>
                                    </button>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="grid__col grid__col--sm-2 grid__col--md-4 grid__col--lg-3">

            <div class="object-card object-card--color-1">
                <div class="object-card__inner">
                    <div class="grid grid--between-xs">
                        <div class="grid__col grid__col--xs">
                            <div class="object-card__bullet">
                                <svg class="icon  object-card__icon" focusable="false">
                                    <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#house-3"></use>
                                </svg>
                            </div>
                        </div>
                        <div class="grid__col grid__col--xs">

                            <div class="dropdown js-dropdown object-card__dropdown" data-offset-x="-96" data-offset-y="-48">

                                <button type="button" class="button button--text button--text-color dropdown__trigger button--icon">
                                    <span class="button__inner">
                                        <svg class="icon  button__icon" focusable="false">
                                            <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#dots"></use>
                                        </svg>
                                        <span class="button__text">Objekti seaded</span>
                                    </span>
                                </button>
                                <div class="dropdown__content">
                                    <div class="dropdown__content-inner">
                                        Objekti seaded
                                        <ul class="dropdown__options">
                                            <li class="dropdown__option-item">
                                                <a class="dropdown__option-link" href="#">
                                                    <svg class="icon  dropdown__option-icon" focusable="false">
                                                        <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#edit"></use>
                                                    </svg>
                                                    <span class="dropdown__text">Muuda infot</span>
                                                </a>
                                            </li>
                                            <li class="dropdown__option-item">
                                                <a class="dropdown__option-link" href="#">
                                                    <svg class="icon  dropdown__option-icon" focusable="false">
                                                        <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#archive"></use>
                                                    </svg>
                                                    <span class="dropdown__text">Arhiveeri</span>
                                                </a>
                                            </li>
                                        </ul>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="grid object-card__grid">
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Objekti nimi
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Juhan Liivi
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Objekti kood
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            L-8
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Aadress
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            J. Liivi 8
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Linn
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Tartu
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Postiindeks
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            50106
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Seotud lepingud
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            <a href="#">22000044</a><br><a href="#">22000042</a><br><a href="#">22000032</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="grid__col grid__col--sm-2 grid__col--md-4 grid__col--lg-3">

            <div class="object-card object-card--color-3">
                <div class="object-card__inner">
                    <div class="grid grid--between-xs">
                        <div class="grid__col grid__col--xs">
                            <div class="object-card__bullet">
                                <svg class="icon  object-card__icon" focusable="false">
                                    <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#house-4"></use>
                                </svg>
                            </div>
                        </div>
                        <div class="grid__col grid__col--xs">

                            <div class="dropdown js-dropdown object-card__dropdown" data-offset-x="-96" data-offset-y="-48">

                                <button type="button" class="button button--text button--text-color dropdown__trigger button--icon">
                                    <span class="button__inner">
                                        <svg class="icon  button__icon" focusable="false">
                                            <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#dots"></use>
                                        </svg>
                                        <span class="button__text">Objekti seaded</span>
                                    </span>
                                </button>
                                <div class="dropdown__content">
                                    <div class="dropdown__content-inner">
                                        Objekti seaded
                                        <ul class="dropdown__options">
                                            <li class="dropdown__option-item">
                                                <a class="dropdown__option-link" href="#">
                                                    <svg class="icon  dropdown__option-icon" focusable="false">
                                                        <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#edit"></use>
                                                    </svg>
                                                    <span class="dropdown__text">Muuda infot</span>
                                                </a>
                                            </li>
                                            <li class="dropdown__option-item">
                                                <a class="dropdown__option-link" href="#">
                                                    <svg class="icon  dropdown__option-icon" focusable="false">
                                                        <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#archive"></use>
                                                    </svg>
                                                    <span class="dropdown__text">Arhiveeri</span>
                                                </a>
                                            </li>
                                        </ul>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="grid object-card__grid">
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Objekti nimi
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Juhan Liivi
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Objekti kood
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            L-8
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Aadress
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            J. Liivi 8
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Linn
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Tartu
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Postiindeks
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            50106
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Seotud lepingud
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            <a href="#">22000044</a><br><a href="#">22000042</a><br><a href="#">22000032</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="grid__col grid__col--sm-2 grid__col--md-4 grid__col--lg-3">

            <div class="object-card object-card--color-5">
                <div class="object-card__inner">
                    <div class="grid grid--between-xs">
                        <div class="grid__col grid__col--xs">
                            <div class="object-card__bullet">
                                <svg class="icon  object-card__icon" focusable="false">
                                    <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#house-4"></use>
                                </svg>
                            </div>
                        </div>
                        <div class="grid__col grid__col--xs">

                            <div class="dropdown js-dropdown object-card__dropdown" data-offset-x="-96" data-offset-y="-48">

                                <button type="button" class="button button--text button--text-color dropdown__trigger button--icon">
                                    <span class="button__inner">
                                        <svg class="icon  button__icon" focusable="false">
                                            <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#dots"></use>
                                        </svg>
                                        <span class="button__text">Objekti seaded</span>
                                    </span>
                                </button>
                                <div class="dropdown__content">
                                    <div class="dropdown__content-inner">
                                        Objekti seaded
                                        <ul class="dropdown__options">
                                            <li class="dropdown__option-item">
                                                <a class="dropdown__option-link" href="#">
                                                    <svg class="icon  dropdown__option-icon" focusable="false">
                                                        <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#edit"></use>
                                                    </svg>
                                                    <span class="dropdown__text">Muuda infot</span>
                                                </a>
                                            </li>
                                            <li class="dropdown__option-item">
                                                <a class="dropdown__option-link" href="#">
                                                    <svg class="icon  dropdown__option-icon" focusable="false">
                                                        <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#archive"></use>
                                                    </svg>
                                                    <span class="dropdown__text">Arhiveeri</span>
                                                </a>
                                            </li>
                                        </ul>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="grid object-card__grid">
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Objekti nimi
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Juhan Liivi
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Objekti kood
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            L-8
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Aadress
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            J. Liivi 8
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Linn
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Tartu
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Postiindeks
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            50106
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Seotud lepingud
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            <a href="#">22000044</a><br><a href="#">22000042</a><br><a href="#">22000032</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="grid__col grid__col--sm-2 grid__col--md-4 grid__col--lg-3">

            <div class="object-card object-card--color-1">
                <div class="object-card__inner">
                    <div class="grid grid--between-xs">
                        <div class="grid__col grid__col--xs">
                            <div class="object-card__bullet">
                                <svg class="icon  object-card__icon" focusable="false">
                                    <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#house-4"></use>
                                </svg>
                            </div>
                        </div>
                        <div class="grid__col grid__col--xs">

                            <div class="dropdown js-dropdown object-card__dropdown" data-offset-x="-96" data-offset-y="-48">

                                <button type="button" class="button button--text button--text-color dropdown__trigger button--icon">
                                    <span class="button__inner">
                                        <svg class="icon  button__icon" focusable="false">
                                            <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#dots"></use>
                                        </svg>
                                        <span class="button__text">Objekti seaded</span>
                                    </span>
                                </button>
                                <div class="dropdown__content">
                                    <div class="dropdown__content-inner">
                                        Objekti seaded
                                        <ul class="dropdown__options">
                                            <li class="dropdown__option-item">
                                                <a class="dropdown__option-link" href="#">
                                                    <svg class="icon  dropdown__option-icon" focusable="false">
                                                        <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#edit"></use>
                                                    </svg>
                                                    <span class="dropdown__text">Muuda infot</span>
                                                </a>
                                            </li>
                                            <li class="dropdown__option-item">
                                                <a class="dropdown__option-link" href="#">
                                                    <svg class="icon  dropdown__option-icon" focusable="false">
                                                        <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#archive"></use>
                                                    </svg>
                                                    <span class="dropdown__text">Arhiveeri</span>
                                                </a>
                                            </li>
                                        </ul>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="grid object-card__grid">
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Objekti nimi
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Juhan Liivi
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Objekti kood
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            L-8
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Aadress
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            J. Liivi 8
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Linn
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Tartu
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Postiindeks
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            50106
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Seotud lepingud
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            <a href="#">22000044</a><br><a href="#">22000042</a><br><a href="#">22000032</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="grid__col grid__col--sm-2 grid__col--md-4 grid__col--lg-3">

            <div class="object-card object-card--color-3">
                <div class="object-card__inner">
                    <div class="grid grid--between-xs">
                        <div class="grid__col grid__col--xs">
                            <div class="object-card__bullet">
                                <svg class="icon  object-card__icon" focusable="false">
                                    <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#house-1"></use>
                                </svg>
                            </div>
                        </div>
                        <div class="grid__col grid__col--xs">

                            <div class="dropdown js-dropdown object-card__dropdown" data-offset-x="-96" data-offset-y="-48">

                                <button type="button" class="button button--text button--text-color dropdown__trigger button--icon">
                                    <span class="button__inner">
                                        <svg class="icon  button__icon" focusable="false">
                                            <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#dots"></use>
                                        </svg>
                                        <span class="button__text">Objekti seaded</span>
                                    </span>
                                </button>
                                <div class="dropdown__content">
                                    <div class="dropdown__content-inner">
                                        Objekti seaded
                                        <ul class="dropdown__options">
                                            <li class="dropdown__option-item">
                                                <a class="dropdown__option-link" href="#">
                                                    <svg class="icon  dropdown__option-icon" focusable="false">
                                                        <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#edit"></use>
                                                    </svg>
                                                    <span class="dropdown__text">Muuda infot</span>
                                                </a>
                                            </li>
                                            <li class="dropdown__option-item">
                                                <a class="dropdown__option-link" href="#">
                                                    <svg class="icon  dropdown__option-icon" focusable="false">
                                                        <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#archive"></use>
                                                    </svg>
                                                    <span class="dropdown__text">Arhiveeri</span>
                                                </a>
                                            </li>
                                        </ul>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="grid object-card__grid">
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Objekti nimi
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Juhan Liivi
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Objekti kood
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            L-8
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Aadress
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            J. Liivi 8
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Linn
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Tartu
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Postiindeks
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            50106
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Seotud lepingud
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            <a href="#">22000044</a><br><a href="#">22000042</a><br><a href="#">22000032</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="grid__col grid__col--sm-2 grid__col--md-4 grid__col--lg-3">

            <div class="object-card object-card--color-3">
                <div class="object-card__inner">
                    <div class="grid grid--between-xs">
                        <div class="grid__col grid__col--xs">
                            <div class="object-card__bullet">
                                <svg class="icon  object-card__icon" focusable="false">
                                    <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#house-3"></use>
                                </svg>
                            </div>
                        </div>
                        <div class="grid__col grid__col--xs">

                            <div class="dropdown js-dropdown object-card__dropdown" data-offset-x="-96" data-offset-y="-48">

                                <button type="button" class="button button--text button--text-color dropdown__trigger button--icon">
                                    <span class="button__inner">
                                        <svg class="icon  button__icon" focusable="false">
                                            <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#dots"></use>
                                        </svg>
                                        <span class="button__text">Objekti seaded</span>
                                    </span>
                                </button>
                                <div class="dropdown__content">
                                    <div class="dropdown__content-inner">
                                        Objekti seaded
                                        <ul class="dropdown__options">
                                            <li class="dropdown__option-item">
                                                <a class="dropdown__option-link" href="#">
                                                    <svg class="icon  dropdown__option-icon" focusable="false">
                                                        <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#edit"></use>
                                                    </svg>
                                                    <span class="dropdown__text">Muuda infot</span>
                                                </a>
                                            </li>
                                            <li class="dropdown__option-item">
                                                <a class="dropdown__option-link" href="#">
                                                    <svg class="icon  dropdown__option-icon" focusable="false">
                                                        <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#archive"></use>
                                                    </svg>
                                                    <span class="dropdown__text">Arhiveeri</span>
                                                </a>
                                            </li>
                                        </ul>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="grid object-card__grid">
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Objekti nimi
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Juhan Liivi
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Objekti kood
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            L-8
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Aadress
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            J. Liivi 8
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Linn
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Tartu
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Postiindeks
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            50106
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Seotud lepingud
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            <a href="#">22000044</a><br><a href="#">22000042</a><br><a href="#">22000032</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="divider divider--xs divider--invisible"></div>
    <div class="divider divider--xs divider--invisible"></div>
    <div class="grid grid--equalheight">
        <h2 class="h4 bold text-base">Arhiveeritud objektid</h2>
        <div class="divider divider--xs divider--invisible h-hidden-xs"></div>
        <div class="divider divider--xxs divider--invisible h-hidden-sm h-hidden-md h-hidden-lg"></div>
        <div class="grid__col grid__col--sm-2 grid__col--md-4 grid__col--lg-3">

            <div class="object-card object-card--color-6 is-archived">
                <div class="object-card__inner">
                    <div class="grid grid--between-xs">
                        <div class="grid__col grid__col--xs">
                            <div class="object-card__bullet">
                                <svg class="icon  object-card__icon" focusable="false">
                                    <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#house-3"></use>
                                </svg>
                            </div>
                        </div>
                        <div class="grid__col grid__col--xs">

                            <div class="dropdown js-dropdown object-card__dropdown" data-offset-x="-96" data-offset-y="-48">

                                <button type="button" class="button button--text button--text-color dropdown__trigger button--icon">
                                    <span class="button__inner">
                                        <svg class="icon  button__icon" focusable="false">
                                            <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#dots"></use>
                                        </svg>
                                        <span class="button__text">Objekti seaded</span>
                                    </span>
                                </button>
                                <div class="dropdown__content">
                                    <div class="dropdown__content-inner">
                                        Objekti seaded
                                        <ul class="dropdown__options">
                                            <li class="dropdown__option-item">
                                                <a class="dropdown__option-link" href="#">
                                                    <svg class="icon  dropdown__option-icon" focusable="false">
                                                        <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#edit"></use>
                                                    </svg>
                                                    <span class="dropdown__text">Muuda infot</span>
                                                </a>
                                            </li>
                                            <li class="dropdown__option-item">
                                                <a class="dropdown__option-link" href="#">
                                                    <svg class="icon  dropdown__option-icon" focusable="false">
                                                        <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#archive"></use>
                                                    </svg>
                                                    <span class="dropdown__text">Arhiveeri</span>
                                                </a>
                                            </li>
                                        </ul>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="grid object-card__grid">
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Objekti nimi
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Juhan Liivi
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Objekti kood
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            L-8
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Aadress
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            J. Liivi 8
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Linn
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Tartu
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Postiindeks
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            50106
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Seotud lepingud
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            <a href="#">22000044</a><br><a href="#">22000042</a><br><a href="#">22000032</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="grid__col grid__col--sm-2 grid__col--md-4 grid__col--lg-3">

            <div class="object-card object-card--color-3 is-archived">
                <div class="object-card__inner">
                    <div class="grid grid--between-xs">
                        <div class="grid__col grid__col--xs">
                            <div class="object-card__bullet">
                                <svg class="icon  object-card__icon" focusable="false">
                                    <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#house-3"></use>
                                </svg>
                            </div>
                        </div>
                        <div class="grid__col grid__col--xs">

                            <div class="dropdown js-dropdown object-card__dropdown" data-offset-x="-96" data-offset-y="-48">

                                <button type="button" class="button button--text button--text-color dropdown__trigger button--icon">
                                    <span class="button__inner">
                                        <svg class="icon  button__icon" focusable="false">
                                            <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#dots"></use>
                                        </svg>
                                        <span class="button__text">Objekti seaded</span>
                                    </span>
                                </button>
                                <div class="dropdown__content">
                                    <div class="dropdown__content-inner">
                                        Objekti seaded
                                        <ul class="dropdown__options">
                                            <li class="dropdown__option-item">
                                                <a class="dropdown__option-link" href="#">
                                                    <svg class="icon  dropdown__option-icon" focusable="false">
                                                        <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#edit"></use>
                                                    </svg>
                                                    <span class="dropdown__text">Muuda infot</span>
                                                </a>
                                            </li>
                                            <li class="dropdown__option-item">
                                                <a class="dropdown__option-link" href="#">
                                                    <svg class="icon  dropdown__option-icon" focusable="false">
                                                        <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#archive"></use>
                                                    </svg>
                                                    <span class="dropdown__text">Arhiveeri</span>
                                                </a>
                                            </li>
                                        </ul>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="grid object-card__grid">
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Objekti nimi
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Juhan Liivi
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Objekti kood
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            L-8
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Aadress
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            J. Liivi 8
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Linn
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Tartu
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Postiindeks
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            50106
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Seotud lepingud
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            <a href="#">22000044</a><br><a href="#">22000042</a><br><a href="#">22000032</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="grid__col grid__col--sm-2 grid__col--md-4 grid__col--lg-3">

            <div class="object-card object-card--color-3 is-archived">
                <div class="object-card__inner">
                    <div class="grid grid--between-xs">
                        <div class="grid__col grid__col--xs">
                            <div class="object-card__bullet">
                                <svg class="icon  object-card__icon" focusable="false">
                                    <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#house-1"></use>
                                </svg>
                            </div>
                        </div>
                        <div class="grid__col grid__col--xs">

                            <div class="dropdown js-dropdown object-card__dropdown" data-offset-x="-96" data-offset-y="-48">

                                <button type="button" class="button button--text button--text-color dropdown__trigger button--icon">
                                    <span class="button__inner">
                                        <svg class="icon  button__icon" focusable="false">
                                            <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#dots"></use>
                                        </svg>
                                        <span class="button__text">Objekti seaded</span>
                                    </span>
                                </button>
                                <div class="dropdown__content">
                                    <div class="dropdown__content-inner">
                                        Objekti seaded
                                        <ul class="dropdown__options">
                                            <li class="dropdown__option-item">
                                                <a class="dropdown__option-link" href="#">
                                                    <svg class="icon  dropdown__option-icon" focusable="false">
                                                        <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#edit"></use>
                                                    </svg>
                                                    <span class="dropdown__text">Muuda infot</span>
                                                </a>
                                            </li>
                                            <li class="dropdown__option-item">
                                                <a class="dropdown__option-link" href="#">
                                                    <svg class="icon  dropdown__option-icon" focusable="false">
                                                        <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#archive"></use>
                                                    </svg>
                                                    <span class="dropdown__text">Arhiveeri</span>
                                                </a>
                                            </li>
                                        </ul>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="grid object-card__grid">
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Objekti nimi
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Juhan Liivi
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Objekti kood
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            L-8
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Aadress
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            J. Liivi 8
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Linn
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Tartu
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Postiindeks
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            50106
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Seotud lepingud
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            <a href="#">22000044</a><br><a href="#">22000042</a><br><a href="#">22000032</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="grid__col grid__col--sm-2 grid__col--md-4 grid__col--lg-3">

            <div class="object-card object-card--color-6 is-archived">
                <div class="object-card__inner">
                    <div class="grid grid--between-xs">
                        <div class="grid__col grid__col--xs">
                            <div class="object-card__bullet">
                                <svg class="icon  object-card__icon" focusable="false">
                                    <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#house-1"></use>
                                </svg>
                            </div>
                        </div>
                        <div class="grid__col grid__col--xs">

                            <div class="dropdown js-dropdown object-card__dropdown" data-offset-x="-96" data-offset-y="-48">

                                <button type="button" class="button button--text button--text-color dropdown__trigger button--icon">
                                    <span class="button__inner">
                                        <svg class="icon  button__icon" focusable="false">
                                            <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#dots"></use>
                                        </svg>
                                        <span class="button__text">Objekti seaded</span>
                                    </span>
                                </button>
                                <div class="dropdown__content">
                                    <div class="dropdown__content-inner">
                                        Objekti seaded
                                        <ul class="dropdown__options">
                                            <li class="dropdown__option-item">
                                                <a class="dropdown__option-link" href="#">
                                                    <svg class="icon  dropdown__option-icon" focusable="false">
                                                        <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#edit"></use>
                                                    </svg>
                                                    <span class="dropdown__text">Muuda infot</span>
                                                </a>
                                            </li>
                                            <li class="dropdown__option-item">
                                                <a class="dropdown__option-link" href="#">
                                                    <svg class="icon  dropdown__option-icon" focusable="false">
                                                        <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#archive"></use>
                                                    </svg>
                                                    <span class="dropdown__text">Arhiveeri</span>
                                                </a>
                                            </li>
                                        </ul>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="grid object-card__grid">
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Objekti nimi
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Juhan Liivi
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Objekti kood
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            L-8
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Aadress
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            J. Liivi 8
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Linn
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Tartu
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Postiindeks
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            50106
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Seotud lepingud
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            <a href="#">22000044</a><br><a href="#">22000042</a><br><a href="#">22000032</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="grid__col grid__col--sm-2 grid__col--md-4 grid__col--lg-3">

            <div class="object-card object-card--color-6 is-archived">
                <div class="object-card__inner">
                    <div class="grid grid--between-xs">
                        <div class="grid__col grid__col--xs">
                            <div class="object-card__bullet">
                                <svg class="icon  object-card__icon" focusable="false">
                                    <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#house-5"></use>
                                </svg>
                            </div>
                        </div>
                        <div class="grid__col grid__col--xs">

                            <div class="dropdown js-dropdown object-card__dropdown" data-offset-x="-96" data-offset-y="-48">

                                <button type="button" class="button button--text button--text-color dropdown__trigger button--icon">
                                    <span class="button__inner">
                                        <svg class="icon  button__icon" focusable="false">
                                            <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#dots"></use>
                                        </svg>
                                        <span class="button__text">Objekti seaded</span>
                                    </span>
                                </button>
                                <div class="dropdown__content">
                                    <div class="dropdown__content-inner">
                                        Objekti seaded
                                        <ul class="dropdown__options">
                                            <li class="dropdown__option-item">
                                                <a class="dropdown__option-link" href="#">
                                                    <svg class="icon  dropdown__option-icon" focusable="false">
                                                        <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#edit"></use>
                                                    </svg>
                                                    <span class="dropdown__text">Muuda infot</span>
                                                </a>
                                            </li>
                                            <li class="dropdown__option-item">
                                                <a class="dropdown__option-link" href="#">
                                                    <svg class="icon  dropdown__option-icon" focusable="false">
                                                        <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#archive"></use>
                                                    </svg>
                                                    <span class="dropdown__text">Arhiveeri</span>
                                                </a>
                                            </li>
                                        </ul>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="grid object-card__grid">
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Objekti nimi
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Juhan Liivi
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Objekti kood
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            L-8
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Aadress
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            J. Liivi 8
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Linn
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Tartu
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Postiindeks
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            50106
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Seotud lepingud
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            <a href="#">22000044</a><br><a href="#">22000042</a><br><a href="#">22000032</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="grid__col grid__col--sm-2 grid__col--md-4 grid__col--lg-3">

            <div class="object-card object-card--color-2 is-archived">
                <div class="object-card__inner">
                    <div class="grid grid--between-xs">
                        <div class="grid__col grid__col--xs">
                            <div class="object-card__bullet">
                                <svg class="icon  object-card__icon" focusable="false">
                                    <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#house-4"></use>
                                </svg>
                            </div>
                        </div>
                        <div class="grid__col grid__col--xs">

                            <div class="dropdown js-dropdown object-card__dropdown" data-offset-x="-96" data-offset-y="-48">

                                <button type="button" class="button button--text button--text-color dropdown__trigger button--icon">
                                    <span class="button__inner">
                                        <svg class="icon  button__icon" focusable="false">
                                            <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#dots"></use>
                                        </svg>
                                        <span class="button__text">Objekti seaded</span>
                                    </span>
                                </button>
                                <div class="dropdown__content">
                                    <div class="dropdown__content-inner">
                                        Objekti seaded
                                        <ul class="dropdown__options">
                                            <li class="dropdown__option-item">
                                                <a class="dropdown__option-link" href="#">
                                                    <svg class="icon  dropdown__option-icon" focusable="false">
                                                        <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#edit"></use>
                                                    </svg>
                                                    <span class="dropdown__text">Muuda infot</span>
                                                </a>
                                            </li>
                                            <li class="dropdown__option-item">
                                                <a class="dropdown__option-link" href="#">
                                                    <svg class="icon  dropdown__option-icon" focusable="false">
                                                        <use href="../../inc/svg/global.4609ec92109fc41e7ad4764ef897ea8e.svg#archive"></use>
                                                    </svg>
                                                    <span class="dropdown__text">Arhiveeri</span>
                                                </a>
                                            </li>
                                        </ul>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="grid object-card__grid">
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Objekti nimi
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Juhan Liivi
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Objekti kood
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            L-8
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Aadress
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            J. Liivi 8
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Linn
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Tartu
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Postiindeks
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            50106
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            Seotud lepingud
                        </div>
                        <div class="grid__col grid__col--xs-2 object-card__col">
                            <a href="#">22000044</a><br><a href="#">22000042</a><br><a href="#">22000032</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% include '@page-title' with { class: '', modifier: '', isFullWidth: true, data: { title: data.title } } %}
{% include '@table-filter' with { class: '', modifier: '', data: data.filter } %}
{% include '@divider' with { modifier: 'divider--xs divider--invisible' } %}
<div class="h-container">
    <h2 class="h4 bold text-base">{{ data.activeTitle }}</h2>
    {% include '@divider' with { modifier: 'divider--xs divider--invisible h-hidden-xs' } %}
    {% include '@divider' with { modifier: 'divider--xxs divider--invisible h-hidden-sm h-hidden-md h-hidden-lg' } %}
    <div class="grid grid--equalheight">
        <div class="grid__col grid__col--sm-2 grid__col--md-4 grid__col--lg-3">
            {% include '@placeholder-card' with { class: '', modifier: '', data: data.placeholderCard } %}
        </div>
        {% if data.activeObjects %}
            {% for item in data.activeObjects %}
                <div class="grid__col grid__col--sm-2 grid__col--md-4 grid__col--lg-3">
                    {% include '@object-card' with { class: '', modifier: '', data: item } %}
                </div>
            {% endfor %}
        {% endif %}
    </div>
    {% include '@divider' with { modifier: 'divider--xs divider--invisible' } %}
    {% include '@divider' with { modifier: 'divider--xs divider--invisible' } %}
    {% if data.archivedObjects %}
        <div class="grid grid--equalheight">
            <h2 class="h4 bold text-base">{{ data.archiveTitle }}</h2>
            {% include '@divider' with { modifier: 'divider--xs divider--invisible h-hidden-xs' } %}
            {% include '@divider' with { modifier: 'divider--xxs divider--invisible h-hidden-sm h-hidden-md h-hidden-lg' } %}
            {% for item in data.archivedObjects %}
                <div class="grid__col grid__col--sm-2 grid__col--md-4 grid__col--lg-3">
                    {% include '@object-card' with { class: '', modifier: '', data: item } %}
                </div>
            {% endfor %}
        </div>
    {% endif %}
</div>
{
  "language": "en-US",
  "data": {
    "title": "Objektid",
    "filter": {
      "filter": {
        "items": [
          {
            "key": "all",
            "isSelected": true,
            "text": "Kõik"
          },
          {
            "key": "awaiting",
            "text": "Kinnituse ootel",
            "count": 2
          },
          {
            "key": "in-progress",
            "text": "Koostamisel",
            "count": 3
          },
          {
            "key": "confirmed",
            "text": "Kinnitatud",
            "count": 5
          }
        ]
      },
      "search": {
        "textfield": {
          "label": "Otsing",
          "id": "search1",
          "name": "search",
          "placeholder": "Otsi arvete hulgast...",
          "isLabelHidden": true
        },
        "clearText": "Tühjenda",
        "searchText": "Otsi",
        "submitText": "Otsi"
      },
      "dropdown": {
        "buttonModifier": "button--tiny",
        "trigger": {
          "text": "Lae info alla",
          "icon": "chevron-bottom",
          "iconPosition": "right"
        },
        "triggerIconAnimated": true,
        "content": "<p>Lae info alla</p>",
        "options": [
          {
            "url": "#",
            "icon": "csv",
            "text": "CSV"
          },
          {
            "url": "#",
            "icon": "excel",
            "text": "Excel"
          }
        ]
      },
      "searchToggle": {
        "text": "Otsi"
      }
    },
    "placeholderCard": {
      "button": {
        "modifier": "button--tiny",
        "text": "Lisa uus objekt",
        "icon": "plus",
        "iconPosition": "left"
      },
      "modal": {
        "objectName": {
          "label": "Objekti nimi",
          "attributes": "required",
          "id": "object-name"
        },
        "objectCode": {
          "label": "Objekti kood",
          "attributes": "required",
          "id": "object-code"
        },
        "address": {
          "label": "Aadress",
          "attributes": "required",
          "id": "object-address"
        },
        "postalCode": {
          "label": "Postiindeks",
          "attributes": "required",
          "id": "postal-code"
        },
        "city": {
          "label": "Linn",
          "attributes": "required",
          "id": "city"
        }
      }
    },
    "activeTitle": "Aktiivsed objektid",
    "archiveTitle": "Arhiveeritud objektid",
    "activeObjects": [
      {
        "dropdown": {
          "buttonModifier": "button--text button--text-color",
          "trigger": {
            "text": "Objekti seaded",
            "icon": "dots",
            "iconPosition": null
          },
          "triggerIconAnimated": false,
          "content": "Objekti seaded",
          "options": [
            {
              "url": "#",
              "icon": "edit",
              "text": "Muuda infot"
            },
            {
              "url": "#",
              "icon": "archive",
              "text": "Arhiveeri"
            }
          ]
        },
        "items": [
          {
            "key": "Objekti nimi",
            "value": "Juhan Liivi"
          },
          {
            "key": "Objekti kood",
            "value": "L-8"
          },
          {
            "key": "Aadress",
            "value": "J. Liivi 8"
          },
          {
            "key": "Linn",
            "value": "Tartu"
          },
          {
            "key": "Postiindeks",
            "value": "50106"
          },
          {
            "key": "Seotud lepingud",
            "value": "<a href=\"#\">22000044</a><br><a href=\"#\">22000042</a><br><a href=\"#\">22000032</a>"
          }
        ]
      },
      {
        "dropdown": {
          "buttonModifier": "button--text button--text-color",
          "trigger": {
            "text": "Objekti seaded",
            "icon": "dots",
            "iconPosition": null
          },
          "triggerIconAnimated": false,
          "content": "Objekti seaded",
          "options": [
            {
              "url": "#",
              "icon": "edit",
              "text": "Muuda infot"
            },
            {
              "url": "#",
              "icon": "archive",
              "text": "Arhiveeri"
            }
          ]
        },
        "items": [
          {
            "key": "Objekti nimi",
            "value": "Juhan Liivi"
          },
          {
            "key": "Objekti kood",
            "value": "L-8"
          },
          {
            "key": "Aadress",
            "value": "J. Liivi 8"
          },
          {
            "key": "Linn",
            "value": "Tartu"
          },
          {
            "key": "Postiindeks",
            "value": "50106"
          },
          {
            "key": "Seotud lepingud",
            "value": "<a href=\"#\">22000044</a><br><a href=\"#\">22000042</a><br><a href=\"#\">22000032</a>"
          }
        ]
      },
      {
        "dropdown": {
          "buttonModifier": "button--text button--text-color",
          "trigger": {
            "text": "Objekti seaded",
            "icon": "dots",
            "iconPosition": null
          },
          "triggerIconAnimated": false,
          "content": "Objekti seaded",
          "options": [
            {
              "url": "#",
              "icon": "edit",
              "text": "Muuda infot"
            },
            {
              "url": "#",
              "icon": "archive",
              "text": "Arhiveeri"
            }
          ]
        },
        "items": [
          {
            "key": "Objekti nimi",
            "value": "Juhan Liivi"
          },
          {
            "key": "Objekti kood",
            "value": "L-8"
          },
          {
            "key": "Aadress",
            "value": "J. Liivi 8"
          },
          {
            "key": "Linn",
            "value": "Tartu"
          },
          {
            "key": "Postiindeks",
            "value": "50106"
          },
          {
            "key": "Seotud lepingud",
            "value": "<a href=\"#\">22000044</a><br><a href=\"#\">22000042</a><br><a href=\"#\">22000032</a>"
          }
        ]
      },
      {
        "dropdown": {
          "buttonModifier": "button--text button--text-color",
          "trigger": {
            "text": "Objekti seaded",
            "icon": "dots",
            "iconPosition": null
          },
          "triggerIconAnimated": false,
          "content": "Objekti seaded",
          "options": [
            {
              "url": "#",
              "icon": "edit",
              "text": "Muuda infot"
            },
            {
              "url": "#",
              "icon": "archive",
              "text": "Arhiveeri"
            }
          ]
        },
        "items": [
          {
            "key": "Objekti nimi",
            "value": "Juhan Liivi"
          },
          {
            "key": "Objekti kood",
            "value": "L-8"
          },
          {
            "key": "Aadress",
            "value": "J. Liivi 8"
          },
          {
            "key": "Linn",
            "value": "Tartu"
          },
          {
            "key": "Postiindeks",
            "value": "50106"
          },
          {
            "key": "Seotud lepingud",
            "value": "<a href=\"#\">22000044</a><br><a href=\"#\">22000042</a><br><a href=\"#\">22000032</a>"
          }
        ]
      },
      {
        "dropdown": {
          "buttonModifier": "button--text button--text-color",
          "trigger": {
            "text": "Objekti seaded",
            "icon": "dots",
            "iconPosition": null
          },
          "triggerIconAnimated": false,
          "content": "Objekti seaded",
          "options": [
            {
              "url": "#",
              "icon": "edit",
              "text": "Muuda infot"
            },
            {
              "url": "#",
              "icon": "archive",
              "text": "Arhiveeri"
            }
          ]
        },
        "items": [
          {
            "key": "Objekti nimi",
            "value": "Juhan Liivi"
          },
          {
            "key": "Objekti kood",
            "value": "L-8"
          },
          {
            "key": "Aadress",
            "value": "J. Liivi 8"
          },
          {
            "key": "Linn",
            "value": "Tartu"
          },
          {
            "key": "Postiindeks",
            "value": "50106"
          },
          {
            "key": "Seotud lepingud",
            "value": "<a href=\"#\">22000044</a><br><a href=\"#\">22000042</a><br><a href=\"#\">22000032</a>"
          }
        ]
      },
      {
        "dropdown": {
          "buttonModifier": "button--text button--text-color",
          "trigger": {
            "text": "Objekti seaded",
            "icon": "dots",
            "iconPosition": null
          },
          "triggerIconAnimated": false,
          "content": "Objekti seaded",
          "options": [
            {
              "url": "#",
              "icon": "edit",
              "text": "Muuda infot"
            },
            {
              "url": "#",
              "icon": "archive",
              "text": "Arhiveeri"
            }
          ]
        },
        "items": [
          {
            "key": "Objekti nimi",
            "value": "Juhan Liivi"
          },
          {
            "key": "Objekti kood",
            "value": "L-8"
          },
          {
            "key": "Aadress",
            "value": "J. Liivi 8"
          },
          {
            "key": "Linn",
            "value": "Tartu"
          },
          {
            "key": "Postiindeks",
            "value": "50106"
          },
          {
            "key": "Seotud lepingud",
            "value": "<a href=\"#\">22000044</a><br><a href=\"#\">22000042</a><br><a href=\"#\">22000032</a>"
          }
        ]
      }
    ],
    "archivedObjects": [
      {
        "dropdown": {
          "buttonModifier": "button--text button--text-color",
          "trigger": {
            "text": "Objekti seaded",
            "icon": "dots",
            "iconPosition": null
          },
          "triggerIconAnimated": false,
          "content": "Objekti seaded",
          "options": [
            {
              "url": "#",
              "icon": "edit",
              "text": "Muuda infot"
            },
            {
              "url": "#",
              "icon": "archive",
              "text": "Arhiveeri"
            }
          ]
        },
        "items": [
          {
            "key": "Objekti nimi",
            "value": "Juhan Liivi"
          },
          {
            "key": "Objekti kood",
            "value": "L-8"
          },
          {
            "key": "Aadress",
            "value": "J. Liivi 8"
          },
          {
            "key": "Linn",
            "value": "Tartu"
          },
          {
            "key": "Postiindeks",
            "value": "50106"
          },
          {
            "key": "Seotud lepingud",
            "value": "<a href=\"#\">22000044</a><br><a href=\"#\">22000042</a><br><a href=\"#\">22000032</a>"
          }
        ],
        "isArchived": true
      },
      {
        "dropdown": {
          "buttonModifier": "button--text button--text-color",
          "trigger": {
            "text": "Objekti seaded",
            "icon": "dots",
            "iconPosition": null
          },
          "triggerIconAnimated": false,
          "content": "Objekti seaded",
          "options": [
            {
              "url": "#",
              "icon": "edit",
              "text": "Muuda infot"
            },
            {
              "url": "#",
              "icon": "archive",
              "text": "Arhiveeri"
            }
          ]
        },
        "items": [
          {
            "key": "Objekti nimi",
            "value": "Juhan Liivi"
          },
          {
            "key": "Objekti kood",
            "value": "L-8"
          },
          {
            "key": "Aadress",
            "value": "J. Liivi 8"
          },
          {
            "key": "Linn",
            "value": "Tartu"
          },
          {
            "key": "Postiindeks",
            "value": "50106"
          },
          {
            "key": "Seotud lepingud",
            "value": "<a href=\"#\">22000044</a><br><a href=\"#\">22000042</a><br><a href=\"#\">22000032</a>"
          }
        ],
        "isArchived": true
      },
      {
        "dropdown": {
          "buttonModifier": "button--text button--text-color",
          "trigger": {
            "text": "Objekti seaded",
            "icon": "dots",
            "iconPosition": null
          },
          "triggerIconAnimated": false,
          "content": "Objekti seaded",
          "options": [
            {
              "url": "#",
              "icon": "edit",
              "text": "Muuda infot"
            },
            {
              "url": "#",
              "icon": "archive",
              "text": "Arhiveeri"
            }
          ]
        },
        "items": [
          {
            "key": "Objekti nimi",
            "value": "Juhan Liivi"
          },
          {
            "key": "Objekti kood",
            "value": "L-8"
          },
          {
            "key": "Aadress",
            "value": "J. Liivi 8"
          },
          {
            "key": "Linn",
            "value": "Tartu"
          },
          {
            "key": "Postiindeks",
            "value": "50106"
          },
          {
            "key": "Seotud lepingud",
            "value": "<a href=\"#\">22000044</a><br><a href=\"#\">22000042</a><br><a href=\"#\">22000032</a>"
          }
        ],
        "isArchived": true
      },
      {
        "dropdown": {
          "buttonModifier": "button--text button--text-color",
          "trigger": {
            "text": "Objekti seaded",
            "icon": "dots",
            "iconPosition": null
          },
          "triggerIconAnimated": false,
          "content": "Objekti seaded",
          "options": [
            {
              "url": "#",
              "icon": "edit",
              "text": "Muuda infot"
            },
            {
              "url": "#",
              "icon": "archive",
              "text": "Arhiveeri"
            }
          ]
        },
        "items": [
          {
            "key": "Objekti nimi",
            "value": "Juhan Liivi"
          },
          {
            "key": "Objekti kood",
            "value": "L-8"
          },
          {
            "key": "Aadress",
            "value": "J. Liivi 8"
          },
          {
            "key": "Linn",
            "value": "Tartu"
          },
          {
            "key": "Postiindeks",
            "value": "50106"
          },
          {
            "key": "Seotud lepingud",
            "value": "<a href=\"#\">22000044</a><br><a href=\"#\">22000042</a><br><a href=\"#\">22000032</a>"
          }
        ],
        "isArchived": true
      },
      {
        "dropdown": {
          "buttonModifier": "button--text button--text-color",
          "trigger": {
            "text": "Objekti seaded",
            "icon": "dots",
            "iconPosition": null
          },
          "triggerIconAnimated": false,
          "content": "Objekti seaded",
          "options": [
            {
              "url": "#",
              "icon": "edit",
              "text": "Muuda infot"
            },
            {
              "url": "#",
              "icon": "archive",
              "text": "Arhiveeri"
            }
          ]
        },
        "items": [
          {
            "key": "Objekti nimi",
            "value": "Juhan Liivi"
          },
          {
            "key": "Objekti kood",
            "value": "L-8"
          },
          {
            "key": "Aadress",
            "value": "J. Liivi 8"
          },
          {
            "key": "Linn",
            "value": "Tartu"
          },
          {
            "key": "Postiindeks",
            "value": "50106"
          },
          {
            "key": "Seotud lepingud",
            "value": "<a href=\"#\">22000044</a><br><a href=\"#\">22000042</a><br><a href=\"#\">22000032</a>"
          }
        ],
        "isArchived": true
      },
      {
        "dropdown": {
          "buttonModifier": "button--text button--text-color",
          "trigger": {
            "text": "Objekti seaded",
            "icon": "dots",
            "iconPosition": null
          },
          "triggerIconAnimated": false,
          "content": "Objekti seaded",
          "options": [
            {
              "url": "#",
              "icon": "edit",
              "text": "Muuda infot"
            },
            {
              "url": "#",
              "icon": "archive",
              "text": "Arhiveeri"
            }
          ]
        },
        "items": [
          {
            "key": "Objekti nimi",
            "value": "Juhan Liivi"
          },
          {
            "key": "Objekti kood",
            "value": "L-8"
          },
          {
            "key": "Aadress",
            "value": "J. Liivi 8"
          },
          {
            "key": "Linn",
            "value": "Tartu"
          },
          {
            "key": "Postiindeks",
            "value": "50106"
          },
          {
            "key": "Seotud lepingud",
            "value": "<a href=\"#\">22000044</a><br><a href=\"#\">22000042</a><br><a href=\"#\">22000032</a>"
          }
        ],
        "isArchived": true
      }
    ]
  }
}