new docs

Author: jlukic

server/documents/behaviors/form.html.eco

@@ -189,6 +189,7 @@ type        : 'UI Behavior'
     <div class="prompt example">
       <h4 class="ui header">Customizing Prompts</h4>
       <p>Form validation includes default error prompts for most cases, however these can be quite generic. To specify custom personalized values for a validation prompt use the <code>prompt</code> property with a rule.</p>
+      <div class="ui ignored info message">Starting in <div class="ui teal label">2.3.1</div> you can specify prompts as a function. This may be useful when returning validation for fields that require dynamic validation messages.</div>
       <div class="ui ignored info message">You can set default messages for each validation rule type by modifying <code>$fn.form.settings.prompt</code></div>
       <p>Prompt also supports custom templating with the following values replaced</p>
       <table class="ui celled sortable basic table segment">
@@ -229,7 +230,20 @@ type        : 'UI Behavior'
                   prompt : '{name} is set to "{value}" that is totally wrong. It should be {ruleValue}'
                 }
               ]
-            }
+            },
+            field3: {
+              rules: [
+                {
+                  type   : 'exactly[cat]',
+                  prompt : function(value) {
+                    if(value == 'dog') {
+                      return 'I told you to put cat, not dog!';
+                    }
+                    return 'That is not cat';
+                  }
+                }
+              ]
+            },
           }
         })
       ;
@@ -244,6 +258,10 @@ type        : 'UI Behavior'
             <label>Field 2</label>
             <input type="text" name="field2">
           </div>
+          <div class="field">
+            <label>Field 3</label>
+            <input type="text" name="field3">
+          </div>
         </div>
         <div class="ui primary submit button">Submit</div>
         <div class="ui error message">

server/documents/elements/icon.html.eco

@@ -131,10 +131,10 @@ themes      : ['Default']
         <div class="column"><i class="chevron left icon"></i>chevron left</div>
         <div class="column"><i class="chevron right icon"></i>chevron right</div>
         <div class="column"><i class="chevron up icon"></i>chevron up</div>
-        <div class="column"><i class="cloud download alternate icon"></i>cloud download alternate</div>
-        <div class="column"><i class="cloud upload alternate icon"></i>cloud upload alternate</div>
+        <div class="column"><i class="cloud download icon"></i>cloud download /div>
+        <div class="column"><i class="cloud upload icon"></i>cloud upload</div>
         <div class="column"><i class="download icon"></i>download</div>
-        <div class="column"><i class="exchange alternate icon"></i>exchange alternate</div>
+        <div class="column"><i class="exchange icon"></i>exchange</div>
         <div class="column"><i class="expand arrows alternate icon"></i>expand arrows alternate</div>
         <div class="column"><i class="external alternate icon"></i>external alternate</div>
         <div class="column"><i class="external square alternate icon"></i>external square alternate</div>
@@ -237,8 +237,8 @@ themes      : ['Default']
         <i class="chevron left icon"></i>
         <i class="chevron right icon"></i>
         <i class="chevron up icon"></i>
-        <i class="cloud download alternate icon"></i>
-        <i class="cloud upload alternate icon"></i>
+        <i class="cloud download icon"></i>
+        <i class="cloud upload icon"></i>
         <i class="download icon"></i>
         <i class="exchange alternate icon"></i>
         <i class="expand arrows alternate icon"></i>
@@ -1409,8 +1409,8 @@ themes      : ['Default']
         <div class="column"><i class="clone icon"></i>clone</div>
         <div class="column"><i class="clone outline icon"></i>clone outline</div>
         <div class="column"><i class="cloud icon"></i>cloud</div>
-        <div class="column"><i class="cloud download alternate icon"></i>cloud download alternate</div>
-        <div class="column"><i class="cloud upload alternate icon"></i>cloud upload alternate</div>
+        <div class="column"><i class="cloud download icon"></i>cloud download /div>
+        <div class="column"><i class="cloud upload icon"></i>cloud upload</div>
         <div class="column"><i class="coffee icon"></i>coffee</div>
         <div class="column"><i class="cog icon"></i>cog</div>
         <div class="column"><i class="cogs icon"></i>cogs</div>
@@ -1581,8 +1581,8 @@ themes      : ['Default']
         <i class="clone icon"></i>
         <i class="clone outline icon"></i>
         <i class="cloud icon"></i>
-        <i class="cloud download alternate icon"></i>
-        <i class="cloud upload alternate icon"></i>
+        <i class="cloud download icon"></i>
+        <i class="cloud upload icon"></i>
         <i class="coffee icon"></i>
         <i class="cog icon"></i>
         <i class="cogs icon"></i>

server/files/javascript/validate-form.js

@@ -244,7 +244,20 @@ semantic.validateForm.ready = function() {
               prompt : '{name} is set to "{value}" that is totally wrong. It should be {ruleValue}'
             }
           ]
-        }
+        },
+        field3: {
+          rules: [
+            {
+              type   : 'isExactly[cat]',
+              prompt : function(value) {
+                if(value == 'dog') {
+                  return 'I told you to put cat, not dog!';
+                }
+                return 'That is not cat';
+              }
+            }
+          ]
+        },
       }
     })
   ;