<md-card ng-if='!controller.categories'>
    <img ng-src="./images/zenith-television.jpg" class="md-card-image" alt="No Content Header" />
    <md-card-content>
        <p>Welcome to Farnsworth. To get started, add some categories
        and tiles.</p>
    </md-card-content>
    <md-card-actions layout="row" layout-align="end center">
        <md-button ng-click='controller.addTile();'>Add Tile</md-button>
    </md-card-actions>
</md-card>

<div layout="column" class='category' ng-repeat="category in controller.categories">
    <div class='category-header'>
        <h2>{{ category.name }}</h2>
    </div>
    <div class='category-tiles' layout="row">
        <md-card ng-repeat="tile in category.tiles" ng-style='controller.getTileStyle(tile);'
            ng-class='{"tile-selected": controller.selectedTile === tile}'
            ng-mousedown='controller.hold($event, tile);' ng-mouseup='controller.release($event);'
            ng-keydown='controller.hold($event, tile);' ng-keyup='controller.release($event);'>
            {{ tile.name }}
        </md-card>
    </div>
</div>

<md-card ng-if='controller.categoryList.length == 0'>
    <img ng-src="./images/zenith-television.jpg" class="md-card-image" alt="No Content Header" />
    <md-card-content>
        <p>Welcome to Farnsworth. To get started, add some categories
        and tiles.</p>
    </md-card-content>
    <md-card-actions layout="row" layout-align="end center">
        <md-button class='button-active' ng-click='controller.addTile();'>Add Tile</md-button>
    </md-card-actions>
</md-card>

<div layout="column" class='category' ng-repeat="category in controller.categories">
    <div class='category-header'>
        <h2>{{ category.name }}</h2>
    </div>
    <div class='category-tiles' layout="row">
        <md-card ng-repeat="tile in category.tiles" ng-style='controller.getTileStyle(tile);'
            ng-class='{"tile-selected": controller.selectedTile === tile}'
            ng-mousedown='controller.hold($event, tile);' ng-mouseup='controller.release($event);'
            ng-keydown='controller.hold($event, tile);' ng-keyup='controller.release($event);'>
            {{ tile.name }}
        </md-card>
    </div>
</div>

Change the way we detect that there are no categories.
Change the way we detect that there are no categories.
