Format Home component

This commit is contained in:
Marcel Schwarz 2020-07-21 23:01:35 +02:00
parent 3321f4a58a
commit 6f9e9141b7

View File

@ -35,7 +35,6 @@
v-bind:class="{'d-none':today.type == 'PAID'}" 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>{{" Start " + today.startdate}}</pre>
<pre><v-icon color="primary">mdi-clock-outline</v-icon>{{" End " + today.enddate}}</pre> <pre><v-icon color="primary">mdi-clock-outline</v-icon>{{" End " + today.enddate}}</pre>
</v-card> </v-card>
</v-col> </v-col>
@ -47,15 +46,11 @@
<v-col cols="6"> <v-col cols="6">
<v-card> <v-card>
<p class="pa-2" style="font-size:30pt">Accounts</p> <p class="pa-2" style="font-size:30pt">Accounts</p>
<div <div :key="timeTrackAccount._links.self.href" v-for="timeTrackAccount in timeTrackAccounts">
:key="timeTrackAccount._links.self.href"
v-for="timeTrackAccount in timeTrackAccounts"
>
<v-row no-gutters align="center"> <v-row no-gutters align="center">
<v-col cols="12"> <v-col cols="12">
<v-card color="background" elevation="0" class="ma-2"> <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-account-tie</v-icon>{{" Account " + timeTrackAccount.name}}</pre>
<pre><v-icon color="primary">mdi-currency-usd</v-icon>{{" Revenue " + timeTrackAccount.revenue}}</pre> <pre><v-icon color="primary">mdi-currency-usd</v-icon>{{" Revenue " + timeTrackAccount.revenue}}</pre>
</v-card> </v-card>
</v-col> </v-col>
@ -63,7 +58,6 @@
</div> </div>
</v-card> </v-card>
</v-col> </v-col>
</v-row> </v-row>
<v-card v-if="loggedIn == 'false'" class="pa-3"> <v-card v-if="loggedIn == 'false'" class="pa-3">
<p style="font-size:20pt">Welcome to Geo Timetracking</p> <p style="font-size:20pt">Welcome to Geo Timetracking</p>
@ -72,9 +66,8 @@
</template> </template>
<script> <script>
import {baseUri} from "../variables.js"; import {baseUri} from "../variables.js";
export default { export default {
name: "Home", name: "Home",
components: {}, components: {},
@ -100,14 +93,11 @@ export default {
} }
}; };
xhttp.open("GET", baseUri + "/records/search/today", false); xhttp.open("GET", baseUri + "/records/search/today", false);
xhttp.setRequestHeader("Authorization", sessionStorage.getItem("jwt")); xhttp.setRequestHeader("Authorization", sessionStorage.getItem("jwt"));
xhttp.send(null); xhttp.send(null);
for (let index = 0; index < today.length; index++) { for (let index = 0; index < today.length; index++) {
var record = today[index]; var record = today[index];
var start = record.startdate; var start = record.startdate;
start = start.split("T"); start = start.split("T");
@ -123,7 +113,6 @@ export default {
} }
this.todaysRecord = today; this.todaysRecord = today;
var timeTrackAccountsTMP; var timeTrackAccountsTMP;
var accountxhttp = new XMLHttpRequest(); var accountxhttp = new XMLHttpRequest();
accountxhttp.onreadystatechange = function () { accountxhttp.onreadystatechange = function () {
@ -141,9 +130,7 @@ export default {
); );
accountxhttp.setRequestHeader("Authorization", sessionStorage.getItem("jwt")); accountxhttp.setRequestHeader("Authorization", sessionStorage.getItem("jwt"));
accountxhttp.send(null); accountxhttp.send(null);
this.timeTrackAccounts = timeTrackAccountsTMP; this.timeTrackAccounts = timeTrackAccountsTMP;
//Get Location //Get Location
@ -162,19 +149,12 @@ export default {
false false
); );
locationxhttp.setRequestHeader( locationxhttp.setRequestHeader("Authorization", sessionStorage.getItem("jwt"));
"Authorization",
sessionStorage.getItem("jwt")
);
locationxhttp.send(null); locationxhttp.send(null);
this.haveLocation = locSuc; this.haveLocation = locSuc;
this.location = location; this.location = location;
} }
} }
}; };
</script> </script>