manage-data pages

frontend/pages/group/data/categories.vue

@@ -73,6 +73,7 @@ import { useCategoryStore, useCategoryData } from "~/composables/store";
 import { RecipeCategory } from "~/lib/api/types/admin";
 
 export default defineComponent({
+  middleware: ["auth", "can-organize-only"],
   setup() {
     const { i18n } = useContext();
     const tableConfig = {

frontend/pages/group/data/foods.vue

@@ -201,8 +201,8 @@ import { useFoodStore, useLabelStore } from "~/composables/store";
 import { VForm } from "~/types/vuetify";
 
 export default defineComponent({
-
   components: { MultiPurposeLabel, RecipeDataAliasManagerDialog },
+  middleware: ["auth", "can-organize-only"],
   setup() {
     const userApi = useUserApi();
     const { i18n } = useContext();

frontend/pages/group/data/labels.vue

@@ -122,6 +122,7 @@ import { useLabelData, useLabelStore } from "~/composables/store";
 
 export default defineComponent({
   components: { MultiPurposeLabel },
+  middleware: ["auth", "can-organize-only"],
   setup() {
     const userApi = useUserApi();
     const { i18n } = useContext();

frontend/pages/group/data/recipes.vue

@@ -176,6 +176,7 @@ enum MODES {
 
 export default defineComponent({
   components: { RecipeDataTable, RecipeOrganizerSelector, GroupExportData, RecipeSettingsSwitches },
+  middleware: ["auth", "can-organize-only"],
   scrollToTop: true,
   setup() {
     const { getAllRecipes, refreshRecipes } = useRecipes(true, true);

frontend/pages/group/data/tags.vue

@@ -73,6 +73,7 @@ import { useTagStore, useTagData } from "~/composables/store";
 import { RecipeTag } from "~/lib/api/types/admin";
 
 export default defineComponent({
+  middleware: ["auth", "can-organize-only"],
   setup() {
     const { i18n } = useContext();
     const tableConfig = {

frontend/pages/group/data/tools.vue

@@ -80,6 +80,7 @@ import { useToolStore, useToolData } from "~/composables/store";
 import { RecipeTool } from "~/lib/api/types/admin";
 
 export default defineComponent({
+  middleware: ["auth", "can-organize-only"],
   setup() {
     const { i18n } = useContext();
     const tableConfig = {

frontend/pages/group/data/units.vue

@@ -218,6 +218,7 @@ import { VForm } from "~/types/vuetify";
 
 export default defineComponent({
   components: { RecipeDataAliasManagerDialog },
+  middleware: ["auth", "can-organize-only"],
   setup() {
     const userApi = useUserApi();
     const { i18n } = useContext();

frontend/pages/user/profile/index.vue

@@ -162,17 +162,16 @@
             </UserProfileLinkCard>
           </v-col>
         </AdvancedOnly>
-        <AdvancedOnly>
-          <v-col cols="12" sm="12" md="6">
-            <UserProfileLinkCard
-              :link="{ text: $tc('profile.manage-data'), to: `/group/data/foods` }"
-              :image="require('~/static/svgs/manage-recipes.svg')"
-            >
-              <template #title> {{ $t('profile.manage-data') }} </template>
-              {{ $t('profile.manage-data-description') }}
-            </UserProfileLinkCard>
-          </v-col>
-        </AdvancedOnly>
+        <!-- $auth.user.canOrganize should not be null because of the auth middleware -->
+        <v-col v-if="$auth.user.canOrganize" cols="12" sm="12" md="6">
+          <UserProfileLinkCard
+            :link="{ text: $tc('profile.manage-data'), to: `/group/data/foods` }"
+            :image="require('~/static/svgs/manage-recipes.svg')"
+          >
+            <template #title> {{ $t('profile.manage-data') }} </template>
+            {{ $t('profile.manage-data-description') }}
+          </UserProfileLinkCard>
+        </v-col>
         <AdvancedOnly>
           <v-col cols="12" sm="12" md="6">
             <UserProfileLinkCard
@@ -208,6 +207,7 @@ export default defineComponent({
     UserAvatar,
     StatsCards,
   },
+  middleware: ["auth"],
   scrollToTop: true,
   setup() {
     const { $auth, i18n } = useContext();