Tasks moved to components

This commit is contained in:
2023-12-30 20:52:35 +01:00
parent c8a6d5e07b
commit 9d190463be
20 changed files with 391 additions and 407 deletions

View File

@@ -1,135 +1,18 @@
<script setup>
import TrackerTimer from '@/components/TrackerTimer.vue'
import TrackerTask from '@/components/TrackerTask.vue'
</script>
<template>
<main>
<div class="task-new-wrapper">
<div class="task">
<input type="text" class="title" placeholder="What are you working on?" value="Making frontend">
<a href="#">+ Project</a>
</div>
<div class="task">
<img src="/src/assets/svg/dollar.svg" alt="">
<div>
<input type="time" value="00:00">
<button>Start</button>
<img src="/src/assets/svg/dots.svg" alt="">
</div>
</div>
</div>
<div class="task-day-wrapper">
<div class="header">
<div class="left">
<p>Wed, Dec 13</p>
</div>
<div class="right">
<p>Total: 1:45:21</p>
</div>
</div>
<div class="task-wrapper">
<div class="task">
<span>
<input type="text" class="title" placeholder="What are you working on?" value="Making frontend">
</span>
<span>
<p>TiM</p>
<p>Filip Rojek</p>
</span>
<span>
<img src="/src/assets/svg/dollar.svg" alt="">
</span>
<span>
<input type="time" value="00:00">
<p>-</p>
<input type="time" value="01:45">
</span>
<span>
<input type="time" value="01:45">
</span>
<span>
<img src="/src/assets/svg/play.svg" alt="">
</span>
<span>
<img src="/src/assets/svg/dots.svg" alt="">
</span>
</div>
</div>
</div>
<div class="task-day-wrapper">
<div class="header">
<div class="left">
<p>Wed, Dec 13</p>
</div>
<div class="right">
<p>Total: 1:45:21</p>
</div>
</div>
<div class="task-wrapper">
<div class="task">
<span>
<input type="text" class="title" placeholder="What are you working on?" value="Making frontend">
</span>
<span>
<p>TiM</p>
<p>Filip Rojek</p>
</span>
<span>
<img src="/src/assets/svg/dollar.svg" alt="">
</span>
<span>
<input type="time" value="00:00">
<p>-</p>
<input type="time" value="01:45">
</span>
<span>
<input type="time" value="01:45">
</span>
<span>
<img src="/src/assets/svg/play.svg" alt="">
</span>
<span>
<img src="/src/assets/svg/dots.svg" alt="">
</span>
</div>
</div>
</div>
<div class="task-day-wrapper">
<div class="header">
<div class="left">
<p>Wed, Dec 13</p>
</div>
<div class="right">
<p>Total: 1:45:21</p>
</div>
</div>
<div class="task-wrapper">
<div class="task">
<span>
<input type="text" class="title" placeholder="What are you working on?" value="Making frontend">
</span>
<span>
<p>TiM</p>
<p>Filip Rojek</p>
</span>
<span>
<img src="/src/assets/svg/dollar.svg" alt="">
</span>
<span>
<input type="time" value="00:00">
<p>-</p>
<input type="time" value="01:45">
</span>
<span>
<input type="time" value="01:45">
</span>
<span>
<img src="/src/assets/svg/play.svg" alt="">
</span>
<span>
<img src="/src/assets/svg/dots.svg" alt="">
</span>
</div>
</div>
</div>
<TrackerTimer />
<TrackerTask
client="Filip Rojek"
project="TiM"
time-start="1703960133061"
time-end="1703960141414"
/>
</main>
</template>
<script></script>