publication v-1

components/product-page/course-details/Headlines.vue

@@ -30,10 +30,8 @@
         </span>
         <h2 class="border-r ps-[2.2vw]">{{ headline.headline }}</h2>
       </div>
-
-
       <div class="hidden md:flex items-center text-[0.833vw] w-full  md:basis-2/6">
-        <span>08:55</span>
+        <span>{{ convertStoMs(headline.time) }}</span>
         <svg
           class="ms-[0.3vw] h-[1.042vw] w-[1.042vw]"
           viewBox="0 0 20 20"
@@ -124,6 +122,18 @@ import { useToast } from 'vue-toastification'
 const toast = useToast()
 const props = defineProps(['props'])
 const download = (val) => toast.warning(`برای ${val} باید در دوره شرکت کنید`); 
+function convertStoMs(seconds) {
+  let minutes = Math.floor(seconds / 60);
+  let extraSeconds = seconds % 60;
+  minutes = minutes < 10 ? "0" + minutes : minutes;
+  return (
+    minutes +
+    ":" +
+    (extraSeconds < 10
+      ? "0" + Math.floor(extraSeconds)
+      : Math.floor(extraSeconds))
+  );
+}
 </script>