Преглед изворни кода

feat(dashboard): disable buttons for unimplemented features with tooltips

ebagabee пре 1 недеља
родитељ
комит
560896bb86
1 измењених фајлова са 26 додато и 26 уклоњено
  1. 26 26
      src/pages/dashboard/DashboardPage.vue

+ 26 - 26
src/pages/dashboard/DashboardPage.vue

@@ -93,24 +93,32 @@
                 class="full-width"
                 @click="onCriarContrato"
               />
-              <q-btn
-                v-if="canEditClasses"
-                unelevated
-                color="primary"
-                label="Registrar presença"
-                no-caps
-                class="full-width"
-                @click="onRegistrarPresenca"
-              />
-              <q-btn
-                v-if="canAddOrders"
-                unelevated
-                color="primary"
-                label="Novo pedido"
-                no-caps
-                class="full-width"
-                @click="onNovoPedido"
-              />
+              <div v-if="canEditClasses" class="full-width cursor-not-allowed">
+                <q-btn
+                  unelevated
+                  color="primary"
+                  label="Registrar presença"
+                  no-caps
+                  disable
+                  class="full-width"
+                />
+                <q-tooltip>
+                  Esta funcionalidade ainda não foi desenvolvida.
+                </q-tooltip>
+              </div>
+              <div v-if="canAddOrders" class="full-width cursor-not-allowed">
+                <q-btn
+                  unelevated
+                  color="primary"
+                  label="Novo pedido"
+                  no-caps
+                  disable
+                  class="full-width"
+                />
+                <q-tooltip>
+                  Esta funcionalidade ainda não foi desenvolvida.
+                </q-tooltip>
+              </div>
             </q-card-section>
           </q-card>
         </div>
@@ -383,14 +391,6 @@ function onCriarContrato() {
   }).onOk(fetchSummary);
 }
 
-function onRegistrarPresenca() {
-  console.log("Atalho rápido: Registrar presença");
-}
-
-function onNovoPedido() {
-  console.log("Atalho rápido: Novo pedido");
-}
-
 // Feriados
 const allHolidays = ref([]);
 const feriadosLoading = ref(false);