From 087359ec6a2c22673e17905fa357936313197770 Mon Sep 17 00:00:00 2001
From: Will Freeman <hohosanta@me.com>
Date: Mon, 28 Apr 2025 11:26:27 -0600
Subject: [PATCH] disable Easy Reporting for now, due to tagging issues (#36)

---
 webapp/src/views/ReportChoose.vue | 104 +++++++++++++++++-------------
 1 file changed, 60 insertions(+), 44 deletions(-)

diff --git a/webapp/src/views/ReportChoose.vue b/webapp/src/views/ReportChoose.vue
index 7464361..8e391f1 100644
--- a/webapp/src/views/ReportChoose.vue
+++ b/webapp/src/views/ReportChoose.vue
@@ -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>