Creepso/migu
1
0
Fork 0
mirror of https://github.com/NoCrypt/migu.git synced 2026-04-04 16:49:42 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: home section re-ordering on android

Browse source
This commit is contained in:
ThaUnknown 2024-08-20 17:42:18 +02:00
parent 246e713c6e
commit a50b78590f
1 changed files with 22 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
common/views/Settings/HomeSectionsSettings.svelte
View file

@ -1,6 +1,7 @@
<script>
import { click } from '@/modules/click.js'
import { sections } from '@/modules/sections.js'
import { SUPPORTS } from '@/modules/support.js'
const allowedHomeSections = sections.map(({ title }) => title)
export let homeSections
@ -20,6 +21,15 @@
draggingItemIndex = hoveredItemIndex
}
}
function moveItem (index, direction) {
if (direction === 'up' && index > 0) {
[homeSections[index], homeSections[index - 1]] = [homeSections[index - 1], homeSections[index]]
} else if (direction === 'down' && index < homeSections.length - 1) {
[homeSections[index], homeSections[index + 1]] = [homeSections[index + 1], homeSections[index]]
}
homeSections = homeSections
}
</script>
{#if mouseYCoordinate}
@ -59,9 +69,18 @@
draggingItem = null
hoveredItemIndex = null
}}>
<div class='input-group-prepend grab'>
<span class='input-group-text d-flex justify-content-center px-5 material-symbols-outlined font-size-20'>swap_vert</span>
</div>
{#if !SUPPORTS.isAndroid}
<div class='input-group-prepend grab'>
<span class='input-group-text d-flex justify-content-center px-5 material-symbols-outlined font-size-20'>swap_vert</span>
</div>
{:else}
<div class='input-group-prepend'>
<button use:click={() => moveItem(index, 'up')} class='input-group-text d-flex justify-content-center px-5 material-symbols-outlined font-size-20 pointer'>arrow_upward</button>
</div>
<div class='input-group-prepend'>
<button use:click={() => moveItem(index, 'down')} class='input-group-text d-flex justify-content-center px-5 material-symbols-outlined font-size-20 pointer'>arrow_downward</button>
</div>
{/if}
<select class='form-control bg-dark w-300 mw-full' bind:value={homeSections[index]}>
{#each allowedHomeSections as section}
<option>{section}</option>