Add link to authoring a new guide when filter results in no guides

pluralsight · Jul 7, 2016 · 6ec72ce · 6ec72ce
1 parent 7077871
commit 6ec72ce
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 0 deletions.
diff --git a/pskb_website/static/css/base.css b/pskb_website/static/css/base.css
@@ -1030,6 +1030,11 @@ td.login-name {
     text-align: center;
 }
 
+#no-guides {
+    text-align: center;
+    font-size: 18px;
+}
+
 .login-button .btn-primary {
     color: #fff;
 }

diff --git a/pskb_website/static/js/utils.js b/pskb_website/static/js/utils.js
@@ -25,6 +25,7 @@ function populate_table_of_contents(article, div_to_fill) {
 
 function filter() {
     var stacks = document.getElementById("stacks");
+    var no_guides = $('#no-guides');
     var selected_stacks = [];
 
     for (var ii=0; ii < stacks.length; ii++) {
@@ -50,6 +51,12 @@ function filter() {
     });
 
     shuffle_items_in_grid(items_to_show);
+
+    if (!items_to_show.length) {
+        no_guides.css('display', 'block');
+    } else {
+        no_guides.css('display', 'none');
+    }
 }
 
 

diff --git a/pskb_website/templates/article_list.html b/pskb_website/templates/article_list.html
@@ -87,6 +87,9 @@
                                         </div> <!-- teaser col -->
                         {% if loop.last %}
                                     </div> <!-- inner-row -->
+                                <div id="no-guides" style="display: none;">
+                                    <p>No guides for that selection yet. Share your expertise and <a href="{{url_for('write')}}">write one</a>.</p>
+                                </div>
                                 </div> <!-- col-md-12 -->
                             </div> <!-- outer-row -->
                         {% endif %}