moved trycatch to the correct location lol

keepr.client/src/components/KeepModalButtons.vue

@@ -67,14 +67,25 @@ export default {
       },
 
       async deleteKeep() {
-        await keepsService.delete(props.keep.id)
+        try {
-        Modal.getOrCreateInstance(document.getElementById("keepModal")).hide();
+          await keepsService.delete(props.keep.id)
-        // do more things
+          Modal.getOrCreateInstance(document.getElementById("keepModal")).hide();
+          
+        } catch (error) {
+          logger.error(error)
+          Pop.toast(error)
+        }
       },
 
       async addToVault(vaultId) {
-        await vaultKeepsService.create(props.keep.id, vaultId)
+        try {
-        Modal.getOrCreateInstance(document.getElementById("keepModal")).hide();
+          await vaultKeepsService.create(props.keep.id, vaultId)
+          Modal.getOrCreateInstance(document.getElementById("keepModal")).hide();
+          
+        } catch (error) {
+          logger.error(error)
+          Pop.toast(error)
+        }
       }
     }
   }

keepr.client/src/components/KeepsList.vue

@@ -1,20 +0,0 @@
-<template>
-  <div class="component">
-    keeps list
-
-  </div>
-</template>
-
-
-<script>
-export default {
-  setup(){
-    return {}
-  }
-}
-</script>
-
-
-<style lang="scss" scoped>
-
-</style>

keepr.client/src/components/NewKeepModal.vue

@@ -54,17 +54,20 @@ export default {
       tags: "",
 
       async createKeep() {
-        let newKeep = {
+        try {
-          name: this.name,
+          let newKeep = {
-          img: this.img,
+            name: this.name,
-          description: this.description
+            img: this.img,
-          // ,tags: this.tags
+            description: this.description
+            // ,tags: this.tags
+          }
+          await keepsService.create(newKeep)
+          Modal.getOrCreateInstance(document.getElementById("newKeepModal")).hide()
+          
+        } catch (error) {
+          logger.error(error)
+          Pop.toast(error0)
         }
-        await keepsService.create(newKeep)
-        Modal.getOrCreateInstance(document.getElementById("newKeepModal")).hide();
-
-        // reload vaults
-        // close modal
       }
     }
   }

keepr.client/src/components/NewVaultModal.vue

@@ -47,14 +47,20 @@ export default {
         isPrivate: false,
 
       async createVault() {
-        let newVault = {
+        try {
-            name: this.name,
+          let newVault = {
-            img: this.img,
+              name: this.name,
-            isPrivate: this.isPrivate
+              img: this.img,
-          }
+              isPrivate: this.isPrivate
-
+            }
-        await vaultsService.createVault(newVault)
+  
-        Modal.getOrCreateInstance(document.getElementById("newVaultModal")).hide();
+          await vaultsService.createVault(newVault)
+          Modal.getOrCreateInstance(document.getElementById("newVaultModal")).hide();
+          
+        } catch (error) {
+          logger.error(error)
+          Pop.toast(error)
+        }
       }
     }
   }

keepr.client/src/components/VaultKeepModalButtons.vue

@@ -54,17 +54,26 @@ export default {
       },
 
       async removeFromVault() {
-        // props.keep don't have vaultKeepId...
+        try {
-        logger.log(props.keep)
+          await vaultKeepsService.delete(props.keep.vaultKeepId)
-        await vaultKeepsService.delete(props.keep.vaultKeepId)
+          Modal.getOrCreateInstance(document.getElementById("keepModal")).hide();
-        Modal.getOrCreateInstance(document.getElementById("keepModal")).hide();
+          
+        } catch (error) {
+          logger.error(error)
+          Pop.toast(error)
+        }
       },
 
       async deleteKeep() {
-        await keepsService.delete(props.keep.id)
+        try {
-        await vaultKeepsService.delete(props.keep.vaultKeepId)
+          await keepsService.delete(props.keep.id)
-        Modal.getOrCreateInstance(document.getElementById("keepModal")).hide();
+          await vaultKeepsService.delete(props.keep.vaultKeepId)
-        // do more things
+          Modal.getOrCreateInstance(document.getElementById("keepModal")).hide();
+          
+        } catch (error) {
+          logger.error(error)
+          Pop.toast(error)
+        }
       }
     }
   }

keepr.client/src/pages/HomePage.vue

@@ -35,11 +35,18 @@ export default {
         return {
             keeps: computed(() => AppState.keeps),
             activeKeep: computed(() => AppState.activeKeep),
+
             viewKeep(keep) {
+              try {
                 // AppState.activeKeep = keep;
                 // make API call to trigger view counter
                 keepsService.getById(keep.id)
                 Modal.getOrCreateInstance(document.getElementById("keepModal")).show();
+
+              } catch (error) {
+                logger.error(error)
+                Pop.toast(error)
+              }
             }
         };
     },

keepr.client/src/pages/ProfilePage.vue

@@ -81,11 +81,17 @@ export default {
             activeKeep: computed(() => AppState.activeKeep),
 
             async viewKeep(keep) {
+              try {
                 keep.creator = AppState.activeProfile;
                 // AppState.activeKeep = keep
                 // make API call to trigger view counter
                 keepsService.getById(keep.id)
                 Modal.getOrCreateInstance(document.getElementById("keepModal")).show();
+                
+              } catch (error) {
+                logger.error(error)
+                Pop.toast(error)
+              }
             },
 
             async viewVault(vault) {

keepr.client/src/pages/VaultPage.vue

@@ -60,17 +60,29 @@ export default {
       account: computed(() => AppState.account),
 
       async viewKeep(keep) {
-        // AppState.activeKeep = keep
+        try {
-        // make API call to trigger view counter
+          // AppState.activeKeep = keep
-        // debugger
+          // make API call to trigger view counter
-        await keepsService.getById(keep.id)
+          // debugger
-        AppState.activeKeep = keep
+          await keepsService.getById(keep.id)
-        Modal.getOrCreateInstance(document.getElementById('keepModal')).show()
+          AppState.activeKeep = keep
+          Modal.getOrCreateInstance(document.getElementById('keepModal')).show()
+          
+        } catch (error) {
+          logger.error(error)
+          Pop.toast(error)
+        }
       },
 
       async deleteVault() {
-        await vaultsService.delete(AppState.activeVault.id, AppState.vaultKeeps)
+        try {
-        router.push({ name: "Profile", params: { id: AppState.account.id } })
+          await vaultsService.delete(AppState.activeVault.id, AppState.vaultKeeps)
+          router.push({ name: "Profile", params: { id: AppState.account.id } })
+          
+        } catch (error) {
+          logger.error(error)
+          Pop.toast(error)
+        }
       }
     };
   },

keepr.client/src/services/KeepsService.js

@@ -5,49 +5,29 @@ import Pop from '../utils/Pop'
 
 class KeepsService {
   async getAll() {
-    try {
       const res = await api.get('api/keeps')
       AppState.keeps = res.data
-    } catch (error) {
-      logger.error(error)
-      Pop.error(error)
-    }
   }
 
   async getById(id) {
-    try {
       const res = await api.get('api/keeps/' + id)
       AppState.activeKeep = res.data
-    } catch (error) {
-      logger.error(error)
-      Pop.error(error)
-    }
   }
 
   async create(newKeep) {
-    try {
       const res = await api.post('api/keeps', newKeep)
       // logger.log(res.data)
       AppState.profileKeeps.push(res.data)
       AppState.keeps.push(res.data)
       // this.getAll()
-    } catch (error) {
-      logger.error(error)
-      Pop.error(error)
-    }
   }
 
   async delete(keepId) {
-    try {
       const res = await api.delete('api/keeps/' + keepId)
       // logger.log(res.data)
       // AppState.keeps.filter((k) => k.id != res.data)
       // AppState.keeps.filter((k) => k.id != keepId)
       this.getAll()
-    } catch (error) {
-      logger.error(error)
-      Pop.error(error)
-    }
   }
 }
 

keepr.client/src/services/ProfilesService.js

@@ -4,41 +4,25 @@ import { api } from './AxiosService'
 
 class ProfilesService {
   async getProfile(profileId) {
-    try {
       const res = await api.get('api/profiles/' + profileId)
       // logger.log(res.data)
       AppState.activeProfile = res.data
-    } catch (error) {
-      logger.error(error)
-    }
   }
 
   async getKeeps(profileId) {
-    try {
       const res = await api.get('api/profiles/' + profileId + '/keeps')
       AppState.profileKeeps = res.data
-    } catch (error) {
-      logger.error(error)
-    }
   }
 
   async getVaults(profileId) {
-    try {
       const res = await api.get('api/profiles/' + profileId + '/vaults')
       logger.log(res.data)
       AppState.profileVaults = res.data
-    } catch (error) {
-      logger.error(error)
-    }
   }
 
   async getMyVaults(profileId) {
-    try {
       const res = await api.get('api/profiles/' + profileId + '/vaults')
       AppState.myVaults = res.data
-    } catch (error) {
-      logger.error(error)
-    }
   }
 }
 

keepr.client/src/services/VaultKeepsService.js

@@ -6,28 +6,18 @@ import { vaultsService } from '../services/VaultsService'
 
 class VaultKeepsService {
   async create(keepId, vaultId) {
-    try {
       let newVaultKeep = {
         vaultId: vaultId,
         keepId: keepId
       }
       const res = await api.post('api/vaultkeeps', newVaultKeep)
       AppState.vaultKeeps.push(res.data)
-    } catch (error) {
-      logger.error(error)
-      Pop.error(error)
-    }
   }
 
   async delete(vaultKeepId) {
-    try {
       logger.log(vaultKeepId)
       await api.delete('api/vaultkeeps/' + vaultKeepId)
       await vaultsService.getVaultKeeps(AppState.activeVault.id)
-    } catch (error) {
-      logger.error(error)
-      Pop.error(error)
-    }
   }
 }
 

keepr.client/src/services/VaultsService.js

@@ -21,31 +21,17 @@ class VaultsService {
   }
 
   async createVault(vaultData) {
-    try {
       const res = await api.post('api/vaults', vaultData)
       // logger.log(res.data)
       // AppState.myVaults.push(res.data)
       profilesService.getVaults(AppState.account.id)
       AppState.myVaults = AppState.profileVaults
-    } catch (error) {
-      logger.error(error)
-      Pop.error(error)
-    }
   }
 
   async delete(vaultId, vaultKeeps) {
-    try {
-      // vaultKeeps will collect in db... if this isn't here
-      // for (let vk = 0; vk < vaultKeeps.length; vk++) {
-      //   await vaultKeepsService.delete(vaultKeeps[vk].id)
-      // }
       await api.delete('api/vaults/' + vaultId)
       profilesService.getVaults(AppState.account.id)
       AppState.myVaults = AppState.profileVaults
-    } catch (error) {
-      logger.error(error)
-      Pop.error(error)
-    }
   }
 }
 

todo.md

@@ -0,0 +1,8 @@
+add form validation to new keep and new vault
+upload images instead of linking them (BIG TASK)
+move trycatches to component (DONE)
+make more efficient to manipulate appstate without backend calls
+fix styling bug for bottom button on keeps without delete or remove buttons in vualt
+enable ability to add to vault from vaults that aren't yours
+add title/aria/alt accessibility tags to everything
+maybe add a shadow to the bottom of keep and vault cards?