diff options
| author | Tucker McKnight <tucker.mcknight@gmail.com> | 2021-07-03 15:34:11 -0600 |
|---|---|---|
| committer | Benjamin Brahmer <info@b-brahmer.de> | 2021-07-19 14:58:49 +0200 |
| commit | 8809bb2c560c08fac4b099edaa32b23bd103725d (patch) | |
| tree | 20f3824328f23935af20da33dada5208cc055f8b /templates | |
| parent | 2b9c45df4080be1ab730de6f532d10dab364dd90 (diff) | |
Add Vue and ng-vue packages
Also adds related parts for compiling Vue components
into the existing Javascript bundle.
Signed-off-by: Tucker McKnight <tucker.mcknight@gmail.com>
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/index.php | 2 | ||||
| -rw-r--r-- | templates/part.content.explore.php | 1 | ||||
| -rw-r--r-- | templates/part.content.php | 12 |
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': |