manageCompaniesApp.directive('companiesGroup',['manageCompaniesService','$rootScope','mySharedService', function(manageCompaniesService,$rootScope,sharedService) {
	return {
		restrict : 'E',
		replace : true,
		template: '<ul class="company_group_list"><li ng-repeat="group in companyGroups"><i class="fa fa-circle group_color group_color_{{group.id % 20}}"></i><span class="group_name ellipsis" title="{{group.name}}">{{group.name}}</span></li><li ng-show="!companyGroups.length && !groupsLoading" class="groupit">GROUP IT</li></ul>',
		scope : {
			companyId : '=',
        	style : '=',
        	groups : '@',
        	callbackFn : '@',
        	companyGroups : '='
		},
		link : function(scope, element, attr){
		}
	};
}]);