
<div header ></div>
<div class="container-fluid">
	<div class="">
		<ul class="tab-news" ng-show="showTagSection">
			<li class="col-xs-6">
				<h1 class="medium special-font uppercase">
					<a href="" ng-click="changeTab('categories')" ng-class="{'active' : activeTab == 'categories'}" >{{'WEBAPP_CATEGORY' | dict }}</a>
				</h1>
			</li>
			<li class="col-xs-6">
				<h1 class="medium special-font uppercase">
					<a href="" ng-click="changeTab('tags')" data-mipqa="tags-button">
					{{'WEBAPP_TAGS' | dict }}</a>
				</h1>
			</li>
			<li class="col-xs-6">
				<div class="animation-tab" ng-class="{'active-tab' : activeTab == 'tags'}"></div>
			</li>	

		</ul>

		<!-- CATEGORIES -->	
		<div class="ng-hide" ng-show="activeTab == 'categories'" data-mipqa="categories-container">
			<div infinite-scroll infinite-callback="getCategories" infinite-enable="gettingCategories" infinite-offset="0">
				<scrolltotop></scrolltotop>
				 <div class="general-padding bg-first">							
					<div class="categories-page" >
						<div ng-repeat="item in categories" data-mipqa="categories-item">
							<item content="item" class="both square" callback="trackClickCat(item.title, $index)"></item>
						</div>
					</div>	
				</div>
			</div>	
			<div ng-show="showCategoriesLoader">
				<div class="center-block general-padding">
					<div class="loader"></div>
				</div>	
			</div>
		</div>	
		<!-- END CATEGORIES -->


		<!-- TAGS -->	
		<div class="" ng-show="activeTab == 'tags' && showTagSection" data-mipqa="tags-container">
			<div class="tags-page" infinite-scroll infinite-callback="getTags" infinite-enable="gettingTags" infinite-offset="0">
				<scrolltotop></scrolltotop>
				<div ng-repeat="item in tags" data-mipqa="tags-item">
					<div class="simple-list">
						<a ng-href="{{item.url_zoom}}" title="{{item.title}}" ng-click="trackClickTag($event, item.title, $index)">
							<h2>{{item.title}}</h2>
							<p class="font-mini">{{item.num_items}} {{'WEBAPP_NEWS' | dict }}</p>
						</a>
					</div>	
				</div>
			</div>	
			<div ng-show="showTagsLoader">
				<div class="center-block general-padding">				
					<div class="loader"></div>
				</div>
			</div>
		</div>			
		<!-- END TAGS -->
	</div>	

</div>

<footer ng-show="showFooter"></footer>


