changes to team view

This commit is contained in:
rchrist 2019-05-13 12:42:03 +02:00
parent fec8723bbd
commit 405c1e6bb7

View File

@ -66,7 +66,19 @@
</q-list>
</q-btn-dropdown>
</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>
<q-table
:data="teamData"
@ -89,22 +101,6 @@
type="submit"/>
</div>
<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">
<q-btn label="Team verlassen"
:disabled="!leaveConfirmed"
@ -112,8 +108,6 @@
color="negative"
type="submit"/>
</div>
</div>
<div v-show="boolInvites">
<q-list>
<q-card class="q-mb-md" v-for="teamInvite in teamInvites" :key="teamInvite.id">
<q-expansion-item
@ -126,15 +120,13 @@
>
<q-item class="q-pr-sm reverse q-gutter-x-sm">
<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"
label="Anfrage ablehnen" size="sm"/>
label="Ablehnen" size="sm"/>
</q-item>
</q-expansion-item>
</q-card>
</q-list>
</div>
<div v-show="boolCreateTeam">
<q-input lazy-rules outlined filled stack-label v-model="newTeamName" type="text"
label="Teamname eingeben"
:rules="[val=>val.length>=2||'Name muss mindestens 5 Zeichen lang sein!']"/>
@ -146,7 +138,6 @@
@click="createTeam()"
unelevated
/>
</div>
</q-tab-panel>
</q-tab-panels>
@ -238,16 +229,9 @@
field: row => row.name,
format: val => `${val}`,
},
{
name: 'email',
label: 'Email',
required: true,
align: 'left',
field: 'email',
},
{
name: 'ranking',
label: 'Rangliste (Solo)',
label: 'Rang',
required: true,
align: 'left',
field: 'ranking',