<nav class="navbar navbar-default navbar-fixed-top classic-navbar" role="banner"><a href="index.html">
		<h2 class="title">{{appName}}</h2>
	</a>
</nav><div class="content">
	<div class="container-fluid">
		<div id="body" class="zone" ng-controller="keosu-last-articleController" ng-init='init({"host":"http:\/\/localhost\/package060\/keosu\/web\/app_dev.php\/","gadgetId":1,"pageId":1,"gadgetParam":{"articlesPerPage":3,"tag":null},"appParam":[]})'><div ng-show="isList" ng-swipe-left="next()" ng-swipe-right="previous()">
		<div class="panel list">
			<div class="panel-body list-content">
				<div class="row-fluid list-elements animated {{slide}}" ng-repeat="apage in pages">
					<div class="media" ng-click="open(apage)">
						<div class="media-body list-title">
							<h6 class="title">{{ apage.title }}</h6>
						</div>
					</div>
					<hr>
				</div>
			</div>
		</div>
		<button ng-show="!isFirstPage" ng-click="previous()"
			class="previou btn btn-default btn-page animated fadeIn">Previous</button>
		<button ng-show="!isLastPage" ng-click="next()"
			class="next btn btn-default btn-page pull-right animated fadeIn">Next</button>

	</li>

</div>
<div ng-show="isArticle" class="animated zoomIn">
	<a ng-click="close()"><i class="fui-cross basic-icon-cross"></i></a>
	<div class="row-fluid">
		<h4 class="title" style="text-align: center">{{ article.title }}</h4>
	</div>
	<hr>
	<div class="gadget-content">
		<div class="row-fluid">
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
				<div ng-bind-html="article.content"></div>
			</div>
		</div>
	</div>
	<ul class="img-list">
		<li ng-repeat="img in article.attachments">
			<img class="center" ng-if="img" src="{{ img.path }}" alt="" />
		</li>
	</ul>
</div>
</div>
	</div>
</div>

<div class="offline">
	<div ng-show="{{offline}}">Network unreachable</div>
</div>

<footer id="menu" class="zone classic-menu navbar-fixed-bottom" ng-controller="keosu-menuController" ng-init='init({"host":"http:\/\/localhost\/package060\/keosu\/web\/app_dev.php\/","gadgetId":3,"pageId":1,"gadgetParam":{"pages":[{"id":1,"icon":"glyphicon-pencil"},{"id":2,"icon":"glyphicon-asterisk"}]},"appParam":[]})'><div ng-controller="keosu-menuController" class=" row-fluid menu">
	<div ng-repeat="page in pages" class="menu-elements">
		<a href="#/Page/{{ page.id }}">
			<span class="icons-menu glyphicon {{ page.icon }}" ng-class="getClass(page.id)"></span>
		</a>
	</div>
</div>


</footer>