Skip to content

Commit 8d6606d

Browse files
jlukicjlukic
committed
Fix tab example
1 parent d02d478 commit 8d6606d

3 files changed

Lines changed: 109 additions & 22 deletions

File tree

‎server/documents/hotfix.html.eco‎

Lines changed: 38 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -7,18 +7,49 @@ title : 'Test Page'
77
type : 'Library'
88
---
99
<div class="ui container">
10-
<div class="ui 4:3 embed"
11-
data-url="https://example.com/video?id=123456"
12-
data-icon="right circle arrow"
13-
data-placeholder="http://example.net/icon.png">
14-
<i class="right circle arrow icon"></i>
15-
</div>
10+
<form class="ui form">
11+
<div class="fields">
12+
<div class="seven wide field">
13+
<label>Card Number</label>
14+
<div class="ui fluid button" tabindex="0">Submit Order</div>
15+
</div>
16+
<div class="three wide field">
17+
<label>CVC</label>
18+
<input type="text" name="card[cvc]" maxlength="3" placeholder="CVC">
19+
</div>
20+
<div class="six wide field">
21+
<label>Expiration</label>
22+
<div class="two fields">
23+
<div class="field">
24+
<select class="ui fluid dropdown" name="card[expire-month]">
25+
<option value="">Month</option>
26+
<option value="1">January</option>
27+
<option value="2">February</option>
28+
<option value="3">March</option>
29+
<option value="4">April</option>
30+
<option value="5">May</option>
31+
<option value="6">June</option>
32+
<option value="7">July</option>
33+
<option value="8">August</option>
34+
<option value="9">September</option>
35+
<option value="10">October</option>
36+
<option value="11">November</option>
37+
<option value="12">December</option>
38+
</select>
39+
</div>
40+
<div class="field">
41+
<input type="text" name="card[expire-year]" maxlength="4" placeholder="Year">
42+
</div>
43+
</div>
44+
</div>
45+
</div>
46+
</form>
1647
</div>
1748

1849
</div>
1950
<script>
2051
$(document).ready(function() {
21-
$('.ui.embed').embed();
52+
$('.ui.dropdown').dropdown();
2253
});
2354

2455
</script>

‎server/documents/modules/popup.html.eco‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -446,9 +446,9 @@ themes : ['Default']
446446
<div class="evaluated code">
447447
$('.example .menu .browse')
448448
.popup({
449-
inline : true,
450-
hoverable: true,
451-
position : 'bottom left',
449+
inline : true,
450+
hoverable : true,
451+
position : 'bottom left',
452452
delay: {
453453
show: 300,
454454
hide: 800

‎server/documents/modules/tab.html.eco‎

Lines changed: 68 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -164,18 +164,74 @@ themes : ['Default']
164164
<div class="ui tab segment" data-tab="sixth">
165165
6
166166
</div>
167-
<div class="evaluated code" data-type="javascript">
168-
$('#context1 .menu .item')
169-
.tab({
170-
context: $('#context1')
171-
})
172-
;
173-
$('#context2 .menu .item')
174-
.tab({
175-
// special keyword works same as above
176-
context: 'parent'
177-
})
178-
;
167+
</div>
168+
<div class="evaluated code" data-type="javascript">
169+
$('#context1 .menu .item')
170+
.tab({
171+
context: $('#context1')
172+
})
173+
;
174+
$('#context2 .menu .item')
175+
.tab({
176+
// special keyword works same as above
177+
context: 'parent'
178+
})
179+
;
180+
</div>
181+
<div class="existing code" data-type="html">
182+
<div id="context1">
183+
<div class="ui secondary menu">
184+
<a class="item" data-tab="first">First</a>
185+
<a class="item active" data-tab="second">Second</a>
186+
<a class="item" data-tab="third">Third</a>
187+
</div>
188+
<div class="ui tab segment" data-tab="first">
189+
<div class="ui top attached tabular menu">
190+
<a class="active item" data-tab="first/a">1A</a>
191+
<a class="item" data-tab="first/b">1B</a>
192+
<a class="item" data-tab="first/c">1C</a>
193+
</div>
194+
<div class="ui bottom attached active tab segment" data-tab="first/a">1A</div>
195+
<div class="ui bottom attached tab segment" data-tab="first/b">1B</div>
196+
<div class="ui bottom attached tab segment" data-tab="first/c">1C</div>
197+
</div>
198+
<div class="ui tab segment active" data-tab="second">
199+
<div class="ui top attached tabular menu">
200+
<a class="item" data-tab="second/a">2A</a>
201+
<a class="item" data-tab="second/b">2B</a>
202+
<a class="item active" data-tab="second/c">2C</a>
203+
</div>
204+
<div class="ui bottom attached tab segment" data-tab="second/a">2A</div>
205+
<div class="ui bottom attached tab segment" data-tab="second/b">2B</div>
206+
<div class="ui bottom attached tab segment active" data-tab="second/c">2C</div>
207+
</div>
208+
<div class="ui tab segment" data-tab="third">
209+
<div class="ui top attached tabular menu">
210+
<a class="item" data-tab="third/a">3A</a>
211+
<a class="item" data-tab="third/b">3B</a>
212+
<a class="item" data-tab="third/c">3C</a>
213+
</div>
214+
<div class="ui bottom attached tab segment" data-tab="third/a">3A</div>
215+
<div class="ui bottom attached tab segment" data-tab="third/b">3B</div>
216+
<div class="ui bottom attached tab segment" data-tab="third/c">3C</div>
217+
</div>
218+
</div>
219+
<div class="ui divider"></div>
220+
<div id="context2">
221+
<div class="ui secondary menu">
222+
<a class="item" data-tab="fourth">Fourth</a>
223+
<a class="item active" data-tab="fifth">Fifth</a>
224+
<a class="item" data-tab="sixth">Sixth</a>
225+
</div>
226+
<div class="ui tab segment" data-tab="fourth">
227+
4
228+
</div>
229+
<div class="ui active tab segment" data-tab="fifth">
230+
5
231+
</div>
232+
<div class="ui tab segment" data-tab="sixth">
233+
6
234+
</div>
179235
</div>
180236
</div>
181237
</div>

0 commit comments

Comments
 (0)