Tasks moved to components
This commit is contained in:
@@ -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>
|
||||
|
Reference in New Issue
Block a user