From 2191eec9759446604720febf872dcc013585c8d6 Mon Sep 17 00:00:00 2001
From: Sebastian <sebastian@squidex.io>
Date: Tue, 24 Aug 2021 20:56:29 +0200
Subject: [PATCH] Enable/disable rule over context menu.

---
 backend/i18n/frontend_en.json                  |  2 ++
 backend/i18n/frontend_it.json                  |  2 ++
 backend/i18n/frontend_nl.json                  |  2 ++
 backend/i18n/frontend_zh.json                  |  2 ++
 backend/i18n/source/frontend_en.json           |  2 ++
 .../rules/pages/rules/rule.component.html      | 18 ++++++++++++------
 .../rules/pages/rules/rule.component.ts        |  8 ++++++++
 7 files changed, 30 insertions(+), 6 deletions(-)

diff --git a/backend/i18n/frontend_en.json b/backend/i18n/frontend_en.json
index aec015996..943ef92b5 100644
--- a/backend/i18n/frontend_en.json
+++ b/backend/i18n/frontend_en.json
@@ -251,11 +251,13 @@
   "common.delete": "Delete",
   "common.description": "Description",
   "common.designer": "Designer",
+  "common.disable": "Disable",
   "common.disabled": "Disabled",
   "common.displayName": "Display Name",
   "common.edit": "Edit",
   "common.editing": "Editing",
   "common.email": "Email",
+  "common.enable": "Enable",
   "common.enabled": "Enabled",
   "common.error": "Error",
   "common.errorBack": "Back to previous page.",
diff --git a/backend/i18n/frontend_it.json b/backend/i18n/frontend_it.json
index ee30052f1..ab030ba65 100644
--- a/backend/i18n/frontend_it.json
+++ b/backend/i18n/frontend_it.json
@@ -251,11 +251,13 @@
   "common.delete": "Cancella",
   "common.description": "Descrizione",
   "common.designer": "Designer",
+  "common.disable": "Disable",
   "common.disabled": "Disabled",
   "common.displayName": "Nome visualizzato",
   "common.edit": "Modifica",
   "common.editing": "Editing",
   "common.email": "Email",
+  "common.enable": "Enable",
   "common.enabled": "Enabled",
   "common.error": "Errore",
   "common.errorBack": "Torna alla pagina precedente.",
diff --git a/backend/i18n/frontend_nl.json b/backend/i18n/frontend_nl.json
index dcad3e238..3563f6f1e 100644
--- a/backend/i18n/frontend_nl.json
+++ b/backend/i18n/frontend_nl.json
@@ -251,11 +251,13 @@
   "common.delete": "Verwijderen",
   "common.description": "Beschrijving",
   "common.designer": "Designer",
+  "common.disable": "Disable",
   "common.disabled": "Disabled",
   "common.displayName": "Weergavenaam",
   "common.edit": "Bewerken",
   "common.editing": "Editing",
   "common.email": "E-mail",
+  "common.enable": "Enable",
   "common.enabled": "Enabled",
   "common.error": "Fout",
   "common.errorBack": "Terug naar de vorige pagina.",
diff --git a/backend/i18n/frontend_zh.json b/backend/i18n/frontend_zh.json
index 5c7674085..3528125c6 100644
--- a/backend/i18n/frontend_zh.json
+++ b/backend/i18n/frontend_zh.json
@@ -251,11 +251,13 @@
   "common.delete": "删除",
   "common.description": "说明",
   "common.designer": "设计师",
+  "common.disable": "Disable",
   "common.disabled": "已禁用",
   "common.displayName": "显示名称",
   "common.edit": "编辑",
   "common.editing": "Editing",
   "common.email": "电子邮件",
+  "common.enable": "Enable",
   "common.enabled": "已启用",
   "common.error": "错误",
   "common.errorBack": "返回上一页。",
diff --git a/backend/i18n/source/frontend_en.json b/backend/i18n/source/frontend_en.json
index aec015996..943ef92b5 100644
--- a/backend/i18n/source/frontend_en.json
+++ b/backend/i18n/source/frontend_en.json
@@ -251,11 +251,13 @@
   "common.delete": "Delete",
   "common.description": "Description",
   "common.designer": "Designer",
+  "common.disable": "Disable",
   "common.disabled": "Disabled",
   "common.displayName": "Display Name",
   "common.edit": "Edit",
   "common.editing": "Editing",
   "common.email": "Email",
+  "common.enable": "Enable",
   "common.enabled": "Enabled",
   "common.error": "Error",
   "common.errorBack": "Back to previous page.",
diff --git a/frontend/app/features/rules/pages/rules/rule.component.html b/frontend/app/features/rules/pages/rules/rule.component.html
index bf8e85a56..0faad3d2d 100644
--- a/frontend/app/features/rules/pages/rules/rule.component.html
+++ b/frontend/app/features/rules/pages/rules/rule.component.html
@@ -17,13 +17,19 @@
         
                 <ng-container *sqxModal="dropdown;closeAlways:true">
                     <div class="dropdown-menu" [sqxAnchoredTo]="buttonOptions" position="bottom-right" @fade>
-                        <ng-container *ngIf="rule.canUpdate">
-                            <a class="dropdown-item" *ngIf="rule.canUpdate" [routerLink]="rule.id">
-                                {{ 'common.edit' | sqxTranslate }}
-                            </a>
+                        <a class="dropdown-item" *ngIf="rule.canUpdate" [routerLink]="rule.id">
+                            {{ 'common.edit' | sqxTranslate }}
+                        </a>
 
-                            <div class="dropdown-divider"></div>
-                        </ng-container>
+                        <a class="dropdown-item" *ngIf="rule.canEnable" (click)="enable()">
+                            {{ 'common.enable' | sqxTranslate }}
+                        </a>
+
+                        <a class="dropdown-item" *ngIf="rule.canDisable" (click)="disable()">
+                            {{ 'common.disable' | sqxTranslate }}
+                        </a>
+
+                        <div class="dropdown-divider"></div>
 
                         <ng-container *ngIf="rule.canRun || rule.canRunFromSnapshots">
                             <a class="dropdown-item" *ngIf="rule.canRun"
diff --git a/frontend/app/features/rules/pages/rules/rule.component.ts b/frontend/app/features/rules/pages/rules/rule.component.ts
index 595b9d62f..dee2ed782 100644
--- a/frontend/app/features/rules/pages/rules/rule.component.ts
+++ b/frontend/app/features/rules/pages/rules/rule.component.ts
@@ -54,6 +54,14 @@ export class RuleComponent {
         this.rulesState.update(this.rule, { name });
     }
 
+    public disable() {
+        this.rulesState.update(this.rule, { isEnabled: false });
+    }
+
+    public enable() {
+        this.rulesState.update(this.rule, { isEnabled: true });
+    }
+
     public toggle() {
         this.rulesState.update(this.rule, { isEnabled: !this.rule.isEnabled });
     }