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

changes to team view

Browse Source
This commit is contained in:
rchrist 2019-05-13 12:42:03 +02:00
parent fec8723bbd
commit 405c1e6bb7
1 changed files with 71 additions and 87 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -66,7 +66,19 @@
</q-list> </q-list>
</q-btn-dropdown> </q-btn-dropdown>
</div> </div>
<div v-show="boolMyTeam"> <p class="text-h5"> Teamstatus </p>
<p>{{currentTeamStatus}}</p>
<q-input lazy-rules outlined filled stack-label v-model="teamStatus"
type="text" label="Neuer Teamstatus"
:rules="[val=>val.length<=160||'Status zu lang!']"/>
<div align="center">
<q-btn label="Teamstatus aktualisieren"
:disabled="!teamStatusChecked"
@click="setTeamStatus()"
color="primary"
type="submit"/>
</div>
<br/>
<p class="text-h5"> Teammitglieder </p> <p class="text-h5"> Teammitglieder </p>
<q-table <q-table
:data="teamData" :data="teamData"
@ -89,22 +101,6 @@
type="submit"/> type="submit"/>
</div> </div>
<br/> <br/>
<p class="text-h5"> Teamstatus </p>
<p>{{currentTeamStatus}}</p>
<q-input lazy-rules outlined filled stack-label v-model="teamStatus"
type="text" label="Neuer Teamstatus"
:rules="[val=>val.length<=160||'Status zu lang!']"/>
<div align="center">
<q-btn label="Teamstatus aktualisieren"
:disabled="!teamStatusChecked"
@click="setTeamStatus()"
color="primary"
type="submit"/>
</div>
<br/>
<q-input lazy-rules outlined filled stack-label v-model="leaveTeamCheck"
type="text" label="BESTÄTIGEN eingeben um das Team zu verlassen"
:rules="[val=>val==='BESTÄTIGEN'||'Schreibweise beachten']"/>
<div align="center"> <div align="center">
<q-btn label="Team verlassen" <q-btn label="Team verlassen"
:disabled="!leaveConfirmed" :disabled="!leaveConfirmed"
@ -112,8 +108,6 @@
color="negative" color="negative"
type="submit"/> type="submit"/>
</div> </div>
</div>
<div v-show="boolInvites">
<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
@ -126,15 +120,13 @@
> >
<q-item class="q-pr-sm reverse q-gutter-x-sm"> <q-item class="q-pr-sm reverse q-gutter-x-sm">
<q-btn @click="joinTeam(teamInvite)" unelevated color="positive" stack icon="arrow_forward" <q-btn @click="joinTeam(teamInvite)" unelevated color="positive" stack icon="arrow_forward"
label="Anfrage annehmen" size="sm"/> label="Annehmen" size="sm"/>
<q-btn @click="deleteTeamInvite(teamInvite)" unelevated color="negative" stack icon="delete" <q-btn @click="deleteTeamInvite(teamInvite)" unelevated color="negative" stack icon="delete"
label="Anfrage ablehnen" size="sm"/> label="Ablehnen" size="sm"/>
</q-item> </q-item>
</q-expansion-item> </q-expansion-item>
</q-card> </q-card>
</q-list> </q-list>
</div>
<div v-show="boolCreateTeam">
<q-input lazy-rules outlined filled stack-label v-model="newTeamName" type="text" <q-input lazy-rules outlined filled stack-label v-model="newTeamName" 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!']"/>
@ -146,7 +138,6 @@
@click="createTeam()" @click="createTeam()"
unelevated unelevated
/> />
</div>
</q-tab-panel> </q-tab-panel>
</q-tab-panels> </q-tab-panels>
@ -238,16 +229,9 @@
field: row => row.name, field: row => row.name,
format: val => `${val}`, format: val => `${val}`,
}, },
{
name: 'email',
label: 'Email',
required: true,
align: 'left',
field: 'email',
},
{ {
name: 'ranking', name: 'ranking',
label: 'Rangliste (Solo)', label: 'Rang',
required: true, required: true,
align: 'left', align: 'left',
field: 'ranking', field: 'ranking',
@ -289,7 +273,7 @@
return false; return false;
}, },
leaveConfirmed() { leaveConfirmed() {
if (this.leaveTeamCheck === 'BESTÄTIGEN'){ if (this.leaveTeamCheck === 'BESTÄTIGEN') {
return true; return true;
} }
return false; return false;