From f8e49453710c53fac95351cdde89b60a7e9751a8 Mon Sep 17 00:00:00 2001
From: jliddev <jliddev@gmail.com>
Date: Thu, 14 Jan 2021 09:33:04 -0600
Subject: [PATCH] Auto Update and Ignore checkboxes now clickable the whole
 width

---
 .../pages/my-addons/my-addons.component.html  |  4 ++--
 .../pages/my-addons/my-addons.component.ts    | 20 +++++++++----------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/wowup-electron/src/app/pages/my-addons/my-addons.component.html b/wowup-electron/src/app/pages/my-addons/my-addons.component.html
index 5d6f54b3..619b4fa0 100644
--- a/wowup-electron/src/app/pages/my-addons/my-addons.component.html
+++ b/wowup-electron/src/app/pages/my-addons/my-addons.component.html
@@ -215,13 +215,13 @@
     <mat-divider></mat-divider>
     <!-- IGNORE -->
     <div *ngIf="addonService.isForceIgnore(listItem.addon) === false" class="mat-menu-item">
-      <mat-checkbox [checked]="listItem.addon.isIgnored" (change)="onClickIgnoreAddon($event, listItem)">
+      <mat-checkbox [checked]="listItem.addon.isIgnored" (click)="onClickIgnoreAddon(listItem)">
         {{ "PAGES.MY_ADDONS.ADDON_CONTEXT_MENU.IGNORE_ADDON_BUTTON" | translate }}
       </mat-checkbox>
     </div>
     <!-- AUTO UPDATE -->
     <div *ngIf="listItem.addon.isIgnored === false" class="mat-menu-item">
-      <mat-checkbox [checked]="listItem.addon.autoUpdateEnabled" (change)="onClickAutoUpdateAddon($event, listItem)">
+      <mat-checkbox [checked]="listItem.addon.autoUpdateEnabled" (click)="onClickAutoUpdateAddon(listItem)">
         {{ "PAGES.MY_ADDONS.ADDON_CONTEXT_MENU.AUTO_UPDATE_ADDON_BUTTON" | translate }}
       </mat-checkbox>
     </div>
diff --git a/wowup-electron/src/app/pages/my-addons/my-addons.component.ts b/wowup-electron/src/app/pages/my-addons/my-addons.component.ts
index a9a4ba3c..1967b57b 100644
--- a/wowup-electron/src/app/pages/my-addons/my-addons.component.ts
+++ b/wowup-electron/src/app/pages/my-addons/my-addons.component.ts
@@ -528,19 +528,19 @@ export class MyAddonsComponent implements OnInit, OnDestroy, AfterViewInit {
 
   public onInstall() {}
 
-  public onClickIgnoreAddon(evt: MatCheckboxChange, listItem: AddonViewModel) {
-    this.onClickIgnoreAddons(evt, [listItem]);
+  public onClickIgnoreAddon(listItem: AddonViewModel) {
+    this.onClickIgnoreAddons(!listItem.addon.isIgnored, [listItem]);
   }
 
-  public onClickIgnoreAddons(evt: MatCheckboxChange, listItems: AddonViewModel[]) {
+  public onClickIgnoreAddons(isIgnored: boolean, listItems: AddonViewModel[]) {
     listItems.forEach((listItem) => {
       // if provider is not valid (Unknown) then ignore this
       if (!this.addonService.isValidProviderName(listItem.addon.providerName)) {
         return;
       }
 
-      listItem.addon.isIgnored = evt.checked;
-      if (evt.checked) {
+      listItem.addon.isIgnored = isIgnored;
+      if (isIgnored) {
         listItem.addon.autoUpdateEnabled = false;
       }
       this.addonService.saveAddon(listItem.addon);
@@ -551,14 +551,14 @@ export class MyAddonsComponent implements OnInit, OnDestroy, AfterViewInit {
     }
   }
 
-  public onClickAutoUpdateAddon(evt: MatCheckboxChange, listItem: AddonViewModel) {
-    this.onClickAutoUpdateAddons(evt, [listItem]);
+  public onClickAutoUpdateAddon(listItem: AddonViewModel) {
+    this.onClickAutoUpdateAddons(!listItem.addon.autoUpdateEnabled, [listItem]);
   }
 
-  public onClickAutoUpdateAddons(evt: MatCheckboxChange, listItems: AddonViewModel[]) {
+  public onClickAutoUpdateAddons(isAutoUpdate: boolean, listItems: AddonViewModel[]) {
     listItems.forEach((listItem) => {
-      listItem.addon.autoUpdateEnabled = evt.checked;
-      if (evt.checked) {
+      listItem.addon.autoUpdateEnabled = isAutoUpdate;
+      if (isAutoUpdate) {
         listItem.addon.isIgnored = false;
       }
       this.addonService.saveAddon(listItem.addon);