// // Angular file upload hack // // TODO modularize for reuse function analyzeFile(file, vm) { vm.isZip = /\.zip$/.test(file.name); vm.unzip = vm.isZip; vm.stripZip = vm.isZip; return vm; } function handleFiles(ev) { var selector = 'js-file-upload'; var $scope; var vm; if ('INPUT' !== ev.target.tagName || 'file' !== ev.target.type || -1 === ev.target.className.indexOf(selector)) { return; } $scope = angular.element(ev.target).scope(); // 'vm' is the Controller As name. vm = $scope.vm; vm.currentFiles = ev.target.files; analyzeFile(vm.currentFiles[0], vm); $scope.$digest(); console.log('[handleFiles] vm.currentFiles:'); console.log(vm.currentFiles); } window.document.body.addEventListener('change', handleFiles); app.directive('daplieFileChange', function () { return { restrict: 'A', require:"ngModel", link: function (scope, element, attrs, ngModel) { element.bind('change', function (event) { var files = event.target.files; ngModel.$setViewValue(files[0]); scope.$eval(attrs.daplieFileChange); }); } }; }); app.controller('websiteCtrl', [ '$scope', '$q', 'Auth', 'azp@oauth3.org', '$timeout' , function ($scope, $q, Auth, Oauth3, $timeout) { var vm = this; vm.domains = []; //vm.unzipPath = '/'; vm.uploadPath = '/'; Auth.api = function (apiname, opts) { var els = []; return $q.all(Auth.sessions.map(function (session) { return Auth.get(session).then(function (oauth3) { return oauth3.api(apiname, {}).then(function (collection) { if (collection.error) { // not all tokens support all apis return; } if (!Array.isArray(collection)) { console.error('collection is not an array'); console.error(collection); return; } collection.forEach(function (el) { els.push(el); el.session = session.token.sub + '@' + session.token.iss; }); }); }); })).then(function (results) { return els; }); }; vm.getDomains = function () { return Auth.oauth3.api('domains.list', {}).then(function (result) { vm.domains = result.registrations || result; }); }; vm.setDomain = function () { if (!vm.domains || !vm.domains.length) { vm.domain = { domain: vm.newDomain }; return; } vm.domains.some(function (domain) { if (domain.domain === vm.newDomain) { vm.domain = domain; return true; } }); if (!vm.domain) { vm.domain = { domain: vm.newDomain }; } if (!vm.domain.tld) { var parts = vm.domain.domain.split('.'); vm.domain.sld = parts.shift(); vm.domain.tld = parts.join('.'); } vm.setRecord(); }; vm.selectDomain = function (domain) { vm.domain = domain; //vm.selectedDomain.description; vm.newDomain = vm.domain.domain; return Auth.api('dns.list', { }).then(function (records) { records = records.filter(function (r) { return /^A(AAA)?$/i.test(r.type) && ((r.sld + '.' + r.tld) === vm.domain.domain || r.zone === vm.domain.domain); }); vm.records = records; records.forEach(function (record) { if (!record.sub) { record.sub = record.host.replace('.' + record.zone, ''); if (record.host === record.zone) { record.sub = '@'; } } }); console.log('[selectDomain] dns records:'); console.log(records); }); }; vm.setRecord = function () { // TODO set record based on (record.host === sub + domain.domain) var sub = vm.newRecord; if ('@' === sub) { sub = ''; } vm.record = { sub: sub, host: (sub ? sub + '.' : '') + vm.domain.domain }; vm.currentHost = vm.record.host; console.log('[setRecord] vm.record:'); console.log(vm.record); }; vm.selectRecord = function (record) { vm.record = record; vm.newRecord = record.sub; vm.currentHost = record.host; // .replace(new RegExp('\\.' + vm.domain.domain.replace(/\./g, '\\.') + '$', '')); }; vm._uploadFileVm = function (pkg, opts) { return vm._uploadFile(pkg, { domain: vm.currentHost , tld: vm.domain.tld , sld: vm.domain.sld , sub: vm.domain.sub , newFile: vm.currentFiles[0] , uploadPath: vm.uploadPath , progress: vm }); }; vm._uploadFile = function (pkg, opts) { opts.progress = opts.progress || opts; return pkg.add({ hostname: opts.domain , domain: opts.domain , tld: opts.tld , sld: opts.sld //, sub: opts.record.sub , multipart: { site: opts.newFile } , progress: function (ev) { // TODO must digest opts.progress.uploadPercent = Math.round((ev.loaded / ev.total) * 100); // TODO GiB, MiB, KiB, etc opts.progress.uploadTotal = (ev.total / (1024 * 1024)).toFixed(2); opts.progress.uploadProgress = (ev.loaded / (1024 * 1024)).toFixed(2); } , unzip: opts.unzip , strip: opts.stripZip , path: opts.uploadPath }).then(function (result) { opts.progress.uploadTotal = 0; window.alert(JSON.stringify(result)); }); }; vm._isSubDomain = function (sub, domain) { return -1 !== ('.' + sub).indexOf(('.' + domain)); }; vm.Sites = {}; vm.Sites.create = function () { var pkg = Auth.oauth3.pkg('www@daplie.com'); var parts; var sub; var sld; var tld; //vm.unlock('webpreneur'); if (!vm.currentFiles || !vm.currentFiles.length) { window.alert('No files chosen.'); return; } if (1 !== vm.currentFiles.length) { window.alert('Too many files chosen.'); return; } if (!vm.currentHost) { window.alert('No hostname chosen.'); return; } if (vm.domain) { if (!vm.domain.tld || !vm.domain.sld) { parts = vm.domain.domain.split('.'); sld = parts.shift(); tld = parts.join('.'); } else { sld = vm.domain.sld; tld = vm.domain.tld; } } else { parts = vm.currentHost.split('.'); // TODO get list of tlds tld = parts.pop(); sld = parts.pop(); sub = parts.join('.'); } // already validated if (vm.sites.some(function (r) { return -1 !== ('.' + vm.currentHost).indexOf(('.' + r.domain)); })) { vm._uploadFileVm(pkg, vm); return; } // We're making a request to claim a domain // (because two users could both claim a single domain) // We're claiming it at the top level (i.e. example.com) // but we could also claim it at the subdomain level (needs UI update) var domainReq = { sld: sld, tld: tld, sub: undefined }; return pkg.request(domainReq).then(function (result) { var sess; var prom; var def; // can validate automatically if (vm.domain.session && vm._isSubDomain(vm.currentHost, vm.domain.domain)) { // this should always succeed Auth.sessions.some(function (session) { if (vm.domain.session === (session.token.sub + '@' + session.token.iss)) { sess = session; return session; } }); if (sess) { prom = Auth.get(sess).then(function (oauth3) { return oauth3.api('dns.set', { sld: sld, tld: tld, sub: ('' + result.data.prefix), type: 'TXT', ttl: 300, value: result.data.challenge }); }); } } if (!prom) { def = $q.defer(); // must validate manually window.alert( "Please set a TXT record for '" + ('' + result.data.prefix) + '.' + sld + '.' + tld + "' with the value '" + result.data.challenge + "' and then continue." ); def.resolve(); prom = def.promise; } return prom.then(function () { return pkg.claim(domainReq).then(function (result) { return vm._uploadFileVm(pkg, vm); }); }); }); }; vm.Sites.setUpload = function (r) { console.log("Hey! At least it can tell if there's a change!"); analyzeFile(r.newFile, r); console.log(r); }; vm.Sites.upload = function (r) { var pkg = Auth.oauth3.pkg('www@daplie.com'); //analyzeFile(r.newFile, r); vm._uploadFile(pkg, r); }; vm.Sites.archive = function (r) { var pkg = Auth.oauth3.pkg('www@daplie.com'); return pkg.archive({ hostname: r.domain , domain: r.domain , tld: r.tld , sld: r.sld //, sub: vm.record.sub //, path: vm.uploadPath }).then(function (result) { window.alert(JSON.stringify(result)); // TODO use iframe to initiate download? window.open(result.data.url); }); }; vm.Sites.remove = function (r) { if (!window.confirm("Delete files for this site?")) { return; } var pkg = Auth.oauth3.pkg('www@daplie.com'); return pkg.remove({ hostname: r.domain , domain: r.domain , tld: r.tld , sld: r.sld //, sub: vm.record.sub //, path: vm.uploadPath }).then(function (result) { window.alert(JSON.stringify(result)); }); }; vm.Sites.contents = function (r) { var pkg = Auth.oauth3.pkg('www@daplie.com'); return pkg.contents({ hostname: r.domain , domain: r.domain , tld: r.tld , sld: r.sld //, sub: r.sub , path: r.newPath }).then(function (result) { window.alert(JSON.stringify(result)); }); }; vm.Shares = {}; vm.Shares.invite = function (r) { var pkg = Auth.oauth3.pkg('www@daplie.com'); return pkg.invite({ comment: r.shareEmail , email: r.shareEmail , domain: r.domain , tld: r.tld , sld: r.sld //, sub: r.sub , path: r.sharePath , mode: r.shareMode }).then(function (result) { window.alert(JSON.stringify(result)); }); }; vm.Shares.accept = function () { var pkg = Auth.oauth3.pkg('www@daplie.com'); return pkg.acceptInvite({ token: vm.Shares.inviteToken }).then(function (result) { window.alert(JSON.stringify(result)); vm.listSites(); }); }; vm.Shares.list = function (r) { var pkg = Auth.oauth3.pkg('www@daplie.com'); console.log('actual record:'); console.log(r); return pkg.listShares({ domain: r.domain , hostname: r.domain , tld: r.tld , sld: r.sld //, sub: r.sub , path: r.sharePath }).then(function (result) { console.log('list shares result:'); console.log(result); r.sharedWith = result.data; //r.usersnames = r.sharedWith.map().join(','); }); }; vm.listSites = function () { var sites = []; return $q.all(Auth.sessions.map(function (session) { return Auth.get(session).then(function (oauth3) { var pkg = oauth3.pkg('www@daplie.com'); return pkg.list().then(function (result) { var _sites = result.data; if (Array.isArray(_sites)) { sites = _sites.concat(sites); return; } console.error('_sites is not an array'); console.error(_sites); }, function (err) { console.error('_sites had an error'); console.error(err); }); }); })).then(function () { console.log('[listSites] sites:'); console.log(sites); vm.sites = sites; }); }; //vm.getDomains(); Auth.api('domains.list', {}).then(function (els) { console.log('[init] domains.list els:'); console.log(els); vm.domains = els; $scope.domain = vm.domains; }); vm.listSites(); vm.triggerDropdown = function() { $timeout(function() { var el = document.querySelector('.trigger-dropdown'); angular.element(el).triggerHandler('focus'); }, 0); }; $scope.$watch('vm.selectedDomain', function (domainSelected) { if (domainSelected !== undefined) { vm.selectDomain(vm.selectedDomain.description); } }); $scope.localDomainSearch = function(str, domain) { var matches = []; domain.forEach(function(domain) { if ((domain.domain.toLowerCase().indexOf(str.toString().toLowerCase()) >= 0)) { matches.push(domain); } }); return matches; }; }]);