CalvinBackup/deflock
1
0
Fork 0
mirror of https://github.com/FoggedLens/deflock.git synced 2026-02-12 15:02:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

disable Easy Reporting for now, due to tagging issues (#36)

Browse Source
This commit is contained in:
Will Freeman
2025-04-28 11:26:27 -06:00
committed by GitHub
parent eec9d47444
commit 087359ec6a
1 changed files with 60 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

104
webapp/src/views/ReportChoose.vue
View File

@@ -20,50 +20,6 @@
</v-row>
<v-row justify="center">
<v-col cols="12" md="5" class="pa-4">
<v-card
to="/report/every-door"
class="mx-auto h-100 d-flex flex-column"
elevation="4"
hover
>
<v-card-item class="bg-green-lighten-5">
<v-card-title class="text-h5 font-weight-bold">
<v-icon icon="mdi-leaf" class="me-2" color="green-darken-1"></v-icon>
Easy Reporting
</v-card-title>
<v-card-subtitle class="pt-2">
Using the <b>Every Door app</b>
</v-card-subtitle>
</v-card-item>
<v-img class="mx-auto mt-5" src="/everydoor.webp" style="width: 90%; border-radius: 8px;" />
<v-card-text class="text-body-1">
<p class="mb-4 sans-serif">Recommended for beginners. The Every Door app provides a simple mobile interface that's easy to use while walking around.</p>
<p class="sans-serif">Features:</p>
<ul class="ml-4">
<li class="my-2">Simple, intuitive interface</li>
<li class="my-2">Works well on mobile devices</li>
<li class="mt-2">Minimal learning curve</li>
</ul>
</v-card-text>
<v-card-actions class="pa-4">
<v-btn
block
color="green-darken-1"
variant="elevated"
to="/report/every-door"
size="large"
>
Choose Easy
<v-icon icon="mdi-arrow-right" end></v-icon>
</v-btn>
</v-card-actions>
</v-card>
</v-col>
<v-col cols="12" md="5" class="pa-4">
<v-card
class="mx-auto h-100 d-flex flex-column"
@@ -107,6 +63,66 @@
</v-card-actions>
</v-card>
</v-col>
<v-col cols="12" md="5" class="pa-4">
<v-card
class="mx-auto h-100 d-flex flex-column position-relative"
elevation="4"
:hover="false"
>
<div class="position-absolute w-100" style="top: 30%; left: 0; right: 0; z-index: 1; transform: rotate(0deg);">
<div class="d-flex align-center justify-center py-3"
style="background-color: rgba(255, 193, 7, 0.9); box-shadow: 0 2px 8px rgba(0,0,0,0.2);">
<v-icon icon="mdi-clock-outline" class="me-2" size="large"></v-icon>
<span class="text-h5 font-weight-bold">COMING SOON</span>
</div>
</div>
<div class="position-absolute"
style="top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.25); z-index: 0; border-radius: inherit;">
</div>
<v-card-item class="bg-green-lighten-5">
<v-card-title class="text-h5 font-weight-bold">
<v-icon icon="mdi-leaf" class="me-2" color="green-darken-1"></v-icon>
Easy Reporting
</v-card-title>
<v-card-subtitle class="pt-2">
Using <b>MapComplete</b>
</v-card-subtitle>
</v-card-item>
<div>
<v-img class="mx-auto mt-5" src="/everydoor.webp" style="width: 90%; border-radius: 8px;" />
<div class="position-absolute"
style="top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); border-radius: inherit;">
</div>
</div>
<v-card-text class="text-body-1">
<p class="mb-4 sans-serif">Recommended for beginners. MapComplete provides a simple mobile interface that's easy to use while walking around.</p>
<p class="sans-serif">Features:</p>
<ul class="ml-4">
<li class="my-2">Simple, intuitive interface</li>
<li class="my-2">Works well on mobile devices</li>
<li class="mt-2">Minimal learning curve</li>
</ul>
</v-card-text>
<v-card-actions class="pa-4">
<v-btn
block
color="grey-darken-4"
variant="elevated"
size="large"
disabled
>
Choose Easy
<v-icon icon="mdi-arrow-right" end></v-icon>
</v-btn>
</v-card-actions>
</v-card>
</v-col>
</v-row>
</v-container>
</template>