Fixed #607 - image select modal: disable confirm button if no icon is selected

src/main/resources/static/js/categories.js

@@ -79,6 +79,7 @@ $(document).ready(function()
         }
 
         this.classList.add('selected');
+        document.getElementById('button-category-icon-confirm').removeAttribute('disabled');
     });
 
     if($('#modalIconSelect').length)

src/main/resources/static/js/imageSelect.js

@@ -93,6 +93,7 @@ function selectIcon(item)
     }
 
     item.classList.add('selected');
+    document.getElementById('button-icon-confirm').removeAttribute('disabled');
 }
 
 function uploadImage()

src/main/resources/templates/categories/categoriesFunctions.ftl

@@ -53,7 +53,7 @@
         </div>
         <div class="modal-footer background-color">
             <@header.buttonLink url='' icon='clear' localizationKey='cancel' color='red' classes='modal-action modal-close text-white' noUrl=true/>
-            <@header.buttonLink url='' icon='done' id='button-category-icon-confirm' localizationKey='ok' color='green' classes='modal-action modal-close text-white' noUrl=true/>
+            <@header.buttonLink url='' icon='done' id='button-category-icon-confirm' localizationKey='ok' color='green' classes='modal-action modal-close text-white' noUrl=true disabled=true/>
         </div>
     </div>
 </#macro>

src/main/resources/templates/helpers/header.ftl

@@ -93,11 +93,12 @@
     </div>
 </#macro>
 
-<#macro buttonLink url icon localizationKey id="" color="background-blue" classes="" isDataUrl=false noUrl=false>
+<#macro buttonLink url icon localizationKey id="" color="background-blue" classes="" isDataUrl=false noUrl=false disabled=false>
     <a <#if !isDataUrl && !noUrl>href="<@s.url url/>"</#if>
        id="${id}"
        class="waves-effect waves-light btn ${color} ${classes}"
-        <#if isDataUrl>data-url="${url}"</#if>>
+        <#if isDataUrl>data-url="${url}"</#if>
+        <#if disabled>disabled</#if>>
         <i class="material-icons left <#if !localizationKey?has_content>no-margin</#if>">${icon}</i><#if localizationKey?has_content>${locale.getString(localizationKey)}</#if>
     </a>
 </#macro>

src/main/resources/templates/helpers/imageSelect.ftl

@@ -47,7 +47,7 @@
         </div>
         <div class="modal-footer background-color">
             <@header.buttonLink url='' icon='clear' localizationKey='cancel' color='red' classes='modal-action modal-close text-white' noUrl=true/>
-            <@header.buttonLink url='' icon='done' id='button-icon-confirm' localizationKey='ok' color='green' classes='modal-action modal-close text-white' noUrl=true/>
+            <@header.buttonLink url='' icon='done' id='button-icon-confirm' localizationKey='ok' color='green' classes='modal-action modal-close text-white' noUrl=true disabled=true/>
         </div>
     </div>
 </#macro>