cool

css/styles.css

@@ -423,6 +423,9 @@ label.tree_label:active:before, label.tree_label:hover:before {
 .breadcrumbs-list:last-child {
   color: #777;
 }
+li.move-back {
+  margin-left: -20px;
+}
 label.tree_label:after { border-bottom: 0; }
 
 ul.tree.files-only.ls-none {

js/controllers/website-controller.js

@@ -345,18 +345,6 @@ app.controller('websiteCtrl', [
     });
   };
 
-
-
-  Array.prototype.remByVal = function(val) {
-    for (var i = 0; i < this.length; i++) {
-      if (this[i] === val) {
-        this.splice(i, 1);
-        i--;
-      }
-    }
-    return this;
-  };
-
   vm.breadcrumbs = ['Root'];
   vm.breadcrumbsPath = ['/'];
   vm.breadcrumbPathClicked = false;

templates/website.html

@@ -119,8 +119,12 @@
         </tr>
       </thead>
       <tr ng-repeat="r in vm.sites">
-        <td><a ng-href="https://{{r.domain}}" target="_blank" ng-bind="r.domain">example.com</a></td>
+        <td><a ng-href="https://{{ r.domain }}" target="_blank" ng-bind="r.domain">example.com</a></td>
-        <td class="text-center"><button type="button" class="btn btn-primary btn-xs" data-toggle="modal" data-target=".{{r.challenge}}">Edit</button></td>
+        <td class="text-center">
+          <button type="button" class="btn btn-success btn-xs" data-toggle="modal" data-target=".{{r.challenge}}">Edit</button>
+          <button type="button" class="btn btn-primary btn-xs" ng-click="vm.Sites.archive(r)">Download</button>
+          <button type="button" class="btn btn-danger btn-xs" ng-click="vm.Sites.remove(r)">Delete</button>
+        </td>
       </tr>
     </table>
   </div>
@@ -149,7 +153,7 @@
           <form class="form-inline text-center">
             <h4 class="text-left">Shares:</h4>
             <button class="btn btn-info" ng-click="vm.Shares.list(r)" ng-hide="vm.showSharesList">View Shared With</button>
-            <button class="btn btn-info" ng-click="vm.showSharesList = false" ng-show="vm.showSharesList">Hide Shares</button>
+            <button class="btn btn-danger" ng-click="vm.showSharesList = false" ng-show="vm.showSharesList">Hide Shares</button>
             <div class="white-well" ng-show="vm.showSharesList">
               <span class="text-muted" ng-if="r.sharedWith.length === 1">Currently not shared with anyone...</span>
               <ul class="shares-container" ng-repeat="share in r.sharedWith" ng-if="!share.me">
@@ -160,8 +164,9 @@
                     </div>
                     <div class="media-body">
                       <h4 ng-bind="share.comment">friend@email.com</h4>
-                      <p><b>Share Path:</b> <span ng-bind="share.path">/</span></p>
+                      <p><b>Share Path:</b> <span ng-bind="share.path" class="text-muted">/</span></p>
-                      <p><b>Actions Allowed:</b> <span ng-bind="share.mode">rwx</span></p>
+                      <p><b>Actions Allowed:</b> <span ng-bind="share.mode" class="text-muted">rwx</span></p>
+                      <p><b>Invite:</b> <em ng-if="share.pending" class="text-muted">pending</em></p>
                     </div>
                     <div class="media-right align-self-center">
                       <button class="btn btn-danger" ng-click="vm.Shares.remove(r, share)">Remove Access</button>

templates/widgets/filetree.html

@@ -18,6 +18,9 @@
       <li ng-repeat="file in vm.siteFiles track by $index">
         <span class="tree_label filez">{{ file }}</span>
       </li>
+      <li class="move-back">
+        <a><i class="fa fa-plus"></i> Add Files</a>
+      </li>
     </ul>
   </div>
   <hr>
@@ -28,8 +31,7 @@
   </div>
   <div class="row">
     <div class="text-center">
-      <h3 style="color: red;">TODO:// Add functionality</h3>
+      <button type="button" class="btn btn-danger" ng-click="vm.Sites.remove(r)"><i class="fa fa-trash"></i> Remove all Files</button>
-      <button type="button" class="btn btn-danger"><i class="fa fa-trash"></i> Remove all Files</button>
     </div>
   </div>
 </div>