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

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

@ -57,78 +57,58 @@
</div> </div>
</div> </div>
<hr/> <hr/>
<div align="center"> <div class="row">
<b> <div class="col" align="center">
Meine Teams <b>
</b> Mein Team
</b>
</div>
<div class="col" align="center">
BuGa19Community
</div>
</div> </div>
<br/> <hr/>
<div class="col" align="center"> <div class="row">
BuGa19Community <div class="col" align="center">
<br/> <b>
GeoCachingHeilbronn Teamranglistenposition
<br/> </b>
RunForTheFlowers </div>
</div> <div class="col" align="center">
<br/> 2019
<div align="center"> </div>
<b>
Offene Teameinladungen
</b>
</div>
<br/>
<div class="col" align="center">
HNcachingHN
</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>
<q-item-label>BuGa19Community</q-item-label> <q-item-label>BuGa19Community</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>GeoCachingHeilbronn</q-item-label>
</q-item-section>
</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-label>Offene Teameinladungen</q-item-label>
</q-item-section>
</q-item>
<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-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-btn-dropdown> </q-list>
</div> </q-btn-dropdown>
<hr/>
<div align="center">
<b>
Ranglistenposition des Teams
</b>
</div>
<br/>
<div align="center">
2019
</div> </div>
<hr/> <hr/>
<div align="center"> <div align="center">
@ -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>