Skip to content

Commit 43c1cd4

Browse files
jlukicjlukic
committed
Update docs for new features
1 parent 76bf8d3 commit 43c1cd4

4 files changed

Lines changed: 102 additions & 72 deletions

File tree

‎server/documents/behaviors/form.html.eco‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1811,6 +1811,26 @@ type : 'UI Behavior'
18111811
<td>is valid</td>
18121812
<td>Returns true/false whether a form passes its validation rules</td>
18131813
</tr>
1814+
<tr>
1815+
<td>add rule(field, rules)<div class="ui label">New in 2.2.11</div></td>
1816+
<td>Adds rule to existing rules for field, also aliased as <code>add field</code></td>
1817+
</tr>
1818+
<tr>
1819+
<td>add fields(fields) <div class="ui label">New in 2.2.11</div></td>
1820+
<td>Adds fields object to existing fields</td>
1821+
</tr>
1822+
<tr>
1823+
<td>remove rule(field, rules)<div class="ui label">New in 2.2.11</div></td>
1824+
<td>Removes specific rule from field leaving other rules</td>
1825+
</tr>
1826+
<tr>
1827+
<td>remove field(field)<div class="ui label">New in 2.2.11</div></td>
1828+
<td>Remove all validation for a field</td>
1829+
</tr>
1830+
<tr>
1831+
<td>add prompt(identifier, errors)</td>
1832+
<td>Adds error prompt to the field with the given identifier</td>
1833+
</tr>
18141834
<tr>
18151835
<td>is valid(fieldName)</td>
18161836
<td>Returns true/false whether a field passes its validation rules</td>

‎server/documents/elements/step.html.eco‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -291,6 +291,37 @@ themes : ['Default', 'Basic', 'GitHub']
291291
</div>
292292
</div>
293293

294+
<div class="example" data-class="stackable">
295+
<h4 class="ui header">
296+
Unstackable
297+
<div class="ui teal label">New in 2.2.11</div>
298+
</h4>
299+
<p>A step can prevent itself from stacking on mobile</p>
300+
<div class="ui unstackable steps">
301+
<div class="step">
302+
<i class="plane icon"></i>
303+
<div class="content">
304+
<div class="title">Shipping</div>
305+
<div class="description">Choose your shipping options</div>
306+
</div>
307+
</div>
308+
<div class="active step">
309+
<i class="dollar icon"></i>
310+
<div class="content">
311+
<div class="title">Billing</div>
312+
<div class="description">Enter billing information</div>
313+
</div>
314+
</div>
315+
<div class="disabled step">
316+
<i class="info circle icon"></i>
317+
<div class="content">
318+
<div class="title">Confirm Order</div>
319+
<div class="description">Verify order details</div>
320+
</div>
321+
</div>
322+
</div>
323+
</div>
324+
294325
<div class="example" data-class="attached">
295326
<h4 class="ui header">
296327
Attached

‎server/documents/hotfix.html.eco‎

Lines changed: 48 additions & 67 deletions
Original file line numberDiff line numberDiff line change
@@ -8,80 +8,57 @@ type : 'Library'
88
---
99
<div class="ui container">
1010

11-
<form class="ui form segment">
12-
<p>Tell Us About Yourself</p>
13-
<div class="two fields">
14-
<div class="field">
15-
<label>Name</label>
16-
<input placeholder="First Name" name="name" type="text">
17-
</div>
18-
<div class="field">
19-
<label>Gender</label>
20-
<select class="ui dropdown" name="gender">
21-
<option value="">Gender</option>
22-
<option value="male">Male</option>
23-
<option value="female">Female</option>
24-
</select>
25-
</div>
26-
</div>
27-
<div class="two fields">
28-
<div class="field">
29-
<label>Username</label>
30-
<input placeholder="Username" name="username" type="text">
31-
</div>
32-
<div class="field">
33-
<label>Password</label>
34-
<input type="password" name="password">
35-
</div>
36-
</div>
37-
<div class="field">
38-
<label>Skills</label>
39-
<select name="skills" multiple class="ui dropdown">
40-
<option value="">Select Skills</option>
41-
<option value="css">CSS</option>
42-
<option value="html">HTML</option>
43-
<option value="javascript">Javascript</option>
44-
<option value="design">Graphic Design</option>
45-
<option value="plumbing">Plumbing</option>
46-
<option value="mech">Mechanical Engineering</option>
47-
<option value="repair">Kitchen Repair</option>
48-
</select>
49-
</div>
50-
<div class="inline field">
51-
<div class="ui checkbox">
52-
<input type="checkbox" name="terms" />
53-
<label>I agree to the terms and conditions</label>
54-
</div>
11+
<form class="ui form">
12+
<div class="ui left pointing dropdown">
13+
<div class="text">File</div>
14+
<i class="dropdown icon"></i>
15+
<div class="menu">
16+
<div class="item">New</div>
17+
<div class="item">
18+
<span class="description">ctrl + o</span>
19+
Open...
20+
</div>
21+
<div class="item">
22+
<span class="description">ctrl + s</span>
23+
Save as...
24+
</div>
25+
<div class="item">
26+
<span class="description">ctrl + r</span>
27+
Rename
28+
</div>
29+
<div class="item">Make a copy</div>
30+
<div class="item">
31+
<i class="folder icon"></i>
32+
Move to folder
33+
</div>
34+
<div class="item">
35+
<i class="trash icon"></i>
36+
Move to trash
37+
</div>
38+
<div class="divider"></div>
39+
<div class="item">Download As...</div>
40+
<div class="item">
41+
<i class="dropdown icon"></i>
42+
Publish To Web
43+
<div class="menu">
44+
<div class="item">Google Docs</div>
45+
<div class="item">Google Drive</div>
46+
<div class="item">Dropbox</div>
47+
<div class="item">Adobe Creative Cloud</div>
48+
<div class="item">Private FTP</div>
49+
<div class="item">Another Service...</div>
5550
</div>
56-
<div class="ui primary submit button">Submit</div>
57-
<div class="ui error message"></div>
5851
</div>
59-
</form>
52+
<div class="item">E-mail Collaborators</div>
53+
</div>
54+
</div>
55+
</form>
56+
6057
</div>
6158
<script>
6259
$(document).ready(function() {
6360

6461
$('.ui.dropdown').dropdown();
65-
$('.ui.checkbox').checkbox();
66-
67-
$('.ui.form')
68-
.form({
69-
fields: {
70-
password : ['minLength[6]', 'empty'],
71-
skills : ['minCount[2]', 'empty'],
72-
terms : 'checked'
73-
}
74-
})
75-
.form('add field', 'username', 'empty')
76-
.form('add fields', {
77-
name : 'empty',
78-
gender : 'empty'
79-
})
80-
.form('remove rule', 'username', 'empty')
81-
.form('remove field', 'terms')
82-
.form('validate field', 'username')
83-
;
84-
8562
});
8663

8764
</script>
@@ -93,4 +70,8 @@ type : 'Library'
9370
padding-top: 2em;
9471
}
9572

73+
.ui.dropdown {
74+
float: right;
75+
}
76+
9677
</style>

‎server/files/javascript/form.js‎

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,12 @@
1-
semantic.form = {};
1+
semantic.validateForm = {};
22

33
// ready event
4-
semantic.form.ready = function() {
4+
semantic.validateForm.ready = function() {
55

66
// selector cache
77
var
88
$codeDropdown = $('.existing.code .dropdown'),
99
$dropdown = $('.main.container .ui.dropdown').not($codeDropdown),
10-
$addExample = $('.add.example form')
1110
// alias
1211
handler
1312
;
@@ -21,11 +20,10 @@ semantic.form.ready = function() {
2120
.dropdown()
2221
;
2322

24-
2523
};
2624

2725

2826
// attach ready event
2927
$(document)
30-
.ready(semantic.form.ready)
28+
.ready(semantic.validateForm.ready)
3129
;

0 commit comments

Comments
 (0)