webui: toggle toplist

fixes #37

one/static/script/store.js

@@ -113,7 +113,27 @@ var cloud = (function(cloud) {
             })
         });
 
-        self.loadTopList = cloud.throttle(function() {
+        var showToplist = ko.observable(false);
+        self.toggleToplist = cloud.throttle(function() {
+            if (!showToplist()) {
+                showToplist(true);
+                loadToplist();
+            } else {
+                showToplist(false);
+                self.currentPath('/');
+                loadFolder('/');
+            }
+        });
+
+        self.getToplistText = ko.computed(function() {
+            if (!showToplist()) {
+                return gettext('Toplist');
+            } else {
+                return gettext('Back to the root folder')
+            }
+        })
+
+        function loadToplist() {
             self.currentPath('/');
             $.ajax({
                 type: 'POST',
@@ -136,7 +156,7 @@ var cloud = (function(cloud) {
                     });
                 }
             })
-        });
+        }
 
         /**
          * After loadFolder completes, this function updates the UI

one/templates/box/file/box.html

@@ -86,7 +86,7 @@
     </li>
     <li class="entry small-row">
         <div class="summary" id="new-folder">
-            <div class="name toplist" data-bind="click: loadTopList">{% trans "Toplist" %}</div>
+            <div class="name toplist" data-bind="click: toggleToplist, text: getToplistText"></div>
             <div class="clear"></div>
         </div>
     </li>