diff options
Diffstat (limited to 'templates')
-rw-r--r-- | templates/index.php | 3 | ||||
-rw-r--r-- | templates/part.content.explore.php | 55 |
2 files changed, 30 insertions, 28 deletions
diff --git a/templates/index.php b/templates/index.php index 7d9d69297..1958428a5 100644 --- a/templates/index.php +++ b/templates/index.php @@ -9,7 +9,8 @@ script('news', [ 'vendor/angular-route/angular-route.min', 'vendor/angular-sanitize/angular-sanitize.min', 'vendor/momentjs/min/moment-with-locales.min', - 'build/app.min' + 'vendor/masonry/dist/masonry.pkgd.min', + 'build/app.min', ]); style('news', 'news.min'); diff --git a/templates/part.content.explore.php b/templates/part.content.explore.php index 45e312f58..8b576f117 100644 --- a/templates/part.content.explore.php +++ b/templates/part.content.explore.php @@ -1,33 +1,34 @@ <?php print_unescaped($this->inc('part.content.cronwarning')) ?> <div id="explore"> - <div ng-repeat="(category, data) in Explore.sites | orderBy:'category.toLowerCase()'" - ng-if="Explore.isCategoryShown(data)" - class="explore-section"> - <h2>{{ category }}</h2> - - <ul> - <li ng-repeat="entry in data | orderBy:'-votes'" ng-if="!Explore.feedExists(entry.feed)"> - <h3 ng-show="entry.favicon" - ng-style="{ backgroundImage: 'url(' + entry.favicon + ')'}"> - <a target="_blank" ng-href="{{ entry.url }}">{{ entry.title }}</a> - </h3> - <h3 ng-hide="entry.favicon" class="icon-rss"> - {{ entry.title }} - </h3> - <div class="explore-content"> - {{ entry.description }} + <div class="explore-filter"> + <label> + <input ng-model="Explore.filter" type="search" placeholder="<?php p(addslashes($l->t('filter'))) ?>" news-auto-focus> + </label> + </div> + <ul news-refresh-masonry> + <li ng-repeat="entry in Explore.feeds | filter:Explore.filter | orderBy:'-votes'" ng-if="!Explore.feedExists(entry.feed)" class="explore-feed"> + <span class="category">{{ entry.category }}</span> + <h1 ng-show="entry.favicon" + ng-style="{ backgroundImage: 'url(' + entry.favicon + ')'}"> + <a target="_blank" ng-href="{{ entry.url }}">{{ entry.title }}</a> + </h1> + <h1 ng-hide="entry.favicon" class="icon-rss"> + {{ entry.title }} + </h1> + <div style="clear:both"></div> + <div class="explore-content"> + <p>{{ entry.description }}</p> - <div class="explore-logo"> - <img ng-src="{{ entry.image }}" ng-if="entry.image"> - </div> + <div class="explore-logo"> + <img ng-src="{{ entry.image }}" ng-if="entry.image"> </div> - <div class="explore-subscribe"> - <button ng-click="Explore.subscribeTo(entry.feed)"> - <?php p($l->t('Subscribe')) ?> - </button> - </div> - </li> - </ul> - </div> + </div> + <div class="explore-subscribe"> + <button ng-click="Explore.subscribeTo(entry.feed)"> + <?php p($l->t('Subscribe')) ?> + </button> + </div> + </li> + </ul> </div>
\ No newline at end of file |