Allow plugins to specify custom nav items on mobile
This commit is contained in:
parent
57a1190b07
commit
9472821331
|
@ -16,6 +16,22 @@ export default Ember.Component.extend({
|
||||||
selectedNavItem(filterMode, navItems) {
|
selectedNavItem(filterMode, navItems) {
|
||||||
if (filterMode.indexOf("top/") === 0) { filterMode = "top"; }
|
if (filterMode.indexOf("top/") === 0) { filterMode = "top"; }
|
||||||
var item = navItems.find(i => i.get('filterMode').indexOf(filterMode) === 0);
|
var item = navItems.find(i => i.get('filterMode').indexOf(filterMode) === 0);
|
||||||
|
if (!item) {
|
||||||
|
let connectors = this.get('connectors');
|
||||||
|
let category = this.get('category');
|
||||||
|
if (connectors && category) {
|
||||||
|
connectors.forEach(c => {
|
||||||
|
if (c.connectorClass && typeof(c.connectorClass.path) === "function" && typeof(c.connectorClass.displayName === "function")) {
|
||||||
|
let path = c.connectorClass.path(category);
|
||||||
|
if (path.indexOf(filterMode) > 0) {
|
||||||
|
item = {
|
||||||
|
displayName: c.connectorClass.displayName()
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
return item || navItems[0];
|
return item || navItems[0];
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
|
@ -9,5 +9,8 @@
|
||||||
{{#each navItems as |navItem|}}
|
{{#each navItems as |navItem|}}
|
||||||
{{navigation-item content=navItem filterMode=filterMode category=category}}
|
{{navigation-item content=navItem filterMode=filterMode category=category}}
|
||||||
{{/each}}
|
{{/each}}
|
||||||
|
{{#each connectors as |c|}}
|
||||||
|
{{plugin-connector connector=c class=c.classNames tagName="li" args=(hash category=category filterMode=filterMode)}}
|
||||||
|
{{/each}}
|
||||||
</ul>
|
</ul>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
|
|
Loading…
Reference in New Issue