Fixup the checkbox dom

(cherry picked from commit 5509089c49)

.gitignore

@@ -1,9 +1,6 @@
+dist/
 node_modules/
-coverage/
-webadmin/dist/
-installer/src/certs/server.key
 
 # vim swap files
 *.swp
 
-

.jshintrc

@@ -1,8 +0,0 @@
-{
-    "node": true,
-    "browser": true,
-    "unused": true,
-    "globalstrict": true,
-    "predef": [ "angular", "$" ],
-    "esnext": true
-}

LICENSE

@@ -1,5 +1,5 @@
 The Cloudron Subscription license
-Copyright (c) 2018 Cloudron UG
+Copyright (c) 2019 Cloudron UG
 
 With regard to the Cloudron Software:
 

README.md

@@ -1,4 +1,4 @@
-# Cloudron
+# Cloudron Dashboard
 
 [Cloudron](https://cloudron.io) is the best way to run apps on your server.
 
@@ -29,7 +29,7 @@ anyone to effortlessly host web applications on their server on their own terms.
 * Trivially migrate to another server keeping your apps and data (for example, switch your
   infrastructure provider or move to a bigger server).
 
-* Comprehensive [REST API](https://cloudron.io/documentation/developer/api/).
+* Comprehensive [REST API](https://cloudron.io/developer/api/).
 
 * [CLI](https://cloudron.io/documentation/cli/) to configure apps.
 
@@ -37,7 +37,7 @@ anyone to effortlessly host web applications on their server on their own terms.
 
 ## Demo
 
-Try our demo at https://my-demo.cloudron.me (username: cloudron password: cloudron).
+Try our demo at https://my.demo.cloudron.io (username: cloudron password: cloudron).
 
 ## Installing
 
@@ -59,6 +59,6 @@ the containers in the Cloudron.
 
 ## Community
 
-* [Chat](https://chat.cloudron.io/)
+* [Forum](https://forum.cloudron.io/)
 * [Support](mailto:support@cloudron.io)
 

gulpfile.js

@@ -11,238 +11,198 @@ var argv = require('yargs').argv,
     rimraf = require('rimraf'),
     sass = require('gulp-sass'),
     serve = require('gulp-serve'),
-    sourcemaps = require('gulp-sourcemaps'),
-    uglify = require('gulp-uglify'),
-    url = require('url');
-
-gulp.task('3rdparty', function () {
-    gulp.src([
-        'webadmin/src/3rdparty/**/*.js',
-        'webadmin/src/3rdparty/**/*.map',
-        'webadmin/src/3rdparty/**/*.css',
-        'webadmin/src/3rdparty/**/*.otf',
-        'webadmin/src/3rdparty/**/*.eot',
-        'webadmin/src/3rdparty/**/*.svg',
-        'webadmin/src/3rdparty/**/*.gif',
-        'webadmin/src/3rdparty/**/*.ttf',
-        'webadmin/src/3rdparty/**/*.woff',
-        'webadmin/src/3rdparty/**/*.woff2'
-        ])
-        .pipe(gulp.dest('webadmin/dist/3rdparty/'));
-
-    gulp.src('node_modules/bootstrap-sass/assets/javascripts/bootstrap.min.js')
-        .pipe(gulp.dest('webadmin/dist/3rdparty/js'));
-});
-
-
-// --------------
-// JavaScript
-// --------------
+    sourcemaps = require('gulp-sourcemaps');
 
 if (argv.help || argv.h) {
     console.log('Supported arguments for "gulp develop":');
     console.log(' --client-id <clientId>');
     console.log(' --client-secret <clientSecret>');
     console.log(' --api-origin <cloudron api uri>');
+    console.log(' --revision <revision>');
 
     process.exit(1);
 }
 
-gulp.task('js', ['js-index', 'js-logs', 'js-terminal', 'js-setup', 'js-setupdns', 'js-restore', 'js-update'], function () {});
-
 var oauth = {
     clientId: argv.clientId || 'cid-webadmin',
     clientSecret: argv.clientSecret || 'unused',
     apiOrigin: argv.apiOrigin || '',
-    apiOriginHostname: argv.apiOrigin ? url.parse(argv.apiOrigin).hostname : ''
 };
 
+var revision = argv.revision || '';
+
 console.log();
 console.log('Using OAuth credentials:');
 console.log(' ClientId:      %s', oauth.clientId);
 console.log(' ClientSecret:  %s', oauth.clientSecret);
 console.log(' Cloudron API:  %s', oauth.apiOrigin || 'default');
-console.log(' Cloudron Host: %s', oauth.apiOriginHostname);
+console.log();
+console.log('Building for revision: %s', revision);
 console.log();
 
+gulp.task('fontawesome', function () {
+    return gulp.src([
+        'node_modules/@fortawesome/fontawesome-free/*css*/all.min.css',
+        'node_modules/@fortawesome/fontawesome-free/*webfonts*/*.eot',
+        'node_modules/@fortawesome/fontawesome-free/*webfonts*/*.svg',
+        'node_modules/@fortawesome/fontawesome-free/*webfonts*/*.ttf',
+        'node_modules/@fortawesome/fontawesome-free/*webfonts*/*.woff',
+        'node_modules/@fortawesome/fontawesome-free/*webfonts*/*.woff2'
+    ]).pipe(gulp.dest('dist/3rdparty/fontawesome/'));
+});
+
+gulp.task('bootstrap', function () {
+    return gulp.src('node_modules/bootstrap-sass/assets/javascripts/bootstrap.min.js')
+        .pipe(gulp.dest('dist/3rdparty/js'));
+});
+
+gulp.task('3rdparty-copy', function () {
+    return gulp.src([
+        'src/3rdparty/**/*.js',
+        'src/3rdparty/**/*.map',
+        'src/3rdparty/**/*.css',
+        'src/3rdparty/**/*.otf',
+        'src/3rdparty/**/*.eot',
+        'src/3rdparty/**/*.svg',
+        'src/3rdparty/**/*.gif',
+        'src/3rdparty/**/*.ttf'
+        ])
+        .pipe(gulp.dest('dist/3rdparty/'));
+});
+
+gulp.task('3rdparty', gulp.series(['3rdparty-copy', 'bootstrap', 'fontawesome']));
+
+// --------------
+// JavaScript
+// --------------
 
 gulp.task('js-index', function () {
-    // needs special treatment for error handling
-    var uglifyer = uglify();
-    uglifyer.on('error', function (error) {
-        console.error(error);
-    });
-
-    gulp.src([
-        'webadmin/src/js/index.js',
-        'webadmin/src/js/client.js',
-        'webadmin/src/js/appstore.js',
-        'webadmin/src/js/main.js',
-        'webadmin/src/views/*.js'
+    return gulp.src([
+        'src/js/index.js',
+        'src/js/client.js',
+        'src/js/main.js',
+        'src/views/*.js'
         ])
-        .pipe(ejs({ oauth: oauth }, {}, { ext: '.js' }))
+        .pipe(ejs({ oauth: oauth, revision: revision }, {}, { ext: '.js' }))
         .pipe(sourcemaps.init())
         .pipe(concat('index.js', { newLine: ';' }))
-        .pipe(uglifyer)
         .pipe(sourcemaps.write())
-        .pipe(gulp.dest('webadmin/dist/js'));
+        .pipe(gulp.dest('dist/js'));
 });
 
 gulp.task('js-logs', function () {
-    // needs special treatment for error handling
-    var uglifyer = uglify();
-    uglifyer.on('error', function (error) {
-        console.error(error);
-    });
-
-    gulp.src(['webadmin/src/js/logs.js', 'webadmin/src/js/client.js'])
+    return gulp.src(['src/js/logs.js', 'src/js/client.js'])
         .pipe(ejs({ oauth: oauth }, {}, { ext: '.js' }))
         .pipe(sourcemaps.init())
         .pipe(concat('logs.js', { newLine: ';' }))
-        .pipe(uglifyer)
         .pipe(sourcemaps.write())
-        .pipe(gulp.dest('webadmin/dist/js'));
+        .pipe(gulp.dest('dist/js'));
 });
 
 gulp.task('js-terminal', function () {
-    // needs special treatment for error handling
-    var uglifyer = uglify();
-    uglifyer.on('error', function (error) {
-        console.error(error);
-    });
-
-    gulp.src(['webadmin/src/js/terminal.js', 'webadmin/src/js/client.js'])
+    return gulp.src(['src/js/terminal.js', 'src/js/client.js'])
         .pipe(ejs({ oauth: oauth }, {}, { ext: '.js' }))
         .pipe(sourcemaps.init())
         .pipe(concat('terminal.js', { newLine: ';' }))
-        .pipe(uglifyer)
         .pipe(sourcemaps.write())
-        .pipe(gulp.dest('webadmin/dist/js'));
+        .pipe(gulp.dest('dist/js'));
 });
 
 gulp.task('js-setup', function () {
-    // needs special treatment for error handling
-    var uglifyer = uglify();
-    uglifyer.on('error', function (error) {
-        console.error(error);
-    });
-
-    gulp.src(['webadmin/src/js/setup.js', 'webadmin/src/js/client.js'])
+    return gulp.src(['src/js/setup.js', 'src/js/client.js'])
         .pipe(ejs({ oauth: oauth }, {}, { ext: '.js' }))
         .pipe(sourcemaps.init())
         .pipe(concat('setup.js', { newLine: ';' }))
-        .pipe(uglifyer)
         .pipe(sourcemaps.write())
-        .pipe(gulp.dest('webadmin/dist/js'));
+        .pipe(gulp.dest('dist/js'));
 });
 
 gulp.task('js-setupdns', function () {
-    // needs special treatment for error handling
-    var uglifyer = uglify();
-    uglifyer.on('error', function (error) {
-        console.error(error);
-    });
-
-    gulp.src(['webadmin/src/js/setupdns.js', 'webadmin/src/js/client.js'])
+    return gulp.src(['src/js/setupdns.js', 'src/js/client.js'])
         .pipe(ejs({ oauth: oauth }, {}, { ext: '.js' }))
         .pipe(sourcemaps.init())
         .pipe(concat('setupdns.js', { newLine: ';' }))
-        .pipe(uglifyer)
         .pipe(sourcemaps.write())
-        .pipe(gulp.dest('webadmin/dist/js'));
+        .pipe(gulp.dest('dist/js'));
 });
 
 gulp.task('js-restore', function () {
-    // needs special treatment for error handling
-    var uglifyer = uglify();
-    uglifyer.on('error', function (error) {
-        console.error(error);
-    });
-
-    gulp.src(['webadmin/src/js/restore.js', 'webadmin/src/js/client.js'])
+    return gulp.src(['src/js/restore.js', 'src/js/client.js'])
         .pipe(ejs({ oauth: oauth }, {}, { ext: '.js' }))
         .pipe(sourcemaps.init())
         .pipe(concat('restore.js', { newLine: ';' }))
-        .pipe(uglifyer)
         .pipe(sourcemaps.write())
-        .pipe(gulp.dest('webadmin/dist/js'));
-});
-
-
-gulp.task('js-update', function () {
-    // needs special treatment for error handling
-    var uglifyer = uglify();
-    uglifyer.on('error', function (error) {
-        console.error(error);
-    });
-
-    gulp.src(['webadmin/src/js/update.js'])
-        .pipe(sourcemaps.init())
-        .pipe(uglifyer)
-        .pipe(sourcemaps.write())
-        .pipe(gulp.dest('webadmin/dist/js'));
+        .pipe(gulp.dest('dist/js'));
 });
 
+gulp.task('js', gulp.series([ 'js-index', 'js-logs', 'js-terminal', 'js-setup', 'js-setupdns', 'js-restore' ]));
 
 // --------------
 // HTML
 // --------------
 
-gulp.task('html', ['html-views', 'html-templates'], function () {
-    return gulp.src('webadmin/src/*.html').pipe(ejs({ apiOriginHostname: oauth.apiOriginHostname }, {}, { ext: '.html' })).pipe(gulp.dest('webadmin/dist'));
-});
-
 gulp.task('html-views', function () {
-    return gulp.src('webadmin/src/views/**/*.html').pipe(gulp.dest('webadmin/dist/views'));
+    return gulp.src('src/views/**/*.html').pipe(gulp.dest('dist/views'));
 });
 
 gulp.task('html-templates', function () {
-    return gulp.src('webadmin/src/templates/**/*.html').pipe(gulp.dest('webadmin/dist/templates'));
+    return gulp.src('src/templates/**/*.html').pipe(gulp.dest('dist/templates'));
 });
 
+gulp.task('html-raw', function () {
+    return gulp.src('src/*.html').pipe(ejs({ revision: revision }, {}, { ext: '.html' })).pipe(gulp.dest('dist'));
+});
+
+gulp.task('html', gulp.series(['html-views', 'html-templates', 'html-raw']));
+
 // --------------
 // CSS
 // --------------
 
 gulp.task('css', function () {
-    return gulp.src('webadmin/src/*.scss')
+    return gulp.src('src/*.scss')
         .pipe(sourcemaps.init())
         .pipe(sass({ includePaths: ['node_modules/bootstrap-sass/assets/stylesheets/'] }).on('error', sass.logError))
         .pipe(autoprefixer())
         .pipe(cssnano())
         .pipe(sourcemaps.write())
-        .pipe(gulp.dest('webadmin/dist'));
+        .pipe(gulp.dest('dist'));
 });
 
 gulp.task('images', function () {
-    return gulp.src('webadmin/src/img/**')
-        .pipe(gulp.dest('webadmin/dist/img'));
+    return gulp.src('src/img/**')
+        .pipe(gulp.dest('dist/img'));
 });
 
+
 // --------------
 // Utilities
 // --------------
 
-gulp.task('watch', ['default'], function () {
-    gulp.watch(['webadmin/src/*.scss'], ['css']);
-    gulp.watch(['webadmin/src/img/*'], ['images']);
-    gulp.watch(['webadmin/src/**/*.html'], ['html']);
-    gulp.watch(['webadmin/src/views/*.html'], ['html-views']);
-    gulp.watch(['webadmin/src/templates/*.html'], ['html-templates']);
-    gulp.watch(['webadmin/src/js/update.js'], ['js-update']);
-    gulp.watch(['webadmin/src/js/setup.js', 'webadmin/src/js/client.js'], ['js-setup']);
-    gulp.watch(['webadmin/src/js/setupdns.js', 'webadmin/src/js/client.js'], ['js-setupdns']);
-    gulp.watch(['webadmin/src/js/restore.js', 'webadmin/src/js/client.js'], ['js-restore']);
-    gulp.watch(['webadmin/src/js/logs.js', 'webadmin/src/js/client.js'], ['js-logs']);
-    gulp.watch(['webadmin/src/js/terminal.js', 'webadmin/src/js/client.js'], ['js-terminal']);
-    gulp.watch(['webadmin/src/js/index.js', 'webadmin/src/js/client.js', 'webadmin/src/js/appstore.js', 'webadmin/src/js/main.js', 'webadmin/src/views/*.js'], ['js-index']);
-    gulp.watch(['webadmin/src/3rdparty/**/*'], ['3rdparty']);
+gulp.task('clean', function (done) {
+    rimraf.sync('dist');
+    done();
 });
 
-gulp.task('clean', function () {
-    rimraf.sync('webadmin/dist');
+gulp.task('default', gulp.series(['clean', 'html', 'js', '3rdparty', 'images', 'css']));
+
+gulp.task('watch', function (done) {
+    gulp.watch(['src/*.scss'], gulp.series(['css']));
+    gulp.watch(['src/img/*'], gulp.series(['images']));
+    gulp.watch(['src/**/*.html'], gulp.series(['html']));
+    gulp.watch(['src/views/*.html'], gulp.series(['html-views']));
+    gulp.watch(['src/templates/*.html'], gulp.series(['html-templates']));
+    gulp.watch(['src/js/setup.js', 'src/js/client.js'], gulp.series(['js-setup']));
+    gulp.watch(['src/js/setupdns.js', 'src/js/client.js'], gulp.series(['js-setupdns']));
+    gulp.watch(['src/js/restore.js', 'src/js/client.js'], gulp.series(['js-restore']));
+    gulp.watch(['src/js/logs.js', 'src/js/client.js'], gulp.series(['js-logs']));
+    gulp.watch(['src/js/terminal.js', 'src/js/client.js'], gulp.series(['js-terminal']));
+    gulp.watch(['src/js/index.js', 'src/js/client.js', 'src/js/main.js', 'src/views/*.js'], gulp.series(['js-index']));
+    gulp.watch(['src/3rdparty/**/*'], gulp.series(['3rdparty']));
+    done();
 });
 
-gulp.task('default', ['clean', 'html', 'js', '3rdparty', 'images', 'css'], function () {});
+gulp.task('serve', serve({ root: 'dist', port: 4000 }));
+
+gulp.task('develop', gulp.series(['default', 'watch', 'serve']));
 
-gulp.task('develop', ['watch'], serve({ root: 'webadmin/dist', port: 4000 }));

package.json

@@ -1,111 +1,33 @@
 {
-  "name": "cloudron",
-  "description": "Main code for a cloudron",
+  "name": "dashboard",
   "version": "1.0.0",
-  "private": true,
-  "author": {
-    "name": "Cloudron authors"
+  "description": "[Cloudron](https://cloudron.io) is the best way to run apps on your server.",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
   },
   "repository": {
     "type": "git",
-    "url": "https://git.cloudron.io/cloudron/box.git"
-  },
-  "engines": {
-    "node": ">=4.0.0 <=4.1.1"
+    "url": "ssh://git@git.cloudron.io:6000/cloudron/dashboard.git"
   },
+  "author": "",
+  "license": "SEE LICENSE IN LICENSE",
   "dependencies": {
-    "@google-cloud/dns": "^0.7.0",
-    "@google-cloud/storage": "^1.2.1",
-    "@sindresorhus/df": "^2.1.0",
-    "async": "^2.6.0",
-    "aws-sdk": "^2.151.0",
-    "body-parser": "^1.18.2",
-    "cloudron-manifestformat": "^2.10.0",
-    "connect-ensure-login": "^0.1.1",
-    "connect-lastmile": "^1.0.2",
-    "connect-timeout": "^1.9.0",
-    "cookie-parser": "^1.3.5",
-    "cookie-session": "^1.3.2",
-    "cron": "^1.3.0",
-    "csurf": "^1.6.6",
-    "db-migrate": "^0.10.0-beta.24",
-    "db-migrate-mysql": "^1.1.10",
-    "debug": "^3.1.0",
-    "dockerode": "^2.5.3",
-    "ejs": "^2.5.7",
-    "ejs-cli": "^2.0.0",
-    "express": "^4.16.2",
-    "express-session": "^1.15.6",
-    "hat": "0.0.3",
-    "json": "^9.0.3",
-    "ldapjs": "^1.0.0",
-    "lodash.chunk": "^4.2.0",
-    "mime": "^2.0.3",
-    "moment-timezone": "^0.5.14",
-    "morgan": "^1.9.0",
-    "multiparty": "^4.1.2",
-    "mysql": "^2.15.0",
-    "nodemailer": "^4.4.0",
-    "nodemailer-smtp-transport": "^2.7.4",
-    "oauth2orize": "^1.11.0",
-    "once": "^1.3.2",
-    "parse-links": "^0.1.0",
-    "passport": "^0.4.0",
-    "passport-http": "^0.3.0",
-    "passport-http-bearer": "^1.0.1",
-    "passport-local": "^1.0.0",
-    "passport-oauth2-client-password": "^0.1.2",
-    "password-generator": "^2.2.0",
-    "progress-stream": "^2.0.0",
-    "proxy-middleware": "^0.15.0",
-    "recursive-readdir": "^2.2.1",
-    "request": "^2.83.0",
-    "s3-block-read-stream": "^0.2.0",
-    "safetydance": "^0.7.1",
-    "semver": "^5.4.1",
-    "showdown": "^1.8.2",
-    "split": "^1.0.0",
-    "superagent": "^3.8.1",
-    "supererror": "^0.7.1",
-    "tar-fs": "^1.16.0",
-    "tar-stream": "^1.5.5",
-    "tldjs": "^2.2.0",
-    "underscore": "^1.7.0",
-    "uuid": "^3.1.0",
-    "valid-url": "^1.0.9",
-    "validator": "^9.1.1",
-    "ws": "^3.3.1"
+    "@fortawesome/fontawesome-free": "^5.5.0",
+    "bootstrap-sass": "^3.4.1",
+    "gulp": "^4.0.0",
+    "gulp-autoprefixer": "^5.0.0",
+    "gulp-concat": "^2.6.1",
+    "gulp-cssnano": "^2.1.3",
+    "gulp-ejs": "^3.3.0",
+    "gulp-sass": "^4.0.2",
+    "gulp-serve": "^1.4.0",
+    "gulp-sourcemaps": "^2.6.5",
+    "rimraf": "^2.6.2",
+    "yargs": "^11.0.0"
   },
-  "devDependencies": {
-    "bootstrap-sass": "^3.3.3",
-    "expect.js": "*",
-    "gulp": "^3.9.1",
-    "gulp-autoprefixer": "^4.0.0",
-    "gulp-concat": "^2.4.3",
-    "gulp-cssnano": "^2.1.0",
-    "gulp-ejs": "^3.1.0",
-    "gulp-sass": "^3.1.0",
-    "gulp-serve": "^1.0.0",
-    "gulp-sourcemaps": "^2.6.1",
-    "gulp-uglify": "^3.0.0",
-    "hock": "^1.3.2",
-    "istanbul": "*",
-    "js2xmlparser": "^3.0.0",
-    "mocha": "*",
-    "mock-aws-s3": "git+https://github.com/cloudron-io/mock-aws-s3.git",
-    "nock": "^9.0.14",
-    "node-sass": "^4.6.1",
-    "readdirp": "https://registry.npmjs.org/readdirp/-/readdirp-2.1.0.tgz",
-    "yargs": "^10.0.3"
-  },
-  "scripts": {
-    "migrate_local": "DATABASE_URL=mysql://root:@localhost/box node_modules/.bin/db-migrate up",
-    "migrate_test": "BOX_ENV=test DATABASE_URL=mysql://root:@localhost/boxtest node_modules/.bin/db-migrate up",
-    "test": "npm run migrate_test && src/test/setupTest && BOX_ENV=test ./node_modules/istanbul/lib/cli.js test $1 ./node_modules/mocha/bin/_mocha -- --exit -R spec ./src/test ./src/routes/test/[^a]*",
-    "test_all": "npm run migrate_test && src/test/setupTest && BOX_ENV=test ./node_modules/istanbul/lib/cli.js test $1 ./node_modules/mocha/bin/_mocha -- --exit -R spec ./src/test ./src/routes/test",
-    "postmerge": "/bin/true",
-    "precommit": "/bin/true",
-    "prepush": "npm test",
-    "webadmin": "node_modules/.bin/gulp"
+  "eslintConfig": {
+    "env": {
+      "browser": true
+    }
   }
 }

src/3rdparty/angular-ui-notification.css

@@ -0,0 +1,85 @@
+/**
+ * angular-ui-notification - Angular.js service providing simple notifications using Bootstrap 3 styles with css transitions for animating
+ * @author Alex_Crack
+ * @version v0.3.6
+ * @link https://github.com/alexcrack/angular-ui-notification
+ * @license MIT
+ */
+.ui-notification
+{
+    position: fixed;
+    z-index: 9999;
+
+    width: 300px;
+
+    -webkit-transition: all ease .5s;
+         -o-transition: all ease .5s;
+            transition: all ease .5s;
+
+    color: #fff;
+    border-radius: 0;
+    background: #337ab7;
+    box-shadow: 5px 5px 10px rgba(0, 0, 0, .3);
+}
+.ui-notification.clickable
+{
+    cursor: pointer;
+}
+.ui-notification.clickable:hover
+{
+    opacity: .7;
+}
+.ui-notification.killed
+{
+    -webkit-transition: opacity ease 1s;
+         -o-transition: opacity ease 1s;
+            transition: opacity ease 1s;
+
+    opacity: 0;
+}
+.ui-notification > h3
+{
+    font-size: 14px;
+    font-weight: bold;
+
+    display: block;
+
+    margin: 10px 10px 0 10px;
+    padding: 0 0 5px 0;
+
+    text-align: left;
+
+    border-bottom: 1px solid rgba(255, 255, 255, .3);
+}
+.ui-notification a
+{
+    color: #fff;
+}
+.ui-notification a:hover
+{
+    text-decoration: underline;
+}
+.ui-notification > .message
+{
+    margin: 10px 10px 10px 10px;
+}
+.ui-notification.warning
+{
+    color: #fff;
+    background: #f0ad4e;
+}
+.ui-notification.error
+{
+    color: #fff;
+    background: #d9534f;
+}
+.ui-notification.success
+{
+    color: #fff;
+    background: #5cb85c;
+}
+.ui-notification.info
+{
+    color: #fff;
+    background: #5bc0de;
+}

src/3rdparty/js/angular-ui-notification.js

@@ -0,0 +1,271 @@
+/**
+ * angular-ui-notification - Angular.js service providing simple notifications using Bootstrap 3 styles with css transitions for animating
+ * @author Alex_Crack
+ * @version v0.3.6
+ * @link https://github.com/alexcrack/angular-ui-notification
+ * @license MIT
+ */
+angular.module('ui-notification', []);
+
+angular.module('ui-notification').provider('Notification', function () {
+
+  this.options = {
+    delay: 5000,
+    startTop: 10,
+    startRight: 10,
+    verticalSpacing: 10,
+    horizontalSpacing: 10,
+    positionX: 'right',
+    positionY: 'top',
+    replaceMessage: false,
+    templateUrl: 'angular-ui-notification.html',
+    onClose: undefined,
+    onClick: undefined,
+    closeOnClick: true,
+    maxCount: 0, // 0 - Infinite
+    container: 'body',
+    priority: 10
+  };
+
+  this.setOptions = function (options) {
+    if (!angular.isObject(options)) throw new Error("Options should be an object!");
+    this.options = angular.extend({}, this.options, options);
+  };
+
+  this.$get = ["$timeout", "$http", "$compile", "$templateCache", "$rootScope", "$injector", "$sce", "$q", "$window", function ($timeout, $http, $compile, $templateCache, $rootScope, $injector, $sce, $q, $window) {
+    var options = this.options;
+
+    var startTop = options.startTop;
+    var startRight = options.startRight;
+    var verticalSpacing = options.verticalSpacing;
+    var horizontalSpacing = options.horizontalSpacing;
+    var delay = options.delay;
+
+    var messageElements = [];
+    var isResizeBound = false;
+
+    var notify = function (args, t) {
+      var deferred = $q.defer();
+
+      if (typeof args !== 'object' || args === null) {
+        args = {message: args};
+      }
+
+      args.scope = args.scope ? args.scope : $rootScope;
+      args.template = args.templateUrl ? args.templateUrl : options.templateUrl;
+      args.delay = !angular.isUndefined(args.delay) ? args.delay : delay;
+      args.type = t || args.type || options.type || '';
+      args.positionY = args.positionY ? args.positionY : options.positionY;
+      args.positionX = args.positionX ? args.positionX : options.positionX;
+      args.replaceMessage = args.replaceMessage ? args.replaceMessage : options.replaceMessage;
+      args.onClose = args.onClose ? args.onClose : options.onClose;
+      args.onClick = args.onClick ? args.onClick : options.onClick;
+      args.closeOnClick = (args.closeOnClick !== null && args.closeOnClick !== undefined) ? args.closeOnClick : options.closeOnClick;
+      args.container = args.container ? args.container : options.container;
+      args.priority = args.priority ? args.priority : options.priority;
+
+      var template = $templateCache.get(args.template);
+
+      if (template) {
+        processNotificationTemplate(template);
+      } else {
+        // load it via $http only if it isn't default template and template isn't exist in template cache
+        // cache:true means cache it for later access.
+        $http.get(args.template, {cache: true})
+          .then(function (response) {
+            processNotificationTemplate(response.data);
+          })
+          .catch(function (data) {
+            throw new Error('Template (' + args.template + ') could not be loaded. ' + data);
+          });
+      }
+
+
+      function processNotificationTemplate(template) {
+
+        var scope = args.scope.$new();
+        scope.message = $sce.trustAsHtml(args.message);
+        scope.title = $sce.trustAsHtml(args.title);
+        scope.t = args.type.substr(0, 1);
+        scope.delay = args.delay;
+        scope.onClose = args.onClose;
+        scope.onClick = args.onClick;
+
+        var priorityCompareTop = function (a, b) {
+          return a._priority - b._priority;
+        };
+
+        var priorityCompareBtm = function (a, b) {
+          return b._priority - a._priority;
+        };
+
+        var reposite = function () {
+          var j = 0;
+          var k = 0;
+          var lastTop = startTop;
+          var lastRight = startRight;
+          var lastPosition = [];
+
+          if (args.positionY === 'top') {
+            messageElements.sort(priorityCompareTop);
+          } else if (args.positionY === 'bottom') {
+            messageElements.sort(priorityCompareBtm);
+          }
+
+          for (var i = messageElements.length - 1; i >= 0; i--) {
+            var element = messageElements[i];
+            if (args.replaceMessage && i < messageElements.length - 1) {
+              element.addClass('killed');
+              continue;
+            }
+            var elHeight = parseInt(element[0].offsetHeight);
+            var elWidth = parseInt(element[0].offsetWidth);
+            var position = lastPosition[element._positionY + element._positionX];
+
+            if ((top + elHeight) > window.innerHeight) {
+              position = startTop;
+              k++;
+              j = 0;
+            }
+
+            var top = (lastTop = position ? (j === 0 ? position : position + verticalSpacing) : startTop);
+            var right = lastRight + (k * (horizontalSpacing + elWidth));
+
+            element.css(element._positionY, top + 'px');
+            if (element._positionX === 'center') {
+              element.css('left', parseInt(window.innerWidth / 2 - elWidth / 2) + 'px');
+            } else {
+              element.css(element._positionX, right + 'px');
+            }
+
+            lastPosition[element._positionY + element._positionX] = top + elHeight;
+
+            if (options.maxCount > 0 && messageElements.length > options.maxCount && i === 0) {
+              element.scope().kill(true);
+            }
+
+            j++;
+          }
+        };
+
+        var templateElement = $compile(template)(scope);
+        templateElement._positionY = args.positionY;
+        templateElement._positionX = args.positionX;
+        templateElement._priority = args.priority;
+        templateElement.addClass(args.type);
+
+        var closeEvent = function (e) {
+          e = e.originalEvent || e;
+          if (e.type === 'click' || e.propertyName === 'opacity' && e.elapsedTime >= 1) {
+
+            if (scope.onClose) {
+              scope.$apply(scope.onClose(templateElement));
+            }
+
+            if (e.type === 'click')
+              if (scope.onClick) {
+                scope.$apply(scope.onClick(templateElement));
+              }
+
+            templateElement.remove();
+            messageElements.splice(messageElements.indexOf(templateElement), 1);
+            scope.$destroy();
+            reposite();
+          }
+        };
+
+        if (args.closeOnClick) {
+          templateElement.addClass('clickable');
+          templateElement.bind('click', closeEvent);
+        }
+
+        templateElement.bind('webkitTransitionEnd oTransitionEnd otransitionend transitionend msTransitionEnd', closeEvent);
+
+        if (angular.isNumber(args.delay)) {
+          $timeout(function () {
+            templateElement.addClass('killed');
+          }, args.delay);
+        }
+
+        setCssTransitions('none');
+
+        angular.element(document.querySelector(args.container)).append(templateElement);
+        var offset = -(parseInt(templateElement[0].offsetHeight) + 50);
+        templateElement.css(templateElement._positionY, offset + "px");
+        messageElements.push(templateElement);
+
+        if (args.positionX == 'center') {
+          var elWidth = parseInt(templateElement[0].offsetWidth);
+          templateElement.css('left', parseInt(window.innerWidth / 2 - elWidth / 2) + 'px');
+        }
+
+        $timeout(function () {
+          setCssTransitions('');
+        });
+
+        function setCssTransitions(value) {
+          ['-webkit-transition', '-o-transition', 'transition'].forEach(function (prefix) {
+            templateElement.css(prefix, value);
+          });
+        }
+
+        scope._templateElement = templateElement;
+
+        scope.kill = function (isHard) {
+          if (isHard) {
+            if (scope.onClose) {
+              scope.$apply(scope.onClose(scope._templateElement));
+            }
+
+            messageElements.splice(messageElements.indexOf(scope._templateElement), 1);
+            scope._templateElement.remove();
+            scope.$destroy();
+            $timeout(reposite);
+          } else {
+            scope._templateElement.addClass('killed');
+          }
+        };
+
+        $timeout(reposite);
+
+        if (!isResizeBound) {
+          angular.element($window).bind('resize', function (e) {
+            $timeout(reposite);
+          });
+          isResizeBound = true;
+        }
+
+        deferred.resolve(scope);
+
+      }
+
+      return deferred.promise;
+    };
+
+    notify.primary = function (args) {
+      return this(args, 'primary');
+    };
+    notify.error = function (args) {
+      return this(args, 'error');
+    };
+    notify.success = function (args) {
+      return this(args, 'success');
+    };
+    notify.info = function (args) {
+      return this(args, 'info');
+    };
+    notify.warning = function (args) {
+      return this(args, 'warning');
+    };
+
+    notify.clearAll = function () {
+      angular.forEach(messageElements, function (element) {
+        element.addClass('killed');
+      });
+    };
+
+    return notify;
+  }];
+});
+
+angular.module("ui-notification").run(["$templateCache", function($templateCache) {$templateCache.put("angular-ui-notification.html","<div class=\"ui-notification\"><h3 ng-show=\"title\" ng-bind-html=\"title\"></h3><div class=\"message\" ng-bind-html=\"message\"></div></div>");}]);

src/appstatus.html

@@ -68,7 +68,7 @@
 <footer class="text-center">
     <span class="text-muted"><a href="https://cloudron.io" target="_blank">Cloudron</a></span>
     <span class="text-muted"><a href="https://twitter.com/cloudron_io" target="_blank">Twitter</a></span>
-    <span class="text-muted"><a href="https://chat.cloudron.io" target="_blank">Chat <i class="fa fa-comments"></i></a></span>
+    <span class="text-muted"><a href="https://forum.cloudron.io" target="_blank">Forum <i class="fa fa-comments"></i></a></span>
 </footer>
 
 </body>

src/error.html

@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html ng-app="Application" ng-controller="Controller">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />
+
+  <title> Cloudron Error </title>
+
+  <link id="favicon" type="image/png" rel="icon" href="/api/v1/cloudron/avatar">
+
+  <!-- Theme CSS -->
+  <link type="text/css" rel="stylesheet" href="/theme.css">
+
+  <!-- external fonts and CSS -->
+  <link type="text/css" rel="stylesheet" href="/3rdparty/fontawesome/css/all.min.css">
+
+  <!-- jQuery-->
+  <script type="text/javascript" src="/3rdparty/js/jquery.min.js"></script>
+
+  <!-- Bootstrap Core JavaScript -->
+  <script type="text/javascript" src="/3rdparty/js/bootstrap.min.js"></script>
+
+  <!-- Angularjs scripts -->
+  <script type="text/javascript" src="/3rdparty/js/angular.min.js"></script>
+  <script type="text/javascript" src="/3rdparty/js/angular-loader.min.js"></script>
+
+  <script>
+
+        'use strict';
+
+        // create main application module
+        var app = angular.module('Application', []);
+
+        app.controller('Controller', ['$scope', '$http', function ($scope, $http) {
+            $scope.errorMessage = '';
+            $scope.statusOk = false;
+            $scope.avatarUrl = '/api/v1/cloudron/avatar?' + Math.random();
+
+            var favicon = $('#favicon');
+            if (favicon) favicon.attr('href', $scope.avatarUrl);
+
+            // try to fetch the cloudron status
+            $http.get('/api/v1/cloudron/status').success(function(data, status) {
+                if (status !== 200 || typeof data !== 'object') return console.error(status, data);
+                $scope.statusOk = true;
+            }).error(function (data, status) {
+                console.error(status, data);
+                $scope.statusOk = false;
+            });
+
+            var search = window.location.search.slice(1).split('&').map(function (item) { return item.split('='); }).reduce(function (o, k) { o[k[0]] = k[1]; return o; }, {});
+
+            $scope.errorContext = search.errorContext || '';
+        }]);
+
+  </script>
+
+  <style>
+
+    h3 {
+        padding-bottom: 15px;
+    }
+
+  </style>
+
+</head>
+
+<body class="status-page">
+
+<div class="wrapper">
+  <div class="content">
+    <img ng-src="{{avatarUrl}}" width="128" height="128" onerror="this.src = '/img/logo.png'"/>
+    <h1> Cloudron </h1>
+    <div>
+      <h3> <i class="far fa-frown fa-fw text-danger"></i> Something has gone wrong </h3>
+      <a class="btn btn-primary" href="/" ng-show="statusOk">Back to the dashboard</a>
+      <br/>
+      <br/>
+      <p>If you are the server administrator, follow the <a href="https://cloudron.io/documentation/troubleshooting/" target="_blank">troubleshooting guide</a>.</p>
+    </div>
+  </div>
+</div>
+
+
+<footer class="text-center">
+  <span class="text-muted">&copy;2019 <a href="https://cloudron.io" target="_blank">Cloudron</a></span>
+  <span class="text-muted"><a href="https://twitter.com/cloudron_io" target="_blank">Twitter <i class="fab fa-twitter"></i></a></span>
+  <span class="text-muted"><a href="https://forum.cloudron.io" target="_blank">Forum <i class="fa fa-comments"></i></a></span>
+</footer>
+
+</body>
+</html>

src/img/appicon_fallback.svg

@@ -0,0 +1,102 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="546.13336"
+   height="546.13336"
+   viewBox="0 0 512.00001 512.00001"
+   id="svg4519"
+   version="1.1"
+   inkscape:version="0.92.2 2405546, 2018-03-11"
+   sodipodi:docname="appicon_fallback.svg"
+   inkscape:export-filename="/home/nebulon/projects/yellowtent/dashboard/src/img/appicon_fallback.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <defs
+     id="defs4521" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.7"
+     inkscape:cx="89.894291"
+     inkscape:cy="162.5294"
+     inkscape:document-units="px"
+     inkscape:current-layer="g4496"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="2880"
+     inkscape:window-height="1565"
+     inkscape:window-x="0"
+     inkscape:window-y="55"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata4524">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-540.36216)">
+    <g
+       id="g4467"
+       transform="matrix(20.50952,0,0,20.859456,-526.58031,-94.042799)">
+      <g
+         inkscape:export-ydpi="67.349998"
+         inkscape:export-xdpi="67.349998"
+         transform="matrix(0.59473169,0,0,0.59473169,31.04719,102.48374)"
+         id="g4382">
+        <g
+           id="g4496">
+          <path
+             sodipodi:type="star"
+             style="opacity:1;fill:#03a9f4;fill-opacity:1;stroke:none;stroke-width:1.10000002;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+             id="path4162"
+             sodipodi:sides="6"
+             sodipodi:cx="12.46875"
+             sodipodi:cy="-99.893143"
+             sodipodi:r1="19.266006"
+             sodipodi:r2="16.307295"
+             sodipodi:arg1="-0.52224059"
+             sodipodi:arg2="0.0013581913"
+             inkscape:flatsided="true"
+             inkscape:rounded="0.12490573"
+             inkscape:randomized="0"
+             d="m 29.166669,-109.50348 c 1.200386,2.08567 1.17988,17.183595 -0.02617,19.265993 -1.206046,2.082397 -14.291486,9.613601 -16.697919,9.610333 -2.406432,-0.0033 -15.4713664,-7.56999 -16.671752,-9.655655 -1.2003857,-2.085666 -1.1798799,-17.183591 0.026167,-19.265991 1.2060467,-2.0824 14.2914862,-9.6136 16.6979192,-9.61033 2.406432,0.003 15.471366,7.56999 16.671752,9.65565 z"
+             transform="rotate(-30,10.993604,-99.259973)"
+             inkscape:export-xdpi="67.349998"
+             inkscape:export-ydpi="67.349998" />
+          <rect
+             inkscape:transform-center-x="0.66390665"
+             ry="3.9522502"
+             y="-107.69034"
+             x="4.8100815"
+             height="14.288903"
+             width="14.288903"
+             id="rect4168-1-1"
+             style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:3.75875854;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+             inkscape:transform-center-y="3.7035412e-06" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

src/index.html

@@ -0,0 +1,186 @@
+<!DOCTYPE html>
+<html ng-app="Application" ng-controller="MainController">
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />
+
+    <!-- this gets changed once we get the config (because angular has not loaded yet, we see template string for a flash) -->
+    <title> Cloudron </title>
+
+    <link id="favicon" type="image/png" rel="icon" href="/api/v1/cloudron/avatar">
+    <link rel="apple-touch-icon" href="/api/v1/cloudron/avatar">
+    <link rel="icon" href="/api/v1/cloudron/avatar">
+
+    <!-- CSS -->
+    <link type="text/css" rel="stylesheet" href="/3rdparty/slick.css?<%= revision %>"/>
+    <link type="text/css" rel="stylesheet" href="/3rdparty/angular-ui-notification.css?<%= revision %>"/>
+    <link type="text/css" rel="stylesheet" href="/3rdparty/bootstrap-slider/bootstrap-slider.min.css?<%= revision %>"/>
+    <link type="text/css" rel="stylesheet" href="/theme.css?<%= revision %>">
+
+    <!-- Custom Fonts -->
+    <link type="text/css" rel="stylesheet" href="/3rdparty/fontawesome/css/all.min.css?<%= revision %>">
+
+    <!-- jQuery-->
+    <script type="text/javascript" src="/3rdparty/js/jquery.min.js?<%= revision %>"></script>
+
+    <!-- toBlob() polyfill-->
+    <script type="text/javascript" src="/3rdparty/js/canvas-to-blob.min.js?<%= revision %>"></script>
+
+    <!-- Bootstrap Core JavaScript -->
+    <script type="text/javascript" src="/3rdparty/js/bootstrap.min.js?<%= revision %>"></script>
+
+    <!-- Slick carousel -->
+    <script type="text/javascript" src="/3rdparty/js/slick.js?<%= revision %>"></script>
+
+    <!-- Angularjs scripts -->
+    <script type="text/javascript" src="/3rdparty/js/angular.min.js?<%= revision %>"></script>
+    <script type="text/javascript" src="/3rdparty/js/angular-loader.min.js?<%= revision %>"></script>
+    <script type="text/javascript" src="/3rdparty/js/angular-route.min.js?<%= revision %>"></script>
+    <script type="text/javascript" src="/3rdparty/js/angular-animate.min.js?<%= revision %>"></script>
+    <script type="text/javascript" src="/3rdparty/js/angular-base64.min.js?<%= revision %>"></script>
+    <script type="text/javascript" src="/3rdparty/js/angular-md5.min.js?<%= revision %>"></script>
+    <script type="text/javascript" src="/3rdparty/js/angular-sanitize.min.js?<%= revision %>"></script>
+    <script type="text/javascript" src="/3rdparty/js/angular-slick.min.js?<%= revision %>"></script>
+    <script type="text/javascript" src="/3rdparty/js/angular-ui-notification.js?<%= revision %>"></script>
+    <script type="text/javascript" src="/3rdparty/js/angular-fittext.min.js?<%= revision %>"></script>
+    <script type="text/javascript" src="/3rdparty/js/autofill-event.js?<%= revision %>"></script>
+
+    <!-- Angular directives for tldjs -->
+    <script type="text/javascript" src="/3rdparty/js/tld.js?<%= revision %>"></script>
+    <script type="text/javascript" src="/3rdparty/js/angular-tld.js?<%= revision %>"></script>
+
+    <!-- Angular directives for bootstrap https://angular-ui.github.io/bootstrap/ -->
+    <script type="text/javascript" src="/3rdparty/js/ui-bootstrap-tpls-1.3.3.min.js?<%= revision %>"></script>
+
+    <script type="text/javascript" src="/3rdparty/js/Chart.min.js?<%= revision %>"></script>
+    <script type="text/javascript" src="/3rdparty/js/ansi_up.js?<%= revision %>"></script>
+    <script type="text/javascript" src="/3rdparty/js/clipboard.min.js?<%= revision %>"></script>
+
+    <!-- Showdown (markdown converter) -->
+    <script type="text/javascript" src="/3rdparty/js/showdown-1.6.4.min.js?<%= revision %>"></script>
+    <script type="text/javascript" src="/3rdparty/js/showdown-target-blank.min.js?<%= revision %>"></script>
+
+    <!-- Bootstrap slider -->
+    <script type="text/javascript" src="/3rdparty/bootstrap-slider/bootstrap-slider.min.js?<%= revision %>"></script>
+    <script type="text/javascript" src="/3rdparty/bootstrap-slider/slider.js?<%= revision %>"></script>
+
+    <!-- Anugular Multiselect https://github.com/sebastianha/angular-bootstrap-multiselect -->
+    <script type="text/javascript" src="/3rdparty/js/angular-bootstrap-multiselect.js?<%= revision %>"></script>
+
+    <!-- colors -->
+    <script type="text/javascript" src="/3rdparty/js/colors.js?<%= revision %>"></script>
+
+    <!-- moment -->
+    <script type="text/javascript" src="/3rdparty/js/moment.min.js?<%= revision %>"></script>
+
+    <!-- Main Application -->
+    <script type="text/javascript" src="/js/index.js?<%= revision %>"></script>
+
+</head>
+
+<body>
+
+    <script type="text/ng-template" id="notification.html">
+        <div class="ui-notification">
+            <h3 ng-show="title" ng-bind-html="title"></h3>
+            <div class="message">
+                <a href="{{action}}" ng-show="action" ng-bind-html="message"></a>
+                <span ng-hide="action" ng-bind-html="message"></span>
+            </div>
+        </div>
+    </script>
+
+    <div class="offline-banner animateMe" ng-show="client.offline"><i class="fa fa-circle-notch fa-spin"></i> Cloudron is offline. Reconnecting...</div>
+
+    <!-- Modal setup subscription -->
+    <div class="modal fade" id="setupSubscriptionModal" tabindex="-1" role="dialog">
+        <div class="modal-dialog">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <button type="button" class="close" data-dismiss="modal">&times;</button>
+                    <h4 class="modal-title">Setup Subscription</h4>
+                </div>
+                <div class="modal-body">
+                    <p ng-show="config.update.box">
+                        You can update to the next version once you have <a ng-href="{{ config.webServerOrigin + '/console.html#/userprofile?view=subscriptions&email=' + subscription.emailEncoded + '&cloudronId=' + subscription.cloudronId }}" target="_blank">setup billing</a>.
+                    </p>
+                    <p>
+                        Our paid plans allow you to install unlimited standard and premium apps.
+                </div>
+                <div class="modal-footer">
+                    <a class="btn btn-success" ng-click="waitForPlanSelection()" ng-href="{{ config.webServerOrigin + '/console.html#/userprofile?view=subscriptions&email=' + subscription.emailEncoded + '&cloudronId=' + subscription.cloudronId }}" target="_blank" ng-disabled="waitingForPlanSelection"><i class="fa fa-circle-notch fa-spin" ng-show="waitingForPlanSelection"></i> Setup Subscription</a>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="animateMe ng-hide layout-root" ng-show="initialized">
+
+        <!-- Navigation -->
+        <nav class="navbar navbar-default navbar-static-top shadow" role="navigation" style="margin-bottom: 0">
+            <div class="container-fluid">
+                <div class="navbar-header">
+                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+                        <span class="sr-only">Toggle navigation</span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                        <span class="icon-bar"></span>
+                    </button>
+                    <a class="navbar-brand navbar-brand-icon" href="#/"><img ng-src="{{ client.avatar }}" width="40" height="40"/></a>
+                    <a class="navbar-brand" href="#/">{{ config.cloudronName || 'Cloudron' }}</a>
+                </div>
+                <!-- /.navbar-header -->
+
+                <div class="collapse navbar-collapse">
+                    <ul class="nav navbar-nav navbar-right" ng-hide="hideNavBarActions">
+                        <li ng-show="subscription.plan && subscription.plan.id === 'free'">
+                            <a ng-href="" ng-click="showSubscriptionModal()" style="cursor: pointer">
+                                <span class="badge badge-success">Setup Subscription</span>
+                            </a>
+                        </li>
+                        <li>
+                            <a ng-class="{ active: isActive('/apps')}" href="#/apps"><i class="fa fa-cloud-download-alt fa-fw"></i> My Apps</a>
+                        </li>
+                        <li ng-show="user.admin">
+                            <a ng-class="{ active: isActive('/appstore')}" href="#/appstore"><i class="fa fa-th fa-fw"></i> App Store</a>
+                        </li>
+                        <li ng-show="user.admin">
+                            <a ng-class="{ active: isActive('/users')}" href="#/users"><i class="fa fa-users fa-fw"></i> Users</a>
+                        </li>
+                        <li class="dropdown">
+                            <a href="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><img ng-src="{{user.gravatar}}" style="margin-top: -4px;"/> {{user.username}} <span class="badge badge-danger" ng-show="notifications.length">{{ notifications.length }}</span> <span class="caret"></span></a>
+                            <ul class="dropdown-menu" role="menu">
+                                <li><a href="#/account"><i class="fa fa-user fa-fw"></i> Account</a></li>
+                                <!-- <li ng-show="user.admin"><a href="#/tokens"><i class="fa fa-key fa-fw"></i> API Access</a></li> -->
+                                <li ng-show="user.admin"><a href="#/backups"><i class="fa fa-archive fa-fw"></i> Backups</a></li>
+                                <li ng-show="user.admin"><a href="#/domains"><i class="fa fa-globe fa-fw"></i> Domains & Certs</a></li>
+                                <li ng-show="user.admin"><a href="#/email"><i class="fa fa-envelope fa-fw"></i> Email</a></li>
+                                <li ng-show="user.admin"><a href="#/activity"><i class="fa fa-list-alt fa-fw"></i> Event Log</a></li>
+                                <li ng-show="user.admin"><a href="#/graphs"><i class="fa fa-chart-bar fa-fw"></i> Graphs</a></li>
+                                <li><a href="#/notifications"><i class="fa fa-bell fa-fw"></i> Notifications <span class="badge badge-danger pull-right" ng-show="notifications.length">{{ notifications.length }}</span></a></li>
+                                <li ng-show="user.admin"><a href="#/settings"><i class="fa fa-wrench fa-fw"></i> Settings</a></li>
+                                <li ng-show="user.admin" class="divider"></li>
+                                <li ng-show="user.admin"><a href="#/support"><i class="fa fa-comment fa-fw"></i> Support</a></li>
+                                <li ng-show="user.admin"><a href="#/system"><i class="fa fa-cogs fa-fw"></i> System</a></li>
+                                <li class="divider"></li>
+                                <li><a href="" ng-click="logout($event)"><i class="fa fa-sign-out-alt fa-fw"></i> Logout</a></li>
+                            </ul>
+                        </li>
+                    </ul>
+
+                </div>
+            </div>
+        </nav>
+
+        <div ng-view id="ng-view" class="layout-content"></div>
+
+        <footer class="text-center ng-cloak">
+            <span class="text-muted">&copy; 2019 <a href="https://cloudron.io" target="_blank">Cloudron</a></span>
+            <span class="text-muted"> v{{config.version}}</span>
+            <span class="text-muted"><a href="https://twitter.com/cloudron_io" target="_blank">Twitter <i class="fab fa-twitter"></i></a></span>
+            <span class="text-muted"><a href="https://forum.cloudron.io" target="_blank">Forum <i class="fa fa-comments"></i></a></span>
+        </footer>
+    </div>
+
+</body>
+</html>

src/js/index.js

@@ -2,6 +2,8 @@
 
 /* global angular:false */
 /* global showdown:false */
+/* global moment:false */
+/* global $:false */
 
 // deal with accessToken in the query, this is passed for example on password reset and account setup upon invite
 var search = decodeURIComponent(window.location.search).slice(1).split('&').map(function (item) { return item.split('='); }).reduce(function (o, k) { o[k[0]] = k[1]; return o; }, {});
@@ -16,6 +18,64 @@ if (search.accessToken) {
     window.location.search = encodeURIComponent(Object.keys(search).map(function (key) { return key + '=' + search[key]; }).join('&'));
 }
 
+// poor man's async in the global namespace
+    function asyncForEachParallel(items, handler, callback) {
+    var alreadyDone = 0;
+    var errored = false;
+
+    if (items.length === 0) return callback();
+
+    function done(error) {
+        // do nothing if already called back due to error
+        if (errored) return;
+
+        if (error) {
+            errored = true;
+            return callback(error);
+        }
+
+        ++alreadyDone;
+
+        // we are done
+        if (alreadyDone === items.length) callback();
+    }
+
+    for (var i = 0; i < items.length; ++i) {
+        handler(items[i], done);
+    }
+}
+
+function asyncForEach(items, handler, callback) {
+    var cur = 0;
+
+    if (items.length === 0) return callback();
+
+    (function iterator() {
+        handler(items[cur], function (error) {
+            if (error) return callback(error);
+            if (cur >= items.length-1) return callback();
+            ++cur;
+
+            iterator();
+        });
+    })();
+}
+
+function asyncSeries(funcs, callback) {
+    var cur = 0;
+
+    if (funcs.length === 0) return callback();
+
+    (function iterator() {
+        funcs[cur](function (error) {
+            if (error) return callback(error);
+            if (cur >= funcs.length-1) return callback();
+            ++cur;
+
+            iterator();
+        });
+    })();
+}
 
 // create main application module
 var app = angular.module('Application', ['ngFitText', 'ngRoute', 'ngAnimate', 'ngSanitize', 'angular-md5', 'base64', 'slick', 'ui-notification', 'ui.bootstrap', 'ui.bootstrap-slider', 'ngTld', 'ui.multiselect']);
@@ -25,7 +85,6 @@ app.config(['NotificationProvider', function (NotificationProvider) {
         delay: 5000,
         startTop: 60,
         positionX: 'left',
-        maxCount: 3,
         templateUrl: 'notification.html'
     });
 }]);
@@ -36,40 +95,52 @@ app.config(['$routeProvider', function ($routeProvider) {
         redirectTo: '/apps'
     }).when('/users', {
         controller: 'UsersController',
-        templateUrl: 'views/users.html'
+        templateUrl: 'views/users.html?<%= revision %>'
     }).when('/appstore', {
         controller: 'AppStoreController',
-        templateUrl: 'views/appstore.html'
+        templateUrl: 'views/appstore.html?<%= revision %>'
     }).when('/appstore/:appId', {
         controller: 'AppStoreController',
-        templateUrl: 'views/appstore.html'
+        templateUrl: 'views/appstore.html?<%= revision %>'
     }).when('/apps', {
         controller: 'AppsController',
-        templateUrl: 'views/apps.html'
+        templateUrl: 'views/apps.html?<%= revision %>'
     }).when('/account', {
         controller: 'AccountController',
-        templateUrl: 'views/account.html'
+        templateUrl: 'views/account.html?<%= revision %>'
+    }).when('/backups', {
+        controller: 'BackupsController',
+        templateUrl: 'views/backups.html?<%= revision %>'
     }).when('/graphs', {
         controller: 'GraphsController',
-        templateUrl: 'views/graphs.html'
+        templateUrl: 'views/graphs.html?<%= revision %>'
     }).when('/domains', {
         controller: 'DomainsController',
-        templateUrl: 'views/domains.html'
+        templateUrl: 'views/domains.html?<%= revision %>'
     }).when('/email', {
         controller: 'EmailController',
-        templateUrl: 'views/email.html'
+        templateUrl: 'views/email.html?<%= revision %>'
+    }).when('/email/:domain', {
+        controller: 'EmailController',
+        templateUrl: 'views/email.html?<%= revision %>'
+    }).when('/notifications', {
+        controller: 'NotificationsController',
+        templateUrl: 'views/notifications.html?<%= revision %>'
     }).when('/settings', {
         controller: 'SettingsController',
-        templateUrl: 'views/settings.html'
+        templateUrl: 'views/settings.html?<%= revision %>'
     }).when('/activity', {
         controller: 'ActivityController',
-        templateUrl: 'views/activity.html'
+        templateUrl: 'views/activity.html?<%= revision %>'
     }).when('/support', {
         controller: 'SupportController',
-        templateUrl: 'views/support.html'
+        templateUrl: 'views/support.html?<%= revision %>'
+    }).when('/system', {
+        controller: 'SystemController',
+        templateUrl: 'views/system.html?<%= revision %>'
     }).when('/tokens', {
         controller: 'TokensController',
-        templateUrl: 'views/tokens.html'
+        templateUrl: 'views/tokens.html?<%= revision %>'
     }).otherwise({ redirectTo: '/'});
 }]);
 
@@ -111,6 +182,12 @@ app.filter('installSuccess', function () {
     };
 });
 
+app.filter('appIsInstalledAndHealthy', function () {
+    return function (app) {
+        return (app.installationState === ISTATES.INSTALLED && app.health === HSTATES.HEALTHY);
+    }
+});
+
 app.filter('activeOAuthClients', function () {
     return function (clients, user) {
         return clients.filter(function (c) { return user.admin || (c.activeTokens && c.activeTokens.length > 0); });
@@ -120,7 +197,7 @@ app.filter('activeOAuthClients', function () {
 app.filter('prettyAppMessage', function () {
     return function (message) {
         if (message === 'ETRYAGAIN') return 'The DNS record for this location is not setup correctly. Please verify your DNS settings and repair this app.';
-        if (message === 'DNS Record already exists') return 'The DNS record for this location already exists. Manually remove the DNS record and then click on repair.';
+        if (message === 'DNS Record already exists') return 'The DNS record for this location already exists. Cloudron does not remove existing DNS records. Manually remove the DNS record and then click on repair.';
         return message;
     };
 });
@@ -132,6 +209,36 @@ app.filter('shortAppMessage', function () {
     };
 });
 
+app.filter('selectedTagFilter', function () {
+    return function selectedTagFilter(apps, selectedTags) {
+        return apps.filter(function (app) {
+            if (selectedTags.length === 0) return true;
+
+            return !!selectedTags.find(function (tag) {
+                return !app.tags ? false : (app.tags.indexOf(tag) !== -1);
+            });
+        });
+    };
+});
+
+app.filter('selectedDomainFilter', function () {
+    return function selectedDomainFilter(apps, selectedDomains) {
+        return apps.filter(function (app) {
+            if (selectedDomains.length === 0) return true;
+
+            return !!selectedDomains.find(function (domain) {
+                return app.domain === domain.domain;
+            });
+        });
+    };
+});
+
+app.filter('prettyDomains', function () {
+    return function prettyDomains(domains) {
+        return domains.map(function (d) { return d.domain; }).join(', ');
+    };
+});
+
 app.filter('prettyMemory', function () {
     return function (memory) {
         // Adjust the default memory limit if it changes
@@ -169,7 +276,9 @@ app.filter('installationStateLabel', function() {
         case ISTATES.PENDING_BACKUP: return 'Backing up' + waiting;
         case ISTATES.ERROR: return detailedError(app);
         case ISTATES.INSTALLED: {
-            if (app.runState === 'running') {
+            if (app.debugMode) {
+                return app.debugMode.readonlyRootfs ? 'Paused (Repair)' : 'Paused (Debug)';
+            } else if (app.runState === 'running') {
                 if (!app.health) return 'Starting...'; // no data yet
                 if (app.health === HSTATES.HEALTHY) return 'Running';
                 return 'Not responding'; // dead/exit/unhealthy
@@ -177,7 +286,6 @@ app.filter('installationStateLabel', function() {
             else if (app.runState === 'pending_stop') return 'Stopping...';
             else if (app.runState === 'stopped') return 'Stopped';
             else return app.runState;
-            break;
         }
         default: return app.installationState;
         }
@@ -200,18 +308,9 @@ app.filter('inProgressApps', function () {
     };
 });
 
-app.filter('ignoreAdminGroup', function () {
-    return function (groups) {
-        return groups.filter(function (group) {
-            if (group.id) return group.id !== 'admin';
-            return group !== 'admin';
-        });
-    };
-});
-
 app.filter('applicationLink', function() {
     return function(app) {
-        if (app.installationState === ISTATES.INSTALLED && app.health === HSTATES.HEALTHY) {
+        if (app.installationState === ISTATES.INSTALLED && app.health === HSTATES.HEALTHY && !app.pendingPostInstallConfirmation) {
             return 'https://' + app.fqdn;
         } else {
             return '';
@@ -252,6 +351,18 @@ app.filter('prettyDate', function () {
     };
 });
 
+app.filter('prettyLongDate', function () {
+    return function prettyLongDate(time) {
+        return moment(time).format('MMMM Do YYYY, h:mm:ss a');
+    };
+});
+
+app.filter('prettyShortDate', function () {
+    return function prettyShortDate(time) {
+        return moment(time).format('MMMM Do YYYY');
+    };
+});
+
 app.filter('markdown2html', function () {
     var converter = new showdown.Converter({
         extensions: ['targetblank'],
@@ -287,50 +398,246 @@ app.filter('postInstallMessage', function () {
 
 // keep this in sync with eventlog.js and CLI tool
 var ACTION_ACTIVATE = 'cloudron.activate';
+var ACTION_PROVISION = 'cloudron.provision';
+var ACTION_RESTORE = 'cloudron.restore';
+var ACTION_APP_CLONE = 'app.clone';
 var ACTION_APP_CONFIGURE = 'app.configure';
 var ACTION_APP_INSTALL = 'app.install';
 var ACTION_APP_RESTORE = 'app.restore';
 var ACTION_APP_UNINSTALL = 'app.uninstall';
 var ACTION_APP_UPDATE = 'app.update';
 var ACTION_APP_LOGIN = 'app.login';
+var ACTION_APP_OOM = 'app.oom';
+var ACTION_APP_UP = 'app.up';
+var ACTION_APP_DOWN = 'app.down';
+var ACTION_APP_TASK_CRASH = 'app.task.crash';
+
 var ACTION_BACKUP_FINISH = 'backup.finish';
 var ACTION_BACKUP_START = 'backup.start';
-var ACTION_BACKUP_CLEANUP = 'backup.cleanup';
+var ACTION_BACKUP_CLEANUP_START = 'backup.cleanup.start';
+var ACTION_BACKUP_CLEANUP_FINISH = 'backup.cleanup.finish';
+var ACTION_CERTIFICATE_NEW = 'certificate.new';
 var ACTION_CERTIFICATE_RENEWAL = 'certificate.renew';
-var ACTION_CLI_MODE = 'settings.climode';
+
+var ACTION_DASHBOARD_DOMAIN_UPDATE = 'dashboard.domain.update';
+
+var ACTION_DOMAIN_ADD = 'domain.add';
+var ACTION_DOMAIN_UPDATE = 'domain.update';
+var ACTION_DOMAIN_REMOVE = 'domain.remove';
+
 var ACTION_START = 'cloudron.start';
 var ACTION_UPDATE = 'cloudron.update';
 var ACTION_USER_ADD = 'user.add';
 var ACTION_USER_LOGIN = 'user.login';
 var ACTION_USER_REMOVE = 'user.remove';
 var ACTION_USER_UPDATE = 'user.update';
+var ACTION_USER_TRANSFER = 'user.transfer';
+
+var ACTION_MAIL_ENABLED = 'mail.enabled';
+var ACTION_MAIL_DISABLED = 'mail.disabled';
+var ACTION_MAIL_MAILBOX_ADD = 'mail.box.add';
+var ACTION_MAIL_MAILBOX_REMOVE = 'mail.box.remove';
+var ACTION_MAIL_LIST_ADD = 'mail.list.add';
+var ACTION_MAIL_LIST_REMOVE = 'mail.list.remove';
+
+var ACTION_DYNDNS_UPDATE = 'dyndns.update';
+
+var ACTION_SYSTEM_CRASH = 'system.crash';
+
+app.filter('eventLogSource', ['Client', function (Client) {
+    return function(eventLog) {
+        var source = eventLog.source;
+        var line = '';
+
+        line = source.username || source.userId || source.authType || 'system';
+        if (source.appId) {
+            var app = Client.getCachedAppSync(source.appId);
+            line += ' - ' + (app ? app.fqdn : source.appId);
+        } else if (source.ip) {
+            line += ' - ' + source.ip;
+        }
+
+        return line;
+    };
+}]);
 
 app.filter('eventLogDetails', function() {
     // NOTE: if you change this, the CLI tool (cloudron machine eventlog) probably needs fixing as well
     return function(eventLog) {
-        var source = eventLog.source;
         var data = eventLog.data;
         var errorMessage = data.errorMessage;
+        var details;
 
+        switch (eventLog.action) {
+        case ACTION_ACTIVATE:
+            return 'Cloudron was activated';
+
+        case ACTION_PROVISION:
+            return 'Cloudron was setup';
+
+        case ACTION_RESTORE:
+            return 'Cloudron was restored from backup ' + data.backupId;
+
+        case ACTION_APP_CONFIGURE:
+            if (!data.app) return '';
+            return data.app.manifest.title + ' was re-configured at ' + (data.app.fqdn || data.app.location);
+
+        case ACTION_APP_INSTALL:
+            if (!data.app) return '';
+            return data.app.manifest.title + ' (package v' + data.app.manifest.version + ') was installed at ' + (data.app.fqdn || data.app.location);
+
+        case ACTION_APP_RESTORE:
+            if (!data.app) return '';
+            details = data.app.manifest.title + ' was restored at ' + (data.app.fqdn || data.app.location);
+            // older versions  (<3.5) did not have these fields
+            if (data.fromManifest) details += ' from version ' + data.fromManifest.version;
+            if (data.toManifest) details += ' to version ' + data.toManifest.version;
+            if (data.backupId) details += ' using backup ' + data.backupId;
+            return details;
+
+        case ACTION_APP_UNINSTALL:
+            if (!data.app) return '';
+            return data.app.manifest.title + ' (package v' + data.app.manifest.version + ') was uninstalled at ' + (data.app.fqdn || data.app.location);
+
+        case ACTION_APP_UPDATE:
+            if (!data.app) return '';
+            return data.app.manifest.title + ' at ' + (data.app.fqdn || data.app.location) + ' was updated from v' + data.fromManifest.version + ' to v' + data.toManifest.version;
+
+        case ACTION_APP_CLONE:
+            return data.newApp.manifest.title + ' at ' + (data.newApp.fqdn || data.newApp.location) + ' was cloned from ' + (data.oldApp.fqdn || data.oldApp.location) + ' from backup ' + data.backupId + ' with v' + data.oldApp.manifest.version;
+
+        case ACTION_APP_LOGIN:
+            return 'App ' + data.appId + ' logged in';
+
+        case ACTION_APP_OOM:
+            return data.app.manifest.title + ' ran out of memory';
+
+        case ACTION_APP_DOWN:
+            return data.app.manifest.title + ' is down';
+
+        case ACTION_APP_UP:
+            return data.app.manifest.title + ' is back online';
+
+        case ACTION_APP_TASK_CRASH:
+            return 'Apptask for app with id ' + data.appId + ' crashed';
+
+        case ACTION_BACKUP_START:
+            return 'Backup started';
+
+        case ACTION_BACKUP_FINISH:
+            return 'Backup finished' + (errorMessage ? (' error: ' + errorMessage) : '');
+
+        case ACTION_BACKUP_CLEANUP_START:
+            return 'Backup cleaner started';
+
+        case ACTION_BACKUP_CLEANUP_FINISH:
+            return data.errorMessage ? 'Backup cleaner errored: ' + data.errorMessage : 'Backup cleaner removed ' + data.removedBoxBackups.length + ' backups';
+
+        case ACTION_CERTIFICATE_NEW:
+            return 'Certificate install for ' + data.domain + (errorMessage ? ' failed' : ' succeeded');
+
+        case ACTION_CERTIFICATE_RENEWAL:
+            return 'Certificate renewal for ' + data.domain + (errorMessage ? ' failed' : ' succeeded');
+
+        case ACTION_DASHBOARD_DOMAIN_UPDATE:
+            return 'Dashboard domain set to ' + data.fqdn;
+
+        case ACTION_DOMAIN_ADD:
+            return 'Domain ' + data.domain + ' with ' + data.provider + ' provider was added';
+
+        case ACTION_DOMAIN_UPDATE:
+            return 'Domain ' + data.domain + ' with ' + data.provider + ' provider was updated';
+
+        case ACTION_DOMAIN_REMOVE:
+            return 'Domain ' + data.domain + ' was removed';
+
+        case ACTION_MAIL_ENABLED:
+            return 'Cloudron Mail was enabled for domain ' + data.domain;
+
+        case ACTION_MAIL_DISABLED:
+            return 'Cloudron Mail was disabled for domain ' + data.domain;
+
+        case ACTION_MAIL_MAILBOX_ADD:
+            return 'Mailbox with name ' + data.name + ' was added in domain ' + data.domain;
+
+        case ACTION_MAIL_MAILBOX_REMOVE:
+            return 'Mailbox with name ' + data.name + ' was removed in domain ' + data.domain;
+
+        case ACTION_MAIL_LIST_ADD:
+            return 'Mail list with name ' + data.name + ' was added in domain ' + data.domain;
+
+        case ACTION_MAIL_LIST_REMOVE:
+            return 'Mail list with name ' + data.name + ' was added in domain ' + data.domain;
+
+        case ACTION_START:
+            return 'Cloudron started with version ' + data.version;
+
+        case ACTION_UPDATE:
+            return 'Cloudron was updated to version ' + data.boxUpdateInfo.version;
+
+        case ACTION_USER_ADD:
+            return data.email + (data.user.username ? ' (' + data.user.username + ')' : '') + ' was added';
+
+        case ACTION_USER_UPDATE:
+            return (data.user ? (data.user.email + (data.user.username ? ' (' + data.user.username + ')' : '')) : data.userId) + ' was updated';
+
+        case ACTION_USER_REMOVE:
+            return (data.user ? (data.user.email + (data.user.username ? ' (' + data.user.username + ')' : '')) : data.userId) + ' was removed';
+
+        case ACTION_USER_TRANSFER:
+            return 'Apps of ' + data.oldOwnerId + ' was transferred to ' + data.newOwnerId;
+
+        case ACTION_USER_LOGIN:
+            return (data.user ? (data.user.email + (data.user.username ? ' (' + data.user.username + ')' : '')) : data.userId) + ' logged in';
+
+        case ACTION_DYNDNS_UPDATE:
+            return 'DNS was updated from ' + data.fromIp + ' to ' + data.toIp;
+
+        case ACTION_SYSTEM_CRASH:
+            return 'A system process crashed';
+
+        default: return eventLog.action;
+        }
+    };
+});
+
+app.filter('eventLogAction', function() {
+    return function(eventLog) {
         switch (eventLog.action) {
         case ACTION_ACTIVATE: return 'Cloudron activated';
-        case ACTION_APP_CONFIGURE: return 'App ' + data.appId + ' was configured';
-        case ACTION_APP_INSTALL: return 'App ' + data.manifest.id + '@' + data.manifest.version + ' installed at ' + data.location + ' with id ' + data.appId;
-        case ACTION_APP_RESTORE: return 'App ' + data.appId + ' restored';
-        case ACTION_APP_UNINSTALL: return 'App ' + data.appId + ' uninstalled';
-        case ACTION_APP_UPDATE: return 'App ' + data.appId + ' updated to version ' + data.toManifest.id + '@' + data.toManifest.version;
-        case ACTION_APP_LOGIN: return 'App ' + data.appId + ' logged in';
+        case ACTION_RESTORE: return 'Cloudron restored';
+        case ACTION_PROVISION: return 'Cloudron provisioned';
+
+        case ACTION_APP_CONFIGURE: return 'App configured';
+        case ACTION_APP_INSTALL: return 'App installed';
+        case ACTION_APP_RESTORE: return 'App restored';
+        case ACTION_APP_UNINSTALL: return 'App  uninstalled';
+        case ACTION_APP_UPDATE: return 'App updated';
+        case ACTION_APP_CLONE: return 'App cloned';
+        case ACTION_APP_LOGIN: return 'App login';
         case ACTION_BACKUP_START: return 'Backup started';
-        case ACTION_BACKUP_FINISH: return 'Backup finished. ' + (errorMessage ? ('error: ' + errorMessage) : ('id: ' + data.filename));
-        case ACTION_BACKUP_CLEANUP: return 'Backup ' + data.backup.id + ' removed';
-        case ACTION_CERTIFICATE_RENEWAL: return 'Certificate renewal for ' + data.domain + (errorMessage ? ' failed' : 'succeeded');
-        case ACTION_CLI_MODE: return 'CLI mode was ' + (data.enabled ? 'enabled' : 'disabled');
-        case ACTION_START: return 'Cloudron started with version ' + data.version;
-        case ACTION_UPDATE: return 'Updating to version ' + data.boxUpdateInfo.version;
-        case ACTION_USER_ADD: return 'User ' + data.email + ' added with id ' + data.userId;
-        case ACTION_USER_LOGIN: return 'User ' + data.userId + ' logged in';
-        case ACTION_USER_REMOVE: return 'User ' + data.userId + ' removed';
-        case ACTION_USER_UPDATE: return 'User ' + data.userId + ' updated';
+        case ACTION_BACKUP_FINISH: return 'Backup finished';
+        case ACTION_BACKUP_CLEANUP_START: return 'Backup cleaner started';
+        case ACTION_BACKUP_CLEANUP_FINISH: return 'Backup cleaner finished';
+        case ACTION_CERTIFICATE_NEW: return 'Certificated installed';
+        case ACTION_CERTIFICATE_RENEWAL: return 'Certificate renewal';
+        case ACTION_DASHBOARD_DOMAIN_UPDATE: return 'Dashboard domain updated';
+        case ACTION_DOMAIN_ADD: return 'Domain added';
+        case ACTION_DOMAIN_UPDATE: return 'Domain updated';
+        case ACTION_DOMAIN_REMOVE: return 'Domain removed';
+        case ACTION_MAIL_ENABLED: return 'Mail enabled';
+        case ACTION_MAIL_DISABLED: return 'Mail disabled';
+        case ACTION_MAIL_MAILBOX_ADD: return 'Mailbox added';
+        case ACTION_MAIL_MAILBOX_REMOVE: return 'Mailbox removed';
+        case ACTION_MAIL_LIST_ADD: return 'Mail list added';
+        case ACTION_MAIL_LIST_REMOVE: return 'Mail list removed';
+        case ACTION_START: return 'Cloudron started';
+        case ACTION_UPDATE: return 'Cloudron updated';
+        case ACTION_USER_ADD: return 'User added';
+        case ACTION_USER_LOGIN: return 'User login';
+        case ACTION_USER_REMOVE: return 'User removed';
+        case ACTION_USER_UPDATE: return 'User updated';
+        case ACTION_DYNDNS_UPDATE: return 'DNS Updated';
         default: return eventLog.action;
         }
     };
@@ -375,7 +682,7 @@ app.run(['$route', '$rootScope', '$location', function ($route, $rootScope, $loc
 app.directive('ngClickSelect', function () {
     return {
         restrict: 'AC',
-        link: function (scope, element, attrs) {
+        link: function (scope, element/*, attrs */) {
             element.bind('click', function () {
                 var selection = window.getSelection();
                 var range = document.createRange();

src/js/logs.js

@@ -0,0 +1,184 @@
+'use strict';
+
+/* global moment */
+
+// create main application module
+var app = angular.module('Application', ['angular-md5', 'ui-notification']);
+
+app.controller('LogsController', ['$scope', '$timeout', '$location', 'Client', function ($scope, $timeout, $location, Client) {
+    var search = decodeURIComponent(window.location.search).slice(1).split('&').map(function (item) { return item.split('='); }).reduce(function (o, k) { o[k[0]] = k[1]; return o; }, {});
+
+    $scope.initialized = false;
+    $scope.client = Client;
+    $scope.selected = '';
+    $scope.activeEventSource = null;
+    $scope.lines = 100;
+    $scope.selectedAppInfo = null;
+    $scope.selectedTaskInfo = null;
+
+    $scope.error = function (error) {
+        console.error(error);
+        window.location.href = '/error.html';
+    };
+
+    function ab2str(buf) {
+        return String.fromCharCode.apply(null, new Uint16Array(buf));
+    }
+
+    $scope.clear = function () {
+        var logViewer = $('.logs-container');
+        logViewer.empty();
+    };
+
+    // https://github.com/janl/mustache.js/blob/master/mustache.js#L60
+    var entityMap = {
+        '&': '&',
+        '<': '&lt;',
+        '>': '&gt;',
+        '"': '&quot;',
+        "'": '&#39;',
+        '/': '&#x2F;',
+        '`': '&#x60;',
+        '=': '&#x3D;'
+    };
+
+    function escapeHtml(string) {
+        return String(string).replace(/[&<>"'`=\/]/g, function fromEntityMap (s) {
+            return entityMap[s];
+        });
+    }
+
+    function showLogs() {
+        if (!$scope.selected) return;
+
+        var func;
+        if ($scope.selected.type === 'platform') func = Client.getPlatformLogs;
+        else if ($scope.selected.type === 'service') func = Client.getServiceLogs;
+        else if ($scope.selected.type === 'task') func = Client.getTaskLogs;
+        else if ($scope.selected.type === 'app') func = Client.getAppLogs;
+
+        func($scope.selected.value, true /* follow */, $scope.lines, function handleLogs(error, result) {
+            if (error) return console.error(error);
+
+            $scope.activeEventSource = result;
+            result.onmessage = function handleMessage(message) {
+                var data;
+
+                try {
+                    data = JSON.parse(message.data);
+                } catch (e) {
+                    return console.error(e);
+                }
+
+                // check if we want to auto scroll (this is before the appending, as that skews the check)
+                var tmp = $('.logs-container');
+                var autoScroll = tmp[0].scrollTop > (tmp[0].scrollHeight - tmp.innerHeight() - 24);
+
+                var logLine = $('<div class="log-line">');
+                var timeString = moment.utc(data.realtimeTimestamp/1000).format('MMM DD HH:mm:ss');
+                logLine.html('<span class="time">' + timeString + ' </span>' + window.ansiToHTML(escapeHtml(typeof data.message === 'string' ? data.message : ab2str(data.message))));
+                tmp.append(logLine);
+
+                if (autoScroll) tmp[0].lastChild.scrollIntoView({ behavior: 'instant', block: 'end' });
+            };
+        });
+    }
+
+    function select(ids, callback) {
+        if (ids.id) {
+            var BUILT_IN_LOGS = [
+                { name: 'Box', type: 'platform', value: 'box', url: Client.makeURL('/api/v1/cloudron/logs/box') },
+                { name: 'MongoDB', type: 'service', value: 'mongodb', url: Client.makeURL('/api/v1/services/mongodb/logs') },
+                { name: 'MySQL', type: 'service', value: 'mysql', url: Client.makeURL('/api/v1/services/mysql/logs') },
+                { name: 'PostgreSQL', type: 'service', value: 'postgresql', url: Client.makeURL('/api/v1/services/postgresql/logs') },
+                { name: 'Mail', type: 'service', value: 'mail', url: Client.makeURL('/api/v1/services/mail/logs') },
+                { name: 'Docker', type: 'service', value: 'docker', url: Client.makeURL('/api/v1/services/docker/logs') },
+                { name: 'Unbound', type: 'service', value: 'unbound', url: Client.makeURL('/api/v1/services/unbound/logs') },
+                { name: 'SFTP', type: 'service', value: 'sftp', url: Client.makeURL('/api/v1/services/sftp/logs') },
+            ];
+
+            $scope.selected = BUILT_IN_LOGS.find(function (e) { return e.value === ids.id; });
+            callback();
+        } else if (ids.crashId) {
+            $scope.selected = {
+                type: 'platform',
+                value: 'crash-' + ids.crashId,
+                name: 'Crash',
+                url: Client.makeURL('/api/v1/cloudron/logs/crash-' + ids.crashId)
+            };
+
+            callback();
+        } else if (ids.appId) {
+            Client.getApp(ids.appId, function (error, app) {
+                if (error) return callback(error);
+
+                $scope.selectedAppInfo = app;
+
+                $scope.selected = {
+                    type: 'app',
+                    value: app.id,
+                    name: app.fqdn + ' (' + app.manifest.title + ')',
+                    url: Client.makeURL('/api/v1/apps/' + app.id + '/logs'),
+                    addons: app.manifest.addons
+                };
+
+                callback();
+            });
+        } else if (ids.taskId) {
+            Client.getTask(ids.taskId, function (error, task) {
+                if (error) return callback(error);
+
+                $scope.selectedTaskInfo = task;
+
+                $scope.selected = {
+                    type: 'task',
+                    value: task.id,
+                    name: task.type,
+                    url: Client.makeURL('/api/v1/tasks/' + task.id + '/logs')
+                };
+
+                callback();
+            });
+        }
+    }
+
+    Client.getStatus(function (error, status) {
+        if (error) return $scope.error(error);
+
+        if (!status.activated) {
+            console.log('Not activated yet, redirecting', status);
+            window.location.href = '/';
+            return;
+        }
+
+        // check version and force reload if needed
+        if (!localStorage.version) {
+            localStorage.version = status.version;
+        } else if (localStorage.version !== status.version) {
+            localStorage.version = status.version;
+            window.location.reload(true);
+        }
+
+        console.log('Running log version ', localStorage.version);
+
+        // get user profile as the first thing. this populates the "scope" and affects subsequent API calls
+        Client.refreshUserInfo(function (error) {
+            if (error) return $scope.error(error);
+
+            Client.refreshConfig(function (error) {
+                if (error) return $scope.error(error);
+
+                select({ id: search.id, taskId: search.taskId, appId: search.appId, crashId: search.crashId }, function (error) {
+                    if (error) return $scope.error(error);
+
+                    // now mark the Client to be ready
+                    Client.setReady();
+
+                    $scope.initialized = true;
+
+                    showLogs();
+                });
+            });
+        });
+    });
+}]);

src/js/main.js

@@ -0,0 +1,175 @@
+'use strict';
+
+/* global angular:false */
+/* global $:false */
+
+angular.module('Application').controller('MainController', ['$scope', '$route', '$timeout', '$location', 'Client', function ($scope, $route, $timeout, $location, Client) {
+    $scope.initialized = false; // used to animate the UI
+    $scope.user = Client.getUserInfo();
+    $scope.installedApps = Client.getInstalledApps();
+    $scope.config = {};
+    $scope.status = {};
+    $scope.client = Client;
+    $scope.subscription = {};
+    $scope.notifications = [];
+
+    $scope.hideNavBarActions = $location.path() === '/logs';
+
+    $scope.isActive = function (url) {
+        if (!$route.current) return false;
+        return $route.current.$$route.originalPath.indexOf(url) === 0;
+    };
+
+    $scope.logout = function (event) {
+        event.stopPropagation();
+        $scope.initialized = false;
+        Client.logout();
+    };
+
+    $scope.error = function (error) {
+        console.error(error);
+        window.location.href = '/error.html';
+    };
+
+    $scope.waitingForPlanSelection = false;
+    $('#setupSubscriptionModal').on('hide.bs.modal', function () {
+        $scope.waitingForPlanSelection = false;
+
+        // check for updates to stay in sync
+        Client.checkForUpdates(function (error) {
+            if (error) return console.error(error);
+
+            Client.refreshConfig();
+        });
+    });
+
+    $scope.waitForPlanSelection = function () {
+        if ($scope.waitingForPlanSelection) return;
+
+        $scope.waitingForPlanSelection = true;
+
+        function checkPlan() {
+            if (!$scope.waitingForPlanSelection) return;
+
+            Client.getSubscription(function (error, subscription) {
+                if (error) return console.error(error);
+
+                // check again to give more immediate feedback once a subscription was setup
+                if (subscription.plan.id === 'free') {
+                    $timeout(checkPlan, 5000);
+                } else {
+                    $scope.waitingForPlanSelection = false;
+                    $('#setupSubscriptionModal').modal('hide');
+                    $scope.subscription = subscription;
+                }
+            });
+        }
+
+        checkPlan();
+    };
+
+    $scope.showSubscriptionModal = function () {
+        $('#setupSubscriptionModal').modal('show');
+    };
+
+    function refreshNotifications() {
+        Client.getNotifications(false, 1, 20, function (error, results) {
+            if (error) console.error(error);
+            else $scope.notifications = results;
+
+            $timeout(refreshNotifications, 10000);
+        });
+    }
+
+    // NOTE: this function is exported and called from the settings.js
+    $scope.updateSubscriptionStatus = function () {
+        Client.getSubscription(function (error, subscription) {
+            if (error && error.statusCode === 412) return; // ignore if not yet registered
+            if (error) console.error(error);
+
+            $scope.subscription = subscription;
+        });
+    };
+
+    // update state of acknowledged notification
+    $scope.notificationAcknowledged = function (notificationId) {
+        // remove notification from list
+        $scope.notifications = $scope.notifications.filter(function (n) { return n.id !== notificationId; });
+    };
+
+    Client.getStatus(function (error, status) {
+        if (error) return $scope.error(error);
+
+        // WARNING if anything about the routing is changed here test these use-cases:
+        //
+        // 1. Caas
+        // 3. selfhosted restore
+        // 4. local development with gulp develop
+
+        if (!status.activated) {
+            console.log('Not activated yet, redirecting', status);
+            if (status.restore.active || status.restore.errorMessage) { // show the error message in restore page
+                window.location.href = '/restore.html';
+            } else {
+                window.location.href = status.adminFqdn ? '/setup.html' : '/setupdns.html';
+            }
+            return;
+        }
+
+        // support local development with localhost check
+        if (window.location.hostname !== status.adminFqdn && window.location.hostname !== 'localhost') {
+            // user is accessing by IP or by the old admin location (pre-migration)
+            window.location.href = '/setupdns.html';
+            return;
+        }
+
+        $scope.status = status;
+
+        // check version and force reload if needed
+        if (!localStorage.version) {
+            localStorage.version = status.version;
+        } else if (localStorage.version !== status.version) {
+            localStorage.version = status.version;
+            window.location.reload(true);
+        }
+
+        console.log('Running dashboard version ', localStorage.version);
+
+        // get user profile as the first thing. this populates the "scope" and affects subsequent API calls
+        Client.refreshUserInfo(function (error) {
+            if (error) return $scope.error(error);
+
+            Client.refreshConfig(function (error) {
+                if (error) return $scope.error(error);
+
+                Client.refreshInstalledApps(function (error) {
+                    if (error) return $scope.error(error);
+
+                    // now mark the Client to be ready
+                    Client.setReady();
+
+                    $scope.config = Client.getConfig();
+
+                    $scope.initialized = true;
+
+                    refreshNotifications();
+
+                    $scope.updateSubscriptionStatus();
+                });
+            });
+        });
+    });
+
+    Client.onConfig(function (config) {
+        if (config.cloudronName) {
+            document.title = config.cloudronName;
+        }
+    });
+
+    // setup all the dialog focus handling
+    ['updateModal'].forEach(function (id) {
+        $('#' + id).on('shown.bs.modal', function () {
+            $(this).find('[autofocus]:first').focus();
+        });
+    });
+}]);

src/js/restore.js

@@ -16,6 +16,7 @@ app.controller('RestoreController', ['$scope', '$http', 'Client', function ($sco
 
     $scope.busy = false;
     $scope.error = {};
+    $scope.message = ''; // progress
     $scope.provider = '';
     $scope.bucket = '';
     $scope.prefix = '';
@@ -33,6 +34,7 @@ app.controller('RestoreController', ['$scope', '$http', 'Client', function ($sco
     // List is from http://docs.aws.amazon.com/general/latest/gr/rande.html#s3_region
     $scope.s3Regions = [
         { name: 'Asia Pacific (Mumbai)', value: 'ap-south-1' },
+        { name: 'Asia Pacific (Osaka-Local)', value: 'ap-northeast-3' },
         { name: 'Asia Pacific (Seoul)', value: 'ap-northeast-2' },
         { name: 'Asia Pacific (Singapore)', value: 'ap-southeast-1' },
         { name: 'Asia Pacific (Sydney)', value: 'ap-southeast-2' },
@@ -41,6 +43,8 @@ app.controller('RestoreController', ['$scope', '$http', 'Client', function ($sco
         { name: 'EU (Frankfurt)', value: 'eu-central-1' },
         { name: 'EU (Ireland)', value: 'eu-west-1' },
         { name: 'EU (London)', value: 'eu-west-2' },
+        { name: 'EU (Paris)', value: 'eu-west-3' },
+        { name: 'EU (Stockholm)', value: 'eu-north-1' },
         { name: 'South America (São Paulo)', value: 'sa-east-1' },
         { name: 'US East (N. Virginia)', value: 'us-east-1' },
         { name: 'US East (Ohio)', value: 'us-east-2' },
@@ -51,9 +55,16 @@ app.controller('RestoreController', ['$scope', '$http', 'Client', function ($sco
     $scope.doSpacesRegions = [
         { name: 'AMS3', value: 'https://ams3.digitaloceanspaces.com' },
         { name: 'NYC3', value: 'https://nyc3.digitaloceanspaces.com' },
+        { name: 'SFO2', value: 'https://sfo2.digitaloceanspaces.com' },
         { name: 'SGP1', value: 'https://sgp1.digitaloceanspaces.com' }
     ];
 
+    $scope.exoscaleSosRegions = [
+        { name: 'CH-DK-2', value: 'https://sos-ch-dk-2.exo.io' }, // default
+        { name: 'DE-FRA-1', value: 'https://sos-de-fra-1.exo.io' },
+        { name: 'AT-VIE-1', value: 'https://sos-at-vie-1.exo.io' }
+    ];
+
     $scope.storageProvider = [
         { name: 'Amazon S3', value: 's3' },
         { name: 'DigitalOcean Spaces', value: 'digitalocean-spaces' },
@@ -94,6 +105,7 @@ app.controller('RestoreController', ['$scope', '$http', 'Client', function ($sco
 
             if (backupConfig.provider === 's3') {
                 if ($scope.region) backupConfig.region = $scope.region;
+                delete backupConfig.endpoint;
             } else if (backupConfig.provider === 'minio' || backupConfig.provider === 's3-v4-compat') {
                 backupConfig.region = 'us-east-1';
                 backupConfig.acceptSelfSignedCerts = $scope.acceptSelfSignedCerts;
@@ -147,7 +159,7 @@ app.controller('RestoreController', ['$scope', '$http', 'Client', function ($sco
             $scope.busy = false;
 
             if (error) {
-                if (error.statusCode === 402) {
+                if (error.statusCode === 424) {
                     $scope.error.generic = error.message;
 
                     if (error.message.indexOf('AWS Access Key Id') !== -1) {
@@ -169,12 +181,12 @@ app.controller('RestoreController', ['$scope', '$http', 'Client', function ($sco
                         $scope.error.generic = 'Unknown region';
                         $scope.error.region = true;
                         $scope.configureBackupForm.region.$setPristine();
-                        $('#inputConfigureBackupRegion').focus();
+                        $('#inputConfigureBackupDORegion').focus();
                     } else if (error.message.toLowerCase() === 'wrong region') {
                         $scope.error.generic = 'Wrong S3 Region';
                         $scope.error.region = true;
                         $scope.configureBackupForm.region.$setPristine();
-                        $('#inputConfigureBackupRegion').focus();
+                        $('#inputConfigureBackupS3Region').focus();
                     } else {
                         $('#inputConfigureBackupBucket').focus();
                     }
@@ -193,10 +205,18 @@ app.controller('RestoreController', ['$scope', '$http', 'Client', function ($sco
         $scope.busy = true;
 
         Client.getStatus(function (error, status) {
-            if (!error && !status.webadminStatus.restoring) {
-                window.location.href = '/';
+            if (!error && !status.restore.active) { // restore finished
+                if (status.restore.errorMessage) {
+                    $scope.busy = false;
+                    $scope.error.generic = status.restore.errorMessage;
+                } else { // restore worked, redirect to admin page
+                    window.location.href = '/';
+                }
+                return;
             }
 
+            $scope.message = status.restore.message;
+
             setTimeout(waitForRestore, 5000);
         });
     }
@@ -225,7 +245,9 @@ app.controller('RestoreController', ['$scope', '$http', 'Client', function ($sco
             return;
         }
 
-        if (status.restoring) return waitForRestore();
+        if (status.restore.active) return waitForRestore();
+
+        if (status.restore.errorMessage) $scope.error.generic = status.restore.errorMessage;
 
         if (status.activated) {
             window.location.href = '/';

src/js/setup.js

@@ -68,16 +68,6 @@ app.controller('SetupController', ['$scope', '$http', 'Client', function ($scope
         }
 
         if (status.provider === 'caas') {
-            if (!search.setupToken) {
-                window.location.href = '/error.html?errorCode=2';
-                return;
-            }
-
-            if (!search.email) {
-                window.location.href = '/error.html?errorCode=3';
-                return;
-            }
-
             $scope.setupToken = search.setupToken;
         }
 

src/js/setupdns.js

@@ -1,9 +1,10 @@
 'use strict';
 
-/* global tld */
+/* global tld:false */
+/* global angular:false */
 
 // create main application module
-var app = angular.module('Application', ['angular-md5', 'ui-notification']);
+var app = angular.module('Application', ['angular-md5', 'ui-notification', 'ui.bootstrap']);
 
 app.filter('zoneName', function () {
     return function (domain) {
@@ -19,11 +20,20 @@ app.controller('SetupDNSController', ['$scope', '$http', '$timeout', 'Client', f
     $scope.provider = '';
     $scope.showDNSSetup = false;
     $scope.instanceId = '';
-    $scope.explicitZone = search.zone || '';
     $scope.isDomain = false;
     $scope.isSubdomain = false;
-    $scope.tlsConfig = {
-        provider: search.env === 'dev' ? 'letsencrypt-staging' : 'letsencrypt-prod'
+    $scope.hyphenatedSubdomains = false;
+    $scope.tlsProvider = [
+        { name: 'Let\'s Encrypt Prod', value: 'letsencrypt-prod' },
+        { name: 'Let\'s Encrypt Prod - Wildcard', value: 'letsencrypt-prod-wildcard' },
+        { name: 'Let\'s Encrypt Staging', value: 'letsencrypt-staging' },
+        { name: 'Let\'s Encrypt Staging - Wildcard', value: 'letsencrypt-staging-wildcard' },
+        { name: 'Self-Signed', value: 'fallback' }, // this is not 'Custom' because we don't allow user to upload certs during setup phase
+    ];
+
+    $scope.needsPort80 = function (dnsProvider, tlsProvider) {
+        return ((dnsProvider === 'manual' || dnsProvider === 'noop' || dnsProvider === 'wildcard') &&
+            (tlsProvider === 'letsencrypt-prod' || tlsProvider === 'letsencrypt-staging'));
     };
 
     // If we migrate the api origin we have to poll the new location
@@ -45,9 +55,13 @@ app.controller('SetupDNSController', ['$scope', '$http', '$timeout', 'Client', f
     // keep in sync with domains.js
     $scope.dnsProvider = [
         { name: 'AWS Route53', value: 'route53' },
-        { name: 'Cloudflare (DNS only)', value: 'cloudflare' },
-        { name: 'Digital Ocean', value: 'digitalocean' },
+        { name: 'Cloudflare', value: 'cloudflare' },
+        { name: 'DigitalOcean', value: 'digitalocean' },
+        { name: 'Gandi LiveDNS', value: 'gandi' },
+        { name: 'GoDaddy', value: 'godaddy' },
         { name: 'Google Cloud DNS', value: 'gcdns' },
+        { name: 'Name.com', value: 'namecom' },
+        { name: 'Namecheap', value: 'namecheap' },
         { name: 'Wildcard', value: 'wildcard' },
         { name: 'Manual (not recommended)', value: 'manual' },
         { name: 'No-op (only for development)', value: 'noop' }
@@ -55,14 +69,40 @@ app.controller('SetupDNSController', ['$scope', '$http', '$timeout', 'Client', f
     $scope.dnsCredentials = {
         error: null,
         busy: false,
+        advancedVisible: false,
         domain: '',
         accessKeyId: '',
         secretAccessKey: '',
         gcdnsKey: { keyFileName: '', content: '' },
         digitalOceanToken: '',
-        provider: 'route53'
+        gandiApiKey: '',
+        cloudflareEmail: '',
+        cloudflareToken: '',
+        godaddyApiKey: '',
+        godaddyApiSecret: '',
+        nameComUsername: '',
+        nameComToken: '',
+        namecheapUsername: '',
+        namecheapApiKey: '',
+        provider: 'route53',
+        zoneName: '',
+        tlsConfig: {
+            provider: 'letsencrypt-prod-wildcard'
+        },
+        hyphenatedSubdomains: false
     };
 
+    $scope.setDefaultTlsProvider = function () {
+        var dnsProvider = $scope.dnsCredentials.provider;
+        // wildcard LE won't work without automated DNS
+        if (dnsProvider === 'manual' || dnsProvider === 'noop' || dnsProvider === 'wildcard') {
+            $scope.dnsCredentials.tlsConfig.provider = 'letsencrypt-prod';
+        } else {
+            $scope.dnsCredentials.tlsConfig.provider = 'letsencrypt-prod-wildcard';
+        }
+    };
+
+
     function readFileLocally(obj, file, fileName) {
         return function (event) {
             $scope.$apply(function () {
@@ -89,19 +129,14 @@ app.controller('SetupDNSController', ['$scope', '$http', '$timeout', 'Client', f
         var provider = $scope.dnsCredentials.provider;
 
         var data = {
-            providerToken: $scope.instanceId
+            providerToken: $scope.instanceId,
+            hyphenatedSubdomains: $scope.dnsCredentials.hyphenatedSubdomains
         };
 
-        // special case the wildcard provider
-        if (provider === 'wildcard') {
-            provider = 'manual';
-            data.wildcard = true;
-        }
-
         if (provider === 'route53') {
             data.accessKeyId = $scope.dnsCredentials.accessKeyId;
             data.secretAccessKey = $scope.dnsCredentials.secretAccessKey;
-        } else if (provider === 'gcdns'){
+        } else if (provider === 'gcdns') {
             try {
                 var serviceAccountKey = JSON.parse($scope.dnsCredentials.gcdnsKey.content);
                 data.projectId = serviceAccountKey.project_id;
@@ -120,13 +155,33 @@ app.controller('SetupDNSController', ['$scope', '$http', '$timeout', 'Client', f
             }
         } else if (provider === 'digitalocean') {
             data.token = $scope.dnsCredentials.digitalOceanToken;
+        } else if (provider === 'gandi') {
+            data.token = $scope.dnsCredentials.gandiApiKey;
+        } else if (provider === 'godaddy') {
+            data.apiKey = $scope.dnsCredentials.godaddyApiKey;
+            data.apiSecret = $scope.dnsCredentials.godaddyApiSecret;
         } else if (provider === 'cloudflare') {
             data.email = $scope.dnsCredentials.cloudflareEmail;
             data.token = $scope.dnsCredentials.cloudflareToken;
+        } else if (provider === 'namecom') {
+            data.username = $scope.dnsCredentials.nameComUsername;
+            data.token = $scope.dnsCredentials.nameComToken;
+        } else if (provider === 'namecheap') {
+            data.token = $scope.dnsCredentials.namecheapApiKey;
+            data.username = $scope.dnsCredentials.namecheapUsername;
         }
 
-        Client.setupDnsConfig($scope.dnsCredentials.domain, $scope.explicitZone, provider, data, $scope.tlsConfig, function (error) {
-            if (error && error.statusCode === 403) {
+        var tlsConfig = {
+            provider: $scope.dnsCredentials.tlsConfig.provider,
+            wildcard: false
+        };
+        if ($scope.dnsCredentials.tlsConfig.provider.indexOf('-wildcard') !== -1) {
+            tlsConfig.provider = tlsConfig.provider.replace('-wildcard', '');
+            tlsConfig.wildcard = true;
+        }
+
+        Client.setup($scope.dnsCredentials.domain, $scope.dnsCredentials.zoneName, provider, data, tlsConfig, function (error) {
+            if (error && error.statusCode === 401) {
                 $scope.dnsCredentials.busy = false;
                 $scope.error = 'Wrong instance id provided.';
                 return;
@@ -144,12 +199,18 @@ app.controller('SetupDNSController', ['$scope', '$http', '$timeout', 'Client', f
         $scope.state = 'waitingForDnsSetup';
 
         Client.getStatus(function (error, status) {
-            // webadminStatus.dns is intentionally not tested. it can be false if dns creds are invalid
-            // runConfigurationChecks() in main.js will pick the .dns and show a notification
-            if (!error && status.adminFqdn && status.webadminStatus.tls) {
-                window.location.href = 'https://' + status.adminFqdn + '/setup.html';
+            if (!error && !status.setup.active) {
+                if (!status.adminFqdn || status.setup.errorMessage) { // setup reset or errored. start over
+                    $scope.error = status.setup.errorMessage;
+                    $scope.status = 'initialized';
+                } else { // proceed to activation
+                    window.location.href = 'https://' + status.adminFqdn + '/setup.html';
+                }
+                return;
             }
 
+            $scope.message = status.setup.message;
+
             setTimeout(waitForDnsSetup, 5000);
         });
     }
@@ -166,8 +227,8 @@ app.controller('SetupDNSController', ['$scope', '$http', '$timeout', 'Client', f
             // domain is currently like a lock flag
             if (status.adminFqdn) return waitForDnsSetup();
 
-            if (status.provider === 'digitalocean') $scope.dnsCredentials.provider = 'digitalocean';
-            if (status.provider === 'gcp') $scope.dnsCredentials.provider = 'gcdns';
+            if (status.provider === 'digitalocean' || status.provider === 'digitalocean-mp') $scope.dnsCredentials.provider = 'digitalocean';
+            if (status.provider === 'gce') $scope.dnsCredentials.provider = 'gcdns';
             if (status.provider === 'ami') {
                 // remove route53 on ami
                 $scope.dnsProvider.shift();