First Commit

hackatonApp/www/views/app/feeds/category-feeds.html

@@ -0,0 +1,21 @@
+<ion-view class="category-feeds-view">
+  <ion-nav-title>
+    <span>{{categoryTitle}} feeds</span>
+  </ion-nav-title>
+  <ion-content>
+    <div class="list category-feeds">
+      <a ng-repeat="source in category_sources" class="item item-icon-right" ui-sref="app.feed-entries({categoryId: categoryId, sourceId: (source.title | slugify)})">
+        <div class="thumbnail-outer">
+          <pre-img ratio="_1_1" helper-class="">
+            <img class="thumbnail" ng-src="{{source.image}}" spinner-on-load>
+          </pre-img>
+        </div>
+        <div>
+          <span class="title">{{source.title}}</span>
+          <p class="description">{{source.description}}</p>
+        </div>
+        <i class="icon ion-arrow-right-c"></i>
+      </a>
+    </div>
+  </ion-content>
+</ion-view>

hackatonApp/www/views/app/feeds/feed-entries.html

@@ -0,0 +1,34 @@
+<ion-view class="feed-entries-view">
+  <ion-nav-title>
+    <span>{{sourceTitle}}</span>
+  </ion-nav-title>
+  <ion-content>
+    <!-- Refresh to get the new posts -->
+    <ion-refresher pulling-text="Pull to refresh..." on-refresh="doRefresh()">
+    </ion-refresher>
+
+    <div class="entries-list">
+      <div ng-repeat="entry in feed.entries" class="list card entry-item">
+        <div class="entry-heading item item-text-wrap">
+          <h2 class="entry-title" ng-bind-html="entry.title | rawHtml"></h2>
+          <p class="entry-author">
+            Published <span>{{ entry.publishedDate | parseDate | amTimeAgo }}</span>
+          </p>
+        </div>
+        <div class="entry-content item item-text-wrap">
+          <p class="entry-excerpt" dynamic-anchor-fix ng-bind-html="entry.contentSnippet | rawHtml"></p>
+          <div class="entry-actions row">
+            <div class="actions col col-center col-66">
+              <a class="button button-icon icon ion-bookmark" ng-click="bookmarkPost(entry)"></a>
+            </div>
+            <div class="read-more col col-center col-33" dynamic-anchor-fix>
+              <a class="button button-small button-block button-assertive" ng-href="{{entry.link}}">
+                Read more
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </ion-content>
+</ion-view>

hackatonApp/www/views/app/feeds/feeds-categories.html

@@ -0,0 +1,21 @@
+<ion-view class="feeds-categories-view">
+  <ion-nav-buttons side="left">
+    <button menu-toggle="left" class="button button-icon icon ion-navicon"></button>
+  </ion-nav-buttons>
+  <ion-nav-title>
+    <span>Feeds Categories</span>
+  </ion-nav-title>
+  <ion-content>
+    <div class="row categories-list">
+      <div ng-repeat="category in feeds_categories" class="col col-50">
+        <a class="feed-category" ui-sref="app.category-feeds({categoryId: (category.title | slugify)})">
+          <pre-img ratio="_1_1" helper-class="square-image">
+            <img class="category-image" ng-src="{{category.image}}" spinner-on-load>
+          </pre-img>
+          <div class="category-bg"></div>
+          <span class="category-title">{{category.title}}</span>
+        </a>
+      </div>
+    </div>
+  </ion-content>
+</ion-view>