hft-informatik/ubiquitous-computing-geo-timetracking
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Lint project again, mostly reordering html directives

Browse Source
This commit is contained in:
Marcel Schwarz 2020-07-26 23:35:58 +02:00
parent 49260a8829
commit b298ac5815
19 changed files with 149 additions and 149 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/views/About.vue
View File

@ -22,7 +22,7 @@
</v-row> </v-row>
<v-row class="ma-5" v-if="todos"> <v-row class="ma-5" v-if="todos">
<v-col cols="12"> <v-col cols="12">
<v-card v-for="todo of todos" :key="todo.id"> <v-card :key="todo.id" v-for="todo of todos">
<p> <p>
<v-icon color="white" v-if="!todo.completed">mdi-checkbox-blank-circle-outline</v-icon> <v-icon color="white" v-if="!todo.completed">mdi-checkbox-blank-circle-outline</v-icon>
<v-icon color="white" v-else>mdi-check-circle</v-icon> <v-icon color="white" v-else>mdi-check-circle</v-icon>

10
frontend/src/views/Home.vue
View File

@ -27,9 +27,9 @@
<v-card> <v-card>
<p class="pa-2 larger-text">Today</p> <p class="pa-2 larger-text">Today</p>
<div :key="today._links.self.href" v-for="today in todaysRecord"> <div :key="today._links.self.href" v-for="today in todaysRecord">
<v-row no-gutters align="center"> <v-row align="center" no-gutters>
<v-col cols="12"> <v-col cols="12">
<v-card color="background" elevation="0" class="ma-2"> <v-card class="ma-2" color="background" elevation="0">
<div> <div>
<v-icon color="green" v-if="today.type === 'PAID'">mdi-currency-usd</v-icon> <v-icon color="green" v-if="today.type === 'PAID'">mdi-currency-usd</v-icon>
<v-icon color="red" v-if="today.type === 'BREAK'">mdi-currency-usd-off</v-icon> <v-icon color="red" v-if="today.type === 'BREAK'">mdi-currency-usd-off</v-icon>
@ -54,9 +54,9 @@
<v-card> <v-card>
<p class="pa-2 larger-text">Accounts</p> <p class="pa-2 larger-text">Accounts</p>
<div :key="timeTrackAccount._links.self.href" v-for="timeTrackAccount in timeTrackAccounts"> <div :key="timeTrackAccount._links.self.href" v-for="timeTrackAccount in timeTrackAccounts">
<v-row no-gutters align="center"> <v-row align="center" no-gutters>
<v-col cols="12"> <v-col cols="12">
<v-card color="background" elevation="0" class="ma-2"> <v-card class="ma-2" color="background" elevation="0">
<div> <div>
<v-icon color="primary">mdi-account-tie</v-icon> <v-icon color="primary">mdi-account-tie</v-icon>
Account: {{timeTrackAccount.name}} Account: {{timeTrackAccount.name}}
@ -72,7 +72,7 @@
</v-card> </v-card>
</v-col> </v-col>
</v-row> </v-row>
<v-card v-if="!loggedIn" class="pa-3"> <v-card class="pa-3" v-if="!loggedIn">
<p class="larger-text">Welcome to Geo Timetracking</p> <p class="larger-text">Welcome to Geo Timetracking</p>
</v-card> </v-card>
</v-container> </v-container>

46
frontend/src/views/SignIn.vue
View File

@ -1,49 +1,49 @@
<template> <template>
<v-container class="fill-height" @keyup.enter="handleEnter"> <v-container @keyup.enter="handleEnter" class="fill-height">
<v-row align="center" justify="center"> <v-row align="center" justify="center">
<v-col cols="12"> <v-col cols="12">
<v-card elevation="0"> <v-card elevation="0">
<v-window v-model="visiblePane"> <v-window v-model="visiblePane">
<v-window-item :value="1"> <v-window-item :value="1">
<v-row> <v-row>
<v-col cols="12" md="8" class="main"> <v-col class="main" cols="12" md="8">
<v-card-text class="mt-1"> <v-card-text class="mt-1">
<h1 class="text-center display-2 logowhite--text">Sign in</h1> <h1 class="text-center display-2 logowhite--text">Sign in</h1>
<v-form> <v-form>
<v-text-field <v-text-field
color="primary"
label="Username" label="Username"
v-model="signInData.username"
name="Username" name="Username"
prepend-icon="mdi-account" prepend-icon="mdi-account"
type="text" type="text"
color="primary" v-model="signInData.username"
/> />
<v-text-field <v-text-field
color="primary"
id="password" id="password"
label="Password" label="Password"
v-model="signInData.password"
name="Password" name="Password"
prepend-icon="mdi-key" prepend-icon="mdi-key"
type="password" type="password"
color="primary" v-model="signInData.password"
/> />
</v-form> </v-form>
<p>{{errorMessage}}</p> <p>{{errorMessage}}</p>
</v-card-text> </v-card-text>
<div class="text-center mt-3"> <div class="text-center mt-3">
<v-btn rounded color="logowhite" outlined dark @click="signin">Sign In</v-btn> <v-btn @click="signin" color="logowhite" dark outlined rounded>Sign In</v-btn>
</div> </div>
</v-col> </v-col>
<v-col cols="12" md="4" class="main"> <v-col class="main" cols="12" md="4">
<v-card-text class="white--text mt-1"> <v-card-text class="white--text mt-1">
<h1 class="text-center display-1 primary--text">No account yet?</h1> <h1 class="text-center display-1 primary--text">No account yet?</h1>
<div class="text-center ma-12"> <div class="text-center ma-12">
<v-avatar min-width="100" size="230"> <v-avatar min-width="100" size="230">
<img src="../assets/logo_gt.svg" alt="John"/> <img alt="John" src="../assets/logo_gt.svg"/>
</v-avatar> </v-avatar>
</div> </div>
<div class="text-center mt-10"> <div class="text-center mt-10">
<v-btn class="primary--text" rounded outlined dark @click="switchPane(2)">Create Account</v-btn> <v-btn @click="switchPane(2)" class="primary--text" dark outlined rounded>Create Account</v-btn>
</div> </div>
</v-card-text> </v-card-text>
</v-col> </v-col>
@ -51,60 +51,60 @@
</v-window-item> </v-window-item>
<v-window-item :value="2"> <v-window-item :value="2">
<v-row class="fill-heigth"> <v-row class="fill-heigth">
<v-col cols="12" md="4" class="main"> <v-col class="main" cols="12" md="4">
<v-card-text class="white--text mt-1"> <v-card-text class="white--text mt-1">
<h1 class="text-center display-1 primary--text">Welcome Back</h1> <h1 class="text-center display-1 primary--text">Welcome Back</h1>
</v-card-text> </v-card-text>
<div class="text-center ma-12"> <div class="text-center ma-12">
<v-avatar min-width="100" size="230"> <v-avatar min-width="100" size="230">
<img src="../assets/logo_gt.svg" alt="John"/> <img alt="John" src="../assets/logo_gt.svg"/>
</v-avatar> </v-avatar>
</div> </div>
<div class="text-center mt-3"> <div class="text-center mt-3">
<v-btn class="primary--text" rounded outlined dark @click="switchPane(1)">Sign In</v-btn> <v-btn @click="switchPane(1)" class="primary--text" dark outlined rounded>Sign In</v-btn>
</div> </div>
</v-col> </v-col>
<v-col cols="12" md="8" class="main"> <v-col class="main" cols="12" md="8">
<v-card-text class="mt-12"> <v-card-text class="mt-12">
<h1 class="text-center display-2 logowhite--text">Create Account</h1> <h1 class="text-center display-2 logowhite--text">Create Account</h1>
<v-form> <v-form>
<v-text-field <v-text-field
color="primary "
label="Firstname" label="Firstname"
name="FirstnameR" name="FirstnameR"
v-model="signUpData.firstname"
prepend-icon="mdi-account-box" prepend-icon="mdi-account-box"
type="text" type="text"
color="primary " v-model="signUpData.firstname"
/> />
<v-text-field <v-text-field
color="primary"
label="Lastname" label="Lastname"
name="LastnameR" name="LastnameR"
v-model="signUpData.lastname"
prepend-icon="mdi-account-box" prepend-icon="mdi-account-box"
type="text" type="text"
color="primary" v-model="signUpData.lastname"
/> />
<v-text-field <v-text-field
color="primary"
label="Username" label="Username"
name="UsernameR" name="UsernameR"
v-model="signUpData.username"
prepend-icon="mdi-account" prepend-icon="mdi-account"
type="text" type="text"
color="primary" v-model="signUpData.username"
/> />
<v-text-field <v-text-field
color="primary"
label="Password" label="Password"
name="PasswordR" name="PasswordR"
v-model="signUpData.password"
prepend-icon="mdi-key" prepend-icon="mdi-key"
type="password" type="password"
color="primary" v-model="signUpData.password"
/> />
</v-form> </v-form>
<p>{{errorMessage}}</p> <p>{{errorMessage}}</p>
</v-card-text> </v-card-text>
<div class="text-center mt-n5"> <div class="text-center mt-n5">
<v-btn color="logowhite" rounded outlined @click="signup">Sign Up</v-btn> <v-btn @click="signup" color="logowhite" outlined rounded>Sign Up</v-btn>
</div> </div>
</v-col> </v-col>
</v-row> </v-row>

24
frontend/src/views/admin/EditUser.vue
View File

@ -11,25 +11,25 @@
<v-form> <v-form>
<v-text-field <v-text-field
color="primary"
label="firstname" label="firstname"
v-model="firstname"
name="firstname" name="firstname"
prepend-icon="mdi-account" prepend-icon="mdi-account"
type="text" type="text"
color="primary" v-model="firstname"
/> />
<v-text-field <v-text-field
color="primary"
label="lastname" label="lastname"
v-model="lastname"
name="lastname" name="lastname"
prepend-icon="mdi-account" prepend-icon="mdi-account"
type="text" type="text"
color="primary" v-model="lastname"
/> />
</v-form> </v-form>
<div class="text-center ma-3"> <div class="text-center ma-3">
<v-btn rounded color="logowhite" outlined dark v-on:click="editUserInformation()">Edit</v-btn> <v-btn color="logowhite" dark outlined rounded v-on:click="editUserInformation()">Edit</v-btn>
</div> </div>
<p id="noudata"></p> <p id="noudata"></p>
</v-card> </v-card>
@ -38,33 +38,33 @@
<v-form> <v-form>
<v-text-field <v-text-field
color="primary"
label="latitude" label="latitude"
v-model="latitude"
name="latitude" name="latitude"
prepend-icon="mdi-map-marker" prepend-icon="mdi-map-marker"
type="text" type="text"
color="primary" v-model="latitude"
/> />
<v-text-field <v-text-field
color="primary"
label="longitude" label="longitude"
v-model="longitude"
name="longitude" name="longitude"
prepend-icon="mdi-map-marker" prepend-icon="mdi-map-marker"
type="text" type="text"
color="primary" v-model="longitude"
/> />
<v-text-field <v-text-field
color="primary"
label="radius" label="radius"
v-model="radius"
name="radius" name="radius"
prepend-icon="mdi-map-marker-radius" prepend-icon="mdi-map-marker-radius"
type="text" type="text"
color="primary" v-model="radius"
/> />
</v-form> </v-form>
<div class="text-center ma-3"> <div class="text-center ma-3">
<v-btn rounded color="logowhite" outlined dark v-on:click="editLocation()">Edit</v-btn> <v-btn color="logowhite" dark outlined rounded v-on:click="editLocation()">Edit</v-btn>
</div> </div>
<p id="locationnotcomplete"></p> <p id="locationnotcomplete"></p>
</v-card> </v-card>

6
frontend/src/views/admin/Users.vue
View File

@ -1,18 +1,18 @@
<template> <template>
<v-container fluid> <v-container fluid>
<div v-bind:key="user.username" v-for="user in users"> <div v-bind:key="user.username" v-for="user in users">
<UsersItems v-bind:user="user" v-on:edit-user="edituser" v-on:del-user="deluser" <UsersItems v-bind:user="user" v-on:del-user="deluser" v-on:edit-user="edituser"
v-on:show-accounts="showAccounts"/> v-on:show-accounts="showAccounts"/>
</div> </div>
<v-row> <v-row>
<v-col cols="5"></v-col> <v-col cols="5"></v-col>
<v-col cols="1"> <v-col cols="1">
<v-btn v-if="havePrevPage == true" @click="prevPage()"> <v-btn @click="prevPage()" v-if="havePrevPage == true">
<v-icon>mdi-arrow-left</v-icon> <v-icon>mdi-arrow-left</v-icon>
</v-btn> </v-btn>
</v-col> </v-col>
<v-col cols="1"> <v-col cols="1">
<v-btn v-if="haveNextPage == true" @click="nextPage()"> <v-btn @click="nextPage()" v-if="haveNextPage == true">
<v-icon>mdi-arrow-right</v-icon> <v-icon>mdi-arrow-right</v-icon>
</v-btn> </v-btn>
</v-col> </v-col>

14
frontend/src/views/admin/UsersItems.vue
View File

@ -2,10 +2,10 @@
<v-card outlined> <v-card outlined>
<v-list-item class="main_accent"> <v-list-item class="main_accent">
<v-list-item-content> <v-list-item-content>
<v-row no-gutters align="center"> <v-row align="center" no-gutters>
<v-col cols="1"> <v-col cols="1">
<v-avatar> <v-avatar>
<img src="https://cdn.vuetifyjs.com/images/john.jpg" alt="John"/> <img alt="John" src="https://cdn.vuetifyjs.com/images/john.jpg"/>
</v-avatar> </v-avatar>
</v-col> </v-col>
<v-col cols="3"> <v-col cols="3">
@ -23,20 +23,20 @@
</v-row> </v-row>
</v-list-item-content> </v-list-item-content>
<v-list-item-action> <v-list-item-action>
<v-speed-dial v-model="editButton" transition="slide-x-reverse-transition" direction="left" open-on-hover> <v-speed-dial direction="left" open-on-hover transition="slide-x-reverse-transition" v-model="editButton">
<template v-slot:activator> <template v-slot:activator>
<v-btn v-model="editButton" color="background" elevation="0" dark fab> <v-btn color="background" dark elevation="0" fab v-model="editButton">
<v-icon v-if="editButton">mdi-close</v-icon> <v-icon v-if="editButton">mdi-close</v-icon>
<v-icon v-else>mdi-pencil</v-icon> <v-icon v-else>mdi-pencil</v-icon>
</v-btn> </v-btn>
</template> </template>
<v-btn fab dark small color="primary" @click="$emit('show-accounts', user.username, user._links.self.href)"> <v-btn @click="$emit('show-accounts', user.username, user._links.self.href)" color="primary" dark fab small>
<v-icon>mdi-account-details</v-icon> <v-icon>mdi-account-details</v-icon>
</v-btn> </v-btn>
<v-btn fab dark small color="green" @click="$emit('edit-user', user._links.self.href)"> <v-btn @click="$emit('edit-user', user._links.self.href)" color="green" dark fab small>
<v-icon>mdi-file-document-edit</v-icon> <v-icon>mdi-file-document-edit</v-icon>
</v-btn> </v-btn>
<v-btn fab dark small color="red" @click="$emit('del-user', user._links.self.href)"> <v-btn @click="$emit('del-user', user._links.self.href)" color="red" dark fab small>
<v-icon>mdi-delete</v-icon> <v-icon>mdi-delete</v-icon>
</v-btn> </v-btn>
</v-speed-dial> </v-speed-dial>

2
frontend/src/views/statistics/charts/AccountPie.vue
View File

@ -4,7 +4,7 @@
<p></p> <p></p>
<h3 align="center">Times by type PAID and TimetrackAccount</h3> <h3 align="center">Times by type PAID and TimetrackAccount</h3>
<div id="chart"> <div id="chart">
<apexchart class="ma-5" type="donut" width="100%" :options="chartOptions" :series="series"></apexchart> <apexchart :options="chartOptions" :series="series" class="ma-5" type="donut" width="100%"></apexchart>
</div> </div>
</div> </div>
</v-card> </v-card>

2
frontend/src/views/statistics/charts/MonthSummary.vue
View File

@ -4,7 +4,7 @@
<p></p> <p></p>
<h3 align="center">My last 30 Days</h3> <h3 align="center">My last 30 Days</h3>
<div id="chart"> <div id="chart">
<apexchart class="ma-5" type="bar" height="350" :options="chartOptions" :series="series"></apexchart> <apexchart :options="chartOptions" :series="series" class="ma-5" height="350" type="bar"></apexchart>
</div> </div>
</div> </div>
</v-card> </v-card>

2
frontend/src/views/statistics/charts/RevenuePie.vue
View File

@ -4,7 +4,7 @@
<p></p> <p></p>
<h3 align="center">Revenue by TimeTrack Account</h3> <h3 align="center">Revenue by TimeTrack Account</h3>
<div id="chart"> <div id="chart">
<apexchart class="ma-5" type="donut" width="100%" :options="chartOptions" :series="series"></apexchart> <apexchart :options="chartOptions" :series="series" class="ma-5" type="donut" width="100%"></apexchart>
</div> </div>
</div> </div>
</v-card> </v-card>

2
frontend/src/views/statistics/charts/WeekSummary.vue
View File

@ -4,7 +4,7 @@
<p></p> <p></p>
<h3 align="center">My last 7 Days</h3> <h3 align="center">My last 7 Days</h3>
<div id="chart"> <div id="chart">
<apexchart class="ma-5" type="bar" height="350" :options="chartOptions" :series="series"></apexchart> <apexchart :options="chartOptions" :series="series" class="ma-5" height="350" type="bar"></apexchart>
</div> </div>
</div> </div>
</v-card> </v-card>

2
frontend/src/views/statistics/charts/WorkPausePie.vue
View File

@ -4,7 +4,7 @@
<p></p> <p></p>
<h3 align="center">Times by type PAID and BREAK</h3> <h3 align="center">Times by type PAID and BREAK</h3>
<div id="chart"> <div id="chart">
<apexchart class="ma-5" type="donut" width="100%" :options="chartOptions" :series="series"></apexchart> <apexchart :options="chartOptions" :series="series" class="ma-5" type="donut" width="100%"></apexchart>
</div> </div>
</div> </div>
</v-card> </v-card>

58
frontend/src/views/timerecords/CreateTimerecord.vue
View File

@ -4,67 +4,67 @@
<p class="text-center logowhite--text" style="font-size:30pt">Details</p> <p class="text-center logowhite--text" style="font-size:30pt">Details</p>
<v-row> <v-row>
<v-col cols="6"> <v-col cols="6">
<v-select v-model="entryData.type" :items="types" menu-props="auto" label="Type" hide-details <v-select :items="types" hide-details label="Type" menu-props="auto" prepend-icon="mdi-currency-usd"
prepend-icon="mdi-currency-usd" single-line></v-select> single-line v-model="entryData.type"></v-select>
</v-col> </v-col>
<v-col cols="6"> <v-col cols="6">
<v-select v-model="entryData.account" :items="accounts" menu-props="auto" label="Account" hide-details <v-select :items="accounts" hide-details label="Account" menu-props="auto" prepend-icon="mdi-account-tie"
prepend-icon="mdi-account-tie" single-line></v-select> single-line v-model="entryData.account"></v-select>
</v-col> </v-col>
</v-row> </v-row>
<v-row> <v-row>
<v-col cols="12" sm="6"> <v-col cols="12" sm="6">
<v-menu ref="showDatepickerStartdate" v-model="showDatepickerStartdate" :close-on-content-click="false" <v-menu :close-on-content-click="false" :nudge-right="40" min-width="290px"
:nudge-right="40" transition="scale-transition" offset-y min-width="290px"> offset-y ref="showDatepickerStartdate" transition="scale-transition" v-model="showDatepickerStartdate">
<template v-slot:activator="{ on }"> <template v-slot:activator="{ on }">
<v-text-field v-model="entryData.startdate" label="Startdate" prepend-icon="mdi-calendar-range" readonly <v-text-field label="Startdate" prepend-icon="mdi-calendar-range" readonly v-model="entryData.startdate"
v-on="on"></v-text-field> v-on="on"></v-text-field>
</template> </template>
<v-date-picker v-model="entryData.startdate" @input="showDatepickerStartdate = false" no-title <v-date-picker @input="showDatepickerStartdate = false" no-title scrollable
scrollable></v-date-picker> v-model="entryData.startdate"></v-date-picker>
</v-menu> </v-menu>
</v-col> </v-col>
<v-col cols="12" sm="6"> <v-col cols="12" sm="6">
<v-menu ref="showDatepickerEnddate" v-model="showDatepickerEnddate" <v-menu :close-on-content-click="false" :nudge-right="40"
:close-on-content-click="false" :nudge-right="40" transition="scale-transition" min-width="290px" offset-y ref="showDatepickerEnddate"
offset-y min-width="290px"> transition="scale-transition" v-model="showDatepickerEnddate">
<template v-slot:activator="{ on }"> <template v-slot:activator="{ on }">
<v-text-field v-model="entryData.enddate" label="Enddate" <v-text-field label="Enddate" prepend-icon="mdi-calendar-range"
prepend-icon="mdi-calendar-range" readonly v-on="on"></v-text-field> readonly v-model="entryData.enddate" v-on="on"></v-text-field>
</template> </template>
<v-date-picker v-model="entryData.enddate" @input="showDatepickerEnddate = false" no-title <v-date-picker @input="showDatepickerEnddate = false" no-title scrollable
scrollable></v-date-picker> v-model="entryData.enddate"></v-date-picker>
</v-menu> </v-menu>
</v-col> </v-col>
</v-row> </v-row>
<v-row> <v-row>
<v-col cols="12" sm="6"> <v-col cols="12" sm="6">
<v-menu ref="showTimepickerStarttime" v-model="showTimepickerStarttime" :close-on-content-click="false" <v-menu :close-on-content-click="false" :nudge-right="40" :return-value.sync="entryData.starttime"
:nudge-right="40" :return-value.sync="entryData.starttime" transition="scale-transition" offset-y max-width="290px" min-width="290px" offset-y ref="showTimepickerStarttime"
max-width="290px" min-width="290px"> transition="scale-transition" v-model="showTimepickerStarttime">
<template v-slot:activator="{ on }"> <template v-slot:activator="{ on }">
<v-text-field v-model="entryData.starttime" label="Starttime" prepend-icon="mdi-clock-outline" readonly <v-text-field label="Starttime" prepend-icon="mdi-clock-outline" readonly v-model="entryData.starttime"
v-on="on"></v-text-field> v-on="on"></v-text-field>
</template> </template>
<v-time-picker v-if="showTimepickerStarttime" v-model="entryData.starttime" full-width format="24hr" <v-time-picker @click:minute="$refs.showTimepickerStarttime.save(entryData.starttime)" format="24hr" full-width v-if="showTimepickerStarttime"
@click:minute="$refs.showTimepickerStarttime.save(entryData.starttime)"></v-time-picker> v-model="entryData.starttime"></v-time-picker>
</v-menu> </v-menu>
</v-col> </v-col>
<v-col cols="12" sm="6"> <v-col cols="12" sm="6">
<v-menu ref="showTimepickerEndtime" v-model="showTimepickerEndtime" :close-on-content-click="false" <v-menu :close-on-content-click="false" :nudge-right="40" :return-value.sync="entryData.endtime"
:nudge-right="40" :return-value.sync="entryData.endtime" transition="scale-transition" offset-y max-width="290px" min-width="290px" offset-y ref="showTimepickerEndtime"
max-width="290px" min-width="290px"> transition="scale-transition" v-model="showTimepickerEndtime">
<template v-slot:activator="{ on }"> <template v-slot:activator="{ on }">
<v-text-field v-model="entryData.endtime" label="Endtime" prepend-icon="mdi-clock-outline" readonly <v-text-field label="Endtime" prepend-icon="mdi-clock-outline" readonly v-model="entryData.endtime"
v-on="on"></v-text-field> v-on="on"></v-text-field>
</template> </template>
<v-time-picker v-if="showTimepickerEndtime" v-model="entryData.endtime" full-width format="24hr" <v-time-picker @click:minute="$refs.showTimepickerEndtime.save(entryData.endtime)" format="24hr" full-width v-if="showTimepickerEndtime"
@click:minute="$refs.showTimepickerEndtime.save(entryData.endtime)"></v-time-picker> v-model="entryData.endtime"></v-time-picker>
</v-menu> </v-menu>
</v-col> </v-col>
</v-row> </v-row>
<div class="text-center ma-3"> <div class="text-center ma-3">
<v-btn rounded color="logowhite" outlined dark @click="addRecord">Add</v-btn> <v-btn @click="addRecord" color="logowhite" dark outlined rounded>Add</v-btn>
</div> </div>
</v-card> </v-card>
</v-container> </v-container>

64
frontend/src/views/timerecords/EditTimerecord.vue
View File

@ -5,127 +5,127 @@
<v-col cols="6"> <v-col cols="6">
<v-select <v-select
v-model="newtype"
:items="types" :items="types"
menu-props="auto"
label="Type"
hide-details hide-details
label="Type"
menu-props="auto"
prepend-icon="mdi-currency-usd" prepend-icon="mdi-currency-usd"
single-line single-line
v-model="newtype"
></v-select> ></v-select>
</v-col> </v-col>
<v-row> <v-row>
<v-col cols="12" sm="6"> <v-col cols="12" sm="6">
<v-menu <v-menu
ref="menu"
v-model="menu"
:close-on-content-click="false" :close-on-content-click="false"
:nudge-right="40" :nudge-right="40"
transition="scale-transition"
offset-y
min-width="290px" min-width="290px"
offset-y
ref="menu"
transition="scale-transition"
v-model="menu"
> >
<template v-slot:activator="{ on }"> <template v-slot:activator="{ on }">
<v-text-field <v-text-field
v-model="newstartdate"
label="Startdate" label="Startdate"
prepend-icon="mdi-calendar-range" prepend-icon="mdi-calendar-range"
readonly readonly
v-model="newstartdate"
v-on="on" v-on="on"
></v-text-field> ></v-text-field>
</template> </template>
<v-date-picker v-model="newstartdate" @input="menu = false" no-title scrollable> <v-date-picker @input="menu = false" no-title scrollable v-model="newstartdate">
</v-date-picker> </v-date-picker>
</v-menu> </v-menu>
</v-col> </v-col>
<v-col cols="12" sm="6"> <v-col cols="12" sm="6">
<v-menu <v-menu
ref="menu2"
v-model="menu2"
:close-on-content-click="false" :close-on-content-click="false"
:nudge-right="40" :nudge-right="40"
transition="scale-transition"
offset-y
min-width="290px" min-width="290px"
offset-y
ref="menu2"
transition="scale-transition"
v-model="menu2"
> >
<template v-slot:activator="{ on }"> <template v-slot:activator="{ on }">
<v-text-field <v-text-field
v-model="newenddate"
label="Enddate" label="Enddate"
prepend-icon="mdi-calendar-range" prepend-icon="mdi-calendar-range"
readonly readonly
v-model="newenddate"
v-on="on" v-on="on"
></v-text-field> ></v-text-field>
</template> </template>
<v-date-picker v-model="newenddate" @input="menu2 = false" no-title scrollable></v-date-picker> <v-date-picker @input="menu2 = false" no-title scrollable v-model="newenddate"></v-date-picker>
</v-menu> </v-menu>
</v-col> </v-col>
</v-row> </v-row>
<v-row> <v-row>
<v-col cols="11" sm="6"> <v-col cols="11" sm="6">
<v-menu <v-menu
ref="menutime"
v-model="menutime"
:close-on-content-click="false" :close-on-content-click="false"
:nudge-right="40" :nudge-right="40"
:return-value.sync="timestart" :return-value.sync="timestart"
transition="scale-transition"
offset-y
max-width="290px" max-width="290px"
min-width="290px" min-width="290px"
offset-y
ref="menutime"
transition="scale-transition"
v-model="menutime"
> >
<template v-slot:activator="{ on }"> <template v-slot:activator="{ on }">
<v-text-field <v-text-field
v-model="timestart"
label="Starttime" label="Starttime"
prepend-icon="mdi-clock-outline" prepend-icon="mdi-clock-outline"
readonly readonly
v-model="timestart"
v-on="on" v-on="on"
></v-text-field> ></v-text-field>
</template> </template>
<v-time-picker <v-time-picker
@click:minute="$refs.menutime.save(timestart)"
format="24hr"
full-width
v-if="menutime" v-if="menutime"
v-model="timestart" v-model="timestart"
full-width
format="24hr"
@click:minute="$refs.menutime.save(timestart)"
></v-time-picker> ></v-time-picker>
</v-menu> </v-menu>
</v-col> </v-col>
<v-col cols="11" sm="6"> <v-col cols="11" sm="6">
<v-menu <v-menu
ref="menutime2"
v-model="menutime2"
:close-on-content-click="false" :close-on-content-click="false"
:nudge-right="40" :nudge-right="40"
:return-value.sync="timeend" :return-value.sync="timeend"
transition="scale-transition"
offset-y
max-width="290px" max-width="290px"
min-width="290px" min-width="290px"
offset-y
ref="menutime2"
transition="scale-transition"
v-model="menutime2"
> >
<template v-slot:activator="{ on }"> <template v-slot:activator="{ on }">
<v-text-field <v-text-field
v-model="timeend"
label="Endtime" label="Endtime"
prepend-icon="mdi-clock-outline" prepend-icon="mdi-clock-outline"
readonly readonly
v-model="timeend"
v-on="on" v-on="on"
></v-text-field> ></v-text-field>
</template> </template>
<v-time-picker <v-time-picker
@click:minute="$refs.menutime2.save(timeend)"
format="24hr"
full-width
v-if="menutime2" v-if="menutime2"
v-model="timeend" v-model="timeend"
full-width
format="24hr"
@click:minute="$refs.menutime2.save(timeend)"
></v-time-picker> ></v-time-picker>
</v-menu> </v-menu>
</v-col> </v-col>
</v-row> </v-row>
<div class="text-center ma-3"> <div class="text-center ma-3">
<v-btn rounded color="logowhite" outlined dark v-on:click="editRecord()">Edit</v-btn> <v-btn color="logowhite" dark outlined rounded v-on:click="editRecord()">Edit</v-btn>
</div> </div>
</v-card> </v-card>
</v-container> </v-container>

12
frontend/src/views/timerecords/TimeRecordItem.vue
View File

@ -3,7 +3,7 @@
<v-list-item class="main_accent"> <v-list-item class="main_accent">
<v-list-item-content> <v-list-item-content>
<h3 justify-center>{{timeRecord.date}}</h3> <h3 justify-center>{{timeRecord.date}}</h3>
<v-row no-gutters align="center"> <v-row align="center" no-gutters>
<v-col cols="2"> <v-col cols="2">
<v-card color="background" elevation="0"> <v-card color="background" elevation="0">
<v-icon color="green" v-if="timeRecord.type === 'PAID'">mdi-currency-usd</v-icon> <v-icon color="green" v-if="timeRecord.type === 'PAID'">mdi-currency-usd</v-icon>
@ -39,18 +39,18 @@
</v-row> </v-row>
</v-list-item-content> </v-list-item-content>
<v-list-item-action> <v-list-item-action>
<v-speed-dial v-model="fab" transition="slide-x-reverse-transition" direction="left" open-on-hover> <v-speed-dial direction="left" open-on-hover transition="slide-x-reverse-transition" v-model="fab">
<template v-slot:activator> <template v-slot:activator>
<v-btn v-model="fab" color="background" elevation="0" dark fab> <v-btn color="background" dark elevation="0" fab v-model="fab">
<v-icon v-if="fab">mdi-close</v-icon> <v-icon v-if="fab">mdi-close</v-icon>
<v-icon v-else>mdi-pencil</v-icon> <v-icon v-else>mdi-pencil</v-icon>
</v-btn> </v-btn>
</template> </template>
<v-btn fab dark small color="green" <v-btn @click="$emit('edit-timeRecord', timeRecord._links.self.href, timeRecord.enddate)" color="green" dark fab
@click="$emit('edit-timeRecord', timeRecord._links.self.href, timeRecord.enddate)"> small>
<v-icon>mdi-file-document-edit</v-icon> <v-icon>mdi-file-document-edit</v-icon>
</v-btn> </v-btn>
<v-btn fab dark small color="red" @click="$emit('del-timeRecord', timeRecord._links.self.href)"> <v-btn @click="$emit('del-timeRecord', timeRecord._links.self.href)" color="red" dark fab small>
<v-icon>mdi-delete</v-icon> <v-icon>mdi-delete</v-icon>
</v-btn> </v-btn>
</v-speed-dial> </v-speed-dial>

6
frontend/src/views/timerecords/TimeRecords.vue
View File

@ -10,12 +10,12 @@
<v-row> <v-row>
<v-col cols="5"></v-col> <v-col cols="5"></v-col>
<v-col cols="1"> <v-col cols="1">
<v-btn v-if="havePrevPage == true" @click="prevPage()"> <v-btn @click="prevPage()" v-if="havePrevPage == true">
<v-icon>mdi-arrow-left</v-icon> <v-icon>mdi-arrow-left</v-icon>
</v-btn> </v-btn>
</v-col> </v-col>
<v-col cols="1"> <v-col cols="1">
<v-btn v-if="haveNextPage == true" @click="nextPage()"> <v-btn @click="nextPage()" v-if="haveNextPage == true">
<v-icon>mdi-arrow-right</v-icon> <v-icon>mdi-arrow-right</v-icon>
</v-btn> </v-btn>
</v-col> </v-col>
@ -24,7 +24,7 @@
<v-row> <v-row>
<v-col cols="6"></v-col> <v-col cols="6"></v-col>
<v-col cols="1"> <v-col cols="1">
<v-btn v-if="loggedIn == 'true'" fab color="primary" @click="createTimeRecord()"> <v-btn @click="createTimeRecord()" color="primary" fab v-if="loggedIn == 'true'">
<v-icon>mdi-plus</v-icon> <v-icon>mdi-plus</v-icon>
</v-btn> </v-btn>
</v-col> </v-col>

14
frontend/src/views/timetrackaccounts/CreateTimeTrackAccount.vue
View File

@ -4,32 +4,32 @@
<p class="text-center logowhite--text" style="font-size:30pt">Details</p> <p class="text-center logowhite--text" style="font-size:30pt">Details</p>
<v-form> <v-form>
<v-text-field <v-text-field
color="primary"
label="name" label="name"
v-model="accountData.name"
name="name" name="name"
prepend-icon="mdi-account-tie" prepend-icon="mdi-account-tie"
type="text" type="text"
color="primary" v-model="accountData.name"
/> />
<v-text-field <v-text-field
color="primary"
label="revenue" label="revenue"
v-model="accountData.revenue"
name="revenue" name="revenue"
prepend-icon="mdi-currency-usd" prepend-icon="mdi-currency-usd"
type="text" type="text"
color="primary" v-model="accountData.revenue"
/> />
<v-text-field <v-text-field
color="primary"
label="description" label="description"
v-model="accountData.description"
name="description" name="description"
prepend-icon="mdi-information-variant" prepend-icon="mdi-information-variant"
type="text" type="text"
color="primary" v-model="accountData.description"
/> />
</v-form> </v-form>
<div class="text-center ma-3"> <div class="text-center ma-3">
<v-btn rounded color="logowhite" outlined dark @click="addAccount">Add</v-btn> <v-btn @click="addAccount" color="logowhite" dark outlined rounded>Add</v-btn>
</div> </div>
</v-card> </v-card>
</v-container> </v-container>

14
frontend/src/views/timetrackaccounts/EditTimeTrackAccount.vue
View File

@ -6,15 +6,15 @@
<v-card align-center v-else> <v-card align-center v-else>
<p class="text-center logowhite--text">Edit details for {{accountData.name}}</p> <p class="text-center logowhite--text">Edit details for {{accountData.name}}</p>
<v-form> <v-form>
<v-text-field :disabled="isInactive" label="name" v-model="accountData.name" name="name" <v-text-field :disabled="isInactive" color="primary" label="name" name="name"
prepend-icon="mdi-account-tie" type="text" color="primary"/> prepend-icon="mdi-account-tie" type="text" v-model="accountData.name"/>
<v-text-field :disabled="isInactive" label="revenue" v-model="accountData.revenue" name="revenue" <v-text-field :disabled="isInactive" color="primary" label="revenue" name="revenue"
prepend-icon="mdi-currency-usd" type="text" color="primary"/> prepend-icon="mdi-currency-usd" type="text" v-model="accountData.revenue"/>
<v-text-field :disabled="isInactive" label="description" v-model="accountData.description" name="description" <v-text-field :disabled="isInactive" color="primary" label="description" name="description"
prepend-icon="mdi-information-variant" type="text" color="primary"/> prepend-icon="mdi-information-variant" type="text" v-model="accountData.description"/>
</v-form> </v-form>
<div class="text-center ma-3"> <div class="text-center ma-3">
<v-btn rounded color="logowhite" outlined dark @click="editAccount">Edit</v-btn> <v-btn @click="editAccount" color="logowhite" dark outlined rounded>Edit</v-btn>
</div> </div>
</v-card> </v-card>
</v-container> </v-container>

14
frontend/src/views/timetrackaccounts/TimeTrackAccountItem.vue
View File

@ -2,7 +2,7 @@
<v-card outlined> <v-card outlined>
<v-list-item class="main_accent"> <v-list-item class="main_accent">
<v-list-item-content> <v-list-item-content>
<v-row no-gutters align="center"> <v-row align="center" no-gutters>
<v-col cols="3"> <v-col cols="3">
<v-card color="background" elevation="0"> <v-card color="background" elevation="0">
<pre><v-icon color="primary">mdi-account-tie</v-icon>{{" " + timeTrackAccount.name}}</pre> <pre><v-icon color="primary">mdi-account-tie</v-icon>{{" " + timeTrackAccount.name}}</pre>
@ -24,19 +24,19 @@
</v-row> </v-row>
</v-list-item-content> </v-list-item-content>
<v-list-item-action> <v-list-item-action>
<v-speed-dial v-model="fab" transition="slide-x-reverse-transition" direction="left" open-on-hover> <v-speed-dial direction="left" open-on-hover transition="slide-x-reverse-transition" v-model="fab">
<template v-slot:activator> <template v-slot:activator>
<v-btn v-model="fab" color="background" elevation="0" dark fab> <v-btn color="background" dark elevation="0" fab v-model="fab">
<v-icon v-if="fab">mdi-close</v-icon> <v-icon v-if="fab">mdi-close</v-icon>
<v-icon v-else>mdi-pencil</v-icon> <v-icon v-else>mdi-pencil</v-icon>
</v-btn> </v-btn>
</template> </template>
<v-btn fab dark small color="green" <v-btn @click="$emit('edit-timeTrackAccount', timeTrackAccount._links.self.href)" color="green" dark fab
@click="$emit('edit-timeTrackAccount', timeTrackAccount._links.self.href)"> small>
<v-icon>mdi-file-document-edit</v-icon> <v-icon>mdi-file-document-edit</v-icon>
</v-btn> </v-btn>
<v-btn fab dark small color="red" <v-btn @click="$emit('del-timeTrackAccount', timeTrackAccount._links.self.href)" color="red" dark fab
@click="$emit('del-timeTrackAccount', timeTrackAccount._links.self.href)"> small>
<v-icon>mdi-delete</v-icon> <v-icon>mdi-delete</v-icon>
</v-btn> </v-btn>
</v-speed-dial> </v-speed-dial>

2
frontend/src/views/timetrackaccounts/TimeTrackAccounts.vue
View File

@ -10,7 +10,7 @@
<v-row> <v-row>
<v-col cols="6"></v-col> <v-col cols="6"></v-col>
<v-col cols="1"> <v-col cols="1">
<v-btn v-if="loggedIn == 'true'" fab color="primary" @click="createTimeTrackAccount()"> <v-btn @click="createTimeTrackAccount()" color="primary" fab v-if="loggedIn == 'true'">
<v-icon>mdi-plus</v-icon> <v-icon>mdi-plus</v-icon>
</v-btn> </v-btn>
</v-col> </v-col>