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

added view to imput the weight and how many reps

Browse Source
This commit is contained in:
roberts
2023-05-07 19:11:43 +02:00
parent 7e2a7c31f7
commit 120ad96545
7 changed files with 60 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

File diff suppressed because one or more lines are too long

2
dist/assets/index-f3984685.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-a227d428.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-f3984685.js"></script></head><body><div id="app"></div></body></html>

4
src/App.vue
View File

@@ -4,9 +4,9 @@ import { NavigationModel } from "./components/Index.js";
</script>
<template>
<div class="app-container">
<div class="app-containe">
<NavigationModel />
<div class="container mx-auto">
<div class="container px-3 mx-auto">
<router-view class="mt-4" />
</div>
</div>

7
src/components/ExerciseList.vue
View File

@@ -1,12 +1,11 @@
<template>
<input class="search" 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="btn" :class="{'btn--primary': primary}">{{ exercise.name }}</Button>
<Button class="btn bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4" :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>
@@ -15,7 +14,7 @@
import { usePostStore } from '@/stores/store.js';
import { onMounted, ref } from 'vue';
// import { weightsInput } from '@/views/weight/index.js';
import WeightsInput from "@/views/weight/WeightsInput.vue";
const muscle = defineProps({
muscle: String

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

@@ -1,19 +1,16 @@
<template>
<div class="flex">
<div class="w-1/3">
<h1 class="test">Chest</h1>
<h1>Chest</h1>
<ExerciseList muscle="Chest"/>
</div>
<div class="w-2/3">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium, ex quisquam eligendi amet assumenda eveniet ut atque obcaecati temporibus voluptas, molestiae blanditiis illo architecto quo beatae sapiente cupiditate impedit nesciunt.
<WeightsInput/>
</div>
</div>
</template>
</template>
<script setup>
import {ExerciseList} from "@/components/Index.js";
import WeightsInput from "@/views/weight/WeightsInput.vue";
</script>
<style>

58
src/views/weight/WeightsInput.vue
View File

@@ -1,18 +1,54 @@
<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>
<div class="w-2/3 mx-auto ml-5">
<div class="warmup-sets mt-12 w-2/3">
<label>Warm-Up Sets</label>
<button @click="warmUpAddSet()" class="add-btn bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded ml-5">Add</button>
<div v-for="warmupset in warmUpSets" class="item" :key="warmupset">
{{ warmupset }}
<input type="warmUpInput" name="warmupweight" class="mt-1 px-3 py-2 bg-black border shadow-sm border-slate-300 placeholder-slate-400 focus:outline-none focus:border-sky-500 focus:ring-sky-500 block rounded-md sm:text-sm focus:ring-1" placeholder="Weight in Kg" />
</div>
</div>
<div class="working-sets w-2/3 mt-5">
<label>Working Sets</label>
<button @click="workingAddSet()" class="add-btn bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded ml-7">Add</button>
<div v-for="workingset in workingSets" class="item" :key="workingset">
{{ workingset }}
<div>
<input type="workingInput" name="workinweight" class="mt-1 px-3 py-2 bg-black border shadow-sm border-slate-300 placeholder-slate-400 focus:outline-none focus:border-sky-500 focus:ring-sky-500 block rounded-md sm:text-sm focus:ring-1" placeholder="Weight in Kg"/>
</div>
<div>
<label class="">Reps</label>
<input type="workingInput" name="workinweight" class="mt-1 px-3 py-2 bg-black border shadow-sm border-slate-300 placeholder-slate-400 focus:outline-none focus:border-sky-500 focus:ring-sky-500 block rounded-md sm:text-sm focus:ring-1" placeholder="Reps"/>
</div>
</div>
</div>
</div>
</template>
<script setup>
import {ref} from 'vue'
let warmUpSetCount = 0;
let workingSetCunt = 0;
const warmUpInput = ref('');
const workingInput = ref('');
const warmUpSets = ref([]);
const workingSets = ref([]);
const warmUpAddSet = () => {
const newWarmUpSet = {
id: warmUpSetCount++,
content: warmUpSetCount + ". Set"
};
warmUpSets.value.push(newWarmUpSet.content);
}
const workingAddSet = () => { const newWorkingSet = {
id: workingSetCunt++,
content: workingSetCunt + ". Set"
};
workingSets.value.push(newWorkingSet.content);};
</script>