From 8c8ee101f2840c1cdf2378b171202bf33435c4b9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Mon, 16 Mar 2020 13:11:58 +0100
Subject: [PATCH] Manage displayed photos via the API

Define limits (for homepage carousel and photos per page on a place) in the site settings via a slider
---
 src/routes/_layout.svelte                    |  2 ++
 src/routes/index.svelte                      | 15 ++++++++++-----
 src/routes/location/[country]/[place].svelte |  2 +-
 3 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/routes/_layout.svelte b/src/routes/_layout.svelte
index f3a1a18..e519391 100644
--- a/src/routes/_layout.svelte
+++ b/src/routes/_layout.svelte
@@ -11,6 +11,8 @@
                         description
                         explore_globe
                         explore_list
+                        homepage_photos_limit
+                        photos_per_page
                         instagram
                         seo_name
                         seo_title_default
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index 067f915..7a117ab 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -1,15 +1,21 @@
 <script context="module">
-	import { apiEndpoints } from '../utils/store'
+	import { site, apiEndpoints } from '../utils/store'
 
-	// Preload data
+    // Variables
+    let limit
+
+	// Preload data (photos to display)
 	export async function preload (page, session) {
-        // Load random photos
+        // Fields
         const fields = [
             'id', 'name', 'image.private_hash',
             'location.id', 'location.name', 'location.slug', 'location.country.name'
         ]
+        // Random sort
         const sort = '?'
-        const limit = 5
+        // Get the limit from API
+        site.subscribe(store => limit = store.homepage_photos_limit)
+
         const req = await this.fetch(`${apiEndpoints.rest}/items/photos?fields=${fields.join()}&sort=${sort}&limit=${limit}`)
         const photos = await req.json()
 		if (req.ok) {
@@ -22,7 +28,6 @@
 <script>
     import { onMount } from 'svelte'
     import {
-        site,
         currentLocation,
         currentPhotos,
         pageReady,
diff --git a/src/routes/location/[country]/[place].svelte b/src/routes/location/[country]/[place].svelte
index fd5a2af..97114ca 100644
--- a/src/routes/location/[country]/[place].svelte
+++ b/src/routes/location/[country]/[place].svelte
@@ -72,7 +72,7 @@
     /*
     ** Pagination
     */
-    let photosPerPage = 2 // 12
+    let photosPerPage = $site.photos_per_page
     let currentIndex = photosPerPage
 
     // Hide photos by default