Как вывести данные из связанной таблицы?

Приветствую. Я изучаю laravel. И у меня возникли трудности с реализацией секции портфолио. Как видите на скрине ниже она у меня сортируется с помощью плагина isotop.
5a094c3ccf33e163509236.png

Я создал 3 таблицы:

1. Тут работы из портфолио с нужными полями (таблица works).
5a0afb664dd13602762278.jpeg

2. Список кнопок с помощью которых осуществляется фильтрация (таблица recents).
5a0afb7391280768993181.jpeg

3. Связующая таблица (таблица works_item).
5a0afb7e227ba597499904.pngКак реализованы связи:

Поле из таблицы works_item - `recent_id` связанно с полем `id` в таблице recents
$table->foreign('recent_id')->references('id')->on('recents');


Ну а тут связь с `id` в таблице works
$table->foreign('works_id')->references('id')->on('works');


Далее я создал модели в которых определил отношения:
class Work extends Model
{
    public function resents()
    {
        return $this->belongsToMany('App\Recent', 'work_items');
    }
}


class Recent extends Model
{
    public function work()
    {
        return $this->belongsToMany('App\Work', 'work_items');
    }
}


Вывести сами работы труда не составило:

@if($work)
 
    @foreach($work as $item)
        <div class="projects mix nz-clearfix *" data-grid="ninzio_01">
            <div class="nz-thumbnail"><img width="640" height="520" src="{{asset(env('THEME'))}}/upload/{{$item->img}}" class="attachment-Montserrat-Ninzio-Half size-Montserrat-Ninzio-Half wp-post-image" alt="portfolio10" />
                <a class="ninzio-overlay" href="#"></a>
                <div class="project-info-tab">
                    <a class="project-more" href="#"></a>
                    <h4 class="project-title">{{$item->title}}</h4>
                    <div class="projects-category"><a href="#" rel="tag">Repairing</a> | <a href="#" rel="tag">Restyling</a></div>
                </div>
            </div>
        </div>
    @endforeach
@endif


Кто сталкивался с этим плагином ( isotop ) знает, как эта чепуха работает и сортирует элементы.

<div class="projects mix nz-clearfix * _________" data-grid="ninzio_01">


Там где нижнее подчёркиваен должны быть классы идентичные значениям из data-filter у кнопок на которые наживаешь.

Я не знаю как их вывести =)

Сам я не смог найти решения или я что-то не так сделал и всё не так сделал.

Помогите =)
  • Вопрос задан
  • 271 просмотр
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы