adding required class and required data attribute to required fields

adding required styles to the custom fields output and a required data attribute that
triggers a js check to make sure the field is filled in

diff --git a/views/admin/entity/fields.html b/views/admin/entity/fields.html
index 08c8467..456ba6f 100644 (file)
--- a/views/admin/entity/fields.html
+++ b/views/admin/entity/fields.html
@@ -1,11 +1,11 @@
 <div id="glm-members-custom-fields-{$uid}" class="glm-row glm-custom-field-group glm-admin-custom-fields">
     {foreach $customFields as $field}
-        <div class="glm-small-12 glm-large-2 glm-columns glm-custom-field-label">{$field.field_name}</div>
+        <div class="glm-small-12 glm-large-2 glm-columns glm-custom-field-label {if $field.required.value == 1} glm-required {/if}">{$field.field_name}</div>
         <div class="glm-small-12 glm-large-9 glm-columns glm-custom-field">
             <input type="hidden" name="custom-required" value="{$field.required.value}">
             {if $field.field_type.name == 'text'}
        
-            <input type="text" name="{$prefix}[{$field.id}]" value="{if isset($customFieldsData[$field.id])}{$customFieldsData[$field.id]|escape}{/if}">
+            <input type="text" name="{$prefix}[{$field.id}]" value="{if isset($customFieldsData[$field.id])}{$customFieldsData[$field.id]|escape}{/if}" {if $field.required.value == 1} required {/if}>
             {elseif $field.field_type.name == 'textarea'}
                 {php}
                 wp_editor('{if isset($customFieldsData[$field.id])}{$customFieldsData[$field.id]|escape:quotes}{/if}', 'custom-field-{$field.id}', array(