tvolkmann/labswp_2019_sose_geocaching
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

design adjustments

Browse Source
This commit is contained in:
rchrist 2019-05-15 15:27:40 +02:00
parent a4e52596ae
commit e12c82aa98
1 changed files with 10 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
frontend/src/pages/Profile.vue
View File

@ -28,13 +28,12 @@
<p class="text-white"> Mein Team: {{teamName}} </p> <p class="text-white"> Mein Team: {{teamName}} </p>
</div> </div>
<div class="q-pa-md"> <div class="q-pa-md">
<div> <div v-show="!boolAlreadyInTeam">
<q-input v-show="!boolAlreadyInTeam" lazy-rules outlined filled stack-label v-model="newTeamName" <q-input lazy-rules outlined filled stack-label v-model="newTeamName"
type="text" type="text"
label="Teamname eingeben" label="Teamname eingeben"
:rules="[val=>val.length>=2||'Name muss mindestens 5 Zeichen lang sein!']"/> :rules="[val=>val.length>=2||'Name muss mindestens 5 Zeichen lang sein!']"/>
<q-btn <q-btn
v-show="!boolAlreadyInTeam"
:disabled="!newTeamNameValidationSuccesful" :disabled="!newTeamNameValidationSuccesful"
label="Team anlegen" label="Team anlegen"
color="primary" color="primary"
@ -43,8 +42,7 @@
unelevated unelevated
/> />
</div> </div>
<br/> <p class="text-h5 q-mt-sm"> Teameinladungen </p>
<p class="text-h5" v-show="!boolAlreadyInTeam"> Teameinladungen </p>
<q-list> <q-list>
<q-card class="q-mb-md" v-for="teamInvite in teamInvites" :key="teamInvite.id"> <q-card class="q-mb-md" v-for="teamInvite in teamInvites" :key="teamInvite.id">
<q-expansion-item <q-expansion-item
@ -65,13 +63,6 @@
</q-expansion-item> </q-expansion-item>
</q-card> </q-card>
</q-list> </q-list>
<div align="center">
<q-btn v-show="boolAlreadyInTeam"
label="Team verlassen"
@click="confirmLeave()"
color="negative"
type="submit"/>
</div>
</div> </div>
</q-tab-panel> </q-tab-panel>
<q-tab-panel v-if="boolAlreadyInTeam" name="teams" class="q-pa-none"> <q-tab-panel v-if="boolAlreadyInTeam" name="teams" class="q-pa-none">
@ -119,25 +110,26 @@
<q-btn label="Nutzer einladen" <q-btn label="Nutzer einladen"
@click="activateInvite()" @click="activateInvite()"
color="primary" color="primary"
class="full-width"
type="submit"/> type="submit"/>
</div> </div>
<br/> <div align="center" class="row q-mt-sm">
<div align="center">
<q-input v-show="inviteActivated" lazy-rules outlined filled stack-label v-model="inviteMail" <q-input v-show="inviteActivated" lazy-rules outlined filled stack-label v-model="inviteMail"
type="text" label="Email des Nutzers" type="text" label="Email des Nutzers" class="col-9"
:rules="[val=>validateEmail(val)||'Bitte Email verwenden']"/> :rules="[val=>validateEmail(val)||'Bitte Email verwenden']"/>
<q-btn v-show="inviteActivated" <q-btn v-show="inviteActivated"
class="col-3"
icon="arrow_right_alt" icon="arrow_right_alt"
@click="sendTeamInvite()" @click="sendTeamInvite()"
:disabled="!teamInviteChecked" :disabled="!teamInviteChecked"
color="positive" color="positive"
type="submit"/> type="submit"/>
</div> </div>
<br/> <div align="center" class="q-mt-sm">
<div align="center">
<q-btn label="Team verlassen" <q-btn label="Team verlassen"
@click="confirmLeave()" @click="confirmLeave()"
color="negative" color="negative"
class="full-width"
type="submit"/> type="submit"/>
</div> </div>
<br/> <br/>
@ -499,7 +491,7 @@
this.updateTeamData(); this.updateTeamData();
}).catch((error) => { }).catch((error) => {
this.handleError(error); this.handleError(error);
}) });
this.updateStatus(); this.updateStatus();
}, },
handleError(error) { handleError(error) {