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

Merge branch '83-user-list-add-style' into 'master'

Browse Source 
Resolve "User list add style"

Closes #83

See merge request marcel.schwarz/2020ss-qbc-geofence-timetracking!62
This commit is contained in:
Tim Zieger 2020-05-22 12:15:27 +00:00
commit 4b2fe41d9f
3 changed files with 54 additions and 82 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/App.vue
View File

@ -197,7 +197,7 @@ export default {
sessionStorage.setItem("lastname", userInformation.lastname); sessionStorage.setItem("lastname", userInformation.lastname);
sessionStorage.setItem("username", userInformation.username); sessionStorage.setItem("username", userInformation.username);
sessionStorage.setItem("role", userInformation.role.name); sessionStorage.setItem("role", userInformation.role.name);
console.log(this.fullname);
this.fullname= sessionStorage.getItem("firstname") + " " + sessionStorage.getItem("lastname"); this.fullname= sessionStorage.getItem("firstname") + " " + sessionStorage.getItem("lastname");
location.reload(); location.reload();
@ -209,7 +209,7 @@ export default {
whoxhttp.setRequestHeader("Authorization", sessionStorage.getItem("jwt")); whoxhttp.setRequestHeader("Authorization", sessionStorage.getItem("jwt"));
whoxhttp.send(null); whoxhttp.send(null);
location.reload();
} }
}, },
signUp(signupData) { signUp(signupData) {

4
frontend/src/views/Users.vue
View File

@ -1,9 +1,9 @@
<template> <template>
<div> <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" /> <UsersItems v-bind:user="user" v-on:edit-user="edituser" />
</div> </div>
</div> </v-container>
</template> </template>
<script> <script>

44
frontend/src/views/UsersItems.vue
View File

@ -1,17 +1,12 @@
<template> <template>
<div class="time-record-item">
<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 no-gutters align="center">
<v-col cols="2"> <v-col cols="1">
<pre> <v-avatar> <v-avatar><img src="https://cdn.vuetifyjs.com/images/john.jpg" alt="John" /></v-avatar>
<img src="https://cdn.vuetifyjs.com/images/john.jpg" alt="John" />
</v-avatar>
</pre>
</v-col> </v-col>
<v-col></v-col>
<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</v-icon>{{" " + user.username}}</pre> <pre><v-icon color="primary">mdi-account</v-icon>{{" " + user.username}}</pre>
@ -24,8 +19,7 @@
</v-card> </v-card>
</v-col> </v-col>
<v-col></v-col> <v-col></v-col>
<v-col cols="2"> <v-col cols="2"></v-col>
</v-col>
<v-col></v-col> <v-col></v-col>
</v-row> </v-row>
</v-list-item-content> </v-list-item-content>
@ -52,7 +46,6 @@
</v-list-item-action> </v-list-item-action>
</v-list-item> </v-list-item>
</v-card> </v-card>
</div>
</template> </template>
<script> <script>
@ -63,30 +56,9 @@ export default {
</script> </script>
<style scoped> <style scoped>
.time-record-item { .v-card {
background: #131313; border-color: #131313 !important;
padding: 10px; border-width: 3px !important;
border-bottom: 3px #272727 solid; border-radius: 10000px !important;
}
.del {
background: #ff0000;
color: #fff;
border: none;
padding: 5px 9px;
border-radius: 0%;
cursor: pointer;
float: right;
}
.edit {
background: #272727;
color: #fff;
border: none;
padding: 5px 9px;
border-radius: 0%;
cursor: pointer;
float: right;
margin: 0px;
} }
</style> </style>