javascript for loading subs

apps/templates/home/main.html

@@ -1,6 +1,6 @@
 {% extends "layouts/base.html" %}
 
-{% block title %} Blank Page {% endblock title %}
+{% block title %} Main Page {% endblock title %}
 
 <!-- Specific CSS goes HERE  -->
 {% block stylesheets %}{% endblock stylesheets %}
@@ -85,7 +85,7 @@
 {% block javascripts %}
 <script id="subItemTemplate" type="text/template">
     <div class="col-md-3">
-        <div class="layers bd bg-body p-20">
+        <div class="layers bd bg-body p-20 h-100">
             <div class="layer w-100 mB-10">
                 <h5 class="lh-1 sub-name"></h5>
             </div>
@@ -117,5 +117,23 @@
         template.find(".sub-rss").text(data.rss_url);
         return template
     }
+
+    $(document).ready(function() {
+        $.ajax({
+            url: "/api/subscription",
+            type: "GET",
+            success: function(resp) {
+                for (i = 0; i < resp.results.length; i++) {
+                    var sub = resp.results[i];
+                    console.log(JSON.stringify(sub));
+                    var subElem = createSubscriptionItem(sub);
+                    $("#subscriptionContainer").append(subElem);
+                }
+            },
+            error: function(resp) {
+                alert(JSON.stringify(resp));
+            }
+        });
+    });
 </script>
 {% endblock javascripts %}