CRM-12966, add clear link

diff --git a/templates/CRM/Badge/Form/Layout.js b/templates/CRM/Badge/Form/Layout.js
index bbc88b2fc527c57189d8a5c25fd28303a881b8b0..ffbdb1cbaed6fe730e590f070ba5788aa5322253 100644 (file)
--- a/templates/CRM/Badge/Form/Layout.js
+++ b/templates/CRM/Badge/Form/Layout.js
@@ -17,4 +17,9 @@ cj(function ($) {
   $('input[id^="image_"]').click(function(){
     openKCFinder($(this));
   });
+
+  $('.clear-image').click(function(){
+    $('#' + cj(this).attr('imgname')).val('');
+    return false;
+  });
 });

diff --git a/templates/CRM/Badge/Form/Layout.tpl b/templates/CRM/Badge/Form/Layout.tpl
index b56b3414157c2f6e2ab7fe8c39136a9f21f5f689..ac38646e080380becf8eced91e8c0b52872daba2 100644 (file)
--- a/templates/CRM/Badge/Form/Layout.tpl
+++ b/templates/CRM/Badge/Form/Layout.tpl
@@ -77,11 +77,23 @@
       </tr>
       <tr class="crm-badge-layout-form-block-image_1">
         <td class="label">{$form.image_1.label}</td>
-        <td>{$form.image_1.html}<br/><span class="description">{ts}This image will displayed on top left{/ts}</span></td>
+        <td>
+          {$form.image_1.html}
+          <span class="crm-clear-link">
+            (<a href="#" class="clear-image" imgname='image_1'>{ts}clear{/ts}</a>)
+          </span>
+          <br/><span class="description">{ts}This image will displayed on top left{/ts}</span>
+        </td>
       </tr>
       <tr class="crm-badge-layout-form-block-image_2">
         <td class="label">{$form.image_2.label}</td>
-        <td>{$form.image_2.html}<br/><span class="description">{ts}This image will displayed on top right{/ts}</span></td>
+        <td>
+          {$form.image_2.html}
+          <span class="crm-clear-link">
+            (<a href="#" class="clear-image" imgname='image_2'>{ts}clear{/ts}</a>)
+          </span>
+          <br/><span class="description">{ts}This image will displayed on top right{/ts}</span>
+        </td>
       </tr>
       <tr class="crm-badge-layout-form-block-add_barcode">
         <td class="label">{$form.add_barcode.label}</td>