summaryrefslogtreecommitdiffstats
path: root/templates/main.php
blob: c548d9371104560c7355ed6c16525367e9b645f8 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<?php
\OCP\Util::addScript('news', 'vendor/traceur-runtime/traceur-runtime.min');
\OCP\Util::addScript('news', 'vendor/angular/angular.min');
\OCP\Util::addScript('news', 'vendor/angular-route/angular-route.min');
\OCP\Util::addScript('news', 'vendor/angular-sanitize/angular-sanitize.min');
\OCP\Util::addScript('news', 'vendor/angular-animate/angular-animate.min');
\OCP\Util::addScript('news', 'vendor/momentjs/min/moment-with-locales.min');
\OCP\Util::addScript('news', 'build/app');

\OCP\Util::addStyle('news', 'app');
\OCP\Util::addStyle('news', 'navigation');
\OCP\Util::addStyle('news', 'content');
\OCP\Util::addStyle('news', 'settings');
?>


<div id="app" ng-app="News" ng-cloak ng-controller="AppController as App">

	<div id="global-loading" class="icon-loading" ng-show="App.loading.isLoading('global')"></div>

	<!-- navigation -->
	<div id="app-navigation" ng-controller="NavigationController as Navigation" ng-hide="App.loading.isLoading('global')">
		<news-title-unread-count unread-count="{{ Navigation.getUnreadCount() }}"></news-title-unread-count>

		<ul class="with-icon" data-folder-id="0" news-droppable>
			<?php print_unescaped($this->inc('part.addfeed')) ?>
			<?php print_unescaped($this->inc('part.addfolder')) ?>
			<?php print_unescaped($this->inc('part.feed.unread')) ?>
			<?php print_unescaped($this->inc('part.feed.starred')) ?>
			<?php print_unescaped($this->inc('part.listfeed', ['folderId' => '0'])) ?>
			<?php print_unescaped($this->inc('part.listfolder')) ?>
		</ul>

		<!-- settings -->
		<div id="app-settings" ng-controller="SettingsController as Settings">
			<?php print_unescaped($this->inc('part.settings')) ?>
		</div>

	</div>

	<!-- content -->
	<script type="text/ng-template" id="content.html"><?php print_unescaped($this->inc('part.content')) ?></script>

	<div id="app-content">
		<div id="app-content-wrapper"
			ng-class="{
				'icon-loading': App.loading.isLoading('content'),
				'autopaging': App.loading.isLoading('autopaging')
			}"
			ng-hide="App.loading.isLoading('global')"
			ng-view
			tabindex="-1"
			news-scroll
			news-scroll-enabled-auto-page="Content.autoPagingEnabled()"
			news-scroll-enabled-mark-read="Content.markReadEnabled()"
			news-scroll-auto-page="Content.autoPage()"
			news-scroll-mark-read="Content.scrollRead(itemIds)">

		</div>
</div>