Skip to content

Commit c205739

Browse files
committed
Added jqui-menu component
1 parent 3cfe007 commit c205739

File tree

5 files changed

+36
-7
lines changed

5 files changed

+36
-7
lines changed

README.md

Lines changed: 22 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -58,7 +58,7 @@ The list of available standard themes (with JQuery UI 1.11.1):
5858

5959
## Included Components
6060

61-
At the moment, ember-cli-jquery-ui includes eight of the eleven jquery ui widgets wrapped in components:
61+
At the moment, ember-cli-jquery-ui includes nine of the eleven jquery ui widgets wrapped in components:
6262

6363
1. `jqui-accordion`, which can be used in your application like this:
6464

@@ -89,20 +89,36 @@ At the moment, ember-cli-jquery-ui includes eight of the eleven jquery ui widget
8989
4. `jqui-datepicker`, which can be used in your application like this:
9090

9191
{{jqui-datepicker value=myDate yearRange="2013:2015"}} {{myDate}}
92-
93-
5. `jqui-progress-bar`, which can be used in your application like this:
92+
93+
5. `jqui-menu`, which can be used in your application like this:
94+
95+
{{#jqui-menu}}
96+
<li>Item 1</li>
97+
<li>Item 2</li>
98+
<li>Item 3
99+
<ul>
100+
<li>Item 3-1</li>
101+
<li>Item 3-2</li>
102+
</ul>
103+
</li>
104+
<li>Item 4</li>
105+
<li>-</li> {{!-- divider --}}
106+
<li>Item 5</li>
107+
{{/jqui-menu}}
108+
109+
6. `jqui-progress-bar`, which can be used in your application like this:
94110

95111
{{jqui-progress-bar value=37 max=100}}
96112

97-
6. `jqui-slider`, which can be used in your application like this:
113+
7. `jqui-slider`, which can be used in your application like this:
98114

99115
{{jqui-slider value=num min=0 max=100 step=10 slide="slideAction"}} {{num}}
100116

101-
7. `jqui-spinner`, which can be used in your application like this:
117+
8. `jqui-spinner`, which can be used in your application like this:
102118

103119
{{jqui-spinner value=num min=100 max=2000 step=100}} {{num}}
104120
105-
8. `jqui-tabs`, which can be used in your application like this:
121+
9. `jqui-tabs`, which can be used in your application like this:
106122

107123
{{#jqui-tabs}}
108124
<ul>
Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
import Ember from 'ember';
2+
import jquiWidget from 'ember-cli-jquery-ui/mixins/jqui-widget';
3+
4+
export default Ember.Component.extend(jquiWidget, {
5+
uiType: 'menu',
6+
uiOptions: ['disabled'],
7+
uiEvents: ['blur', 'create', 'focus', 'select']
8+
});
Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
{{yield}}

addon/components/jqui-tabs/component.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,4 +22,4 @@ export default Ember.Component.extend(jquiWidget, {
2222
event.preventDefault();
2323
}
2424
}
25-
});
25+
});

app/components/jqui-menu/component.js

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
import Ember from 'ember';
2+
import jquiMenu from 'ember-cli-jquery-ui/components/jqui-menu/component';
3+
4+
export default jquiMenu;

0 commit comments

Comments
 (0)