a

dessalines · Sep 10, 2014 · 4db1b20 · 4db1b20
1 parent 8ce7029
commit 4db1b20
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 4 deletions.
diff --git a/resources/testweb/discover.html b/resources/testweb/discover.html
@@ -219,12 +219,35 @@ <h3 class="panel-title"><i class="fa fa-bar-chart-o"></i> Creators</h3>
             </div>
           </div>
         </div>
-        <!-- end of tab -->
+
       </div>
+       <!-- end of tab -->
       </div>
 
       <div class="tab-pane fade" id="square-style">
-        DERP
+        <div class="row"> 
+            <div class="col-md-12">
+              <div class="panel panel-primary">
+                <div class="panel-heading">
+                  <h3 class="panel-title"><i class="fa fa-bar-chart-o"></i> Creators</h3>
+                </div>
+                <div id="discover_creators_square" class="panel-body" style="height: 80vh;overflow:auto;">
+                  <script id="discover_creators_square_template" type="x-tmpl-mustache"> 
+                  {{#.}}
+                  <a href="/creators/main/{{creators_name}}"> {{creators_name}} </a>
+              </script>
+
+            </div>
+            <div class="panel-footer pager-footer">
+              <ul class="pager">
+                <li id="discover_creators_pager_prev" class="disabled"><a href="javascript:void(0);">Previous</a></li>
+                <li id="discover_creators_pager_next" ><a href="javascript:void(0);">Next</a></li>
+              </ul>
+            </div>
+          </div>
+        </div>
+
+      </div>
       </div>
 
       <!-- end of tabs content -->

diff --git a/resources/testweb/discover.js b/resources/testweb/discover.js
@@ -4,16 +4,20 @@ $(document).ready(function() {
 
 
     var template = $('#discover_creators_template').html();
+    var squareTemplate = $('#discover_creators_square_template').html();
 
     // initially fill the table
     setupDiscoverSearch('discover', '#discover_search', '#discover_search_btn',
-        '#discover_creators', template, '#discover_creators_table')
+        '#discover_creators', template, '#discover_creators_table');
+
+     setupDiscoverSearchSquare('discover', '#discover_search', '#discover_search_btn',
+        '#discover_creators', squareTemplate, '#discover_creators_table');
 
 
 
     $('#categories').on('change', function() {
         setupDiscoverSearch('discover', '#discover_search', '#discover_search_btn',
-            '#discover_creators', template, '#discover_creators_table')
+            '#discover_creators_square', template, '#discover_creators_table');
 
     });