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

Profile mockup updated for presentation

Browse Source
This commit is contained in:
rchrist 2019-04-28 20:53:06 +02:00
parent 62de51f07d
commit 45cef7d5f3
1 changed files with 43 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -57,33 +57,32 @@
</div> </div>
</div> </div>
<hr/> <hr/>
<div align="center"> <div class="row">
<div class="col" align="center">
<b> <b>
Meine Teams Mein Team
</b> </b>
</div> </div>
<br/>
<div class="col" align="center"> <div class="col" align="center">
BuGa19Community BuGa19Community
<br/>
GeoCachingHeilbronn
<br/>
RunForTheFlowers
</div> </div>
<br/> </div>
<div align="center"> <hr/>
<div class="row">
<div class="col" align="center">
<b> <b>
Offene Teameinladungen Teamranglistenposition
</b> </b>
</div> </div>
<br/>
<div class="col" align="center"> <div class="col" align="center">
HNcachingHN 2019
</div> </div>
</div>
<hr/>
</q-tab-panel> </q-tab-panel>
<q-tab-panel name="teams"> <q-tab-panel name="teams">
<div class="q-pa-md" align="center"> <div class="q-pa-md" align="center">
<q-btn-dropdown color="primary" label="BuGa19Community" size="30px"> <q-btn-dropdown color="primary" label="BuGa19Community" size="20px">
<q-list> <q-list>
<q-item clickable v-close-popup> <q-item clickable v-close-popup>
<q-item-section> <q-item-section>
@ -92,45 +91,26 @@
</q-item> </q-item>
<q-item clickable v-close-popup> <q-item clickable v-close-popup>
<q-item-section avatar>
<q-avatar icon="add" color="primary" text-color="white"/>
</q-item-section>
<q-item-section> <q-item-section>
<q-item-label>GeoCachingHeilbronn</q-item-label> <q-item-label>Offene Teameinladungen</q-item-label>
</q-item-section> </q-item-section>
</q-item> </q-item>
<q-item clickable v-close-popup>
<q-item-section>
<q-item-label>RunForTheFlowers</q-item-label>
</q-item-section>
</q-item>
<q-item clickable v-close-popup>
<q-item-section>
<q-item-label>HNcachingHN</q-item-label>
</q-item-section>
</q-item>
</q-list>
<q-item clickable v-close-popup> <q-item clickable v-close-popup>
<q-item-section avatar> <q-item-section avatar>
<q-avatar icon="add" color="primary" text-color="white" /> <q-avatar icon="add" color="primary" text-color="white"/>
</q-item-section> </q-item-section>
<q-item-section> <q-item-section>
<q-item-label>Neues Team erstellen</q-item-label> <q-item-label>Neues Team erstellen</q-item-label>
</q-item-section> </q-item-section>
</q-item> </q-item>
</q-list>
</q-btn-dropdown> </q-btn-dropdown>
</div> </div>
<hr/> <hr/>
<div align="center">
<b>
Ranglistenposition des Teams
</b>
</div>
<br/>
<div align="center">
2019
</div>
<hr/>
<div align="center"> <div align="center">
<b> <b>
Teammitglieder Teammitglieder
@ -154,14 +134,13 @@
<div class="row"> <div class="row">
<div class="col" align="center"> <div class="col" align="center">
<q-input outlined filled stack-label v-model="inviteMail" <q-input outlined filled stack-label v-model="inviteMail"
type="text" label="Email des Nutzers der ins Team aufgenommen werden soll" type="text" label="Email des Nutzers"
:rules="[val=>validateEmail(val)||'Bitte Email verwenden']"/> :rules="[val=>validateEmail(val)||'Bitte Email verwenden']"/>
</div> </div>
<div class="col" align="center"> <div class="col" align="center">
<q-btn label="Einladung versenden" <q-btn label="Einladung versenden"
color="primary" color="primary"
type="submit" type="submit"/>
size="22px"/>
</div> </div>
</div> </div>
<hr/> <hr/>
@ -172,17 +151,13 @@
</div> </div>
<br/> <br/>
<div> <div>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit nihil praesentium molestias a adipisci, Dienstag 15:00 Treffen zum Blumencache.
dolore vitae odit, quidem consequatur optio voluptates asperiores pariatur eos numquam rerum delectus
commodi perferendis voluptate?
</div> </div>
<br/> <br/>
<q-input outlined filled stack-label v-model="teamStatus" <q-input outlined filled stack-label v-model="teamStatus"
type="text" label="Neuer Teamstatus"/> type="text" label="Neuer Teamstatus"/>
<br/>
<div align="center"> <div align="center">
<q-btn label="Teamstatus aktualisieren" <q-btn label="Teamstatus aktualisieren"
size="20px"
color="primary" color="primary"
type="submit"/> type="submit"/>
</div> </div>