<i ng-show="ctrl.loading" style="display: block" class="icon-loading-small"></i>
<ul class="addressBookList">
	<li ng-repeat="addressBook in ctrl.addressBooks" addressbook data="addressBook" list="ctrl.addressBooks"></li>
	<li class="newAddressBookContainer">
		<form ng-submit="ctrl.createAddressBook()" name="newAddressBookForm">
			<input id="newList" placeholder="{{ctrl.t.addressBookName}}" class="newAddressBookInput"
				   ng-model="ctrl.newAddressBookName" type="text" ng-minlength="1"
				   autocomplete="off" autocorrect="off" spellcheck="false" tooltip-enable="!newAddressBookForm.$pristine"
				   required ng-pattern="ctrl.addressBookRegex" tooltip-is-open="newAddressBookForm.$invalid && !newAddressBookForm.$error.required" tooltip-trigger="none"
				   tooltip-placement="top" uib-tooltip="{{ctrl.t.regexError}}" />
			<input type="submit" value="" class="newAddressBookSubmit inline-button icon-confirm action pull-right"
				   ng-disabled="newAddressBookForm.$invalid || newAddressBookForm.$pristine" />
		</form>
	</li>
</ul>
