Czech translation and default to English

fix typescript error & update pictures

Closes #64

See merge request geovisio/website!132

.drone.yml

@@ -0,0 +1,16 @@
+kind: pipeline
+name: default
+
+steps:
+- name: docker  
+  image: plugins/docker
+  settings:
+    registry: https://git.ivasoft.cz
+    username:
+      from_secret: repo_user
+    password:
+      from_secret: repo_pass
+    repo: git.ivasoft.cz/sw/geovisio-website
+    tags:
+      - latest
+      - ${DRONE_TAG:-latest}

CHANGELOG.md

@@ -7,6 +7,15 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 Before _0.1.0_, website development was on rolling release, meaning there are no version tags.
 
+## [2.5.1] - 2024-03-19
+
+### Added
+
+- Panel management to edit a sequence:
+  - 3 tabs to edit in a sequence page
+  - add the possibility to re-orient all the pictures of a sequence with a widget
+  - add the possibility to sort the pictures of a sequence
+
 ## [2.5.0] - 2024-03-11
 
 ### Changed
@@ -192,7 +201,8 @@ Before _0.1.0_, website development was on rolling release, meaning there are no
 - Header have now a new entry `Mes photos` when the user is logged to access to the sequence list
 - The router guard for logged pages has been changed to not call the api to check the token
 
-[unreleased]: https://gitlab.com/geovisio/website/-/compare/2.5.0...develop
+[unreleased]: https://gitlab.com/geovisio/website/-/compare/2.5.1...develop
+[2.5.1]: https://gitlab.com/geovisio/website/-/compare/2.5.0...2.5.1
 [2.5.0]: https://gitlab.com/geovisio/website/-/compare/2.4.1...2.5.0
 [2.4.1]: https://gitlab.com/geovisio/website/-/compare/2.4.0...2.4.1
 [2.4.0]: https://gitlab.com/geovisio/website/-/compare/2.3.1...2.4.0

package.json

@@ -1,6 +1,6 @@
 {
   "name": "geovisio-website",
-  "version": "2.5.0",
+  "version": "2.5.1",
   "engines": {
     "node": "18.16.1"
   },

src/components/sequence/PanelOrientationManagement.vue

@@ -38,7 +38,6 @@
       />
     </div>
     <div class="entry-button">
-      {{ isLoading }}
       <Button
         look="button--blue"
         :text="$t('pages.sequence.orientation_panel_button')"

src/locales/cs.json

@@ -0,0 +1,224 @@
+{
+  "general": {
+    "title": "Instance Panoramax",
+    "meta": {
+      "title": "Instance Panoramax",
+      "description": "Panoramax, bezplatná alternativa k fotomapování území"
+    },
+    "header": {
+      "login_text": "Připojit",
+      "register_text": "Registrovat",
+      "contribute_text": "Proč přispívat?",
+      "my_account": "Můj účet",
+      "upload_text": "+ Sdílejte obrázky",
+      "sequences_text": "Moje obrázky",
+      "alt_logo": "Logo instance",
+      "alt_photos": "Ikona obrázků",
+      "alt_information": "Ikona uživatele",
+      "alt_settings": "Ikona parametrů",
+      "alt_logout": "Ikona odhlášení",
+      "title": "Panoramax",
+      "beta_text": "Beta verze",
+      "logout_text": "Odhlásit se",
+      "my_information_text": "Moje detaily",
+      "my_settings_text": "Moje parametry",
+      "burger_menu_aria_label_open": "Zobrazit menu",
+      "burger_menu_aria_label_closed": "Skrýt nabídku"
+    },
+    "footer": {
+      "panoramax_site": "Objevte Panoramax",
+      "information_gitlab": "Zobrazit zdrojový kód",
+      "gitlab_logo": "Logo Gitlab",
+      "ay11_text": "Přístupnost: nevyhovuje"
+    },
+    "error_text": "Nastala chyba",
+    "success_text": "Aktualizace provedena"
+  },
+  "pages": {
+    "home": {
+      "report_mail": "?subject=⚠️ Nahlásit k obrázku {picId}&body=Hello, %0D%0A%0D%0A Problém na obrázku (typ problému ponechat nahlášený) : %0D%0A%0D%0A %0D%0A%0D%0A nevhodné obsah / chybějící rozmazání na prvku, který má být anonymizován nebo rozmazán z bezpečnostních důvodů / nadměrné rozmazání (příliš velké rozmazání) %0D%0A%0D%0A Odkaz na dotčenou fotografii: {link} %0D%0A%0D%0A Podrobnosti o dotčených prvky (zejména pro problémy s rozmazáním - co by mělo být rozmazané nebo nerozmazané?):",
+      "report_button_text": "Nahlásit tento obrázek",
+      "sequence_title": "Podívejte se na sekvenci",
+      "open_fullscreen": "Režim celé obrazovky",
+      "close_fullscreen": "Normální mód"
+    },
+    "settings": {
+      "title": "Moje tokeny",
+      "setting_tooltip": "Zobrazit nebo skrýt token"
+    },
+    "sequence": {
+      "sequence_published": "Publikováno",
+      "sequence_waiting": "Stále zpracovávám",
+      "sequence_hidden": "Skrytý",
+      "sequence_form_title": "Upravte název",
+      "hide_sequence_tooltip": "Skryjte tyto sekvence",
+      "back_button": "Zpět k mému seznamu sekvencí",
+      "delete_sequence_tooltip": "Trvale odstranit tuto sekvenci",
+      "hide_photo_tooltip": "Skrýt vybrané obrázky",
+      "delete_photo_tooltip": "Trvale odstranit vybrané snímky",
+      "conf_pic_msg": "⚠️ Vybrané fotografie budou trvale smazány",
+      "conf_sequence_msg": "⚠️ Tato sekvence bude trvale smazána",
+      "button_panel_photos": "Správa obrázků",
+      "button_panel_orientation": "Nastavte orientaci",
+      "button_panel_sort": "Posloupnost řazení",
+      "orientation_panel_title": "Úprava orientace všech fotografií v sekvenci",
+      "orientation_panel_tooltip": "Přetáhněte modrý rámeček požadovaným směrem\"",
+      "orientation_input_label": "nebo zde změňte úhel",
+      "orientation_input_placeholder": "Hodnota mezi -180 a 180",
+      "orientation_input_error_value": "Hodnota musí být mezi -180 a 180",
+      "orientation_panel_button": "Potvrďte pozici",
+      "orientation_updated": "Orientace aktualizována",
+      "sort_updated": "Sekvence seřazena",
+      "sort_panel_title": "Nastavení sekvenčního řazení",
+      "sort_panel_settings": "Seřadit sekvenci podle:",
+      "sort_panel_settings_order": "Objednat :",
+      "sort_panel_settings_order_increase": "Vzestupně",
+      "sort_panel_settings_order_decrease": "Klesající",
+      "sort_panel_check_gps": "Datum GPS",
+      "sort_panel_check_file": "Datum souboru",
+      "sort_panel_check_name": "Název souboru",
+      "created": "Nahráno:",
+      "taken": "Vyfoceno dne:",
+      "duration": "Doba trvání :",
+      "duration_begin": "Start :",
+      "duration_end": "Konec :",
+      "camera": "Fotoaparát :",
+      "button_delete": "Vymazat",
+      "button_disable": "Skrýt",
+      "button_enable": "Ukázat",
+      "picture_selected": "{count} obrázek vybrán| Počet vybraných obrázků: {count}",
+      "hours": "{count} hodina| {count} hodin",
+      "minutes": "{count} minut| {count} minut",
+      "seconds": "{count} sekund| {count} sekund",
+      "select_text": "Vybrat vše",
+      "unselect_text": "Odznačit vše",
+      "select_shift_text": "Vyberte více fotografií pomocí posunu",
+      "waiting_process": "Foto v procesu",
+      "broken": "Chyba zpracování fotografie",
+      "no_image": "V této sekvenci není žádný obrázek"
+    },
+    "sequences": {
+      "title": "Moje sekvence",
+      "filter_date_upload_title": "Filtrujte podle data nahrání",
+      "filter_date_title": "Filtrovat podle data focení:",
+      "radio_date_placeholder": "03/01/2024",
+      "radio_date": "datum",
+      "hide_button": "Skrýt",
+      "show_button": "Ukázat",
+      "delete_button": "Vymazat",
+      "filter_date_reset_button": "Resetovat",
+      "filter_date_close_button": "Zavřít",
+      "no_sequence_found": "Nebyla nalezena žádná sekvence",
+      "sequence_name": "název",
+      "sequence_photos": "Fotky",
+      "sequence_date": "Vyfoceno dne",
+      "sequence_creation": "nahrát",
+      "sequence_creation_tooltip": "Filtrujte podle data nahrání",
+      "sequence_date_tooltip": "Filtrujte podle data pořízení",
+      "reset_filter_button": "Resetujte filtry",
+      "filter_bbox_button": "Hledejte v této oblasti",
+      "sequence_status": "Postavení",
+      "sequence_published": "Publikováno",
+      "sequence_waiting": "Stále zpracovávám",
+      "sequence_hidden": "Skrytý",
+      "no_sequences_text": "Ještě nemáte zveřejněné žádné fotky 😢",
+      "button_upload": "Nahrajte obrázky",
+      "sequence_deleted": "Sekvence byla smazána"
+    },
+    "share_pictures": {
+      "title": "Proč přispívat na Panoramax?",
+      "description": "Přispívat do Panoramax znamená podílet se na vývoji geo-common, suverénního, bezplatného a opakovaně použitelného digitálního zdroje. Každou geolokalizovanou fotografii zveřejněnou na Panoramaxu může kdokoli použít k různým účelům, například místní úřad, který potřebuje sledovat stav svých silnic, nebo telekomunikační operátor k přípravě zásahu. Každý přispěvatel může posílat své obrazové sekvence, upravovat je a konzultovat je, stejně jako všechny pohledy – 360° nebo ne – přidané komunitou. Povinné rozmazání obličejů a SPZ je na platformě automatizované.",
+      "alt_img_map": "Ilustrace ženy při pohledu na mapu se svým geolokovaným smartphonem",
+      "card_photo1": "Místa viditelná z veřejné komunikace",
+      "card_photo2": "Fotografie zveřejněné ve formátu 360° nebo ne",
+      "card_photo3": "Snadno znovu použitelné fotografie",
+      "card_photo4": "Rychlý a snadný příspěvek k obrázku",
+      "card_alt_photo1": "Obrázek budovy",
+      "card_alt_photo2": "Obrázek ukazuje 360 ​​stupňů",
+      "card_alt_photo3": "Obrázek zobrazující mapu s ukazatelem",
+      "card_alt_photo4": "Obrázek představující ukazatel",
+      "card_description1": "Všechny fotografie pořízené z veřejné komunikace jsou přijímány, pokud jsou geolokovány a pozorovány ze země.",
+      "card_description2": "360° snímky nejsou povinné: stačí pouze fotografie pořízené chytrým telefonem. Data, umístění a formát jpg jsou jedinými předpoklady.",
+      "card_description3": "Všechny fotografie jsou snadno dostupné a znovu použitelné bez účtu: přes webové stránky nebo standardní API (standard STAC).",
+      "card_description4": "Pro usnadnění příspěvků je k dispozici několik nástrojů, včetně příkazového řádku a webového rozhraní.",
+      "upload_subtitle": "Jednoduše nahrajte své obrázky online",
+      "upload_illustration_alt": "Ilustrace zobrazující online nahrávání fotografií",
+      "upload_description": "Webová aplikace Panoramax vám umožňuje nahrát všechny vaše terénní fotografie ve formátu JPEG jediným kliknutím na tlačítko. Nejsou vyžadovány žádné znalosti programování. Pro větší čísla však doporučujeme použít nástroj příkazového řádku",
+      "upload_button": "+ Nahrát obrázky",
+      "command_line_subtitle": "Nástroj příkazového řádku",
+      "comment_install": "Nainstalujte nástroj příkazového řádku geovisio",
+      "comment_upload": "LanceSpusťte příkaz pro nahrání obrázku ve vybrané složce",
+      "description_terminal": "<a href='https://gitlab.com/geovisio/cli' target='_blank' style='color:black'>CLI</a> vám umožňuje sdílet velké objemy fotografií. Postup je jednoduchý a vyžaduje <a target='_blank' href='https://www.python.org/downloads/' style='color:black'>python (verze 3.8 nebo vyšší)</a>. Nástroj se před importem zeptá na vaše přihlašovací údaje. Po nahrání obrázků je před zveřejněním vyžadována doba zpracování.",
+      "terminal_install": "pip install geovisio_cli",
+      "terminal_text": "upload geovisio --api-url {url} <DOSSIER_PHOTOS>",
+      "button_copy": "kopírovat",
+      "information_subtitle": "Zde jsou vaše fotografie přístupné všem:",
+      "information_text1": "Automaticky rozmazané v souladu s legislativou.",
+      "information_text2": "Nahrané obrázky budou zveřejněny pod {word}",
+      "information_text3": "V původním formátu a rozlišení pro různé opětovné použití.",
+      "information_about_title": "Potřebujete přístup k obrázkům?",
+      "information_about_description": "Pro načtení všech metadat a obrázků je k dispozici API. <a href='{docLink}' target='_blank' style='color:#0a1f69'> Více informací naleznete zde</a> Data se také zobrazují ve tvaru <a href='{docTiles}' target=' _blank' style='color:#0a1f69'>vektorových dlaždic</a>",
+      "doc_subtitle": "Potřebujete pomoci s přispěním do Panoramax?",
+      "doc_description": "Dokumentace Panoramax je k dispozici u nás a výukové programy můžete získat na fóru geo-commons.",
+      "doc_button": "Viz dokumentace",
+      "doc_illustration_alt": "Ilustrace postavy s listem dokumentů"
+    },
+    "upload": {
+      "title": "Přispějte na projekt Panoramax",
+      "description": "Pro velké objemy obrázků je vhodnější nástroj příkazového řádku.",
+      "know_more_button": "Přečtěte si více",
+      "input_label": "Přetáhněte své obrázky sem nebo klikněte na",
+      "import_word": "nahrát",
+      "import_type": "Pouze formát JPEG",
+      "subtitle_import": "Nahrání obrázku",
+      "title_sequence": "Název sekvence",
+      "description_title_sequence": "Ve výchozím nastavení bude názvem sekvence datum dne. Pokud chcete, můžete zde upravit název.",
+      "text_import": "Zde nahrajte své soubory jpg. Každý obrázek nebo série obrázků tvoří \"sekvenci\". Poté je můžete najít v sekci „moje obrázky“ a zvolit, zda je chcete skrýt, zobrazit nebo odstranit.",
+      "subtitle_process": "Zpracování nahrávání",
+      "uploading_process": "Nahrávání probíhá...",
+      "uploading_cancel": "Zrušit odesílání fotografií",
+      "cancel_message": "⚠️ Upozorňujeme, že stahování bude přerušeno, pokud potvrdíte a sekvence bude smazána.",
+      "sequence_title": "Sekvence",
+      "import": "Nahrávání",
+      "upload_pending": "Nahrávání probíhá...",
+      "images_count_text": "Obrázky byly nahrány",
+      "no_img_text": "zatím nebyl nahrán žádný obrázek",
+      "upload_done": "Nahrání sekvence bylo dokončeno",
+      "sequence_link": "Ukažte tuto sekvenci",
+      "edit_title_tooltip": "Upravte název sekvence",
+      "edit_placeholder_input": "Upravte název sekvence",
+      "ok_button": "OK",
+      "pictures_error": "{count} obrázek se nepodařilo nahrát| {count} obrázků se nepodařilo nahrát",
+      "sequence_loading_information": "Po nahrání bude sekvence zpracována a poté zveřejněna na Panoramaxu (obvykle během několika minut).",
+      "sequence_loaded_information": "Sekvence byly nahrány a zpracovává se. Během pár minut by měl být veřejně dostupný na Panoramaxu.",
+      "leave_message": "⚠️ VAROVÁNÍ, pokud stránku opustíte před koncem, stahování se přeruší.",
+      "error_button": "Zobrazit chyby",
+      "modal_error_title": "Chybné obrázky"
+    },
+    "ay11": {
+      "title": "Déclaration d'accessibilité",
+      "date": "Établie le 18 září 2023.",
+      "introduction": "Služba IGN je přístupná, v souladu s článkem 47 ze zákona č. 2005-102 z 11. února 2005. Prohlášení o přístupu k aplikaci pro Panoramax Instance IGN.ign: https://panora. fr",
+      "subtitle_conformity": "État de conformité",
+      "conformity_text": "Instance Panoramax IGN není konformní průměr",
+      "conformity_text2": "Le site n'a encore pas été audité.",
+      "subtitle_conformity2": "Nepřístupný obsah",
+      "subtitle_increase": "Améliorace a kontakt",
+      "increase_text": "Pokud se k vám připojíte a připojíte se k servisu, je odpovědný kontaktér společnosti Panoramax Instance IGN nalézající se v jiné orientaci nebo alternativě, která je přístupná nebo získaná v souladu s vlastní formou.",
+      "phone": "Telefon: +33 14 398 84 61",
+      "email_text": "E-mailem :",
+      "email": "signalement.ign@panoramax.fr",
+      "address": "Adresa: IGN, Saint-Mandé",
+      "increase_info": "Nous essayons de répondre dans les 5 jours ouvrés.",
+      "subtitle_to_do": "Voie de recours",
+      "to_do_text": "Postup uživatele v daném případu : vous avez signalé au odpovědný z webu internet a défaut d'accessibilité qui vous empêche d'accessider à un contenu ou à un des services du satiss a vous obtenu.n'a pasis vous pouvez:",
+      "write_message": "Écrire un message au",
+      "defenseur_droits": "Défenseur des droits",
+      "contact": "Kontaktní osoba",
+      "contact_text": "le délégué du Défenseur des droits dans votre région",
+      "send_letter": "Envoyer un courier par la poste (gratuit, ne pas mettre de timbre): Défenseur des droits Libre réponse 71120 75342 Paris CEDEX 07",
+      "end": "Cette déclaration d'accessibilité a été créé le 18. září 2023 grâce au",
+      "generator_betagouv": "Générateur de Déclaration d'Accessibilité de BetaGouv"
+    }
+  }
+}

src/locales/en.json

@@ -67,6 +67,8 @@
       "orientation_input_placeholder": "Value between -180 and 180",
       "orientation_input_error_value": "Value must be between -180 and 180",
       "orientation_panel_button": "Validate position",
+      "orientation_updated": "Orientation updated",
+      "sort_updated": "Sequence sorted",
       "sort_panel_title": "Sequence sort setting",
       "sort_panel_settings": "Sort sequence by:",
       "sort_panel_settings_order": "Order :",
@@ -100,7 +102,6 @@
       "filter_date_upload_title": "Filter by upload date",
       "filter_date_title": "Filter by shooting date :",
       "radio_date_placeholder": "03/01/2024",
-      "radio_datetime_placeholder": "03/01/2024 12:00 AM",
       "radio_date": "date",
       "hide_button": "Hide",
       "show_button": "Show",
@@ -114,6 +115,7 @@
       "sequence_creation": "Upload",
       "sequence_creation_tooltip": "Filter by uploaded date",
       "sequence_date_tooltip": "Filter by shooting date",
+      "reset_filter_button": "Reset the filters",
       "filter_bbox_button": "Search on this area",
       "sequence_status": "Status",
       "sequence_published": "Published",

src/locales/hu.json

@@ -67,6 +67,8 @@
       "orientation_input_placeholder": "-180 és 180 közötti érték",
       "orientation_input_error_value": "Az értéknek -180 és 180 között kell lennie",
       "orientation_panel_button": "Pozíció ellenőrzése",
+      "orientation_updated": "A tájolás megváltozott",
+      "sort_updated": "A sorozat jól van rendezve",
       "sort_panel_title": "Szekvenciás rendezés beállítása",
       "sort_panel_settings": "Sorrend rendezése:",
       "sort_panel_settings_order": "Rendelés :",
@@ -100,7 +102,6 @@
       "filter_date_upload_title": "Szűrés feltöltés dátuma szerint :",
       "filter_date_title": "Szűrés forgatás dátuma szerint :",
       "radio_date_placeholder": "03/01/2024",
-      "radio_datetime_placeholder": "03/01/2024 12:00 AM",
       "radio_date": "dátum",
       "hide_button": "Elrejt",
       "show_button": "Előadás",
@@ -114,6 +115,7 @@
       "sequence_creation": "Feltöltés ideje",
       "sequence_creation_tooltip": "Szűrés feltöltés dátuma szerint",
       "sequence_date_tooltip": "Szűrés forgatás dátuma szerint",
+      "reset_filter_button": "Szűrők visszaállítása",
       "filter_bbox_button": "Keresés ezen a területen",
       "sequence_status": "Állapot",
       "sequence_published": "Közzétéve",

src/main.ts

@@ -12,6 +12,7 @@ import { pinia } from './store'
 import fr from './locales/fr.json'
 import en from './locales/en.json'
 import hu from './locales/hu.json'
+import cs from './locales/cs.json'
 import './assets/main.scss'
 import 'bootstrap/dist/css/bootstrap.css'
 import 'bootstrap-icons/font/bootstrap-icons.css'
@@ -31,14 +32,15 @@ const matomoExist = matomoHost && matomoSiteId
 
 const i18n = createI18n({
   locale: navigator.language.split('-')[0],
-  fallbackLocale: 'fr',
+  fallbackLocale: 'en',
   warnHtmlMessage: false,
   globalInjection: true,
   legacy: false,
   messages: {
     fr,
     en,
-    hu
+    hu,
+    cs
   }
 })
 

src/utils/mapAndViewer.ts

@@ -1,29 +0,0 @@
-import axios from 'axios'
-
-async function getIgnTiles(): Promise<object | string> {
-  try {
-    const { data } = await axios.get(
-      'https://wxs.ign.fr/essentiels/static/vectorTiles/styles/PLAN.IGN/attenue.json'
-    )
-    data.sources.plan_ign.scheme = 'xyz'
-    data.sources.plan_ign.attribution = 'Données cartographiques : © IGN'
-    const objIndex = data.layers.findIndex(
-      (el: { id: string }) => el.id === 'toponyme - parcellaire - adresse'
-    )
-    data.layers[objIndex].layout = {
-      ...data.layers[objIndex].layout,
-      'text-field': [
-        'concat',
-        ['get', 'numero'],
-        ['get', 'indice_de_repetition']
-      ]
-    }
-    // Patch tms scheme to xyz to make it compatible for Maplibre GL JS / Mapbox GL JS
-    // Patch num_repetition
-    return data
-  } catch (error) {
-    return 'https://tile-vect.openstreetmap.fr/styles/basic/style.json'
-  }
-}
-
-export { getIgnTiles }

src/views/MySequenceView.vue

@@ -228,6 +228,7 @@ let itemSelected = ref<string>('')
 let isLoading = ref<boolean>(false)
 let isLoadingTitle = ref<boolean>(false)
 let isLoadingOrient = ref<boolean>(false)
+let isLoadingSort = ref<boolean>(false)
 let seqDegrees = ref<number>(0)
 let seqBruteDeg = ref<number>(0)
 let panelView = ref<string>('photos')
@@ -378,7 +379,9 @@ function toggleMenu() {
   setHeightValue()
 }
 
-function formatSequenceFetched(collectionInfo: ResponseUserSequenceInterface) {
+function formatSequenceFetched(
+  collectionInfo: ResponseUserSequenceInterface
+): void {
   const times = ['hours', 'minutes', 'seconds']
   sequence.value = {
     ...collectionInfo,
@@ -449,22 +452,28 @@ function triggerCheck(value: CheckboxInterface): void {
 }
 async function orientSequence(value: number): Promise<void> {
   isLoadingOrient.value = true
-  await patchACollection(route.params.id, {
-    relative_heading: value
-  })
-  const fetchCollectionInfo = await fetchCollection(route.params.id)
-  formatSequenceFetched(fetchCollectionInfo.data)
+  const { data }: { data: ResponseUserSequenceInterface } =
+    await patchACollection(route.params.id, {
+      relative_heading: value
+    })
+  formatSequenceFetched(data)
   if (viewerRef.value) viewerRef.value.viewer.clearPictureMetadataCache()
   sequenceStore.addToastText(t('pages.sequence.orientation_updated'), 'success')
   isLoadingOrient.value = false
 }
 async function sortSequence(value: string): Promise<void> {
-  await patchACollection(route.params.id, {
-    sortby: value
-  })
-  const fetchCollectionInfo = await fetchCollection(route.params.id)
-  formatSequenceFetched(fetchCollectionInfo.data)
+  isLoadingSort.value = true
+  const { data }: { data: ResponseUserSequenceInterface } =
+    await patchACollection(route.params.id, {
+      sortby: value
+    })
+  formatSequenceFetched(data)
+  const collItems = await fetchCollectionItems(route.params.id, '?limit=100')
+  selfLink.value = collItems.data.links.filter((el) => el.rel === 'self')
+  paginationLinks.value = formatPaginationItems(collItems.data.links)
+  pictures.value = collItems.data.features
   sequenceStore.addToastText(t('pages.sequence.sort_updated'), 'success')
+  isLoadingSort.value = false
 }
 function selectPhotoToDeleteOrPatch(
   item: ResponseUserPhotoInterface

src/views/utils/sequence/request.ts

@@ -2,7 +2,8 @@ import axios from 'axios'
 import type {
   ResponseUserPhotoInterface,
   ResponseUserPhotoLinksInterface,
-  ResponseUserSequenceInterface
+  ResponseUserSequenceInterface,
+  UserSequenceInterface
 } from '@/views/interfaces/MySequenceView'
 
 function deleteACollection(collectionId: string | string[]): Promise<unknown> {
@@ -12,14 +13,14 @@ function deleteACollection(collectionId: string | string[]): Promise<unknown> {
 function patchACollection(
   collectionId: string | string[],
   fieldObject: object
-): Promise<unknown> {
+): Promise<{ data: ResponseUserSequenceInterface }> {
   return axios.patch(`api/collections/${collectionId}`, fieldObject)
 }
 
 function deleteACollectionItem(
   collectionId: string | string[],
   itemId: string
-): Promise<unknown> {
+): Promise<{ data: UserSequenceInterface }> {
   return axios.delete(`api/collections/${collectionId}/items/${itemId}`)
 }