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

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

@ -66,87 +66,78 @@
</q-list> </q-list>
</q-btn-dropdown> </q-btn-dropdown>
</div> </div>
<div v-show="boolMyTeam"> <p class="text-h5"> Teamstatus </p>
<p class="text-h5"> Teammitglieder </p> <p>{{currentTeamStatus}}</p>
<q-table <q-input lazy-rules outlined filled stack-label v-model="teamStatus"
:data="teamData" type="text" label="Neuer Teamstatus"
:columns="teamColumns" :rules="[val=>val.length<=160||'Status zu lang!']"/>
row-key="name" <div align="center">
table-class="my-custom" <q-btn label="Teamstatus aktualisieren"
hide-bottom :disabled="!teamStatusChecked"
:pagination.sync="pagination" @click="setTeamStatus()"
/> color="primary"
<br/> type="submit"/>
<p class="text-h5"> Einladungen </p>
<q-input lazy-rules outlined filled stack-label v-model="inviteMail"
type="text" label="Email des Nutzers"
:rules="[val=>validateEmail(val)||'Bitte Email verwenden']"/>
<div align="center">
<q-btn label="Einladung versenden"
@click="sendTeamInvite()"
:disabled="!teamInviteChecked"
color="primary"
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"
@click="leaveTeam()"
color="negative"
type="submit"/>
</div>
</div> </div>
<div v-show="boolInvites"> <br/>
<q-list> <p class="text-h5"> Teammitglieder </p>
<q-card class="q-mb-md" v-for="teamInvite in teamInvites" :key="teamInvite.id"> <q-table
<q-expansion-item :data="teamData"
class="" :columns="teamColumns"
expand-icon-toggle row-key="name"
expand-separator table-class="my-custom"
icon="group" hide-bottom
:label="teamInvite.team.name" :pagination.sync="pagination"
:caption="teamInvite.team.teamStatus" />
> <br/>
<q-item class="q-pr-sm reverse q-gutter-x-sm"> <p class="text-h5"> Einladungen </p>
<q-btn @click="joinTeam(teamInvite)" unelevated color="positive" stack icon="arrow_forward" <q-input lazy-rules outlined filled stack-label v-model="inviteMail"
label="Anfrage annehmen" size="sm"/> type="text" label="Email des Nutzers"
<q-btn @click="deleteTeamInvite(teamInvite)" unelevated color="negative" stack icon="delete" :rules="[val=>validateEmail(val)||'Bitte Email verwenden']"/>
label="Anfrage ablehnen" size="sm"/> <div align="center">
</q-item> <q-btn label="Einladung versenden"
</q-expansion-item> @click="sendTeamInvite()"
</q-card> :disabled="!teamInviteChecked"
</q-list> color="primary"
type="submit"/>
</div> </div>
<div v-show="boolCreateTeam"> <br/>
<q-input lazy-rules outlined filled stack-label v-model="newTeamName" type="text" <div align="center">
label="Teamname eingeben" <q-btn label="Team verlassen"
:rules="[val=>val.length>=2||'Name muss mindestens 5 Zeichen lang sein!']"/> :disabled="!leaveConfirmed"
<q-btn @click="leaveTeam()"
:disabled="!newTeamNameValidationSuccesful" color="negative"
label="Team anlegen" type="submit"/>
color="primary"
class="full-width"
@click="createTeam()"
unelevated
/>
</div> </div>
<q-list>
<q-card class="q-mb-md" v-for="teamInvite in teamInvites" :key="teamInvite.id">
<q-expansion-item
class=""
expand-icon-toggle
expand-separator
icon="group"
:label="teamInvite.team.name"
:caption="teamInvite.team.teamStatus"
>
<q-item class="q-pr-sm reverse q-gutter-x-sm">
<q-btn @click="joinTeam(teamInvite)" unelevated color="positive" stack icon="arrow_forward"
label="Annehmen" size="sm"/>
<q-btn @click="deleteTeamInvite(teamInvite)" unelevated color="negative" stack icon="delete"
label="Ablehnen" size="sm"/>
</q-item>
</q-expansion-item>
</q-card>
</q-list>
<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!']"/>
<q-btn
:disabled="!newTeamNameValidationSuccesful"
label="Team anlegen"
color="primary"
class="full-width"
@click="createTeam()"
unelevated
/>
</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;