fix: topics list is sortable

villetakanen · Dec 8, 2021 · eeae50b · eeae50b
1 parent 49ebdda
commit eeae50b
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 3 deletions.
diff --git a/src/assets/icons/dark/move-up.svg b/src/assets/icons/dark/move-up.svg
diff --git a/src/assets/icons/light/move-up.svg b/src/assets/icons/light/move-up.svg
diff --git a/src/components/material/iconslist.json b/src/components/material/iconslist.json
@@ -31,6 +31,7 @@
     "keeper",
     "lightbulb",
     "mekanismi",
+    "move-up",
     "monsters",
     "pages",
     "pathfinder-logo",

diff --git a/src/components/site/SiteCategoriesCard.vue b/src/components/site/SiteCategoriesCard.vue
@@ -7,11 +7,17 @@
 
       <List>
         <ListItem
-          v-for="category in site.pageCategories"
+          v-for="(category, index) in site.pageCategories"
           :key="category.slug"
         >
           {{ category.name }}
           <template #action>
+            <Icon
+              v-if="index > 0"
+              small
+              name="move-up"
+              @click="moveUp(index)"
+            />
             <Button
               text
               @click.prevent="dropCategory(category.slug)"
@@ -20,7 +26,6 @@
                 xs
                 name="delete"
               />
-              {{ $t('action.delete') }}
             </Button>
           </template>
         </ListItem>
@@ -83,7 +88,18 @@ export default defineComponent({
       })
     }
 
-    return { addCategory, site, newCatName, newCatSlug, dropCategory }
+    const moveUp = (index: number) => {
+      const newCategories = [...site.value.pageCategories]
+      const tmp = newCategories[index]
+      newCategories[index] = newCategories[index - 1]
+      newCategories[index - 1] = tmp
+      updateSite({
+        id: site.value.id,
+        pageCategories: newCategories
+      })
+    }
+
+    return { addCategory, site, newCatName, newCatSlug, dropCategory, moveUp }
   }
 })
 </script>