From d09b9fdb0172480826151c60d56bf52d52f8e151 Mon Sep 17 00:00:00 2001
From: Coleman Watts <coleman@civicrm.org>
Date: Mon, 9 May 2022 12:17:13 -0400
Subject: [PATCH] Afform - Add "clear" button to non-required radios

Fixes dev/core#3450
Allows the value of radio buttons to be unset if the field is not required,
consistent with the rest of the CiviCRM UI.
---
 ext/afform/admin/ang/afGuiEditor/inputType/Radio.html | 3 +++
 ext/afform/core/ang/af/fields/Radio.html              | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/ext/afform/admin/ang/afGuiEditor/inputType/Radio.html b/ext/afform/admin/ang/afGuiEditor/inputType/Radio.html
index b0042d68f7..e7984bd392 100644
--- a/ext/afform/admin/ang/afGuiEditor/inputType/Radio.html
+++ b/ext/afform/admin/ang/afGuiEditor/inputType/Radio.html
@@ -3,4 +3,7 @@
     <input class="crm-form-radio" type="radio" ng-checked="defaultValueContains(opt.id)" ng-click="toggleDefaultValueItem(opt.id)" >
     {{ opt.label }}
   </label>
+  <a href ng-if="!getProp('required')" class="crm-hover-button" title="{{:: ts('Clear Default') }}" ng-click="toggleDefaultValueItem(getSet('afform_default'))">
+    <i class="crm-i fa-times" aria-hidden="true"></i>
+  </a>
 </div>
diff --git a/ext/afform/core/ang/af/fields/Radio.html b/ext/afform/core/ang/af/fields/Radio.html
index 225250918a..bd50c6d88d 100644
--- a/ext/afform/core/ang/af/fields/Radio.html
+++ b/ext/afform/core/ang/af/fields/Radio.html
@@ -2,3 +2,6 @@
   <input class="crm-form-radio" type="radio" ng-model="dataProvider.getFieldData()[$ctrl.fieldName]" ng-value="opt.id" />
   {{:: opt.label }}
 </label>
+<a ng-if="!$ctrl.defn.required" class="crm-hover-button" title="{{:: ts('Clear') }}" ng-show="!!dataProvider.getFieldData()[$ctrl.fieldName] || dataProvider.getFieldData()[$ctrl.fieldName] === false || dataProvider.getFieldData()[$ctrl.fieldName] === 0" ng-click="dataProvider.getFieldData()[$ctrl.fieldName] = null">
+  <i class="crm-i fa-times" aria-hidden="true"></i>
+</a>
-- 
2.25.1