summaryrefslogtreecommitdiffstats
path: root/templates
diff options
context:
space:
mode:
Diffstat (limited to 'templates')
-rw-r--r--templates/index.php2
-rw-r--r--templates/part.content.explore.php1
-rw-r--r--templates/part.content.php12
3 files changed, 4 insertions, 11 deletions
diff --git a/templates/index.php b/templates/index.php
index 9ad38a0d5..a80f40c1a 100644
--- a/templates/index.php
+++ b/templates/index.php
@@ -24,7 +24,6 @@ foreach (Plugin::getScripts() as $appName => $fileName) {
script($appName, $fileName);
}
?>
-
<div id="global-loading"
class="icon-loading"
ngCloak
@@ -97,3 +96,4 @@ foreach (Plugin::getScripts() as $appName => $fileName) {
news-scroll-enabled-mark-read="Content.markReadEnabled()"
news-scroll-auto-page="Content.autoPage()"
news-scroll-mark-read="Content.scrollRead(itemIds)"></div>
+
diff --git a/templates/part.content.explore.php b/templates/part.content.explore.php
index 28f4e5d23..d99d0799f 100644
--- a/templates/part.content.explore.php
+++ b/templates/part.content.explore.php
@@ -1,6 +1,7 @@
<?php print_unescaped($this->inc('part.content.warnings')) ?>
<div id="explore">
+ <vue-component name="ExploreItems" v-props-explore="Explore" />
<div class="grid">
<div ng-repeat="entry in Explore.feeds | filter:Explore.filter | orderBy:'-votes'" ng-show="!Explore.feedExists(entry.feed)" class="explore-feed grid-item" news-refresh-masonry>
<h2 ng-show="entry.favicon"
diff --git a/templates/part.content.php b/templates/part.content.php
index 11b34eea0..134a7be36 100644
--- a/templates/part.content.php
+++ b/templates/part.content.php
@@ -11,6 +11,7 @@
<div ng-show="Content.getItems().length == 0" class="no-feeds-available">
<p ng-show="Content.isShowAll()"><?php p($l->t('No articles available')) ?></p>
<p ng-show="!Content.isShowAll()"><?php p($l->t('No unread articles available')) ?></p>
+ <vue-component name="SomeComponent" v-props="Content" watch-depth="value" />
</div>
<button ng-controller="NavigationController as Navigation" id="mark-all-read-button" ng-click="Navigation.markCurrentRead()" class="hidden">
<span title="Mark Read" class="icon-checkmark"></span>
@@ -30,16 +31,7 @@
ng-class="{'compact-dropdown': Content.showDropdown[item.id]}">
<ul>
<li class="util-spacer"></li>
- <li class="util only-in-compact">
- <a class="external icon-link"
- ng-click="Content.markRead(item.id)"
- target="_blank"
- rel="noreferrer"
- ng-href="{{ ::item.url }}"
- title="<?php p($l->t('Open website')) ?>"
- news-stop-propagation>
- </a>
- </li>
+ <vue-component name="IconLinkCompact" v-props-item="item" v-props-ctrl="Content" />
<li class="title only-in-compact"
ng-class="{
'icon-rss':