UI option for limiting upload size in new file fields and the html5 f…

…ile field
CalderaWP · Nov 21, 2018 · ef5f3e6 · ef5f3e6 · Shelob9 · Nov 22, 2018
1 parent 9e8eaae
commit ef5f3e6
Show file tree

Hide file tree

Showing 2 changed files with 60 additions and 4 deletions.
diff --git a/fields/cf2_file/config.php b/fields/cf2_file/config.php
@@ -44,8 +44,37 @@
 <div class="caldera-config-group">
     <label for="{{_id}}_allowed"><?php echo esc_html__('Allowed Types', 'caldera-forms'); ?></label>
     <div class="caldera-config-field">
-        <input id="{{_id}}_allowed" type="text" class="field-config" name="{{_name}}[allowed]" value="{{allowed}}">
-        <p class="description"><?php echo esc_html__('Comma separated eg. jpg,pdf,txt', 'caldera-forms'); ?></p>
+        <input
+            id="{{_id}}_allowed"
+            type="text"
+            class="field-config"
+            name="{{_name}}[allowed]"
+            value="{{allowed}}"
+            aria-describedby="{{_id}}_allowed-desc"
+        >
+        <p class="description" id="{{_id}}_allowed-desc">
+            <?php echo esc_html__('Comma separated eg. jpg,pdf,txt', 'caldera-forms'); ?>
+        </p>
+    </div>
+</div>
+
+<div class="caldera-config-group">
+    <label for="{{_id}}_max_upload"><?php echo esc_html__('Max Upload Size', 'caldera-forms'); ?></label>
+    <div class="caldera-config-field">
+        <input
+                id="{{_id}}_max_upload"
+                type="number"
+                min="0"
+                step="8"
+                class="field-config"
+                name="{{_name}}[max_upload]"
+                value="{{max_upload}}"
+                aria-describedby="{{_id}}_max_upload-desc"
+
+        >
+        <p class="description" id="{{_id}}_max_upload-desc" >
+            <?php echo esc_html__('Max file size in bytes. If 0, any file size is allowed.', 'caldera-forms'); ?>
+        </p>
     </div>
 </div>
 

diff --git a/fields/file/config_template.php b/fields/file/config_template.php
@@ -44,14 +44,41 @@
 		<?php esc_html_e('Allowed Types', 'caldera-forms'); ?>
 	</label>
 	<div class="caldera-config-field">
-		<input id="{{_id}}_allowed" type="text" class="field-config" name="{{_name}}[allowed]" value="{{allowed}}">
-		<p class="description">
+		<input
+                id="{{_id}}_allowed"
+                type="text" class="field-config"
+                name="{{_name}}[allowed]"
+                value="{{allowed}}"
+                aria-describedby="{{_id}}_allowed-desc"
+        >
+		<p class="description" id="{{_id}}_allowed-desc">
 			<?php esc_html_e('Comma separated eg. jpg,pdf,txt', 'caldera-forms'); ?>
 		</p>
 	</div>
 </div>
 
 
+<div class="caldera-config-group">
+    <label for="{{_id}}_max_upload"><?php echo esc_html__('Max Upload Size', 'caldera-forms'); ?></label>
+    <div class="caldera-config-field">
+        <input
+                id="{{_id}}_max_upload"
+                type="number"
+                min="0"
+                step="8"
+                class="field-config"
+                name="{{_name}}[max_upload]"
+                value="{{max_upload}}"
+                aria-describedby="{{_id}}_max_upload-desc"
+
+        >
+        <p class="description" id="{{_id}}_max_upload-desc" >
+			<?php echo esc_html__('Max file size in bytes. If 0, any file size is allowed.', 'caldera-forms'); ?>
+        </p>
+    </div>
+</div>
+
+
 {{#script}}
 	jQuery(function($){