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

Format Home component

Browse Source
This commit is contained in:
Marcel Schwarz 2020-07-21 23:01:35 +02:00
parent 3321f4a58a
commit 6f9e9141b7
1 changed files with 91 additions and 111 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -4,7 +4,7 @@
<v-col cols="6">
<v-card class="pa-3">
<p style="font-size:30pt">User Information</p>
<p style="font-size:15pt"> Username: {{username}}</p>
<p style="font-size:15pt">Username: {{username}}</p>
<p style="font-size:15pt">Firstname: {{firstname}}</p>
<p style="font-size:15pt">Lastname: {{lastname}}</p>
</v-card>
@ -33,9 +33,8 @@
<pre><v-icon color="green" v-bind:class="{'d-none':today.type == 'BREAK'}">mdi-currency-usd</v-icon><v-icon
color="red"
v-bind:class="{'d-none':today.type == 'PAID'}"
>mdi-currency-usd-off</v-icon>{{" " + today.type}}</pre>
>mdi-currency-usd-off</v-icon>{{" " + today.type}}</pre>
<pre><v-icon color="primary">mdi-clock-outline</v-icon>{{" Start " + today.startdate}}</pre>
<pre><v-icon color="primary">mdi-clock-outline</v-icon>{{" End " + today.enddate}}</pre>
</v-card>
</v-col>
@ -47,15 +46,11 @@
<v-col cols="6">
<v-card>
<p class="pa-2" style="font-size:30pt">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-col cols="12">
<v-card color="background" elevation="0" class="ma-2">
<pre><v-icon color="primary">mdi-account-tie</v-icon>{{" Account " + timeTrackAccount.name}}</pre>
<pre><v-icon color="primary">mdi-currency-usd</v-icon>{{" Revenue " + timeTrackAccount.revenue}}</pre>
</v-card>
</v-col>
@ -63,7 +58,6 @@
</div>
</v-card>
</v-col>
</v-row>
<v-card v-if="loggedIn == 'false'" class="pa-3">
<p style="font-size:20pt">Welcome to Geo Timetracking</p>
@ -72,10 +66,9 @@
</template>
<script>
import {baseUri} from "../variables.js";
import { baseUri } from "../variables.js";
export default {
export default {
name: "Home",
components: {},
data: () => ({
@ -89,25 +82,22 @@ export default {
haveLocation: ""
}),
created() {
if(sessionStorage.getItem("loggedin") == "true"){
if (sessionStorage.getItem("loggedin") == "true") {
//Get todays records
var xhttp = new XMLHttpRequest();
var today;
xhttp.onreadystatechange = function() {
xhttp.onreadystatechange = function () {
if (this.readyState == 4 && this.status == 200) {
today = JSON.parse(xhttp.responseText);
today = today._embedded.records;
}
};
xhttp.open("GET", baseUri + "/records/search/today", false);
xhttp.setRequestHeader("Authorization", sessionStorage.getItem("jwt"));
xhttp.send(null);
for (let index = 0; index < today.length; index++) {
var record = today[index];
var start = record.startdate;
start = start.split("T");
@ -123,10 +113,9 @@ export default {
}
this.todaysRecord = today;
var timeTrackAccountsTMP;
var accountxhttp = new XMLHttpRequest();
accountxhttp.onreadystatechange = function() {
accountxhttp.onreadystatechange = function () {
if (this.readyState == 4 && this.status == 200) {
timeTrackAccountsTMP = JSON.parse(accountxhttp.responseText);
timeTrackAccountsTMP = timeTrackAccountsTMP._embedded.accounts;
@ -141,16 +130,14 @@ export default {
);
accountxhttp.setRequestHeader("Authorization", sessionStorage.getItem("jwt"));
accountxhttp.send(null);
this.timeTrackAccounts = timeTrackAccountsTMP;
//Get Location
var location;
var locSuc = false;
var locationxhttp = new XMLHttpRequest();
locationxhttp.onreadystatechange = function() {
locationxhttp.onreadystatechange = function () {
if (this.readyState == 4 && this.status == 200) {
locSuc = true;
location = JSON.parse(locationxhttp.responseText);
@ -162,19 +149,12 @@ export default {
false
);
locationxhttp.setRequestHeader(
"Authorization",
sessionStorage.getItem("jwt")
);
locationxhttp.setRequestHeader("Authorization", sessionStorage.getItem("jwt"));
locationxhttp.send(null);
this.haveLocation = locSuc;
this.location = location;
}
}
};
};
</script>