ichnaea/web/src/store/modules/athletes.ts

import {Action, Module, Mutation, VuexModule} from 'vuex-module-decorators'
import axios, {AxiosResponse} from "axios";

export interface AthleteInterface {
    _id: string,
    id: string,
    socketID: string,
    name: string,
    _trainer: string | undefined
}

@Module
export default class Athletes extends VuexModule {
    private athlete = <AthleteInterface>{};
    private athletes = [<AthleteInterface>{}];
    private err = <Error>{};

    get athlete_current() {
        return this.athlete;
    }

    get athlete_err() {
        return this.err;
    }

    @Mutation
    private api_athlete(athlete: AthleteInterface) {
        this.athlete = athlete;
    }

    @Mutation
    private api_athletes(athletes: [AthleteInterface]) {
        this.athletes = athletes;
    }

    @Mutation
    private athletes_logout() {
        this.athlete = <AthleteInterface>{};
        this.athletes = [<AthleteInterface>{}];
    }

    @Mutation
    private update_err(err: Error) {
        this.err = err;
    }

    @Mutation
    private athlete_addTrainer(trainerId: string) {
        this.athlete._trainer = trainerId;
    }

    @Mutation
    private athlete_deleteTrainer() {
        delete this.athlete['_trainer'];
    }

    @Action
    private athlete_getAll() {
        return new Promise((resolve, reject) => {
            axios({
                method: 'GET',
                url: '/api/athletes'
            })
                .then((resp: AxiosResponse) => {
                    this.context.commit('api_athletes', resp.data);
                    resolve(resp);
                })
                .catch((err: Error) => {
                    reject(err);
                });
        });
    }

    @Action
    private athlete_update() {
        return new Promise((resolve, reject) => {
            axios({
                method: 'PUT',
                url: `/api/athletes/${this.athlete._id}`,
                data: {...this.athlete}
            })
                .then((resp: AxiosResponse) => {
                    this.context.commit('api_athlete', resp.data);
                    resolve(resp);
                })
                .catch((err: Error) => {
                    reject(err);
                });
        });
    }

    @Action
    private athlete_saveLocal(athlete: AthleteInterface) {
        this.context.commit('api_athlete', athlete);
    }
}