added some css

css/styles.css

@@ -640,7 +640,38 @@ multiselect {
 }
 multiselect .btn {
   width: 100%;
-    background-color: #FFF;
+  display: inline-block;
+  padding: 4px 12px;
+  margin-bottom: 0;
+  font-size: 14px;
+  line-height: 20px;
+  text-align: center;
+  vertical-align: middle;
+  cursor: pointer;
+  color: #333333;
+  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
+  background-color: #f5f5f5;
+  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
+  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
+  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
+  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  border: 1px solid #cccccc;
+  border-bottom-color: #b3b3b3;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
+  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
+  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
+}
+.btn .caret {
+  margin-top: 9px;
 }
 multiselect .btn.error{
   border: 1px solid #da4f49 !important;
@@ -651,6 +682,7 @@ multiselect .dropdown-menu {
 }
 multiselect .dropdown-menu {
   width: 100%;
+  margin-top: -2px;
   box-sizing: border-box;
   padding: 2px;
 }
@@ -676,7 +708,9 @@ multiselect .dropdown-menu > li > a {
   color: #000;
   font-size: 14px;
 }
-
+.error-notice {
+  margin-bottom: 15px;
+}
 .error-notice .oaerror {
   width: 95%; /* Configure it fit in your design  */
   margin: 0 auto; /* Centering Stuff */

js/controllers/website-controller.js

@@ -7,6 +7,7 @@ var app = window.app;
 //
 // TODO modularize for reuse
 function analyzeFile(file, vm) {
+  vm.triggerFileRefresh = 'changed';
   vm.isZip = /\.zip$/.test(file.name);
   vm.unzip = vm.isZip;
   vm.stripZip = vm.isZip;
@@ -73,7 +74,9 @@ app.controller('websiteCtrl', [
   var vm = this;
   var angular = window.angular;
   vm.domains = [];
+  vm.copyUploadPath = '';
   vm.displaySpinner = '';
+  vm.deleteAll = '';
   vm.alertNotification = {
     hidden: 'hidden'
   };
@@ -203,7 +206,6 @@ app.controller('websiteCtrl', [
     });
   };
   vm._uploadFile = function (pkg, opts) {
-    debugger;
     vm.newFileUploaded = opts.newFile.name;
     opts.progress = opts.progress || opts;
     return pkg.add({
@@ -336,6 +338,7 @@ app.controller('websiteCtrl', [
   };
   vm.Sites.setUpload = function (r) {
     console.log("Hey! At least it can tell if there's a change!");
+
     if (r.newFile === undefined) {
       r.newFile = vm.newFile;
     }
@@ -348,6 +351,8 @@ app.controller('websiteCtrl', [
     if (r.uploadPath === undefined) {
       r.uploadPath = vm.autoPopulateWebPath;
     }
+    vm.copyUploadPath = r.uploadPath;
+    vm.copyr = r;
     var pkg = Auth.oauth3.pkg('www@daplie.com');
     //analyzeFile(r.newFile, r);
     vm._uploadFile(pkg, r);
@@ -396,6 +401,7 @@ app.controller('websiteCtrl', [
       confirmMessage = "Delete all files for this site?";
       opts.path = '/';
       opts.confirm = true;
+      vm.deleteAll = 'true';
     } else if (path.includes(".")) {
       confirmMessage = "Delete this file?";
       if (vm.autoPopulateWebPath === undefined) {
@@ -536,12 +542,12 @@ app.controller('websiteCtrl', [
   };
 
   vm.triggerDeleteFolder = function (folder, r) {
-    console.log('DELETE FOLDER ->', folder);
     vm.deleteFilesFrom(r, folder);
   };
 
   vm.Shares = {};
   vm.Shares.invite = function (r) {
+    vm.domainName = r.domain;
     if (vm.copiedShareMode === undefined) {
       r.shareMode = '';
     } else {
@@ -722,8 +728,8 @@ app.controller('websiteCtrl', [
         vm.websiteTiles = true;
         vm.showBackBtn = true;
         vm.displayFileTree = true;
-        if (vm.autoPopulateWebPath === undefined) {
+        if (vm.currentFolder === undefined) {
-          vm.autoPopulateWebPath = '/';
+          vm.currentFolder = 'All Folders/Files';
         }
       break;
       case 'shares':
@@ -741,8 +747,6 @@ app.controller('websiteCtrl', [
   };
 
   vm.buildNotification = function (result, msg) {
-    console.log('THE RESULT ->', result);
-    console.log('THE MSG', msg);
     if (result.data.error) {
       vm.alertNotification = {
         className: 'danger',

templates/website.html

@@ -156,7 +156,7 @@
               </div>
               <div class="col-md-3">
                 <div class="square-service-block">
-                  <a ng-click="vm.showAction('files'); vm.Sites.contents(r)" class="cp">
+                  <a ng-click="vm.showAction('files'); vm.Sites.contents(r)" class="cp trigger-files-list-refresh">
                     <div class="ssb-icon"><i class="fa fa-sitemap" aria-hidden="true"></i></div>
                     <h2 class="ssb-title">Files</h2>
                   </a>
@@ -191,22 +191,26 @@
             </div>
           </div>
           <div ng-show="vm.showInviteContainer">
-            <h1><i class="fa fa-folder"></i> Name</h1>
+            <h1><i class="fa fa-folder"></i> {{ vm.currentFolder | capitalize }}</h1>
             <form class="form-horizontal">
 
               <div class="form-group">
                 <label class="col-md-1 control-label" for="">To:</label>
-                <div class="col-md-10">
+                <div class="col-md-8">
                   <input type="text" ng-model="r.shareEmail" class="form-control" placeholder="ex: john@example.com" />
                   <input type="hidden" ng-model="vm.autoPopulateWebPath" class="form-control" placeholder="/" disabled />
                 </div>
-              </div>
+                <div class="col-md-3">
                   <multiselect class="input-xlarge" multiple="true"
                     ng-model="selectedAccess"
                     options="c.name for c in accessLevel"
                     change="selected()">
                   </multiselect>
-              <button type="submit" class="btn btn-success" ng-click="vm.Shares.invite(r)">Invite</button>
+                </div>
+              </div>
+              <div class="text-right">
+                <button type="submit" class="btn btn-success text-center" ng-click="vm.Shares.invite(r)">Share</button>
+              </div>
             </form>
           </div>
           <div ng-show="vm.showSharesContainer">