some changes

This commit is contained in:
Timo Volkmann 2019-04-04 15:00:53 +02:00
parent 0f7a4a56e6
commit 2a459818f2
2 changed files with 15 additions and 11 deletions

View File

@ -24,27 +24,32 @@
<q-list> <q-list>
<q-card class="q-mb-md" v-for="cache in caches" :key="cache.id"> <q-card class="q-mb-md" v-for="cache in caches" :key="cache.id">
<q-expansion-item
class=""
expand-icon-toggle
expand-separator
icon="location_on"
:label="cache.name"
:caption="cache.rankingPoints+' Punkte / Size '+cache.stationen.length"
>
<q-item <q-item
class="q-pr-sm " class="q-pr-sm "
> >
<q-item-section top avatar class="self-center"> <q-item-section top avatar class="self-center">
<q-icon rounded color="cyan-14" name="location_on" size="3rem"/> <!--<q-icon rounded color="cyan-14" name="location_on" size="3rem"/>-->
</q-item-section> </q-item-section>
<q-item-section> <q-item-section>
<q-item-label><a class="text-black" style="text-decoration: none"><span>{{ cache.name }}</span></a></q-item-label> <q-item-label caption>{{ cache.description }}</q-item-label>
<q-item-label overline>
<span class="text-grey">{{ cache.rankingPoints }} Punkte /</span>
<span class="text-grey"> Size {{ cache.stationen.length }} </span>
</q-item-label>
<q-item-label caption>{{ cache.description.substring(0,80) }} ... </q-item-label>
</q-item-section> </q-item-section>
<q-item-section side top class="self-center" > <q-item-section side top class="self-center" >
<q-btn @click="startCache(cache.id)" flat unelevated stack color="positive" icon="arrow_forward" label="Starten" size="sm" style="height: 4.5rem"/>
</q-item-section> </q-item-section>
</q-item> </q-item>
<q-item class="q-pr-sm reverse">
<q-btn @click="startCache(cache.id)" flat unelevated stack color="positive" icon="arrow_forward" label="Starten" size="sm"/>
</q-item>
</q-expansion-item>
</q-card> </q-card>
</q-list> </q-list>
</q-tab-panel> </q-tab-panel>

View File

@ -19,8 +19,7 @@
src="https://www.buga2019.de/we-bilder/3.Gartenausstellung/Gelaendeplan/190320_Gelaendeplan-quadratisch.jpg" src="https://www.buga2019.de/we-bilder/3.Gartenausstellung/Gelaendeplan/190320_Gelaendeplan-quadratisch.jpg"
></q-img> ></q-img>
<div class="row q-col-gutter-md"> <div class="row q-col-gutter-md">
<q-input class="col" dense stack-label filled v-model="text" label="Längengrad" /> <q-input class="col" dense stack-label filled v-model="text" label="Längengrad/Breitengrad" />
<q-input class="col" dense stack-label filled v-model="text" label="Breitengrad" />
<div class="col-shrink"> <div class="col-shrink">
<q-btn unelevated color="primary" class="full-height" icon="my_location"/> <q-btn unelevated color="primary" class="full-height" icon="my_location"/>
</div> </div>