@@ -366,6 +389,31 @@
/>
+
+ {{ t("workout.virtualPowerBtn") }}
+
+ {{ t("workout.virtualPowerBikeType") }}
+
+ {{ t("workout.virtualPowerSurface") }}
+
+
+
+ {{ t("workout.virtualPowerCalculate") }}
+
+
+
+
>(() => {
yScaleById.yGroung.options,
);
push("power", "Мощность", data.power, "logAxis", yScaleById.logAxis.options);
+ push(
+ "virtualPower",
+ "Вирт. мощность",
+ data.virtualPower,
+ "logAxis",
+ yScaleById.logAxis.options,
+ );
return configs;
});
const collectCharts = () => {
@@ -1192,6 +1247,61 @@ onMounted(() => {
group.charts = collectCharts();
});
const axiosAuth = inject("axiosAuth") as AxiosInstance;
+
+const showVPModal = ref(false);
+const vpBikeType = ref("road");
+const vpSurface = ref("asphalt");
+const vpLoading = ref(false);
+
+const bikeTypeOptions = computed(() => [
+ { label: t("workout.virtualPowerRoad"), value: "road" },
+ { label: t("workout.virtualPowerOther"), value: "other" },
+]);
+const surfaceOptions = computed(() => [
+ { label: t("workout.virtualPowerAsphalt"), value: "asphalt" },
+ { label: t("workout.virtualPowerGravel"), value: "gravel" },
+ { label: t("workout.virtualPowerDirt"), value: "dirt" },
+ { label: t("workout.virtualPowerSnow"), value: "snow" },
+]);
+
+const emits = defineEmits(["vpCalculated"]);
+
+const calculateVP = () => {
+ vpLoading.value = true;
+ const id = workoutItem!.id;
+ axiosAuth
+ .post(`/api/v0/workouts/${id}/virtual-power`, {
+ bike_type: vpBikeType.value,
+ surface: vpSurface.value,
+ })
+ .then(() => {
+ showVPModal.value = false;
+ emits("vpCalculated");
+ })
+ .catch((err: unknown) => {
+ if (err instanceof AxiosError) {
+ if (err.response?.status === 400) {
+ init({
+ message: t("workout.virtualPowerNeedWeight"),
+ color: "warning",
+ });
+ } else if (err.response?.status === 422) {
+ const detail = err.response.data?.detail;
+ const msg = Array.isArray(detail)
+ ? detail.map((d: { msg?: string }) => d.msg || "").join("; ")
+ : "Validation error";
+ init({ message: msg || "Validation error", color: "error" });
+ } else {
+ init({ message: "Что-то пошло не так.", color: "error" });
+ }
+ } else {
+ init({ message: "Что-то пошло не так.", color: "error" });
+ }
+ })
+ .finally(() => {
+ vpLoading.value = false;
+ });
+};
const saveLink = (hide: () => void) => {
if (!dzenLink.value) {
return;
diff --git a/src/stores/user-store.ts b/src/stores/user-store.ts
index 9db4152..3795d87 100644
--- a/src/stores/user-store.ts
+++ b/src/stores/user-store.ts
@@ -12,6 +12,7 @@ export const useUserStore = defineStore("user", {
memberSince: "",
pfp: "",
is2FAEnabled: false,
+ weight: null as number | null,
};
}
const defaultAvatar =
@@ -25,6 +26,7 @@ export const useUserStore = defineStore("user", {
memberSince: "",
pfp: "",
is2FAEnabled: false,
+ weight: null as number | null,
};
}
const dataProfile = JSON.parse(localStorage.getItem("profile")!);
@@ -56,6 +58,9 @@ export const useUserStore = defineStore("user", {
memberSince: formattedToday,
pfp: "https://picsum.photos/id/22/200/300",
is2FAEnabled: false,
+ weight:
+ ((dataProfile as Record).weight as number | null) ??
+ null,
};
},
@@ -71,5 +76,8 @@ export const useUserStore = defineStore("user", {
changeAvatar(avatar: string) {
this.avatar = avatar;
},
+ setWeight(w: number | null) {
+ this.weight = w;
+ },
},
});