почему код html после foreach l oop не появляется на веб-странице при создании динамической страницы c? - PullRequest
0 голосов
/ 02 февраля 2020

Я хочу, чтобы эта страница была динамичной c.

    <div class="row">
    <div class="col-md-12 placement-box wow fadeInUp" data-wow-delay=".4s" data-wow-duration="2s" id="#" style="visibility: visible; animation-duration: 2s; animation-delay: 0.4s; animation-name: fadeInUp; display: block;">
                    <div class="placement-box-content">
                        <div class="row align-items-center">


                            <div class="col-md-2 p-0 text-center">
                                <img src="http://britco.d5n.in/site/images/placement/07.png" alt="">
                                <h2 class="placement-title">ISMAIL.KM</h2>
                                <h4 class="placement-subtitle">PONNAMPETT, KODAGU<br>
                                NOW @ BUR DUBAI</h4>
                            </div>
                            <div class="col-md-2 p-0 text-center">
                                <img src="http://britco.d5n.in/site/images/placement/08.png" alt="">
                                <h2 class="placement-title">MOHAMMED ASHIQUE.CH</h2>
                                <h4 class="placement-subtitle">KUDLU ,KASARGOD<br>
                                NOW @ DEIRA,DUBAI</h4>
                            </div>
                            <div class="col-md-2 p-0 text-center">
                                <img src="http://britco.d5n.in/site/images/placement/09.png" alt="">
                                <h2 class="placement-title">ABDUL RIYAZ.N.A</h2>
                                <h4 class="placement-subtitle">SHORNUR<br>
                                NOW @ SHARJA, UAE</h4>
                            </div>
                            <div class="col-md-2 p-0 text-center">
                                <img src="http://britco.d5n.in/site/images/placement/10.png" alt="">
                                <h2 class="placement-title">SUFAID.CK</h2>
                                <h4 class="placement-subtitle">ATHAVANAD, MALAPPURAM<br>
                                NOW @ DEIRA, DUBAI</h4>
                            </div>
                            <div class="col-md-2 p-0 text-center">
                                <img src="http://britco.d5n.in/site/images/placement/11.png" alt="">
                                <h2 class="placement-title">FAVASUDHEEN. ET</h2>
                                <h4 class="placement-subtitle">ORAVAMPURAM,PANDIKKAD<br>
                                NOW @ SHARJA, UAE</h4>
                            </div>
                            <div class="col-md-2 p-0 text-center">
                                <img src="http://britco.d5n.in/site/images/placement/12.png" alt="">
                                <h2 class="placement-title">THASHREEF</h2>
                                <h4 class="placement-subtitle">KANNUR<br>
                                NOW @ SHARJAH</h4>
                            </div>
                        </div>
                    </div>
                </div>
<div class="col-md-12 placement-box wow fadeInUp" data-wow-delay=".4s" data-wow-duration="2s" id="#" style="visibility: visible; animation-duration: 2s; animation-delay: 0.4s; animation-name: fadeInUp; display: block;">
                <div class="placement-box-content">
                    <div class="row align-items-center">


                        <div class="col-md-2 p-0 text-center">
                            <img src="http://britco.d5n.in/site/images/placement/07.png" alt="">
                            <h2 class="placement-title">ISMAIL.KM</h2>
                            <h4 class="placement-subtitle">PONNAMPETT, KODAGU<br>
                            NOW @ BUR DUBAI</h4>
                        </div>
                        <div class="col-md-2 p-0 text-center">
                            <img src="http://britco.d5n.in/site/images/placement/08.png" alt="">
                            <h2 class="placement-title">MOHAMMED ASHIQUE.CH</h2>
                            <h4 class="placement-subtitle">KUDLU ,KASARGOD<br>
                            NOW @ DEIRA,DUBAI</h4>
                        </div>
                        <div class="col-md-2 p-0 text-center">
                            <img src="http://britco.d5n.in/site/images/placement/09.png" alt="">
                            <h2 class="placement-title">ABDUL RIYAZ.N.A</h2>
                            <h4 class="placement-subtitle">SHORNUR<br>
                            NOW @ SHARJA, UAE</h4>
                        </div>
                        <div class="col-md-2 p-0 text-center">
                            <img src="http://britco.d5n.in/site/images/placement/10.png" alt="">
                            <h2 class="placement-title">SUFAID.CK</h2>
                            <h4 class="placement-subtitle">ATHAVANAD, MALAPPURAM<br>
                            NOW @ DEIRA, DUBAI</h4>
                        </div>
                        <div class="col-md-2 p-0 text-center">
                            <img src="http://britco.d5n.in/site/images/placement/11.png" alt="">
                            <h2 class="placement-title">FAVASUDHEEN. ET</h2>
                            <h4 class="placement-subtitle">ORAVAMPURAM,PANDIKKAD<br>
                            NOW @ SHARJA, UAE</h4>
                        </div>
                        <div class="col-md-2 p-0 text-center">
                            <img src="http://britco.d5n.in/site/images/placement/12.png" alt="">
                            <h2 class="placement-title">THASHREEF</h2>
                            <h4 class="placement-subtitle">KANNUR<br>
                            NOW @ SHARJAH</h4>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12 blog-load-more wow bounceInDown" data-wow-delay=".6s">
                <div class="banner-scroll"><a href="javascript:void(0)"><span></span><span></span><span></span></a></div>
                <a href="javascript:void(0)" id="loadMore"> <button>Load More</button> </a>
            </div>
    </div>

Как видите, в каждой строке должно быть только 6 элементов (сведения о размещении учащихся). После каждых 6 итераций я хочу, чтобы это появлялось вместе с предыдущими закрывающими тегами.

<div class="col-md-12 placement-box wow fadeInUp" data-wow-delay=".4s" data-wow-duration="2s" id="#" style="visibility: visible; animation-duration: 2s; animation-delay: 0.4s; animation-name: fadeInUp; display: block;">
                <div class="placement-box-content">
                    <div class="row align-items-center"> 

Теперь я хочу, чтобы это происходило всякий раз, когда меняется год размещения. так что детали размещения нового года придут в новом ряду. Таким образом, я написал этот код ..

       <div class="row">


        @foreach($placements as $placement)
        @isset($placement->photo)
        @isset(json_decode($placement->photo,true)[0])
        @if($count%6 == 0 || $year != $placement->date->format('Y'))
            <div class="col-md-12 placement-box wow fadeInUp" data-wow-delay=".4s" data-wow-duration="2s" id="#">
                <div class="placement-box-content">
                    <div class="row align-items-center">
                    <div class="col-lg-12 col-md-12 pb-4">
                        <h5 class="wow slideInUp" data-wow-delay=".3s" style="margin-top: 10px !important;">Placement : {{$placement->date->format('Y')}}</h5>
                    </div>

        @endif
                        <div class="col-md-2 p-0 text-center">
                            <img src="{{asset('storage/'.json_decode($placement->photo)[0]->uri)}}" alt="">
                            <h2 class="placement-title">{{$placement->name}}</h2>
                            <h4 class="placement-subtitle">{{$placement->place}}<br>
                            NOW @ {{$placement->placed}} <br>
                            {{$placement->date}}</h4>
                        </div>
                        <?php   
                        if ($year != $placement->date->format('Y')){
                            $count = 0;
                            $year = $placement->date->format('Y');
                        }
                        else{
                            $year = $placement->date->format('Y');
                        }
                        $count++; ?>
                    <?php if($count%6 == 0){
                    echo'</div>
                </div>
            </div>';}

                     ?>
            @endisset
            @endisset
            @endforeach
                    </div>
                </div>
            </div>
            <div class="col-md-12 blog-load-more wow bounceInDown" data-wow-delay=".6s">
                <div class="banner-scroll"><a href="javascript:void(0)"><span></span><span></span><span></span></a></div>
                <a href="javascript:void(0)" id="loadMore"> <button>Load More</button> </a>
            </div>
    </div>
</section>

Переменные $year и $count инициируются в PlacementController, как это ..

  public function placement()
    {
        $placements = Placement::orderBy('date','desc')->get();
        $count = 0;
        $year  = 2020;
        return view('site.placement')->with(compact('placements', 'count', 'year'));
    }

Теперь проблема в чем-то написано после endforeach и до закрывающего тега </section> не отображается на веб-странице, которая включает кнопку просмотра еще ...

    <div class="col-md-12 blog-load-more wow bounceInDown" data-wow-delay=".6s">
        <div class="banner-scroll"><a href="javascript:void(0)"><span></span><span></span><span></span></a></div>
        <a href="javascript:void(0)" id="loadMore"> <button>Load More</button> </a>
    </div>

Я полагаю, что l oop не заканчивается или я не знаю Когда я удаляю

$year != $placement->date->format('Y') из первого условия @if, он работает нормально, но макет испорчен. Кто-нибудь может помочь, пожалуйста.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...