From bcb9ca95518126131a16fcde894fc8765e7ab010 Mon Sep 17 00:00:00 2001
From: Bernhard Posselt <dev@bernhard-posselt.com>
Date: Thu, 21 Jan 2016 22:35:24 +0100
Subject: more explore

---
 templates/index.php                |  3 ++-
 templates/part.content.explore.php | 55 +++++++++++++++++++-------------------
 2 files changed, 30 insertions(+), 28 deletions(-)

(limited to 'templates')

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
-- 
cgit v1.2.3