}], function() {
assert.isDefined(mock_req.devops.navbar);
assert.isDefined(mock_req.devops.navbar[utils.capitalize(devops_filename)]);
assert.equal(mock_req.devops.navbar[utils.capitalize(devops_filename)], '/p/' + devops_filename);
assert.equal(mock_req.devops.url, '/p/' + devops_filename);
test.finish();
});
synapse.onPathUpdated('products', function(props) {
this.products = props;
this.tags = {
products: new tagToggler([this.id, 'tags.products'].join('.'), JSPath('.*.tags', this.products)),
//colors: new tagToggler([this.id, 'tags.colors'].join('.'), JSPath('..colors..tags', this.products))
};
flashmsg.add(utils.capitalize(id)+' loaded!');
this.view = ns.view;
}.bind(this));
{skills.map(skill => (
<Skill key={skill.name}>
<SkillLink
rel="noopener noreferrer"
href={skill.url}
target="_blank"
color={skill.color}
>
<Icon size={80} name={skill.name.toLowerCase()} />
<SkillName>{capitalize(skill.name)}</SkillName>
</SkillLink>
</Skill>
))}
views.product = function(ctrl, product) {
var sku = product.sku;
var name = utils.capitalize( product.name );
var description = h.trust( marked(product.description) );
return h("section.product", {id: sku}, [
h("h3", [h("span", name), h("span", "("+sku+")")]),
h("div.tags", views.tags(ctrl.tags.products, product.tags)),
h("div.description", description),
h('div.images', views.images(product.images)),
h("div.sizes", views.sizes(product.sizes)),
h("div.colors", views.colors(product.colors))
]);
};
return tag_list.map(function(tag_name) {
return h("div.tag", {
onclick: function() {tagToggler.toggleSelected(tag_name)},
class: tagToggler.isTagSelected(tag_name) ? 'selected' : ''
}, utils.capitalize(tag_name));
});