Skip to content
Snippets Groups Projects
Select Git revision
  • 59da932067f2d6e91eff19617106c43814550e6b
  • main default
  • tp2
  • tp1
  • tp3
  • tp2-correction
  • tp1-correction
  • admins
8 results

Expression.cpython-310.pyc

Blame
  • Forked from an inaccessible project.
    Users.vue 993 B
    <template>
      <h1>Users</h1>
      <AddUser @userAdded="fetchUsers()" />
      <UsersTable v-if="users.length" :users="users" @userDeleted="fetchUsers()" />
      <div v-if="usersLoadingError">{{ usersLoadingError }}</div>
    </template>
    
    <script>
    // @ is an alias to /src
    import UsersTable from "@/components/UsersTable.vue";
    import AddUser from "@/components/AddUser.vue";
    import axios from "axios";
    
    export default {
      name: "Users",
      components: {
        AddUser,
        UsersTable,
      },
      data: function () {
        return {
          users: [],
          usersLoadingError: "",
        };
      },
      methods: {
        fetchUsers: function () {
          axios
            .get(`${process.env.VUE_APP_BACKEND_BASE_URL}/users`)
            .then((response) => {
              this.users = response.data.users;
            })
            .catch((error) => {
              this.usersLoadingError = "An error occured while fetching users.";
              console.error(error);
            });
        },
      },
      mounted: function () {
        this.fetchUsers();
      },
    };
    </script>