<div class="panel panel-default projectspace lt-module-page__content-panel position-relative">
	<div class="panel-heading">{{'Roles' | translate}}</div>

	<div style="position:relative;">
		<wizdom365-spinner class="spinner" loading="loading"></wizdom365-spinner>
	</div>
	<div class="saveConfigurationButton abs-position">
		<button ng-hide="saving" type="button" ng-click="newEditRole();" class="btn btn-primary">{{'Create role' | translate}}</button>
	</div>
		
	<ul class="list-group lt-list" ng-show="!loading">
		<li class="list-group-item lt-list__item" ng-repeat="role in allRoles">
			<div class="lt-list-item__title">{{role.name}}</div>
			<div class="lt-list-item__actions">
				<span class="streamline icon-pencil-1" aria-hidden="true" title="{{'Edit' | translate}}" ng-click="newEditRole(role)"></span>
			</div>
		</li>
	</ul>
	
</div>
