17th-Ranger-Battalion-ORG/milsim-site-v4
8
1
Fork 0
Code Issues 38 Pull Requests 1 Actions 3 Packages Projects 1 Releases 14 Wiki Activity

Profile-Settings-page-permission-fix #116

Merged
Ajdj100 merged 3 commits from Profile-Settings-page-permission-fix into main 2025-12-17 09:28:45 -06:00
Conversation 0 Commits 3 Files Changed 2 +7 -3
2 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
ui/src/pages/MyProfile.vue
View File

@@ -11,6 +11,7 @@ import { useMemberDirectory } from "@/stores/memberDirectory";
import { useUserStore } from "@/stores/user"; import { useUserStore } from "@/stores/user";
const saving = ref(false); const saving = ref(false);
const saveSuccess = ref(false);
const loading = ref(true); const loading = ref(true);
const showLoading = ref(false); const showLoading = ref(false);
const form = ref<memberSettings>(); const form = ref<memberSettings>();
@@ -20,12 +21,14 @@ const userStore = useUserStore()
function saveSettings() { function saveSettings() {
saving.value = true; saving.value = true;
saveSuccess.value = false;
setTimeout(async () => { setTimeout(async () => {
// Replace with your API save call // Replace with your API save call
setMemberSettings(form.value); setMemberSettings(form.value);
saving.value = false; saving.value = false;
memberDictionary.invalidateMember(userStore.user.id) memberDictionary.invalidateMember(userStore.user.member.member_id)
saveSuccess.value = true;
}, 800); }, 800);
} }
@@ -74,7 +77,8 @@ onMounted(async () => {
</CardContent> </CardContent>
</Transition> </Transition>
<CardFooter class="flex justify-end"> <CardFooter class="flex justify-end gap-5 items-center">
<p v-if="saveSuccess" class="text-green-500">Profile saved</p>
<Button @click="saveSettings" :disabled="saving"> <Button @click="saveSettings" :disabled="saving">
{{ saving ? "Saving..." : "Save Changes" }} {{ saving ? "Saving..." : "Save Changes" }}
</Button> </Button>

2
ui/src/router/index.js
View File

@@ -16,7 +16,7 @@ const router = createRouter({
{ path: '/members', component: () => import('@/pages/memberList.vue'), meta: { requiresAuth: true, memberOnly: true } }, { path: '/members', component: () => import('@/pages/memberList.vue'), meta: { requiresAuth: true, memberOnly: true } },
{ path: '/loa', component: () => import('@/pages/SubmitLOA.vue'), meta: { requiresAuth: true, memberOnly: true } }, { path: '/loa', component: () => import('@/pages/SubmitLOA.vue'), meta: { requiresAuth: true, memberOnly: true } },
{ path: '/transfer', component: () => import('@/pages/Transfer.vue'), meta: { requiresAuth: true, memberOnly: true } }, { path: '/transfer', component: () => import('@/pages/Transfer.vue'), meta: { requiresAuth: true, memberOnly: true } },
{ path: '/profile', component: () => import('@/pages/MyProfile.vue'), meta: { requiresAuth: true, memberOnly: true } }, { path: '/profile', component: () => import('@/pages/MyProfile.vue'), meta: { requiresAuth: true } },
{ path: '/calendar', component: () => import('@/pages/Calendar.vue') }, { path: '/calendar', component: () => import('@/pages/Calendar.vue') },