Gecko [ 35.178.45.201 ]

Name	Size	Permission
add.blade.php	2.73 KB	-rw-rw-r--
add_picture.blade.php	12.48 KB	-rw-rw-r--
apinearby.blade.php	4.94 KB	-rw-rw-r--
feed.blade.php	8.06 KB	-rw-rw-r--
googleda794cd9937527d01.html	40 B	-rw-r--r--
index.blade.php	3.18 KB	-rw-rw-r--
nearby.blade.php	5.82 KB	-rw-rw-r--
nearby.blade.save.php	3.41 KB	-rw-rw-r--
rate.blade.php	4.29 KB	-rw-rw-r--
reactfeed.blade.php	600 B	-rw-rw-r--
reviews.blade.php	3.15 KB	-rw-rw-r--
reviews.save.php	1.04 KB	-rw-rw-r--
reviewsfeed.blade.php	4.43 KB	-rw-rw-r--

Code Editor : apinearby.blade.php

@extends('layouts.base')

@section('stylesheets')
    @parent
    <link rel="stylesheet" href="/css/place-list.css">
    <style>
        tbody td {
            height: 50px;
        }

.form-control {
            display: block;
            width: 100%;
            padding: .5rem .75rem;
            font-size: 1rem;
            line-height: 1.25;
            color: #495057;
            background-color: #fff;
            background-image: none;
            background-clip: padding-box;
            border: 1px solid rgba(0,0,0,.15);
            border-radius: 0;
            transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        }

.btn-primary, .btn-primary:hover, .btn-primary:focus {
            font-weight: 700;
            color: white;
            border-color: #fed136;
            background-color: #fed136;
            font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            text-transform: uppercase;
            cursor: pointer;
            border-radius: 0;
        }
        
        .input-group .input-group-prepend, .place-find, .search-form .input-group-addon, .search-form button {
            height: 50px;
        }

/* Main.css */
        
        .input-group-addon {
            border-radius: 0;
        }

a, a:hover {
            text-decoration: none;
        }

.place-list, .row {
            margin-right: 0;
            margin-left: 0;
        }

.places-list-side {
            max-height: 100vh;
            overflow-y: auto;
        }

.detail-options-wrap {
            padding: 35px 0;
        }

.light-bg {
            background: #f3f4f7;
        }
    </style>
@endsection

@section('content')
    <div class="row place-list">
		<div class="col-sm-12 col-md-5 places-list-side">
			<form action="{{ route('placeSearch') }}" class="search-form nearby-form" id="nearby">
			    <div class="input-group">
			    	{{-- <div class="input-group-prepend">
			    		<select name="type" class="custom-select" style="width: 100%; border-radius: 0; margin: 0;">
			    			<option value="food">Food</option>
			    			<option value="place">Place</option>
			    		</select>
			    	</div> --}}
			        <input type="search" name="name" id="place" data-type="place" class="form-control place-find query" placeholder="Find place..." value="{{ $place ?? ''}}">
			        <div class="input-group-addon" style="padding: 0;">
			            <button class="btn btn-primary" style="border-radius: 0;">Find</button>
					</div>
				</div>
			</form>
			<table class="table table-striped">	
				<thead>
			        <tr>
			            <td>Name</td>
			            <td>Location</td>
			        </tr>
			    </thead>
			    <tbody id="places-list">
                    @for ($i = 0; $i < 10; $i++)
                        <tr>
                            <td>
                                <div class="skeleton-background"></div>
                            </td>
                            <td>
                                <div class="skeleton-background"></div>
                            </td>
                        </tr>
                    @endfor
			    </tbody>
            </table>
            <nav id="paginate">
                
            </nav>
		</div>
		<div class="col-sm-12 col-md-7 places-map">
			<div id="map">
                <div class="row load-map">
                    <div class="col-sm-12 mx-auto" style="display: flex;">
                        <div class="loading"></div>
                    </div>
                </div>
            </div>
		</div>
    </div>
    @if (Auth::user() && Auth::user()->role === 'admin')
		<div class="footer" style="position: fixed; bottom: 0; right: 0; left: 0;display: flex;">
			<div class="footer-link"><span></span></div>
			<div class="footer-link"><a style="width: 100%; height: 100%;" href="/place/new"><span class="plus">+</span></a></div>
		<div class="footer-link"></div>
	@endif
@endsection

@section('javascript')
	@parent
    <script src="/js/places-list.js"></script>
	<script>
		$(document).ready(function(){
            var state = {page: 1, ...JSON.parse(localStorage.getItem('location')), ...deserialize(location.search)};
            // console.log(state);
            const rowTemplate = (place) => `
                <tr>
					<td><a href="/places/${place.slug}" data-slug="${place.slug}" class="title-link">${place.name}</a></td>
					<td>
						${place.address}
					</td>
				</tr>
            `;

$("#paginate").on("click", function(e) {
				const $target = $(e.currentTarget);
				$target.attr('disabled', true);
                state = {...state, page: parseInt(state.page)+1};
				fetchApi();
			})

$('#place').on('keyup', function(e){
				search(e, result => {
					setTimeout(function(){
						$('.search-form').submit();
					}, 0)
				})
			})

placesList(document.getElementById('places-list'), rowTemplate, document.getElementById('paginate'));
		})
	</script>
@endsection

${this.title}

Code Editor : apinearby.blade.php