Skip to content
Snippets Groups Projects
Select Git revision
  • 5e7086514ab7c1eae25ea4d2580fc90157ca4364
  • master default
  • clement
  • fix_requirements
  • new_signup
  • interface_admin
  • hamza
  • dev
  • test
  • melissa
  • context_sheet
  • sorties_new
  • Seon82-patch-2
  • export_bdd
  • refactor/participation-user-link
15 results

common.py

Blame
  • 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>