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

displayed success message on profile state change

Browse Source
This commit is contained in:
ajdj100
2025-12-17 10:29:25 -05:00
parent 50a94ae86f
commit 6f7a0bf3b2
1 changed files with 6 additions and 2 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>