From 6bb30d12d7ddb112aea5ff7264be4bcb3f2b08a9 Mon Sep 17 00:00:00 2001
From: Dirk Peter <67102395+dirk-peter-sag@users.noreply.github.com>
Date: Wed, 12 Jun 2024 13:49:30 +0200
Subject: [PATCH] Feature/2/re activate reminder (#24)

* #2: added an action to reactivate a cleared alarm

* #2 adjusts template markup

---------

Co-authored-by: Dirk Peter <dirk.peter@softwareg.com>
---
 .../reminder-drawer/reminder-drawer.component.html        | 8 ++++++++
 .../reminder-drawer/reminder-drawer.component.less        | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/plugin/components/reminder-drawer/reminder-drawer.component.html b/plugin/components/reminder-drawer/reminder-drawer.component.html
index 2bb9dd2..972a716 100644
--- a/plugin/components/reminder-drawer/reminder-drawer.component.html
+++ b/plugin/components/reminder-drawer/reminder-drawer.component.html
@@ -108,6 +108,14 @@ <h2 translate>Reminder</h2>
         >
           <i [c8yIcon]="'check-circle'"></i>
         </button>
+        <button
+          *ngIf="reminder.status === reminderStatus.cleared"
+          type="button"
+          title="{{ 'Reactivate the reminder' | translate }}"
+          class="btn btn-xs btn-hollow btn-primary"
+          (click)="updateReminder(reminder, reminderStatus.active)">
+          <i [c8yIcon]="'bell'"></i>
+        </button>
       </ul>
     </header>
 
diff --git a/plugin/components/reminder-drawer/reminder-drawer.component.less b/plugin/components/reminder-drawer/reminder-drawer.component.less
index 2902899..0cb8949 100644
--- a/plugin/components/reminder-drawer/reminder-drawer.component.less
+++ b/plugin/components/reminder-drawer/reminder-drawer.component.less
@@ -127,7 +127,7 @@ aside {
   }
 
   .actions {
-    margin: 0;
+    margin: 0 0 0 8px;
     display: flex;
     flex: 0 0 auto;
     padding: 0;