src/pages/workouts/WorkoutList.vue

@@ -1,72 +1,9 @@
+<script setup lang="ts">
+
+</script>
 
 <template>
   <h1 class="page-title">Тренировки</h1>
-  <template v-if="!workoutItems">
+<p>страница в разработке</p>
-    <div>Тренировки не найдены</div>
-  </template>
-  <template v-if="workoutItems" v-for="(item, index) in workoutItems" :key="item.id">
-    <div>
-      <h2>{{ item.name }}</h2>
-      <div>
-        <div>Скорость</div>
-        <div>{{ item.speed }}</div>
-      </div>
-      <div>
-        <div>Каденс</div>
-        <div>{{ item.cadence }}</div>
-      </div>
-      <div>
-        <div>Пульс</div>
-        <div>{{ item.heart_rate }}</div>
-      </div>
-      <div>
-        <div>Продолжительность</div>
-        <div>{{ item.duraion_sec }}</div>
-      </div>
-      <div>
-        <div>Мощность</div>
-        <div>{{ item.power }}</div>
-      </div>
-    </div>
   
-  </template>
 </template>
-<script setup lang="ts">
-
-import { AxiosResponse, AxiosInstance } from "axios";
-import { ref, inject } from 'vue';
-import { useToast } from "vuestic-ui/web-components";
-
-
-type WorkoutItem = {
-  id: string;
-  name: string;
-  created_by: string;
-  created_at: string;
-  updated_at: string;
-  description: string;
-  cadence: number;
-  heart_rate: number;
-  temperature: number;
-  speed: number;
-  power: number;
-  duraion_sec: number;
-};
-
-const axiosAuth= inject('axiosAuth') as AxiosInstance;
-let workoutItems = ref<Array<WorkoutItem>>([]);
-const { init } = useToast();
-
-axiosAuth
-  .get(`/api/v0/workouts`)
-  .then((response: AxiosResponse) => {
-    workoutItems.value = response.data.results;
-  })
-  .catch((error: any) => {
-    console.log(error);
-      init({
-        message: "Что-то пошло не так.",
-        color: "error",
-      });
-  });
-</script>

src/pages/workouts/WorkoutUpload.vue

@@ -33,13 +33,18 @@ let file: {
 function onFileChanged() {
     var formData = new FormData();
     formData.append("file", file);
-    axiosAuth.post(`/api/v0/attachment/upload`, formData).then(
+    axiosAuth.post(`/api/v0/attachment/upload`, formData, {
-      function (response: AxiosResponse) {
+        headers: {
-        axiosAuth
+          'Authorization': `Bearer ${localStorage.getItem("token")}`,
+        }
+    }).then(function (response: AxiosResponse) {
+      axiosAuth
             .post(`/api/v0/workouts`, {
               "attachment_id": response.data.id,
               "name": "Новая тренировка",
-            })
+            }, {
+                  headers: { Authorization: `Bearer ${localStorage.getItem("token")}` }
+              })
             .then((response: AxiosResponse) => {
               init({ message: "Тренировка успешно загружена!", color: "success" });
             })