Conditional rendering of header based upon action

Design
7

@asabjorn a thread I made earlier has a solution to this problem.

probably the easiest thing for you is to have a computed property on your application controller:

showReducedHeader: function(){
        //array of all routes without header
        var reducedHeader = [
            'login',
            'logout'
        ]
        //read as reducedHeader.contains('currentPath')
        return ($.inArray(this.get('currentPath'), reducedHeader) != -1);
 }.property('currentPath')

and then your template

{{#if reducedHeader}}
    {{partial 'reducedHeader'}}
{{else}}
    {{partial 'header'}}
{{/if}}

or using my routeVal computed property defined in the link:

routeVals: [
        RouteVal.create({
            route: 'login',
            reducedHeader: true
        }),
        RouteVal.create({
            route: 'logout',
            reducedHeader: true
        })
],
reducedHeader: routeVal('routeVals', 'reducedHeader')