Ajustes no componente spam-warning Ref.: #1

mapasculturais · Sep 5, 2024 · e07de80 · e07de80
1 parent 3bb3ffa
commit e07de80
Show file tree

Hide file tree

Showing 3 changed files with 55 additions and 7 deletions.
diff --git a/assets/css/admin-spam-warning.css b/assets/css/admin-spam-warning.css
@@ -1,11 +1,22 @@
-.spam-warning {
+.spam-alert {
     position: relative;
     top: 20px;
     text-align: center;
     z-index: 1000;
     padding: 10px;
 }
 
-.spam-warning input[type="checkbox"] {
-    margin-left: 10px;
+.spam-alert .spam-click {
+    background: none;
+    color: white;
+    border: none;
+    padding: 0;
+    font: inherit;
+    cursor: pointer;
+    text-decoration: underline;
+    font-weight: bold;
+}
+
+.spam-alert .warning .spam-click {
+    color: black;
 }
diff --git a/components/spam-warning/script.js b/components/spam-warning/script.js
@@ -16,8 +16,15 @@ app.component('spam-warning', {
 
     methods: {
         setSpamStatus() {
+            this.spamStatus = !this.spamStatus;
             this.entity.spam_status = this.spamStatus;
             this.entity.save();
         }
     },
+
+    mounted() {
+        if (this.entity.spam_status === null) {
+            this.entity.spam_status = false;
+        }
+    }
 });
diff --git a/components/spam-warning/template.php b/components/spam-warning/template.php
@@ -4,17 +4,47 @@
  * @var MapasCulturais\Themes\BaseV2\Theme $this
  */
 use MapasCulturais\i;
+use SpamDetector\Plugin;
+
+$instance = Plugin::getInstance();
+$entity = $this->controller->requestedEntity;
+$dict_entity = $instance->dictEntity($entity, 'pronome');
+$dict_entity = ucfirst($dict_entity);
 
 $this->import('
     mc-alert
+    mc-confirm-button
 ');
 ?>
 
-<div class="spam-warning">
-    <mc-alert type="warning" class="spam-warning">
+<div class="spam-alert">
+    <mc-alert v-if="!entity.spam_status" type="danger" class="spam-alert">
         <label> 
-            <?= i::__('Um termo de spam foi detectado.') ?>
-            <input type="checkbox" v-model="spamStatus" @change="setSpamStatus"/><?= i::__('Classificar como Spam') ?>
+            <?= i::__('Identificamos um possível spam neste cadastro. CASO NÃO SEJA,')  ?>
+
+            <mc-confirm-button message="<?= i::esc_attr__('Deseja retirar do spam?')?>" @confirm="setSpamStatus()">
+                <template #button="modal">
+                    <button @click="modal.open()" class="spam-click">
+                        <?php i::_e("clique aqui") ?>
+                    </button>
+                </template>
+            </mc-confirm-button> 
+
+            <?= i::__('para desativar mensagens futuras. CASO SEJA SPAM, clique no botão <strong>Excluir</strong> no rodapé.')  ?>
+        </label>
+    </mc-alert>
+
+    <mc-alert v-else type="warning" class="spam-alert">
+        <label> 
+            <?= i::__("{$dict_entity} já foi detectada como possível spam. Caso deseje reativar as notificações,") ?>
+
+            <mc-confirm-button message="<?= i::esc_attr__('Deseja marcar como spam?')?>" @confirm="setSpamStatus()">
+                <template #button="modal">
+                    <button @click="modal.open()" class="spam-click">
+                        <?= i::__('clique aqui') ?>
+                    </button>
+                </template>
+            </mc-confirm-button> 
         </label>
     </mc-alert>
 </div>