sascha
/
bullpen
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: sascha:1d96c9c54b067abb87f5a5d08e1b7e2b242fc697
Branches Tags
sascha:main
..
compare: sascha:c330e2312a96958de06198db4d5f56e312833190
Branches Tags
sascha:main

No commits in common. "1d96c9c54b067abb87f5a5d08e1b7e2b242fc697" and "c330e2312a96958de06198db4d5f56e312833190" have entirely different histories.
1d96c9c54b ... c330e2312a

11 changed files with 111 additions and 288 deletions
Show Stats Expand all files Collapse all files

114
app/src/App.vue
View File

@ -1,31 +1,11 @@
<script setup lang="ts">
import {
IonApp,
IonMenu,
IonHeader,
IonToolbar,
IonContent,
IonIcon,
IonList,
IonTitle,
IonButton,
IonButtons,
IonLabel,
IonItem,
IonRouterOutlet,
IonAvatar
} from '@ionic/vue';
import { IonApp, IonRouterOutlet } from '@ionic/vue';
import { useRouter } from 'vue-router';
import { useStore } from 'vuex'
import { AppStore } from '@/store';
import {onMounted, onBeforeUnmount, ref, computed} from "vue";
import { onMounted, onBeforeUnmount, ref } from "vue";
import EventBus from "./common/EventBus";
import backendService from '@/services/BackendService'
import {
chevronBack,
personCircleOutline,
logOutOutline
} from 'ionicons/icons';
const router = useRouter();
const store = useStore<AppStore>();
@ -36,8 +16,6 @@ const logout = () => {
}
const isOnline = ref(navigator.onLine);
const isAuthenticated = computed(() => store.state.auth.isAuthenticated);
const user = computed(() => store.state.auth.user);
onMounted(() => {
EventBus.on("logout", logout);
@ -47,7 +25,7 @@ onMounted(() => {
window.addEventListener("online", () => isOnline.value = true);
window.addEventListener("offline", () => isOnline.value = false);
if (isOnline.value && !isAuthenticated.value) {
if (isOnline.value) {
router.push({path: '/login'});
} else {
// checkStoredUserData();
@ -57,96 +35,10 @@ onMounted(() => {
onBeforeUnmount(() => {
EventBus.remove("logout", logout);
})
const closeMenu = async () => {
try {
const elem = document.querySelector('ion-menu');
if (elem && await elem.isOpen()) {
await elem.close();
}
} catch (e) {
console.log(e);
}
}
const showProfile = () => {
router.push({path: '/profile/' + user.value.id});
closeMenu();
}
const logoutUser = () => {
store.dispatch('auth/logout').then(() => {
router.push({ path: '/' });
}, error => {
console.log(error);
});
closeMenu();
}
</script>
<template>
<ion-app>
<ion-menu content-id="user-menu">
<ion-header>
<ion-toolbar>
<ion-buttons slot="secondary">
<ion-button @click="closeMenu">
<ion-icon slot="icon-only" :icon="chevronBack"></ion-icon>
</ion-button>
</ion-buttons>
<ion-title>Menu Content</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<div class="user-container">
<ion-avatar class="user-avatar">
<img alt="Silhouette of a person's head" src="https://ionicframework.com/docs/img/demos/avatar.svg" />
</ion-avatar>
<div v-if="isAuthenticated" class="user-name">{{ user.firstName }} {{ user.lastName }}</div>
</div>
<ion-list lines="full">
<ion-item button @click="showProfile">
<ion-icon slot="start" :icon="personCircleOutline"></ion-icon>
<ion-label>Profile</ion-label>
</ion-item>
</ion-list>
<ion-list lines="full">
<ion-item button @click="logoutUser">
<ion-icon slot="start" :icon="logOutOutline"></ion-icon>
<ion-label>Logout</ion-label>
</ion-item>
</ion-list>
</ion-content>
</ion-menu>
<ion-router-outlet />
</ion-app>
</template>
<style scoped>
.user-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #f0f0f0;
padding: 5px;
}
.user-avatar {
width: 120px;
height: 120px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.user-name {
margin-top: 10px;
font-size: 18px;
font-weight: bold;
color: #333;
}
</style>

13
app/src/store/pitchType.ts
View File

@ -1,4 +1,4 @@
import PitchTypeService from '@/services/PitchTypeService'
import pitchTypeService from '@/services/PitchTypeService'
import PitchType from "@/types/PitchType";
import { Module } from 'vuex';
@ -11,18 +11,9 @@ export interface PitchTypeState {
const pitchTypes: Module<PitchTypeState, RootState> = {
namespaced: true,
state: {pitchTypes: []},
actions: {
fetch({commit}: any) {
PitchTypeService.fetchAll().then((pitchTypes: PitchType[]) => {
commit('initialize', pitchTypes);
}, (error) => {
console.log(error);
});
}
},
mutations: {
initialize(state, pitchTypeList: PitchType[]) {
// pitchTypeService.updateLocalPitchTypes(pitchTypeList);
pitchTypeService.updateLocalPitchTypes(pitchTypeList);
state.pitchTypes = pitchTypeList;
}
}

9
app/src/views/BullpenListView.vue
View File

@ -25,7 +25,7 @@ import {
import PitchType from "@/types/PitchType";
import {useStore} from 'vuex';
import {useRouter} from 'vue-router';
import {computed, onMounted} from "vue";
import {computed} from "vue";
import dayjs from 'dayjs';
const router = useRouter();
@ -36,15 +36,10 @@ const pitcher = computed(() => store.state.auth.user);
const bullpens = computed(() => store.state.bullpen.bullpens);
const pitchTypes = computed(() => store.state.pitchTypes.pitchTypes);
onMounted(() => {
store.dispatch('pitchTypes/fetch');
});
const formatDate = (date: Date) => {
return dayjs(date).format('YYYY.MM.DD HH:mm');
}
const determinePitchTypeName = (id: number): string => {
const pitchType = pitchTypes.value.find((pitchType: PitchType) => pitchType.id === id);
@ -92,4 +87,4 @@ const gotoHome = () => {
<style scoped>
</style>
</style>

120
app/src/views/HomeView.vue
View File

@ -1,25 +1,13 @@
<script setup lang="ts">
import {computed, ref} from 'vue';
import {
IonPage,
IonHeader,
IonToolbar,
IonTitle,
IonContent,
IonAvatar,
IonButton,
IonButtons,
IonIcon,
IonMenuButton,
IonFab,
IonFabButton
} from '@ionic/vue';
import { IonPage, IonHeader, IonToolbar, IonTitle, IonContent, IonAvatar, IonButton, IonIcon } from '@ionic/vue';
import {
playOutline,
statsChartOutline,
personOutline,
add,
personAddOutline
logOutOutline,
personAddOutline,
ellipsisHorizontal, ellipsisVertical
} from 'ionicons/icons';
import {useStore} from "vuex";
import {useRouter} from "vue-router";
@ -56,6 +44,18 @@ const showStats = () => {
})
};
const showProfile = () => {
router.push({ path: `/profile/${user.value.id}`});
};
const logout = () => {
store.dispatch('auth/logout').then(() => {
router.push({ path: '/' });
}, error => {
console.log(error);
});
}
const addPlayer = () => {
router.push({ path: '/player/create' });
}
@ -63,50 +63,62 @@ const addPlayer = () => {
</script>
<template>
<ion-page id="user-menu">
<ion-page>
<ion-header>
<ion-toolbar>
<ion-buttons slot="start">
<ion-menu-button></ion-menu-button>
</ion-buttons>
<ion-title>Bullpens</ion-title>
<!-- <ion-title v-if="isAuthenticated">Home of {{ user.firstName }} {{ user.lastName }}</ion-title>-->
<!-- <ion-title v-else>Home</ion-title>-->
<ion-title v-if="isAuthenticated">Home of {{ user.firstName }} {{ user.lastName }}</ion-title>
<ion-title v-else>Home</ion-title>
<!-- <ion-buttons slot="primary">-->
<!-- <ion-button id="user-menu-trigger">-->
<!-- <ion-icon slot="icon-only" :ios="ellipsisHorizontal" :md="ellipsisVertical"></ion-icon>-->
<!-- </ion-button>-->
<!-- <ion-popover trigger="user-menu-trigger" trigger-action="click">-->
<!-- <ion-content class="ion-padding">-->
<!-- <ion-list>-->
<!-- <ion-item button @click="showProfile">Profile</ion-item>-->
<!-- <ion-item button @click="logout">Logout</ion-item>-->
<!-- </ion-list>-->
<!-- </ion-content>-->
<!-- </ion-popover>-->
<!-- </ion-buttons>-->
</ion-toolbar>
</ion-header>
<ion-content class="ion-padding">
<!-- <div class="user-container">-->
<!-- <ion-avatar class="user-avatar">-->
<!-- <template v-if="userImage">-->
<!-- <img :src="userImage" alt="User Profile" class="avatar-frame" />-->
<!-- </template>-->
<!-- <template v-else>-->
<!-- <ion-icon :icon="personOutline" class="avatar-placeholder" />-->
<!-- </template>-->
<!-- </ion-avatar>-->
<!-- <div v-if="isAuthenticated" class="user-name">{{ user.firstName }} {{ user.lastName }}</div>-->
<!-- </div>-->
<div class="user-container">
<ion-avatar class="user-avatar">
<template v-if="userImage">
<img :src="userImage" alt="User Profile" class="avatar-frame" />
</template>
<template v-else>
<ion-icon :icon="personOutline" class="avatar-placeholder" />
</template>
</ion-avatar>
<div v-if="isAuthenticated" class="user-name">{{ user.firstName }} {{ user.lastName }}</div>
</div>
<!-- <div class="button-grid">-->
<!-- <ion-button @click="startBullpen" class="grid-button">-->
<!-- <ion-icon :icon="playOutline" slot="start" />-->
<!-- Start Bullpen Session-->
<!-- </ion-button>-->
<!-- <ion-button v-if="TokenService.isPlayer()" @click="showStats" class="grid-button">-->
<!-- <ion-icon :icon="statsChartOutline" slot="start" />-->
<!-- Show Bullpen Stats-->
<!-- </ion-button>-->
<!-- <ion-button v-if="TokenService.isCoach()" @click="addPlayer" class="grid-button">-->
<!-- <ion-icon :icon="personAddOutline" slot="start" />-->
<!-- Add Player-->
<!-- </ion-button>-->
<!-- </div>-->
<ion-fab slot="fixed" vertical="bottom" horizontal="end">
<ion-fab-button>
<ion-icon :icon="add"></ion-icon>
</ion-fab-button>
</ion-fab>
<div class="button-grid">
<ion-button @click="startBullpen" class="grid-button">
<ion-icon :icon="playOutline" slot="start" />
Start Bullpen Session
</ion-button>
<ion-button v-if="TokenService.isPlayer()" @click="showStats" class="grid-button">
<ion-icon :icon="statsChartOutline" slot="start" />
Show Bullpen Stats
</ion-button>
<ion-button @click="showProfile" class="grid-button">
<ion-icon :icon="personOutline" slot="start" />
Show Profile
</ion-button>
<ion-button @click="logout" class="grid-button">
<ion-icon :icon="logOutOutline" slot="start" />
Logout
</ion-button>
<ion-button v-if="TokenService.isCoach()" @click="addPlayer" class="grid-button">
<ion-icon :icon="personAddOutline" slot="start" />
Add Player
</ion-button>
</div>
</ion-content>
</ion-page>
</template>
@ -125,6 +137,8 @@ const addPlayer = () => {
.user-avatar {
width: 120px;
height: 120px;
border-radius: 50%;
border: 4px solid #ccc;
overflow: hidden;
display: flex;
justify-content: center;

25
app/src/views/LoginView.vue
View File

@ -1,5 +1,5 @@
<script setup lang="ts">
import { onMounted, ref, computed } from "vue";
import { computed, ref, onMounted } from "vue";
import {
IonPage,
IonButton,
@ -16,6 +16,8 @@ import {Field, useForm} from 'vee-validate';
import { useRouter } from 'vue-router';
import { useStore } from 'vuex'
import * as yup from 'yup';
import PitchTypeService from "@/services/PitchTypeService";
import PitchType from "@/types/PitchType";
import User from "@/types/User";
const loading = ref(false);
@ -42,11 +44,11 @@ const router = useRouter();
const store = useStore();
const loginError = ref('');
const isAuthenticated = computed(() => store.state.auth.isAuthenticated);
const loggedIn = computed(() => store.state.auth.isAuthenticated);
onMounted(() => {
if (isAuthenticated.value) {
router.push({path: '/home'});
if (loggedIn.value) {
onLogin();
}
});
@ -59,8 +61,7 @@ const submit = handleSubmit((values, { resetForm }) => {
return store.dispatch('player/selectPlayer', user);
}).then(() => {
resetForm();
router.push({path: '/home'});
// onLogin();
onLogin();
}).catch(error => {
loading.value = false;
console.log(error);
@ -71,6 +72,18 @@ const submit = handleSubmit((values, { resetForm }) => {
loading.value = false;
});
const onLogin = () => {
console.log('check if pitch types are available.');
PitchTypeService.fetchAll().then((pitchTypes: PitchType[]) => {
store.commit('pitchTypes/initialize', pitchTypes);
router.push({path: '/home'});
}, (error) => {
console.log(error);
});
}
// const changeServer = () => {
// router.push({ path: '/setup'});
// }

25
app/src/views/ProfileView.vue
View File

@ -9,19 +9,18 @@ import {
IonIcon,
IonPage,
IonTitle,
IonToolbar,
IonButtons,
IonBackButton,
IonToolbar
} from "@ionic/vue";
import {computed, onMounted, ref} from "vue";
import {useStore} from "vuex";
import {useRoute} from "vue-router";
import {useRoute, useRouter} from "vue-router";
import PlayerService from "@/services/PlayerService";
// import dayjs from "dayjs";
const userImage = ref(null);
const router = useRouter();
const route = useRoute();
const store = useStore();
@ -44,20 +43,22 @@ onMounted(() => {
});
});
const gotoHome = () => {
router.push({path: '/home'});
}
</script>
<template>
<ion-page>
<ion-header>
<ion-toolbar>
<ion-buttons slot="start">
<ion-back-button></ion-back-button>
</ion-buttons>
<ion-title>Profile</ion-title>
<ion-title v-if="isAuthenticated">Home of {{ pitcher.firstName }} {{ pitcher.lastName }}</ion-title>
<ion-title v-else>Home</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-content class="ion-padding">
<div class="user-container">
<ion-avatar class="user-avatar">
<template v-if="userImage">
@ -70,6 +71,10 @@ onMounted(() => {
<div v-if="isAuthenticated" class="user-name">{{ pitcher.firstName }} {{ pitcher.lastName }}</div>
</div>
</ion-content>
<ion-footer>
<ion-button expand="full" color="success" @click="gotoHome">Home</ion-button>
</ion-footer>
</ion-page>
</template>
@ -113,4 +118,4 @@ onMounted(() => {
font-weight: bold;
color: #333;
}
</style>
</style>

4
backend/config/version.js
View File

@ -1,3 +1 @@
const BULLPEN_VERSION = "1.1.0";
module.exports = BULLPEN_VERSION;
export const BULLPEN_VERSION = "1.1.0";

2
backend/controllers/info.controller.js
View File

@ -1,5 +1,5 @@
const process = require('process');
const BULLPEN_VERSION = require("../config/version");
const {BULLPEN_VERSION} = require("../config/version");
exports.info = (req, res) => {
res.json({

2
backend/helper/seeder.helper.js
View File

@ -75,9 +75,7 @@ const createPlayer = async (queryInterface, roles, players) => {
};
}));
const createdPlayers = await queryInterface.select(null, 'Players');
return createdPlayers;
}
module.exports = {

2
backend/package.json
View File

@ -3,7 +3,7 @@
"version": "1.1.0",
"main": "server.js",
"scripts": {
"prebuild": "node -p \"'const BULLPEN_VERSION = ' + JSON.stringify(require('./package.json').version) + ';'\"\n\nmodule.exports = BULLPEN_VERSION; > config/version.js",
"prebuild": "node -p \"'export const BULLPEN_VERSION = ' + JSON.stringify(require('./package.json').version) + ';'\" > config/version.js",
"test": "cross-env NODE_ENV=test jest",
"pretest": "cross-env NODE_ENV=test npm run db:reset",
"db:create:test": "cross-env NODE_ENV=test npx sequelize-cli db:create",

83
backend/seeders/05-bullpens.js
View File

@ -1,83 +0,0 @@
const process = require('process');
const {createPlayer, createUsers} = require("../helper/seeder.helper");
const createBullpen = async (queryInterface, demoPlayer) => {
const startDate = new Date();
const endDate = new Date(new Date().setTime(startDate.getTime() + 10 * 60000));
const bullpens = [...Array(20).keys()].map(key => {
return {
pitcherId: demoPlayer.user.id,
startedAt: new Date(new Date().setDate(startDate.getDate()-5)),
finishedAt: new Date(new Date().setDate(startDate.getDate()-5)),
createdAt: new Date(),
updatedAt: new Date()
}
})
await queryInterface.bulkInsert('BullpenSessions', bullpens);
const pitchTypeIds = await queryInterface
.select(null, 'PitchTypes')
.map(pitchType => pitchType.id);
// red: 21-28
// orange: 11-18:
// green: 1-9
const bullpenChart = [
[21,22,23,24,25,26,27,28],
[11,12,13,14,15,16,17,18],
[1,2,3,4,5,6,7,8,9]
]
const dbBullpens = await queryInterface.select(null, 'BullpenSessions', {
where: {
pitcherId: demoPlayer.user.id
}
});
[...Array(20).keys()].map(key => {
return {
pitchTypeId: pitchTypeIds[Math.floor(Math.random() * pitchTypeIds.length)],
pitchTime: new Date(2025, 3, 22, 16, 7, 21),
aimedArea: 11,
hitArea: 12
}
});
}
/** @type {import('sequelize-cli').Migration} */
module.exports = {
async up (queryInterface, /*Sequelize*/) {
if (process.env.NODE_ENV !== 'development') return;
const roles = await queryInterface.select(null, 'Roles');
const players = [{
email: 'demo@bullpen.com',
password: 'demo$123',
firstName: 'Demo',
lastName: 'Player',
dateOfBirth: new Date(1975, 6, 19),
jerseyNumber: 33,
height: 187,
weight: 85,
gender: 'male',
bats: 'right',
throws: 'right',
state: 'active'
}];
const dbPlayers = await createPlayer(queryInterface, roles, players);
const demoPlayer = dbPlayers
.filter(player => player.user.auth.email === 'demo@bullpen.com').shift();
for (let i = 0; i < 10; ++i) {
createBullpen(queryInterface, demoPlayer);
}
},
async down (queryInterface, /*Sequelize*/) {
if (process.env.NODE_ENV !== 'development') return;
return;
}
};