Elep

const placesList = (listWrapper, rowTemplate, paginateWrapper, state) => {
    fetchApi().then(places => {
        // console.log({places})
            if (/Mobi|Android/i.test(navigator.userAgent)) {
                // mobile!
            }else {
                initMap(places.data)
            }
            
            listWrapper.innerHTML = places.data.map(place => rowTemplate(place)).join("")
            delete places['data'];
            const {next_page_url, prev_page_url, current_page} = places
            var next = next_page_url ? serialize({...state, ...deserialize((new URL(next_page_url)).search)}) : null;
            var prev = prev_page_url ? serialize({...state, ...deserialize((new URL(prev_page_url)).search)}) : null;
            paginateWrapper.innerHTML = paginate({next, prev, current_page});
        })
    
    const paginate = (info) => `
        <ul class="pagination">
            <li class="page-item ${info.prev || 'disabled'}">
                <a class="page-link" href="${location.pathname + "?" + info.prev}" tabindex="-1">Previous</a>
            </li>
            <li class="page-item" disabled><a class="page-link">${info.current_page}</a></li>
            <li class="page-item ${info.next || 'disabled'}"">
                <a class="page-link" href="${location.pathname + "?" + info.next}">Next</a>
            </li>
        </ul>
    `
}