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>
<hr/>
<div align="center">
<b>
Meine Teams
</b>
<div class="row">
<div class="col" align="center">
<b>
Mein Team
</b>
</div>
<div class="col" align="center">
BuGa19Community
</div>
</div>
<br/>
<div class="col" align="center">
BuGa19Community
<br/>
GeoCachingHeilbronn
<br/>
RunForTheFlowers
</div>
<br/>
<div align="center">
<b>
Offene Teameinladungen
</b>
</div>
<br/>
<div class="col" align="center">
HNcachingHN
<hr/>
<div class="row">
<div class="col" align="center">
<b>
Teamranglistenposition
</b>
</div>
<div class="col" align="center">
2019
</div>
</div>
<hr/>
</q-tab-panel>
<q-tab-panel name="teams">
<div class="q-pa-md" align="center">
<q-btn-dropdown color="primary" label="BuGa19Community" size="30px">
<q-list>
<q-item clickable v-close-popup>
<q-item-section>
<q-item-label>BuGa19Community</q-item-label>
</q-item-section>
</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>
<div class="q-pa-md" align="center">
<q-btn-dropdown color="primary" label="BuGa19Community" size="20px">
<q-list>
<q-item clickable v-close-popup>
<q-item-section>
<q-item-label>BuGa19Community</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-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-label>Neues Team erstellen</q-item-label>
</q-item-section>
</q-item>
</q-btn-dropdown>
</div>
<hr/>
<div align="center">
<b>
Ranglistenposition des Teams
</b>
</div>
<br/>
<div align="center">
2019
</q-list>
</q-btn-dropdown>
</div>
<hr/>
<div align="center">
@ -154,14 +134,13 @@
<div class="row">
<div class="col" align="center">
<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']"/>
</div>
<div class="col" align="center">
<q-btn label="Einladung versenden"
color="primary"
type="submit"
size="22px"/>
type="submit"/>
</div>
</div>
<hr/>
@ -172,17 +151,13 @@
</div>
<br/>
<div>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit nihil praesentium molestias a adipisci,
dolore vitae odit, quidem consequatur optio voluptates asperiores pariatur eos numquam rerum delectus
commodi perferendis voluptate?
Dienstag 15:00 Treffen zum Blumencache.
</div>
<br/>
<q-input outlined filled stack-label v-model="teamStatus"
type="text" label="Neuer Teamstatus"/>
<br/>
<div align="center">
<q-btn label="Teamstatus aktualisieren"
size="20px"
color="primary"
type="submit"/>
</div>