news-list.blade.php 8.04 KB
@extends('layout.frontend', ['title' => 'Список новостей - РекаМоре'])

@section('scripts')
    <script>
        console.log('Test system');
        $(document).on('change', '#jobs', function() {
            var val = $(this).val();
            var main_oskar = $('#Main_Ajax');

            console.log('Code='+val);
            console.log('Click change...');
            $.ajax({
                type: "GET",
                url: "{{ route('news') }}",
                data: "job="+val,
                success: function (data) {
                    console.log('Выбор сделан!');
                    console.log(data);
                    main_oskar.html(data);
                    history.pushState({}, '', "{{ route('news') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");
                },
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                error: function (data) {
                    data = JSON.stringify(data);
                    console.log('Error: ' + data);
                }
            });
        });

        $(document).on('click', '.js_send_it_button', function() {
            var this_ = $(this);
            var code_user_id = this_.attr('data-uid');
            var code_to_user_id = this_.attr('data-tuid');
            var code_vacancy = this_.attr('data-vacancy');
            var user_id = $('#_user_id');
            var to_user_id = $('#_to_user_id');
            var vacancy = $('#_vacancy');

            console.log('Клик на кнопки...');

            user_id.val(code_user_id);
            to_user_id.val(code_to_user_id);
            vacancy.val(code_vacancy);
        });

        $(document).on('change', '#sort_ajax', function() {
            var this_ = $(this);
            var val_ = this_.val();
            console.log('sort items '+val_);

            $.ajax({
                type: "GET",
                url: "{{ route('news') }}",
                data: "sort="+val_+"&block=1",
                success: function (data) {
                    console.log('Выбор сортировки');
                    console.log(data);
                    $('#main_ockar').html(data);
                    history.pushState({}, '', "{{ route('news') }}?sort="+val_+"@if (isset($_GET['page']))&page={{ $_GET['page'] }}@endif");
                },
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                error: function (data) {
                    data = JSON.stringify(data);
                    console.log('Error: ' + data);
                }
            });
        });

        $(document).ready(function(){
            var sel = $('#select2-sort_ajax-container');
            var key = getUrlParameter('sort');
            console.log(sel);
            console.log(key);

            if (key !=='') {
                console.log(key);
                switch (key) {
                    case "default": sel.html('Сортировка (по умолчанию)'); break;
                    case "name_up": sel.html('По имени (возрастание)'); break;
                    case "name_down": sel.html('По дате (убывание)'); break;
                    case "created_at_up": sel.html('По дате (возрастание)'); break;
                    case "created_at_down": sel.html('По дате (убывание)'); break;
                }

            }
        });
    </script>
    @include('js.favorite-vacancy')
@endsection
@section('content')
    <section class="thing">
        <div class="container">
            <form class="thing__body" action="{{ route('news') }}" method="GET">
                <ul class="breadcrumbs thing__breadcrumbs">
                    <li><a href="{{ route('index') }}">Главная</a></li>
                    <li><a href="{{ route('vacancies') }}">Вакансии</a></li>
                    <li><b>{{ isset($Name_categori[0]) ? $Name_categori[0]->name : 'Все категории' }}</b></li>
                </ul>
                <h1 class="thing__title">Вакансии</h1>
                <p class="thing__text">С другой стороны, социально-экономическое развитие не оставляет шанса для
                    существующих финансовых и административных условий.</p>
                <div class="search thing__search">
                    <input type="search" id="search" name="search" class="input" placeholder="Введите наименование статьи" value="@if (!empty($_GET['search'])) {{ $_GET['search'] }} @endif">
                    <button type="submit" class="button">Найти</button>
                    <span>
                            <svg>
                                <use xlink:href="{{ asset('images/sprite.svg#search') }}"></use>
                            </svg>
                        </span>
                </div>
            </form>
        </div>
    </section>
    <main class="main">
            <div class="container">
                <div class="main__employers">
                    <div class="filters">
                        <div class="filters__label" id="col-vo" name="col-vo">Показано @if ($Query_count < 3) {{$Query_count}} @else 6 @endif из @isset($Query_count) {{ $Query_count }} @else 0 @endisset результатов поиска</div>
                        <div class="filters__body">
                            <div class="select filters__select">
                                <select class="js-select2" id="sort_ajax" name="sort_ajax">
                                    <option value="default">Сортировка (по умолчанию)</option>
                                    <option value="name_up">По имени (возрастание)</option>
                                    <option value="name_down">По имени (убывание)</option>
                                    <option value="created_at_up">По дате (возрастание)</option>
                                    <option value="created_at_down">По дате (убывание)</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div id="Main_Ajax" name="Main_Ajax">

                        @if ($Query->count())
                        <div class="news__items">
                            @foreach ($Query as $Q)
                            <div class="news__item">
                                @if (!empty(asset(Storage::url($Q->image))))
                                    <img src="{{ asset(Storage::url($Q->image)) }}" alt="{{ $Q->title }}" class="news__item-pic">
                                @else
                                    <img src="{{ asset('images/8.jpg') }}" alt="{{ $Q->title }}" class="news__item-pic">
                                @endif
                                <div class="news__item-body">
                                    <time datetime="{{ date('d.m.Y H:i:s', strtotime($Q->created_at)) }}" class="news__item-date">{{ date('d.m.Y H:i:s', strtotime($Q->created_at)) }}</time>
                                    <span class="news__item-title">{{ $Q->title }}</span>
                                    <span class="news__item-text">{!! $Q->text !!}</span>
                                    <a href="{{ route('detail_new', ['new' => $Q->id]) }}" class="news__item-more button button_light">Читать далее</a>
                                </div>
                            </div>
                            @endforeach
                        </div>
                        {{ $Query->appends($_GET)->links('paginate') }}
                        @else
                            <div class="news__items">

                            </div>
                        @endif
                    </div>

                </div>
            </div>
        </main>
        </div>
@endsection