Merge branch 'jon/design2' into oauth3
This commit is contained in:
		
						commit
						1f424cc291
					
				@ -636,27 +636,59 @@ h2.ssb-title {
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
multiselect {
 | 
			
		||||
    display:block;
 | 
			
		||||
  display:block;
 | 
			
		||||
}
 | 
			
		||||
multiselect .btn {
 | 
			
		||||
    width: 100%;
 | 
			
		||||
    background-color: #FFF;
 | 
			
		||||
  width: 100%;
 | 
			
		||||
  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;
 | 
			
		||||
  border: 1px solid #da4f49 !important;
 | 
			
		||||
}
 | 
			
		||||
multiselect .dropdown-menu {
 | 
			
		||||
    max-height: 300px;
 | 
			
		||||
    overflow-y: auto;
 | 
			
		||||
  max-height: 300px;
 | 
			
		||||
  overflow-y: auto;
 | 
			
		||||
}
 | 
			
		||||
multiselect .dropdown-menu {
 | 
			
		||||
    width: 100%;
 | 
			
		||||
    box-sizing: border-box;
 | 
			
		||||
    padding: 2px;
 | 
			
		||||
  width: 100%;
 | 
			
		||||
  margin-top: -2px;
 | 
			
		||||
  box-sizing: border-box;
 | 
			
		||||
  padding: 2px;
 | 
			
		||||
}
 | 
			
		||||
multiselect .dropdown-menu > li > a {
 | 
			
		||||
    padding: 3px 10px;
 | 
			
		||||
    cursor:pointer;
 | 
			
		||||
  padding: 3px 10px;
 | 
			
		||||
  cursor:pointer;
 | 
			
		||||
}
 | 
			
		||||
.icon-ok:before {
 | 
			
		||||
  content: "\f00c";
 | 
			
		||||
@ -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 */
 | 
			
		||||
 | 
			
		||||
@ -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) {
 | 
			
		||||
          vm.autoPopulateWebPath = '/';
 | 
			
		||||
        if (vm.currentFolder === undefined) {
 | 
			
		||||
          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',
 | 
			
		||||
 | 
			
		||||
@ -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 class="col-md-3">
 | 
			
		||||
                  <multiselect class="input-xlarge" multiple="true"
 | 
			
		||||
                    ng-model="selectedAccess"
 | 
			
		||||
                    options="c.name for c in accessLevel"
 | 
			
		||||
                    change="selected()">
 | 
			
		||||
                  </multiselect>
 | 
			
		||||
                </div>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="text-right">
 | 
			
		||||
                <button type="submit" class="btn btn-success text-center" ng-click="vm.Shares.invite(r)">Share</button>
 | 
			
		||||
              </div>
 | 
			
		||||
              <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>
 | 
			
		||||
            </form>
 | 
			
		||||
          </div>
 | 
			
		||||
          <div ng-show="vm.showSharesContainer">
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user