<div>
	<ul class="dropdowns">
		<li class="dropdown">
			<a class="btn" href="/account/albums/create" ng-class="{'btn-primary': data.isEditorOpen && data.selectedAlbum == null}">
				<i class="icon-plus"></i> Create Album
			</a>
		</li>
	</ul>

	<div class="two-pane-view" ng-class="{open: data.isEditorOpen, closed: !data.isEditorOpen}">
		<div class="list">
			<ul class="account-albums-listing stretch-to-bottom">
				<li ng-repeat="album in albums" ng-class="{selected: album.id == data.selectedAlbum.id}">
					<a href="/account/albums/edit/{{album.id}}">
						<img pfm-src-loader="album.covers.normal" pfm-src-size="normal" class="image" />
						<span class="title">{{album.title}}</span>
						<span class="published">{{album.created_at | pfmdate:'MM/dd/yyyy'}}</span>
					</a>
				</li>
				<li ng-show="!albums.length" class="empty">
					No albums found...
				</li>
			</ul>
		</div>

		<ui-view class="editor"></ui-view>
	</div>
</div>