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

Make timetrackAccounts load async

Browse Source 
Update a package
This commit is contained in:
Marcel Schwarz 2020-07-31 02:14:11 +02:00
parent 4131213723
commit bc88c632be
2 changed files with 21 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/package-lock.json generated
View File

@ -5852,9 +5852,9 @@
"dev": true
},
"elliptic": {
"version": "6.5.2",
"resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.2.tgz",
"integrity": "sha512-f4x70okzZbIQl/NSRLkI/+tteV/9WqL98zx+SQ69KbXxmVrmjwsNUPn/gYJJ0sHvEak24cZgHIPegRePAtA/xw==",
"version": "6.5.3",
"resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.3.tgz",
"integrity": "sha512-IMqzv5wNQf+E6aHeIqATs0tOLeOTwj1QKbRcS3jBbYkl5oLAserA8yJTT7/VyHUYG91PRmPyeQDObKLPpeS4dw==",
"dev": true,
"requires": {
"bn.js": "^4.4.0",

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

@ -22,6 +22,7 @@
<script>
import {BASE_URI} from "../../globals.js";
import TimeTrackAccountItem from "./TimeTrackAccountItem.vue";
import axios from "axios"
export default {
name: "TimeTrackAccounts",
@ -35,50 +36,31 @@
};
},
methods: {
deleteTimeTrackAccount(selfLink) {
var accountxhttp = new XMLHttpRequest();
accountxhttp.onreadystatechange = function () {
if (this.readyState == 4 && this.status == 204) {
location.reload();
async deleteTimeTrackAccount(selfLink) {
try {
await axios.delete(selfLink)
this.timeTrackAccounts = this.timeTrackAccounts.filter(account => account._links.self.href !== selfLink)
} catch (e) {
alert(e)
}
};
accountxhttp.open("DELETE", selfLink, false);
accountxhttp.setRequestHeader("Authorization", sessionStorage.getItem("jwt"));
accountxhttp.send(null);
},
editTimeTrackAccount(selfLink) {
sessionStorage.setItem("timeTrackAccountEditSelfLink", selfLink);
this.$router.push("/edittimetrackaccount");
this.$router.push("/edittimetrackaccount")
},
createTimeTrackAccount() {
this.$router.push("/createtimetrackaccount");
this.$router.push("/createtimetrackaccount")
}
},
created() {
var accounts;
var timeTrackAccountsTMP;
var accountxhttp = new XMLHttpRequest();
accountxhttp.onreadystatechange = function () {
if (this.readyState == 4 && this.status == 200) {
accounts = JSON.parse(accountxhttp.responseText);
timeTrackAccountsTMP = accounts._embedded.accounts;
async mounted() {
let accountsResponse = await axios.get(
BASE_URI
+ "/accounts/search/findByUsername?username="
+ sessionStorage.getItem("username")
)
this.timeTrackAccounts = accountsResponse.data._embedded.accounts
}
};
accountxhttp.open(
"GET",
BASE_URI +
"/accounts/search/findByUsername?username=" +
sessionStorage.getItem("timeTrackAccountListUser"),
false
);
accountxhttp.setRequestHeader("Authorization", sessionStorage.getItem("jwt"));
accountxhttp.send(null);
this.timeTrackAccounts = timeTrackAccountsTMP;
}
};
</script>
<style scoped>