<sv-sidebar id="side-menu" title-long="'Secure Data Manager'" title-short="'SDM'"></sv-sidebar>

<main class="sv-main">

	<ov-toolbar class="sv-toolbar">

		<div ng-if="showImport()">
			<input
				class="ng-hide"
				id="input-folder-import"
				type="file"
				ov-folder-input-model
				callback="import(path)"
				webkitdirectory nwdirectory
			/>
			<md-button 
				class="md-raised md-secondary"
				ov-folder-input="input-folder-import"
				title="{{'Import' || translate}}"
				id="import">
				<md-icon md-svg-src="assets/icons/ic_file_import_24px.svg" aria-label="{{'Import' | translate}}"></md-icon>
				<span class="hide-xs" translate>Import</span>
			</md-button>
		</div>

		<div>
			<md-button class="md-raised md-primary"
				title="{{'Sync'|translate}}" id="synchronize" ng-click="synchronize()">
				<md-icon ng-class="{'spin':isSync()}" md-svg-src="assets/icons/ic_autorenew_24px.svg" aria-label="{{'Sync'|translate}}"></md-icon>
				<span class="hide-xs" translate>Sync</span>
			</md-button>
		</div>

	</ov-toolbar>

	<div class="sv-content">

		<div ng-cloak class="sv-content-view" ui-view="election-event-list" ng-if="state == 'election-event-list'"></div>
		<div ng-cloak class="sv-content-view" ui-view="administration-board-list" ng-if="state == 'administration-board-list'"></div>

	</div>

</main>
