fr/tim
1
0
Fork 0
Code Issues 4 Pull Requests Packages Projects Releases Wiki Activity

Working on tracker design

Browse Source
This commit is contained in:
Filip Rojek
2023-12-30 13:51:47 +01:00
parent 2cbbccb8c8
commit c8a6d5e07b
18 changed files with 259 additions and 133 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/views/HomeView.vue
View File

@@ -1,7 +0,0 @@
<script setup>
</script>
<template>
<main>
</main>
</template>

15
frontend/src/views/LoginView.vue Normal file
View File

@@ -0,0 +1,15 @@
<template>
<form>
<input type="email" placeholder="Email">
<input type="password" placeholder="Password">
<button>Log in</button>
</form>
</template>
<style>
form {
display: flex;
flex-direction: column;
align-items: center;
}
</style>

3
frontend/src/views/SignupView.vue Normal file
View File

@@ -0,0 +1,3 @@
<template>
<b>signup</b>
</template>

135
frontend/src/views/TrackerView.vue Normal file
View File

@@ -0,0 +1,135 @@
<script setup>
</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>
</main>
</template>