Yeti
/
gym
1
0
Fork 0
Code Issues Pull Requests 2 Packages Projects Releases Wiki Activity

deleted unnessery files

main
rYeti 2023-05-05 21:45:12 +02:00
parent bd008c5961
commit 5bb26be1c3
21 changed files with 132 additions and 374 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dist/assets/index-1edf561f.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/assets/index-a227d428.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

2
dist/index.html vendored
View File

@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="UTF-8"><link rel="icon" href="./logo.ico"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Gym Tracker</title><script type="module" crossorigin src="./assets/index-1edf561f.js"></script></head><body><div id="app"></div></body></html>
<!doctype html><html lang="en"><head><meta charset="UTF-8"><link rel="icon" href="./logo.ico"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Gym Tracker</title><script type="module" crossorigin src="./assets/index-a227d428.js"></script></head><body><div id="app"></div></body></html>

34
src/assets/ExerciseExportJson.js
View File

@ -1,34 +0,0 @@
/*
import { usePostStore } from '@/stores/store.js'
import { onMounted, ref } from 'vue';
const json = usePostStore()
const exercises = ref([])
export const muscle = ref("")
onMounted(async () => {
await json.fetchMuscleExercise()
switch (muscle) {
case "legs":
exercises.value = json.postList.muscle[0].exercises
case "back":
exercises.value = json.postList.muscle[1].exercises
case "chest":
exercises.value = json.postList.muscle[2].exercises
case "shoulders":
exercises.value = json.postList.muscle[3].exercises
case "biceps":
exercises.value = json.postList.muscle[4].exercises
case "triceps":
exercises.value = json.postList.muscle[5].exercises
}
}
)
/*
let input = ref('');
export function filterExercises(){
return exercises.value.filter((exercise) => {
return exercise.name.toLowerCase().includes(input.value.toLowerCase());
});
};
*/

66
src/assets/base.css
View File

@ -1,66 +0,0 @@
/* color palette from <https://github.com/vuejs/theme> */
:root {
--vt-c-white: #ffffff;
--vt-c-white-soft: #f8f8f8;
--vt-c-white-mute: #f2f2f2;
--vt-c-black: #181818;
--vt-c-black-soft: #222222;
--vt-c-black-mute: #282828;
--vt-c-indigo: #2c3e50;
--vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
--vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
--vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
--vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
--vt-c-text-light-1: var(--vt-c-indigo);
--vt-c-text-light-2: rgba(60, 60, 60, 0.66);
--vt-c-text-dark-1: var(--vt-c-white);
--vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
}
/* semantic color variables for this project */
:root {
--color-background: var(--vt-c-white);
--color-background-soft: var(--vt-c-white-soft);
--color-background-mute: var(--vt-c-white-mute);
--color-border: var(--vt-c-divider-light-2);
--color-border-hover: var(--vt-c-divider-light-1);
--color-heading: var(--vt-c-text-light-1);
--color-text: var(--vt-c-text-light-1);
--section-gap: 160px;
}
@media (prefers-color-scheme: dark) {
:root {
--color-background: var(--vt-c-black);
--color-background-soft: var(--vt-c-black-soft);
--color-background-mute: var(--vt-c-black-mute);
--color-border: var(--vt-c-divider-dark-2);
--color-border-hover: var(--vt-c-divider-dark-1);
--color-heading: var(--vt-c-text-dark-1);
--color-text: var(--vt-c-text-dark-2);
}
}
*,
*::before,
*::after {
box-sizing: border-box;
margin: 0;
position: relative;
font-weight: normal;
}
body {
min-height: 100vh;
color: var(--color-text);
background: var(--color-background);
transition: color 0.5s, background-color 0.5s;
line-height: 1.6;
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 15px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*# sourceMappingURL=head.css.map */

74
src/assets/head.scss
View File

@ -1,74 +0,0 @@
/* color palette from <https://github.com/vuejs/theme> */
:root {
--vt-c-white: #ffffff;
--vt-c-white-soft: #f8f8f8;
--vt-c-white-mute: #f2f2f2;
--vt-c-black: #181818;
--vt-c-black-soft: #222222;
--vt-c-black-mute: #282828;
--vt-c-indigo: #2c3e50;
--vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
--vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
--vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
--vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
--vt-c-text-light-1: var(--vt-c-indigo);
--vt-c-text-light-2: rgba(60, 60, 60, 0.66);
--vt-c-text-dark-1: var(--vt-c-white);
--vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
}
/* semantic color variables for this project */
:root {
--color-background: var(--vt-c-white);
--color-background-soft: var(--vt-c-white-soft);
--color-background-mute: var(--vt-c-white-mute);
--color-border: var(--vt-c-divider-light-2);
--color-border-hover: var(--vt-c-divider-light-1);
--color-heading: var(--vt-c-text-light-1);
--color-text: var(--vt-c-text-light-1);
--section-gap: 160px;
}
@media (prefers-color-scheme: dark) {
:root {
--color-background: var(--vt-c-black);
--color-background-soft: var(--vt-c-black-soft);
--color-background-mute: var(--vt-c-black-mute);
--color-border: var(--vt-c-divider-dark-2);
--color-border-hover: var(--vt-c-divider-dark-1);
--color-heading: var(--vt-c-text-dark-1);
--color-text: var(--vt-c-text-dark-2);
}
}
*,
*::before,
*::after {
box-sizing: border-box;
margin: 0;
position: relative;
font-weight: normal;
}
body {
min-height: 100vh;
color: var(--color-text);
background: var(--color-background);
transition: color 0.5s, background-color 0.5s;
line-height: 1.6;
font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
font-size: 15px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

24
src/components/Button.vue Normal file
View File

@ -0,0 +1,24 @@
<template>
</template>
<script setup>
</script>
<style>
.btn {
background-color: white;
border: none;
border-radius: 1rem;
color: #000;
cursor: pointer;
font-size: 18px;
padding: 5px 10px;
}
.btn--primary {
background-color: #007bff;
color: #fff;
}
</style>

87
src/components/ExerciseList.vue
View File

@ -1,48 +1,53 @@
<template>
<input type="text" v-model="input" placeholder="Search..." />
<input class="search" type="text" v-model="input" placeholder="Search..." />
<div class="exerciseList">
<ul class="exerciseItem" v-for="exercise in filterExercises()" :key="exercise.name">
<button class="button">{{ exercise.name }}</button>
<Button class="btn" :class="{'btn--primary': primary}">{{ exercise.name }}</Button>
</ul>
<div class="weights">
<WeightsInput/>
<router-link to="/" class="nav-item nav-link">Home</router-link>
</div>
</div>
</template>
<script setup>
import { usePostStore } from '@/stores/store.js'
import { usePostStore } from '@/stores/store.js';
import { onMounted, ref } from 'vue';
// import { weightsInput } from '@/views/weight/index.js';
const muscle = defineProps({
muscle: String
})
const primary = true
const json = usePostStore()
const exercises = ref([])
onMounted(async () => {
await json.fetchMuscleExercise()
switch (muscle.muscle) {
case "Legs":
exercises.value = json.postList.muscle[0].exercises
break;
case "Back":
exercises.value = json.postList.muscle[1].exercises
break;
case "Chest":
exercises.value = json.postList.muscle[2].exercises
break;
case "Shoulder":
exercises.value = json.postList.muscle[3].exercises
break;
case "Biceps":
exercises.value = json.postList.muscle[4].exercises
break;
case "Triceps":
exercises.value = json.postList.muscle[5].exercises
break;
onMounted(async () => {
await json.fetchMuscleExercise()
switch (muscle.muscle) {
case "Legs":
exercises.value = json.postList.muscle[0].exercises
break;
case "Back":
exercises.value = json.postList.muscle[1].exercises
break;
case "Chest":
exercises.value = json.postList.muscle[2].exercises
break;
case "Shoulder":
exercises.value = json.postList.muscle[3].exercises
break;
case "Biceps":
exercises.value = json.postList.muscle[4].exercises
break;
case "Triceps":
exercises.value = json.postList.muscle[5].exercises
break;
}
}
}
)
// filter exercises with help from https://blog.logrocket.com/create-search-bar-vue/ last accessed 05.05.2023
@ -56,12 +61,40 @@ onMounted(async () => {
</script>
<style>
.exerciseList{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1px;
gap: 0.25rem;
margin-top: 0.5rem;
}
.search{
width: auto;
height: 2rem;
border-radius: 1rem;
border: 1px solid #ccc;
padding: 1rem;
font-size: 1rem;
}
.weights{
display: flex;
flex-direction: row;
gap: 0.25rem;
margin-top: 0.5rem;
margin-left: 5rem;
color: white;
}
.set{
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 0.25rem;
margin-top: 0.5rem;
color: white;
}
</style>

1
src/components/Index.js
View File

@ -1,2 +1,3 @@
export { default as NavigationModel } from './NavigationModel.vue';
export { default as ExerciseList } from './ExerciseList.vue';
export { default as Button } from './Button.vue';

6
src/components/NavigationModel.vue
View File

@ -43,11 +43,11 @@
color: orangered;
}
.logo{
width: 20%;
display: flex;
}
.logo img {
width: 20%;
width: 15%;
height: 100%;
margin-left: 1rem;
margin-left: 0.5rem;
}
</style>

65
src/css/base.css
View File

@ -1,65 +0,0 @@
/* color palette from <https://github.com/vuejs/theme> */
:root {
--vt-c-white: #ffffff;
--vt-c-white-soft: #f8f8f8;
--vt-c-white-mute: #f2f2f2;
--vt-c-black: #181818;
--vt-c-black-soft: #222222;
--vt-c-black-mute: #282828;
--vt-c-indigo: #2c3e50;
--vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
--vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
--vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
--vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
--vt-c-text-light-1: var(--vt-c-indigo);
--vt-c-text-light-2: rgba(60, 60, 60, 0.66);
--vt-c-text-dark-1: var(--vt-c-white);
--vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
}
/* semantic color variables for this project */
:root {
--color-background: var(--vt-c-white);
--color-background-soft: var(--vt-c-white-soft);
--color-background-mute: var(--vt-c-white-mute);
--color-border: var(--vt-c-divider-light-2);
--color-border-hover: var(--vt-c-divider-light-1);
--color-heading: var(--vt-c-text-light-1);
--color-text: var(--vt-c-text-light-1);
--section-gap: 160px;
}
@media (prefers-color-scheme: dark) {
:root {
--color-background: var(--vt-c-black);
--color-background-soft: var(--vt-c-black-soft);
--color-background-mute: var(--vt-c-black-mute);
--color-border: var(--vt-c-divider-dark-2);
--color-border-hover: var(--vt-c-divider-dark-1);
--color-heading: var(--vt-c-text-dark-1);
--color-text: var(--vt-c-text-dark-2);
}
}
*,
*::before,
*::after {
box-sizing: border-box;
margin: 0;
position: relative;
font-weight: normal;
}
body {
min-height: 100vh;
color: var(--color-text);
background: var(--color-background);
transition: color 0.5s, background-color 0.5s;
line-height: 1.6;
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 15px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*# sourceMappingURL=head.css.map */

52
src/css/head.css
View File

@ -1,52 +0,0 @@
/* color palette from <https://github.com/vuejs/theme> */
:root {
--vt-c-white: #ffffff;
--vt-c-white-soft: #f8f8f8;
--vt-c-white-mute: #f2f2f2;
--vt-c-black: #181818;
--vt-c-black-soft: #222222;
--vt-c-black-mute: #282828;
--vt-c-indigo: #2c3e50;
--vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
--vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
--vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
--vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
--vt-c-text-light-1: var(--vt-c-indigo);
--vt-c-text-light-2: rgba(60, 60, 60, 0.66);
--vt-c-text-dark-1: var(--vt-c-white);
--vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
}
/* semantic color variables for this project */
:root {
--color-background: var(--vt-c-white);
--color-background-soft: var(--vt-c-white-soft);
--color-background-mute: var(--vt-c-white-mute);
--color-border: var(--vt-c-divider-light-2);
--color-border-hover: var(--vt-c-divider-light-1);
--color-heading: var(--vt-c-text-light-1);
--color-text: var(--vt-c-text-light-1);
--section-gap: 160px;
}
@media (prefers-color-scheme: dark) {
:root {
--color-background: var(--vt-c-black);
--color-background-soft: var(--vt-c-black-soft);
--color-background-mute: var(--vt-c-black-mute);
--color-border: var(--vt-c-divider-dark-2);
--color-border-hover: var(--vt-c-divider-dark-1);
--color-heading: var(--vt-c-text-dark-1);
--color-text: var(--vt-c-text-dark-2);
}
}
*,
*::before,
*::after {
box-sizing: border-box;
margin: 0;
position: relative;
font-weight: normal;
}
/*# sourceMappingURL=head.css.map */

1
src/css/head.css.map
View File

@ -1 +0,0 @@
{"version":3,"sourceRoot":"","sources":["head.scss"],"names":[],"mappings":"AAAA;AACA;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;;;AAGF;EACE;IACE;IACA;IACA;IAEA;IACA;IAEA;IACA;;;AAIJ;AAAA;AAAA;EAGE;EACA;EACA;EACA","file":"head.css"}

11
src/views/muscles/Back.vue
View File

@ -10,13 +10,6 @@ import {ExerciseList} from "@/components/Index.js";
</script>
<style>
@media (min-width: 1024px) {
.about {
min-height: 100vh;
display: flex;
align-items: center;
}
}
</style>
<style>
</style>

11
src/views/muscles/Biceps.vue
View File

@ -10,13 +10,6 @@ import {ExerciseList} from "@/components/Index.js";
</script>
<style>
@media (min-width: 1024px) {
.about {
min-height: 100vh;
display: flex;
align-items: center;
}
}
</style>
<style>
</style>

9
src/views/muscles/Chest.vue
View File

@ -9,12 +9,7 @@
import {ExerciseList} from "@/components/Index.js";
</script>
<style>
@media (min-width: 1024px) {
.about {
min-height: 100vh;
display: flex;
align-items: center;
}
}
</style>

2
src/views/muscles/Legs.vue
View File

@ -11,5 +11,5 @@ import {ExerciseList} from "@/components/Index.js";
</script>
<style>
</style>
</style>

8
src/views/muscles/Shoulder.vue
View File

@ -11,12 +11,6 @@ import {ExerciseList} from "@/components/Index.js";
</script>
<style>
@media (min-width: 1024px) {
.about {
min-height: 100vh;
display: flex;
align-items: center;
}
}
</style>

11
src/views/muscles/Triceps.vue
View File

@ -10,13 +10,6 @@ import {ExerciseList} from "@/components/Index.js";
</script>
<style>
@media (min-width: 1024px) {
.about {
min-height: 100vh;
display: flex;
align-items: center;
}
}
</style>
<style>
</style>

1
src/views/weight/Index.js Normal file
View File

@ -0,0 +1 @@
export {default as weightsInput} from './WeightsInput.vue';

23
src/views/weight/WeightsInput.vue Normal file
View File

@ -0,0 +1,23 @@
<template>
<div>
<h1>Worm-Ups</h1>
<label>1. Set</label>
<input type="number" name="set1" id="set1" min="0" step="1" value="0">
<label>2. Set</label>
<input type="number" name="set1" id="set1" min="0" step="1" value="0">
<label>3. Set</label>
<input type="number" name="set1" id="set1" min="0" step="1" value="0">
<label>4. Set</label>
<input type="number" name="set1" id="set1" min="0" step="1" value="0">
</div>
</template>
<script setup>
</script>
<style>
</style>
export default weightsInput;