complete progress section

components/ProgressCard.vue

@@ -17,11 +17,11 @@
         <div
           class="w-full flex flex-col justify-center space-y-[1.042vw] md:space-y-[1.25vw]"
         >
-          <nuxt-link :to="`${props.item?.id}`"
+        <p @click="change"
-            class="mb-[15vw] md:mb-[2.5vw] text-[14px] md:text-[0.833vw] text-[#383E43] ] mt-[4vw] md:mt-[1.042vw] ms-[3vw] md:ms-[0.625vw]"
+            class="cursor-pointer mb-[15vw] md:mb-[2.5vw] text-[14px] md:text-[0.833vw] text-[#383E43] ] mt-[4vw] md:mt-[1.042vw] ms-[3vw] md:ms-[0.625vw]"
           >
         {{ props.item?.name }}
-      </nuxt-link>
+     </p>
 
           <div
             class="flex flex-col justify-between items-center py-[3vw] md:py-[0.7vw] mx-[3vw] md:mx-[0.833vw] border-t"
@@ -43,8 +43,14 @@
       </div>
 </template>
 <script setup>
-const props = defineProps(['item']);
 
+const props = defineProps(['item']);
+const router = useRouter()
+const route = useRoute()
+console.log(props);
+const change = () =>{
+  router.replace(`/${props.item.id}`)
+}
 </script>
 
 <style scoped>

components/home-page/About-us.vue

@@ -11,19 +11,9 @@
           درباره ما
         </h2>
         <p
-          class="text-[#383E43] max-w-[766px] text-[3.59vw] md:text-[1.335vw] mt-[4vw] md:mt-[1.354vw] mb-[6vw] md:mb-0 leading-[7.179vw] md:leading-[2.865vw]"
+          class="about text-[#383E43] max-w-[766px] text-[3.59vw] md:text-[1.335vw] mt-[4vw] md:mt-[1.354vw] mb-[6vw] md:mb-0 leading-[7.179vw] md:leading-[2.865vw]"
         >
-          لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با
+  
-          استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در
-          ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و
-          کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی
-          در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می
-          طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی
-          الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این
-          صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و
-          شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای
-          اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده
-          قرار گیرد.
         </p>
       </div>
 
@@ -37,7 +27,12 @@
     </div>
   </div>
 </template>
-
+<script setup>
+const info = await useFetch('/api/settings')
+if (process.client) {
+  document.querySelector('.about').innerHTML = info.data.value.about  
+}
+</script>
 
 <style>
 @media (min-width: 768px) { 

components/home-page/Information.vue

@@ -78,7 +78,7 @@
                 </svg>
 
                 <div class="text-[#383E43] font-semibold">
-                    <p class="text-[5.11vw] md:text-[1.979vw]">{{info.data.value.title}}</p>
+                    <p class="text-[5.11vw] md:text-[1.979vw]">{{info.data.value.expertise}}</p>
                     <p class="text-[3.59vw] md:text-[1.502vw]">ویدئوی آموزشی</p>
                 </div>
             </div>
@@ -114,7 +114,7 @@
                 </svg>
 
                 <div class="text-[#383E43] font-semibold">
-                    <p class="text-[5.11vw] md:text-[1.979vw]">4.6</p>
+                    <p class="text-[5.11vw] md:text-[1.979vw]">{{info.data.value.rate}}</p>
                     <p class="text-[3.59vw] md:text-[1.502vw]">امتیاز دانشجویان به ما</p>
                 </div>
             </div>

components/home-page/Intro.vue

@@ -3,23 +3,21 @@
         <img src="/public/images/HeaderBg.jpg" class="absolute top-0 left-0 w-full h-full object-cover -z-[1] scale-x-[-1] md:scale-x-[1]" alt="">
         <div class=" flex w-[81.04%] text-white">
             <div class="flex flex-col text-start">
-                <h2 class="text-[5.751vw] md:text-[2.188vw] font-bold mt-[25vw] md:mt-[0.052vw]">
+                <h2 class="w-[25vw] text-[5.751vw] md:text-[2.188vw] font-bold mt-[25vw] md:mt-[0.052vw]">
-                    داستان برنامه‌نویس <br />
+                  {{ headers.data?.value.header }}
-                    شدنت از اینجا شروع میشه!
                 </h2>
                 <p class="hidden md:block mt-[1.25vw] text-[1.055vw] leading-[30.38px] mb-[2.917vw]">
-                    شینان، آکادمی آموزش آنلاین تخصصی برنامه نویسی، با افتخار بهترین و به روزترین مقالات و فیلم های
+                    {{ headers.data?.value.titleText }}
-                    آموزشی
-                    پروژه محور و کاربردی در زمینه برنامه نویسی وب را در اختیار علاقه مندان این  <br /> قرار خواهد
-                    داد تا
-                    بتوانند از این طریق درآمد بیشتری کسب کنند با ما همراه باشید تا گام های تبدیل شدن به توسعه دهنده وب
-                    را از
-                    مبتدی تا پیشرفته طی کنیم
                 </p>
-                <button
+                <nuxt-link to="/courses"
                     class="greenButton h-[8.974vw] md:h-[3.125vw] px-0 flexBox rounded-[2.051vw] md:rounded-[0.521vw] w-[26.41vw] md:w-[14.01vw] text-[3.19vw] md:text-[1.055vw] mt-[10vw] md:mt-0">شروع
-                    یادگیری</button>
+                    یادگیری   </nuxt-link>
             </div>
         </div>
     </div>
-</template>
+</template>
+
+<script setup>
+
+const headers = await useFetch("/api/settings")
+</script>

components/product-page/Attended-course.vue

@@ -22,13 +22,15 @@
                 fill="#0D3F40"
               />
             </svg>
-            <span
+            <h1
               class="text-[4.544vw] md:text-[1.69vw] text-[#383E43] font-bold -tracking-[0.05vw]"
-              >آموزش HTML رایگان مقدماتی تا پیشرفته</span
             >
+              {{ activeHead?.headline }}
+            </h1>
           </div>
 
           <video
+            @ended="handleVideoEnded"
             id="myVideo"
             ref="video"
             controls
@@ -39,7 +41,21 @@
           <div
             class="relative flex items-center text-[4.038vw] md:text-[1.502vw] mt-[6vw] md:mt-[1.6vw] font-semibold"
           >
-            {{ activeHead?.headline }}
+            <div class="w-full flex justify-between">
+              <h1>{{ activeHead?.description }}</h1>
+              <p
+                @click="nextHandler(item)"
+                class="hidden animate-bounce next text-[0.75vw] cursor-pointer flex items-center gap-[0.3vw] pe-[1vw]"
+              >
+                مشاهده قسمت بعد
+                <img
+                  src="/public/images/next-svgrepo-com.svg"
+                  alt=""
+                  class="h-[0.8vw] rotate-180"
+                />
+              </p>
+            </div>
+
             <div class="absolute gap-[2vw] flex md:hidden left-0">
               <svg
                 class="h-[5.641vw] w-[5.641vw]"
@@ -257,6 +273,7 @@
         </div>
         <div
           v-for="item in activeHead.Comment"
+          v-show="item.status === 'Active'"
           :key="item.id"
           class="mt-[1vw] relative bg-[#F8F8F8] rounded-[3.846vw] md:rounded-[0.781vw] flex justify-between p-[4vw] md:p-[1.55vw]"
         >
@@ -340,7 +357,7 @@
                 <p class="text-[2.836vw] md:text-[0.741vw] text-[#878787]">
                   پرسش جدید
                 </p>
-              {{replyId}}
+                {{ replyId }}
               </div>
             </div>
             <textarea
@@ -355,7 +372,7 @@
               class="flex justify-end gap-[1vw] text-[3.19vw] md:text-[0.833vw] text-white"
             >
               <button
-              @click="replyId = null"
+                @click="replyId = null"
                 class="h-[8.974vw] md:h-[2.292vw] w-[20.769vw] md:w-[5.573vw] rounded-[2.051vw] md:rounded-[0.521vw] bg-[#5A6268]"
               >
                 حذف
@@ -380,7 +397,6 @@
             <label
               v-for="item in data"
               :key="item.id"
-      
               class="cursor-pointer text-[#383E43] h-[14.615vw] md:h-[3.125vw] px-[3vw] md:px-[1.25vw] text-[3.59vw] md:text-[0.833vw] w-full flex justify-between"
             >
               <div class="flexBox gap-[1vw] md:gap-[0.3vw]">
@@ -431,7 +447,27 @@
             </label>
           </div>
         </div>
-        <product-page-attended-coursesProgress-bar />
+        <!-- <product-page-attended-coursesProgress-bar  /> -->
+
+        <div
+          class="mt-[5vw] rounded-[3.846vw] md:rounded-[0.781vw] bg-[#F8F8F8] pinkShadow p-[4vw] md:p-[1vw] space-y-[6vw] md:space-y-[2vw] md:mt-[1vw] text-[#383E43]"
+        >
+          <div
+            class="flex justify-between text-[3.19vw] md:text-[0.833vw] font-semibold text-[#383E43]"
+          >
+            <span class="text-[3.59vw] md:text-[0.938vw]">پیشرفت شما</span>
+            <span>{{ progress.completionPercentage }}%</span>
+          </div>
+          <div
+            id="progressbar"
+            class="test mt-[3vw] md:mt-[0.7vw] h-[2.051vw] md:h-[0.521vw] rounded-[2vw] md:rounded-[0.521vw]"
+          >
+            <div
+              :style="{ width: activeClass + '%' }"
+              class="bg-[#0d3f40] float-end prog rounded-[2vw] md:rounded-[0.521vw] h-[2.051vw] md:h-[0.521vw]"
+            ></div>
+          </div>
+        </div>
       </div>
     </div>
   </div>
@@ -447,15 +483,42 @@ const url = ref(null);
 const query = ref({});
 const toast = useToast();
 const comment = ref(null);
+const index = ref(0);
 query.value = route.query;
 const { authUser } = useAuth();
+
+const { data: progress, refresh: reload } = await useFetch("/api/progress", {
+  method: "POST",
+  body: {
+    id: route.params.product,
+    userId: authUser.value.id,
+  },
+});
+const activeClass = ref(progress.value.completionPercentage);
 const { data, refresh } = await useFetch("/api/courseHeadlines", {
   query: {
     id: route.params.product,
   },
 });
+async function addToProgress() {
+    await $fetch("/api/progressCounter", {
+      method: "POST",
+      body: {
+        id: route.query.episode,
+      },
+    });
+  }
+import progressAlert from "@/components/progressAlert.vue";
+const handleVideoEnded = async () => {
 
+  addToProgress();
 
+  reload();
+  if (process.client) {
+    document.querySelector(".next").classList.remove("hidden");
+  }
+  toast.success('ویدیو به پایان رسید');
+};
 
 const sendComment = async () => {
   if (comment.value === "" || comment.value === null) {
@@ -472,25 +535,23 @@ const sendComment = async () => {
     refresh();
     toast.success("نظر شما با موفقیت ثبت شد");
     comment.value = "";
-  }else{
+  } else {
     await $fetch("/api/comments/courseHeadlineReply", {
-    method: "POST",
+      method: "POST",
-    body: {
+      body: {
-      id: replyId,
+        id: replyId,
-      text: comment.value,
+        text: comment.value,
-    },
+      },
-  });
+    });
-  refresh();
+    refresh();
-  toast.success("نظر شما با موفقیت ثبت شد");
+    toast.success("نظر شما با موفقیت ثبت شد");
-  comment.value = "";
+    comment.value = "";
   }
 };
 
-
+const replyId = ref(null);
-const replyId = ref(null)
 const reply = async (id) => {
-  replyId.value = id
+  replyId.value = id;
-
 };
 
 function copyUrl() {
@@ -501,28 +562,78 @@ function copyUrl() {
 if (query.value.hasOwnProperty("episode")) {
   const fimd = data.value.find((items) => items.id === query.value.episode);
   activeHead.value = fimd;
-  url.value = fimd.videoUrl;
+  const getUrl = await useFetch("/api/checkMedia", {
+    query: {
+      fileName: fimd.videoUrl,
+    },
+  });
+  console.log("video", getUrl.data.value.url);
+  url.value = getUrl.data.value.url;
+  index.value = data.value.indexOf(fimd);
   refresh();
 } else {
   activeHead.value = data.value[0];
-  url.value = data.value[0].videoUrl;
+  const getUrl = await useFetch("/api/checkMedia", {
+    query: {
+      fileName: data.value[0].videoUrl,
+    },
+  });
+  url.value = getUrl.data.value.url;
+  index.value = 0;
 }
 
-const chengeVideo = (item) => {
+async function chengeVideo(item) {
+  if (process.client) {
+    document.querySelector(".next").classList.add("hidden");
+  }
   query.value = { ...route.query, episode: item.id };
   activeHead.value = item;
-  url.value = item.videoUrl;
+  const getUrl = await useFetch("/api/checkMedia", {
+    query: {
+      fileName: item.videoUrl,
+    },
+  });
+  url.value = getUrl.data.value.url;
+  index.value = data.value.indexOf(item);
   video.value.load();
   router.push({
     query: query.value,
   });
+
+  await refresh();
+}
+console.log("yek", data.value[index.value]);
+async function nextHandler() {
+  if (process.client) {
+    document.querySelector(".next").classList.add("hidden");
+  }
+  query.value = { ...route.query, episode: data.value[index.value + 1].id };
+  index.value = index.value + 1;
+  console.log("index", index);
+  // const addToProgress = await $fetch("/api/progressCounter", {
+  //   method: "POST",
+  //   body: {
+  //     id: route.query.episode,
+  //   },
+  // });
+addToProgress()
+  activeHead.value = data.value[index.value];
+  const getUrl = await useFetch("/api/checkMedia", {
+    query: {
+      fileName: data.value[index.value].videoUrl,
+    },
+  });
+  url.value = getUrl.data.value.url;
+  video.value.load();
+  activeClass.value = progress.value.completionPercentage;
   refresh();
-};
+  reload();
-console.log(activeHead.value.Comment);
+  router.push({
+    query: query.value,
+  });
+}
 </script>
 
-
-
 <style scoped>
 video {
   border-radius: 0.781vw;
@@ -532,4 +643,15 @@ video {
     border-radius: 3.846vw;
   }
 }
+#progressbar {
+  background-color: #e5e5e5;
+
+  width: 100%;
+}
+#progressbar > div {
+  background-color: #0d3f40;
+  float: left I !important;
+
+  left: 0;
+}
 </style>

components/product-page/attended-courses/Headlines.vue

@@ -147,5 +147,5 @@
 
 <script setup>
 const props = defineProps(['props'])
-console.log('props', props);
+
 </script>

components/product-page/course-details/Course-information.vue

@@ -261,7 +261,6 @@
 <script setup>
 import { useToast } from "vue-toastification";
 const { authUser } = useAuth();
-console.log('user', authUser.value === null);
 const props = defineProps(["props"], ["access"]);
 const toast = useToast()
 const router = useRouter()

components/progressAlert.vue

@@ -0,0 +1,18 @@
+<template>
+    <div class="container">
+      <button
+        class="action px-[0.5vw]"
+        @click.stop="clicked"
+      >جهت مشاهده قسمت بعد کلیک کنید</button>
+    </div>
+  </template>
+  
+  <script>
+  export default {
+    methods: {
+      clicked() {
+        alert("Clicked!");
+      }
+    }
+  };
+  </script>

nuxt.config.ts

@@ -3,7 +3,7 @@ export default defineNuxtConfig({
   devtools: { enabled: true },
   runtimeConfig: {
     public: {
-        apiBase: "https://dlearn.iran.liara.run",
+        apiBase: "https://dlearn.liara.run",
     },
 },
   modules: [

pages/account/index.vue

@@ -133,7 +133,7 @@
             <p
               class="text-[3.59vw] md:text-[1.055vw] font-[600] text-[#383E43]"
             >
-            {{ tickets.data.value.length }}  
+            {{ tickets?.data.value.length }}  
             تیکت
             </p>
             <p
@@ -219,7 +219,7 @@
         </nuxt-link>
       </div>
 
-      <div v-if="lastTickets.length > 0" class="lastTickets mt-[20vw] md:mt-[2.917vw]">
+      <div v-if="lastTickets?.length > 0" class="lastTickets mt-[20vw] md:mt-[2.917vw]">
         <div class="flex flex-col">
           <div class="flex justify-between items-center border-b pb-[0.733vw]">
             <p class="text-[4.038vw] md:text-[1.055vw] font-[500]">
@@ -273,19 +273,7 @@
               مشاهده
             </nuxt-link>
           </div>
-          <!-- <div class="flex justify-between items-center mt-[0.833vw] px-2">
+        
-            <p class="text-[3.19vw] md:text-[0.833vw] text-[#000]">
-              طراحی سایت
-            </p>
-            <p class="text-[3.19vw] md:text-[0.833vw] text-[#878787]">
-              1402/09/12
-            </p>
-            <p
-              class="flex justify-center items-center text-[2.518vw] md:text-[0.658vw] px-[2.564vw] md:px-[0.417vw] py-[2.051vw] md:py-[0.521vw] text-[#2ED573] bg-[#2ED5731A] rounded-[2.051vw] md:rounded-[0.521vw]"
-            >
-              پاسخ داده شده
-            </p>
-          </div> -->
         </div>
       </div>
 
@@ -531,10 +519,11 @@
 
 <script setup>
 const profileImage = useState('profileImage')
-const tickets = await useFetch("/api/ticket");
+ const tickets = await useFetch("/api/ticket/getTickets");
-const lastTickets = tickets.data.value.slice(-2);
+ console.log('tick',tickets.data);
+ const lastTickets = tickets?.data?.value.slice(-2);
 const myCourses = await useFetch("/api/auth/me");
-const lastCourses = myCourses.data.value.course.slice(-2);
+const lastCourses = myCourses.data?.value.course.slice(-2);
 const  balance = await useFetch("/api/user/balance");
 const { authUser } = useAuth();
 
@@ -548,12 +537,8 @@ const timeDifference = today.getTime() - pastDate.getTime();
 const dayDifference = timeDifference / (1000 * 3600 * 24);
 const roundDay = Math.ceil(dayDifference)
 
-console.log(`تفاوت بین تاریخ امروز و تاریخ گذشته: ${roundDay} روز`);
 
 
-
-console.log(today);
-console.log(today - authUser.value.createdAt);
 definePageMeta({
   middleware: "auth",
 });

pages/account/my-courses.vue

@@ -11,13 +11,18 @@
                   </div>
             </tab>
             <tab :name=tab2>
-                محتوا دوم
+                <div class="me-[4vw] grid grid-cols-1 md:grid-cols-3 mt-[6vw] md:mt-[1.25vw] gap-[1vw]">
+          
+                    <div v-for="item in myCourses.data.value.course" :key="item.id">
+                        <ProgressCard :item="item"/>
+                    </div>
+                    </div>
             </tab>
-            <tab :name=tab3>
+            <!-- <tab :name=tab3>
                 محتوا سوم
-            </tab>
+            </tab> -->
             <tab :name=tab4>
-                محتوا سوم
+            
             </tab>
         </tabs>
     </div>

pages/account/profile.vue

@@ -184,6 +184,7 @@ const edit = async (formData) => {
 };
 //const token = getCookie(event, 'token');
 async function changePhoto(val) {
+
   const formData = new FormData();
   formData.append("directoryName", "test");
   formData.append("file", val.target.files[0]);

pages/account/tickets.vue

@@ -371,7 +371,7 @@ import {Tabs, Tab} from 'vue3-tabs-component';
 import { useToast } from 'vue-toastification'
 const toast = useToast()
 
-const { data: tickets, refresh: load } = await useFetch("/api/ticket");
+const { data: tickets, refresh: load } = await useFetch("/api/ticket/getTickets");
 const loading = ref(false);
 const addTicketForm = ref(false);
 const subject = ref(null);
@@ -413,7 +413,7 @@ const sendTicket = async () => {
   if (subject.value === null) {
     return toast.error("موضوع تیکت را وارد کنید")
   }
-  const data = await useFetch("/api/ticket", {
+  const data = await useFetch("/api/ticket/send", {
     method: "POST",
     body: {
       subject: subject.value,

public/images/next-svgrepo-com.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" height="800px" width="800px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 viewBox="0 0 55.752 55.752" xml:space="preserve">
+<g>
+	<path d="M43.006,23.916c-0.28-0.282-0.59-0.52-0.912-0.727L20.485,1.581c-2.109-2.107-5.527-2.108-7.637,0.001
+		c-2.109,2.108-2.109,5.527,0,7.637l18.611,18.609L12.754,46.535c-2.11,2.107-2.11,5.527,0,7.637c1.055,1.053,2.436,1.58,3.817,1.58
+		s2.765-0.527,3.817-1.582l21.706-21.703c0.322-0.207,0.631-0.444,0.912-0.727c1.08-1.08,1.598-2.498,1.574-3.912
+		C44.605,26.413,44.086,24.993,43.006,23.916z"/>
+</g>
+</svg>

server/api/checkMedia.js

@@ -0,0 +1,20 @@
+export default defineEventHandler(async (event) => {
+    const { public: { apiBase } } = useRuntimeConfig();
+    const token = getCookie(event, 'token');
+    const query = getQuery(event);
+
+    try {
+        const data = await $fetch(`${apiBase}/uploader/file?fileName=${query.fileName}`, {
+            method: 'GET',
+            headers: {
+                'Accept': 'application/json',
+                  'Authorization': `Bearer ${token}`
+
+            }
+        });
+        return data;
+    } catch (error) {
+        return error;
+    }
+
+});

server/api/comments/courseHeadline.js

@@ -2,7 +2,7 @@ export default defineEventHandler(async (event) => {
     const { public: { apiBase } } = useRuntimeConfig();
     const token = getCookie(event, 'token');
     const body = await readBody(event);
-console.log(body);
+
     try {
         const data = await $fetch(`${apiBase}/courseHeadlineComment/create`, {
             method: 'POST',
@@ -12,7 +12,7 @@ console.log(body);
             },
             body
         });
-    console.log(data);
+
         return data;
     } catch (error) {
 

server/api/comments/courseHeadlineReply.js

@@ -2,7 +2,7 @@ export default defineEventHandler(async (event) => {
     const { public: { apiBase } } = useRuntimeConfig();
     const token = getCookie(event, 'token');
     const body = await readBody(event);
-console.log(body);
+
     try {
         const data = await $fetch(`${apiBase}/courseHeadlineComment/reply`, {
             method: 'POST',

server/api/comments/sendcomment.js

@@ -13,10 +13,10 @@ export default defineEventHandler(async (event) => {
             },
             body
         });
-    console.log(data);
+
         return data;
     } catch (error) {
-console.log(error);
+
         return error;
     }
 

server/api/course copy.js

@@ -0,0 +1,24 @@
+export default defineEventHandler(async (event) => {
+    const { public: { apiBase } } = useRuntimeConfig();
+
+    const query = getQuery(event);
+    let category = query.hasOwnProperty('category') ? `categoryId=${query.category}` : '';
+    let page = query.hasOwnProperty('page') ? `page=${query.page}` : '';
+  // let sortBy = query.hasOwnProperty('sortBy') ? `price=${query.price}` : '';
+    let price = query.hasOwnProperty('price') ? `price=${query.price}` : '';
+    let name = query.hasOwnProperty('name') ? `name=${query.name}` : '';
+    try {
+        const data = await $fetch(`${apiBase}/course?${category}&${page}&pageSize=2&${price}&${name}`, {
+            method: 'GET',
+            headers: {
+                'Accept': 'application/json',
+                'content-type': 'application/json'
+
+            }
+        });
+        return data;
+    } catch (error) {
+        return error;
+    }
+
+});

server/api/progress.js

@@ -0,0 +1,22 @@
+
+export default defineEventHandler(async (event) => {
+    const { public: { apiBase } } = useRuntimeConfig();
+     const body = await readBody(event);
+     const token = getCookie(event, 'token');
+
+    try {
+        const data = await $fetch(`${apiBase}/course/${body.id}?userId=${body.userId}`, {
+            headers: {
+               'Accept': 'application/json',
+                'Authorization': `Bearer ${token}`
+            },
+    
+        });
+
+        return data;
+    } catch (error) {
+
+        return error;
+    }
+
+})

server/api/progressCounter.js

@@ -0,0 +1,23 @@
+
+export default defineEventHandler(async (event) => {
+    const { public: { apiBase } } = useRuntimeConfig();
+     const body = await readBody(event);
+     const token = getCookie(event, 'token');
+
+    try {
+        const data = await $fetch(`${apiBase}/courseHeadline/complete/${body.id}`, {
+            method: 'POST',
+            headers: {
+               'Accept': 'application/json',
+                'Authorization': `Bearer ${token}`
+            },
+    
+        });
+
+        return data;
+    } catch (error) {
+   
+        return error;
+    }
+
+})

server/api/uploader.js

@@ -7,7 +7,7 @@ export default defineEventHandler(async (event) => {
 
 
     const formData = await readFormData(event);
-    console.log(formData);
+ 
 
 
     try {
@@ -19,10 +19,10 @@ export default defineEventHandler(async (event) => {
                 'Authorization': `Bearer ${token}`
             },
         });
-        console.log('uplodar', data);
+
         return data;
     } catch (error) {
-        console.log(error.data);
+
         return error;
     }
 

server/api/user/registerCourse.js

@@ -2,7 +2,7 @@ export default defineEventHandler(async (event) => {
     const { public: { apiBase } } = useRuntimeConfig();
     const token = getCookie(event, 'token');
     const body = await readBody(event);
-    console.log(body);
+
     try {
         const data = await $fetch(`${apiBase}/user/registerCourse`, {
             method: 'POST',
@@ -12,10 +12,10 @@ export default defineEventHandler(async (event) => {
             },
             body
         });
-        console.log(data);
+
         return data;
     } catch (error) {
-console.log('errors',error.data);
+
 if (error.status === 406) {
     return{
         status: 406,

utils/jTime.js

@@ -0,0 +1 @@
+export const jTime = (d) => new Date(d).toLocaleDateString('en-US', { hour: '2-digit', minute: '2-digit' })