Gecko [ 35.178.45.201 ]

Name	Size	Permission
.git	[ DIR ]	drwxr-xr-x
app	[ DIR ]	drwxr-xr-x
bootstrap	[ DIR ]	drwxr-xr-x
config	[ DIR ]	drwxr-xr-x
database	[ DIR ]	drwxr-xr-x
js	[ DIR ]	drwxr-xr-x
public	[ DIR ]	drwxr-xr-x
resources	[ DIR ]	drwxr-xr-x
routes	[ DIR ]	drwxr-xr-x
storage	[ DIR ]	drwxrwxrwx
tests	[ DIR ]	drwxr-xr-x
vendor	[ DIR ]	drwxr-xr-x
.babelrc	203 B	-rw-rw-r--
.editorconfig	213 B	-rw-rw-r--
.env	1.54 KB	-rwxr-xr-x
.env.example	514 B	-rw-rw-r--
.env.testing	776 B	-rw-rw-r--
.gitattributes	111 B	-rw-rw-r--
.gitignore	433 B	-rw-rw-r--
Dockerfile	717 B	-rw-rw-r--
artisan	1.65 KB	-rw-rw-r--
composer.json	1.94 KB	-rw-rw-r--
composer.lock	355.1 KB	-rw-rw-r--
docker-compose.yml	772 B	-rw-rw-r--
et --help	24.3 KB	-rw-rw-r--
nearby.save.blade	16.62 KB	-rw-rw-r--
package-lock.json	302.33 KB	-rw-rw-r--
package.json	904 B	-rw-rw-r--
phpunit.xml	1.21 KB	-rw-rw-r--
readme.md	3.83 KB	-rw-rw-r--
server.php	563 B	-rw-rw-r--
webpack.config.js	800 B	-rw-rw-r--
webpack.mix.js	498 B	-rw-rw-r--

Code Editor : nearby.save.blade

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no">
    <meta name="description" content="">
    <meta name="author" content="">

<title>Cravvings</title>
            <link rel="stylesheet" href="/css/html5doctor.css">
        <link href="/css/bootstrap44.min.css" rel="stylesheet">

.vex-overlay {
		z-index: 98;
	}

.vex.customVex {
	    width: 100%;
	    top: 0 !important;
	    background: transparent;
	    padding: 0;
	}

.customVex > .vex-content {
		width: 100%;
		max-width: 100%;
		background: transparent;
		padding: 0;
		display: inline-block;
		/*height: 0;*/
		margin-top: 0;
	}

.search-input .search-inner {
	    max-width: 100%;
	}

.vex-content .search-input .search-inner .inputs {
		margin-top: 0;
	}

.search-list {
		width: 100% !important;
	}

.search-top, .search-actual-results {
		width: 90%;
		margin: 0 auto;
	}

.form-check {
	    display: flex;
	    padding-right: 5px;
	    justify-content: space-between;
	}

.form-check {
		padding-left: 0;
	}

.enter-location {
		color: #C32022;
	}

@media (max-width: 1300px) {
		.search-list {
		    padding-left: 20px;
		}
	}

@media (max-width: 950px) {
		.search-list {
		    padding-left: 10px;
		}
	}

p {
		margin-bottom: 0;
	}

@media (max-width: 767px) {
		.search-top {
			width: 100%;
		}

.search-top {
			position: sticky;
			top: 0;
			background-color: #fff;
			padding-bottom: 5px;
		}

.search-list {
		    padding-left: 0;
		}

.search-input .search-inner .inputs {
		    margin-top: 0; 
		}

.search-input .search-inner input, .search-input .search-inner button {
		    height: 45px;
		    border-radius: 0 !important;
		    border-top: 0;
		}

.search-input .search-inner .full-search-rad {
		    border-radius: 0 !important;
		    border-left: 0;
		    border-right: 0;
		}

.optional-address {
			padding-left: 10px;
		}

.optional-address .fa {
			padding-right: 7px;
		}
	}

@media (max-width: 576px){
		#address {
		    padding-right: 120px;
		}

.get-location {
			right: 95px;
		}
	}

.search-wrapper {
		display: grid;
	}

.search-list {
		flex: 0 0 50%;
	}

.places-map {
		position: fixed;
		left: 50%;
		right: 0;
		bottom: 0;
		top: 0;
	}
</style>

</head>
  <body>
      <div class="row" id="loading">
          <div class="col-sm-12 mx-auto" style="display: flex;">
              <div class="loader"></div>
          </div>
      </div>

<div class="search-wrapper">
			<div class="search-list" style="overflow: auto; height: 100vh;">
				<section class="search-top">
				    <form action="/search" method="post" class="search-input wow pixFadeUp search-form" data-wow-delay="0.7s" data-pixsaas="search-subscribe" id="nearby">
				        <div class="search-inner">
				            <div class="inputs">
				                <div class="row">
				                    <div class="col-sm-12 food-cont">
				                        <input type="food" name="food" data-type="food" class="form-control full-search-rad place-find query" id="food" placeholder="What do you cravve?">
				                    </div>
				                </div>
				            </div>
				            <button type="submit" class="button button-primary"><span>Find</span></button>
				        </div>
				        <div class="clearfix"></div>
				        <div class="form-result alert" style="display: none;">
				            <div class="content"></div>
				        </div>
				    </form>
				    <div class="search-address optional-address" id="opt-add">
				        
				    </div>
				</section>
				
				<div class="search-actual-results">
					<div class="results-title">
					    <h3 id="search-title"></h3>
					</div>
					<div class="results-list" id="places-list">
						@for($i=0; $i<12; $i++)
							<div class="actual-result">
							    <div class="search-place-image">
							        <div class="skeleton-background"></div>
							    </div>
							    <div class="search-place-details">
							        <div class="search-highlight">
							            <div class="skeleton-background"></div>
							            <div class="skeleton-background"></div>
							            <div class="skeleton-background"></div>
							        </div>
							        <div class="place-title">
							            <h3><div class="skeleton-background"></div></h3>
							        </div>
							        <p class="place-address"><div class="skeleton-background"></div></p>
							        <hr>
							    </div>
							</div>
						@endfor
					</div>
				</div>
		        <div class="load-more" style="margin: 10px 0; text-align: center;">
					<button class="btn btn-warning" id="paginate">Load More</button>
				</div>
				<footer id="footer" class="footer-five">
		          <div class="suggest-wrapper">
		              <div class="suggest">
		                  <div class="suggest-image">
		                      <img src="/images/hanburg.svg" alt="Suggest a place">
		                  </div>
		                  <div class="suggest-content">
		                      <h3>Can't find a restaurant?</h3>
		                      <p>Did we miss out your favourite restaurant? Our apologies! Suggest a place and we will make sure you see it the next time you search.</p>
		                      <a href="/place/suggest" class="button button-warning suggest-a-place">SUGGEST A PLACE</a>
		                  </div>
		              </div>
		          </div>
		          <div class="container">
		              <div class="footer-inner wow pixFadeUp">
		                  <div class="row">
		                      <div class="col-sm-3 col-md-6">
		                          <img src="/images/icon.png" alt="" class="logo">
		                      </div>
		                  </div>
		                  <div class="row">
		                      <div class="col-lg-3 col-md-6">
		                          <div class="widget footer-widget">
		                              
		                              <ul class="footer-menu">
		                                  <li><a href="/business/register">Register your business</a></li>
		                                  <li><a href="#">How does Cravvings work?</a></li>
		                                  <li><a href="#">About Us</a></li>
		                              </ul>
		                          </div>
		                      </div>
		                      <div class="col-lg-3 col-md-6">
		                          <div class="widget footer-widget">
		                              
		                              <ul class="footer-menu">
		                                  <li><a href="/privacy">Privacy Policy</a></li>
		                                  <li><a href="#">Terms of use</a></li>
		                              </ul>
		                          </div>
		                      </div>
		                      <div class="col-lg-3 col-md-6">
		                          <div class="widget footer-widget">
		                              
		                              <ul class="footer-menu">
		                                  <li><a href="https://instagram.com/cravvingsapp" target="_blank"><i class="fa fa-instagram"></i> Instagram</a></li>
		                                  <li><a href="https://twitter.com/cravvingsapp" target="_blank"><i class="fa fa-twitter"></i> Twitter</a></li>
		                                  <li><a href="https://facebook.com/cravvingsapp" target="_blank"><i class="fa fa-facebook"></i> Facebook</a></li>
		                              </ul>
		                          </div>
		                      </div>
		                  </div>
		              </div>
		              <div class="site-info">
		                  <div class="copyright">
		                      <p>&copy; 2020 Cravvings. All Rights Reserved.</p>
		                  </div>
		              </div>
		          </div>
		      </footer>
			</div>
			<div class="places-map search-map" id="map" style="max-height: 100vh;">
					
			</div>
		</div>

var state = {page: 1, ...JSON.parse(localStorage.getItem('location')), ...deserialize(location.search)};

$(document).on('click', '.option-close', function(e){
				e.preventDefault();
				const $target = $(e.currentTarget);
				const propToRemove = $target.closest('.option').data('key');
				if(propToRemove === 'address'){
					localStorage.removeItem('location');
					delete state['longitude'];
					delete state['latitude'];
				}

if(propToRemove === 'food'){
					document.getElementById('food').value = '';
				}

delete state[propToRemove];

submit();
			});

const optAdd = document.getElementById('opt-add');
			optAdd.innerHTML = state.address ? optionTemplate(state.address) : '<div><a href="#" class="enter-location">Enter location</a></div>';
            // optAdd.innerHTML += opts;

document.getElementById('food').value = state.food ? state.food : "";
            document.getElementById('search-title').innerHTML = state.food ? state.food : "";

const placeTemplate = (place) => {
            	const searched = state.food;
            	// console.log(place)
            	return `
        <div class="actual-result">
            		    
            		    	<a href="/places/${place.slug}?q=${state.food || ''}" data-slug="${place.slug}">
            		        	<div class="search-place-image" style="background-image: url(${place.image && place.image.length ? place.image[0] : state.food && searchlist[state.food] ? searchlist[state.food] : '/images/resized/default.jpg'})">
            		        	</div>
            		        </a>
            		    
            		    <div class="search-place-details">
            		        <div class="search-highlight">
            		        	${place.food && state.food ? place.food
            		        	    .filter(
            		        	        food => {
            		        	            return food.name ? food.name.toLowerCase().includes(state.food.toLowerCase()) || food.description.toLowerCase().includes(state.food.toLowerCase()) : false
            		        	        })
            		        	            .slice(0, 3)
            		        	                .map(
            		        	                    food => `<span class="badge badge-warning">${capitalize(food.name)}</span>`
            		        	).join(" ") : ''}
            		        </div>
            		        <div class="place-title">
            		            <h3><a href="/places/${place.slug}?q=${state.food || ''}" data-slug="${place.slug}">${place.name}</a></h3>
            		        </div>
            		        <p class="place-address">${place.address}.</p>
            		        <hr>
            		    </div>
            		</div>
	                	
	            `;
            }

// placesList(document.getElementById('places-list'), placeTemplate, document.getElementById('paginate'), state);

var cleared;
			
			// Set up next page click listener
            $("#paginate").on("click", function(e) {
				const $target = $(e.currentTarget);
				$target.attr('disabled', true);
                state = {...state, page: parseInt(state.page)+1};
				pullstuff(state, loadPlaces);
				
			})
			
			// A utility function that takes 
			function pullstuff(state, fn){
				const load = document.getElementById('loading');
				load.style.display = "flex";
				fetchApi({...state})
				.then(places => {
					fn(places)
				})
				.catch(error => console.log(error))
				.finally(() => {
					load.style.display = "none";
				})
			}

function loadPlaces(places){
            	// console.log({places})
				if(places.data && places.data.length){
					const placesToAdd = places.data.map(place => placeTemplate(place)).join("")
					// Load Map on wide screens
					if (/Mobi|Android/i.test(navigator.userAgent)) {
						// mobile!
					}else {
						initMap(places.data)
					}

// if new search, replace content with place lise else append list
					if(!cleared){
						document.getElementById('places-list').innerHTML = placesToAdd;
						cleared = true;
					}else document.getElementById('places-list').innerHTML += placesToAdd; 
					$("#paginate").attr('disabled', false);
				}
				// If no data, show location input
				else if((places.message && places.message === 'Enter location') || !places.length){
					searchInput().then(loc => {
						state = {...state, ...loc};
						submit();
					}).catch(error => console.log(error))
				}

if(!places.next){
					document.querySelector('.load-more').innerHTML = "";	
				}
            }

pullstuff(state, loadPlaces);
			
			$(document).on('click', '.get-location', function(e){
				e.preventDefault();
				const $target = $(e.currentTarget);
				$target.addClass('animated pulse infinite')
				startMap().then(locate => {
					$target.closest('div').find('input').value = locate.address
					loc = locate
					$target.removeClass('animated pulse infinite')
					state = {...state, ...locate}
					submit();
				}).catch(error => alert(error))
			})

$(document).on('click', '.enter-location', function(e){
				e.preventDefault();
				searchInput(state.address).then(loc => {
                    state = {...state, ...loc};
                    submit();
                }).catch(error => console.log(error))
			});

// <img src="${place.image && place.image.length ? place.image[0] : state.food && searchlist[state.food] ? searchlist[state.food] : '/images/resized/default.jpg'}" alt="#">
    </script>

<div class="footers" style="position: fixed; bottom: 0; right: 0; left: 0;display: flex;">
          <div class="footers-link"><a style="width: 100%; height: 100%;" href="/place/new"><span class="plus">Add Place</span></a></div>
        </div>
</body>
</html>

${this.title}

Code Editor : nearby.save.blade