upgraded Ember and integrated Bootstrap 4

Upgraded to Ember JS 2.16.x release. This upgrade uses the new JavaScript modules API syntax.

Integrated Bootstrap 4 Beta 2 via package.json and associated popper.js library. Overridden Bootstrap styles using bootstrap.scss -- this file selectively imports the modules we need.

gui/app/components/customize/auth-settings.js

@@ -9,25 +9,26 @@
 //
 // https://documize.com
 
-import Ember from 'ember';
+import { equal, empty } from '@ember/object/computed';
+
+import { set } from '@ember/object';
+import { copy } from '@ember/object/internals';
+import { inject as service } from '@ember/service';
+import Component from '@ember/component';
 import constants from '../../utils/constants';
 import encoding from '../../utils/encoding';
 import NotifierMixin from "../../mixins/notifier";
 
-const {
-	computed
-} = Ember;
-
-export default Ember.Component.extend(NotifierMixin, {
-	appMeta: Ember.inject.service(),
-	isDocumizeProvider: computed.equal('authProvider', constants.AuthProvider.Documize),
-	isKeycloakProvider: computed.equal('authProvider', constants.AuthProvider.Keycloak),
-	KeycloakUrlError: computed.empty('keycloakConfig.url'),
-	KeycloakRealmError: computed.empty('keycloakConfig.realm'),
-	KeycloakClientIdError: computed.empty('keycloakConfig.clientId'),
-	KeycloakPublicKeyError: computed.empty('keycloakConfig.publicKey'),
-	KeycloakAdminUserError: computed.empty('keycloakConfig.adminUser'),
-	KeycloakAdminPasswordError: computed.empty('keycloakConfig.adminPassword'),
+export default Component.extend(NotifierMixin, {
+	appMeta: service(),
+	isDocumizeProvider: equal('authProvider', constants.AuthProvider.Documize),
+	isKeycloakProvider: equal('authProvider', constants.AuthProvider.Keycloak),
+	KeycloakUrlError: empty('keycloakConfig.url'),
+	KeycloakRealmError: empty('keycloakConfig.realm'),
+	KeycloakClientIdError: empty('keycloakConfig.clientId'),
+	KeycloakPublicKeyError: empty('keycloakConfig.publicKey'),
+	KeycloakAdminUserError: empty('keycloakConfig.adminUser'),
+	KeycloakAdminPasswordError: empty('keycloakConfig.adminPassword'),
 	keycloakConfig: { 
 		url: '',
 		realm: '',
@@ -109,7 +110,7 @@ export default Ember.Component.extend(NotifierMixin, {
 						return;
 					}
 
-					config = Ember.copy(this.get('keycloakConfig'));
+					config = copy(this.get('keycloakConfig'));
 					config.url = config.url.trim();
 					config.realm = config.realm.trim();
 					config.clientId = config.clientId.trim();
@@ -124,7 +125,7 @@ export default Ember.Component.extend(NotifierMixin, {
 						config.url = config.url.substring(0, config.url.length-1);
 					}
 
-					Ember.set(config, 'publicKey', encoding.Base64.encode(this.get('keycloakConfig.publicKey')));
+					set(config, 'publicKey', encoding.Base64.encode(this.get('keycloakConfig.publicKey')));
 					break;
 			}
 			

gui/app/components/customize/general-settings.js

@@ -9,21 +9,20 @@
 //
 // https://documize.com
 
-import Ember from 'ember';
+import { empty, and } from '@ember/object/computed';
 
-const {
-	isEmpty,
-	computed,
-	set
-} = Ember;
+import $ from 'jquery';
+import Component from '@ember/component';
+import { isEmpty } from '@ember/utils';
+import { set } from '@ember/object';
 
-export default Ember.Component.extend({
-	titleEmpty: computed.empty('model.general.title'),
-	messageEmpty: computed.empty('model.general.message'),
-	conversionEndpointEmpty: computed.empty('model.general.conversionEndpoint'),
-	hasTitleInputError: computed.and('titleEmpty', 'titleError'),
-	hasMessageInputError: computed.and('messageEmpty', 'messageError'),
-	hasConversionEndpointInputError: computed.and('conversionEndpointEmpty', 'conversionEndpointError'),
+export default Component.extend({
+	titleEmpty: empty('model.general.title'),
+	messageEmpty: empty('model.general.message'),
+	conversionEndpointEmpty: empty('model.general.conversionEndpoint'),
+	hasTitleInputError: and('titleEmpty', 'titleError'),
+	hasMessageInputError: and('messageEmpty', 'messageError'),
+	hasConversionEndpointInputError: and('conversionEndpointEmpty', 'conversionEndpointError'),
 
 	actions: {
 		save() {
@@ -47,7 +46,7 @@ export default Ember.Component.extend({
 				this.set('model.general.conversionEndpoint', e.substring(0, e.length-1));
 			}
 
-			this.model.general.set('allowAnonymousAccess', Ember.$("#allowAnonymousAccess").prop('checked'));
+			this.model.general.set('allowAnonymousAccess', $("#allowAnonymousAccess").prop('checked'));
 
 			this.get('save')().then(() => {
 				set(this, 'titleError', false);

gui/app/components/customize/global-settings.js

@@ -9,18 +9,16 @@
 //
 // https://documize.com
 
-import Ember from 'ember';
+import { empty } from '@ember/object/computed';
 
-const {
-	computed
-} = Ember;
+import Component from '@ember/component';
 
-export default Ember.Component.extend({
-	SMTPHostEmptyError: computed.empty('model.smtp.host'),
-	SMTPPortEmptyError: computed.empty('model.smtp.port'),
-	SMTPSenderEmptyError: computed.empty('model.smtp.sender'),
-	SMTPUserIdEmptyError: computed.empty('model.smtp.userid'),
-	SMTPPasswordEmptyError: computed.empty('model.smtp.password'),
+export default Component.extend({
+	SMTPHostEmptyError: empty('model.smtp.host'),
+	SMTPPortEmptyError: empty('model.smtp.port'),
+	SMTPSenderEmptyError: empty('model.smtp.sender'),
+	SMTPUserIdEmptyError: empty('model.smtp.userid'),
+	SMTPPasswordEmptyError: empty('model.smtp.password'),
 
 	actions: {
 		saveSMTP() {

gui/app/components/customize/user-admin.js

@@ -9,11 +9,13 @@
 //
 // https://documize.com
 
-import Ember from 'ember';
+import { debounce } from '@ember/runloop';
+
+import Component from '@ember/component';
 import AuthProvider from '../../mixins/auth';
 import DropdownMixin from '../../mixins/dropdown';
 
-export default Ember.Component.extend(AuthProvider, DropdownMixin, {
+export default Component.extend(AuthProvider, DropdownMixin, {
 	editUser: null,
 	deleteUser: null,
 	dropdown: null,
@@ -43,7 +45,7 @@ export default Ember.Component.extend(AuthProvider, DropdownMixin, {
 	},
 
 	onKeywordChange: function () {
-		Ember.run.debounce(this, this.filterUsers, 350);
+		debounce(this, this.filterUsers, 350);
 	}.observes('filter'),
 
 	filterUsers() {

gui/app/components/customize/user-settings.js

@@ -9,24 +9,21 @@
 //
 // https://documize.com
 
-import Ember from 'ember';
+import { empty, and } from '@ember/object/computed';
+
+import Component from '@ember/component';
+import { isEmpty } from '@ember/utils';
+import { get, set } from '@ember/object';
 import AuthProvider from '../../mixins/auth';
 
-const {
-	isEmpty,
-	computed,
-	set,
-	get
-} = Ember;
-
-export default Ember.Component.extend(AuthProvider, {
+export default Component.extend(AuthProvider, {
 	newUser: { firstname: "", lastname: "", email: "", active: true },
-	firstnameEmpty: computed.empty('newUser.firstname'),
-	lastnameEmpty: computed.empty('newUser.lastname'),
-	emailEmpty: computed.empty('newUser.email'),
-	hasFirstnameEmptyError: computed.and('firstnameEmpty', 'firstnameError'),
-	hasLastnameEmptyError: computed.and('lastnameEmpty', 'lastnameError'),
-	hasEmailEmptyError: computed.and('emailEmpty', 'emailError'),
+	firstnameEmpty: empty('newUser.firstname'),
+	lastnameEmpty: empty('newUser.lastname'),
+	emailEmpty: empty('newUser.email'),
+	hasFirstnameEmptyError: and('firstnameEmpty', 'firstnameError'),
+	hasLastnameEmptyError: and('lastnameEmpty', 'lastnameError'),
+	hasEmailEmptyError: and('emailEmpty', 'emailError'),
 
 	actions: {
 		add() {