diff options
author | Jan C. Borchardt <hey@jancborchardt.net> | 2020-10-09 17:37:14 +0200 |
---|---|---|
committer | Sean Molenaar <SMillerDev@users.noreply.github.com> | 2020-10-09 20:39:12 +0200 |
commit | d575bf52bb134cd66e57a6e52215e1d4173f8ac5 (patch) | |
tree | 386dce34bceef020ff72b66c0014a43f82b9a706 /templates | |
parent | 1fcab6e6c6bd5dd496fbeda41dabb668e17e9ada (diff) |
Fix design of Explore page
Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net>
Diffstat (limited to 'templates')
-rw-r--r-- | templates/part.content.explore.php | 57 |
1 files changed, 15 insertions, 42 deletions
diff --git a/templates/part.content.explore.php b/templates/part.content.explore.php index 87a62259f..28f4e5d23 100644 --- a/templates/part.content.explore.php +++ b/templates/part.content.explore.php @@ -1,53 +1,26 @@ <?php print_unescaped($this->inc('part.content.warnings')) ?> <div id="explore"> - <!--<div class="explore-filter"> - <label> - <input ng-model="Explore.filter" type="search" placeholder="<?php p(addslashes($l->t('filter'))) ?>" news-auto-focus> - </label> - </div>--> - - - <div class="explore-filter"> - <label for="explorelanguagecode"><?php p($l->t('Language')) ?>: </label> - <select id="explorelanguagecode" name="explorelanguagecode" - ng-change="Explore.showLanguage(Explore.selectedLanguageCode)" - ng-options="language as language for language in Explore.getSupportedLanguageCodes()" - ng-model="Explore.selectedLanguageCode"></select> - </div> <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> - <div class="category-wrapper"> - <div class="category"> - {{ entry.category }} - </div> - </div> - <div class="grid-item-content"> - <h1 ng-show="entry.favicon" - ng-style="{ backgroundImage: 'url(' + entry.favicon + ')'}"> - <a target="_blank" rel="noreferrer" 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> + <h2 ng-show="entry.favicon" + class="explore-title" + ng-style="{ backgroundImage: 'url(' + entry.favicon + ')'}"> + <a target="_blank" rel="noreferrer" ng-href="{{ entry.url }}">{{ entry.title }}</a> + </h2> + <h2 ng-hide="entry.favicon" class="icon-rss explore-title"> + {{ entry.title }} + </h2> + <div class="explore-content"> + <p>{{ entry.description }}</p> - <div class="explore-logo"> - <img ng-src="{{ entry.image }}" ng-if="entry.image"> - </div> - </div> - <div class="explore-subscribe"> - <button ng-click="Explore.subscribeTo(entry.feed)"> - <?php p($l->t('Subscribe')) ?> - </button> + <div ng-if="entry.image" class="explore-logo"> + <img ng-src="{{ entry.image }}" > </div> </div> + <button class="explore-subscribe" ng-click="Explore.subscribeTo(entry.feed)"> + <?php p($l->t('Subscribe to')) ?> {{ entry.title }} + </button> </div> </div> - - <div class="explore-footer"> - <a target="_blank" rel="noreferrer" href="https://github.com/nextcloud/news/tree/master/docs/explore"><?php p($l->t('Got more awesome feeds? Share them with us!')) ?></a> - </div> </div> |