diff --git a/src/backend/internal/audit-log.js b/src/backend/internal/audit-log.js new file mode 100644 index 00000000..cb4b8c1d --- /dev/null +++ b/src/backend/internal/audit-log.js @@ -0,0 +1,52 @@ +'use strict'; + +const auditLogModel = require('../models/audit-log'); + +const internalAuditLog = { + + /** + * Internal use only + * + * @param {Object} data + * @returns {Promise} + */ + create: data => { + // TODO + }, + + /** + * All logs + * + * @param {Access} access + * @param {Array} [expand] + * @param {String} [search_query] + * @returns {Promise} + */ + getAll: (access, expand, search_query) => { + return access.can('auditlog:list') + .then(() => { + let query = auditLogModel + .query() + .orderBy('created_on', 'DESC') + .limit(100); + + // Query is used for searching + if (typeof search_query === 'string') { + /* + query.where(function () { + this.where('name', 'like', '%' + search_query + '%') + .orWhere('email', 'like', '%' + search_query + '%'); + }); + */ + } + + if (typeof expand !== 'undefined' && expand !== null) { + query.eager('[' + expand.join(', ') + ']'); + } + + return query; + }); + } +}; + +module.exports = internalAuditLog; diff --git a/src/backend/lib/access/auditlog-list.json b/src/backend/lib/access/auditlog-list.json new file mode 100644 index 00000000..d2709fd8 --- /dev/null +++ b/src/backend/lib/access/auditlog-list.json @@ -0,0 +1,7 @@ +{ + "anyOf": [ + { + "$ref": "roles#/definitions/admin" + } + ] +} diff --git a/src/backend/migrations/20180618015850_initial.js b/src/backend/migrations/20180618015850_initial.js index 573b9c38..db29e156 100644 --- a/src/backend/migrations/20180618015850_initial.js +++ b/src/backend/migrations/20180618015850_initial.js @@ -157,6 +157,19 @@ exports.up = function (knex/*, Promise*/) { }) .then(() => { logger.info('[' + migrate_name + '] access_list_auth Table created'); + + return knex.schema.createTable('audit_log', table => { + table.increments().primary(); + table.dateTime('created_on').notNull(); + table.dateTime('modified_on').notNull(); + table.integer('user_id').notNull().unsigned(); + // TODO + table.string('action').notNull(); + table.json('meta').notNull(); + }); + }) + .then(() => { + logger.info('[' + migrate_name + '] audit_log Table created'); }); }; diff --git a/src/backend/models/audit-log.js b/src/backend/models/audit-log.js new file mode 100644 index 00000000..e60273c8 --- /dev/null +++ b/src/backend/models/audit-log.js @@ -0,0 +1,30 @@ +// Objection Docs: +// http://vincit.github.io/objection.js/ + +'use strict'; + +const db = require('../db'); +const Model = require('objection').Model; + +Model.knex(db); + +class AuditLog extends Model { + $beforeInsert () { + this.created_on = Model.raw('NOW()'); + this.modified_on = Model.raw('NOW()'); + } + + $beforeUpdate () { + this.modified_on = Model.raw('NOW()'); + } + + static get name () { + return 'AuditLog'; + } + + static get tableName () { + return 'audit_log'; + } +} + +module.exports = AuditLog; diff --git a/src/backend/routes/api/audit-log.js b/src/backend/routes/api/audit-log.js new file mode 100644 index 00000000..36a0357f --- /dev/null +++ b/src/backend/routes/api/audit-log.js @@ -0,0 +1,54 @@ +'use strict'; + +const express = require('express'); +const validator = require('../../lib/validator'); +const jwtdecode = require('../../lib/express/jwt-decode'); +const internalAuditLog = require('../../internal/audit-log'); + +let router = express.Router({ + caseSensitive: true, + strict: true, + mergeParams: true +}); + +/** + * /api/audit-log + */ +router + .route('/') + .options((req, res) => { + res.sendStatus(204); + }) + .all(jwtdecode()) + + /** + * GET /api/audit-log + * + * Retrieve all logs + */ + .get((req, res, next) => { + validator({ + additionalProperties: false, + properties: { + expand: { + $ref: 'definitions#/definitions/expand' + }, + query: { + $ref: 'definitions#/definitions/query' + } + } + }, { + expand: (typeof req.query.expand === 'string' ? req.query.expand.split(',') : null), + query: (typeof req.query.query === 'string' ? req.query.query : null) + }) + .then(data => { + return internalAuditLog.getAll(res.locals.access, data.expand, data.query); + }) + .then(rows => { + res.status(200) + .send(rows); + }) + .catch(next); + }); + +module.exports = router; diff --git a/src/backend/routes/api/main.js b/src/backend/routes/api/main.js index 814a0fdd..1f6fb921 100644 --- a/src/backend/routes/api/main.js +++ b/src/backend/routes/api/main.js @@ -29,6 +29,7 @@ router.get('/', (req, res/*, next*/) => { router.use('/tokens', require('./tokens')); router.use('/users', require('./users')); +router.use('/audit-log', require('./audit-log')); router.use('/reports', require('./reports')); router.use('/nginx/proxy-hosts', require('./nginx/proxy_hosts')); router.use('/nginx/redirection-hosts', require('./nginx/redirection_hosts')); diff --git a/src/frontend/js/app/api.js b/src/frontend/js/app/api.js index d6cb348b..b24d6fa9 100644 --- a/src/frontend/js/app/api.js +++ b/src/frontend/js/app/api.js @@ -257,6 +257,13 @@ module.exports = { */ getAll: function (expand, query) { return getAllObjects('nginx/proxy-hosts', expand, query); + }, + + /** + * @param {Object} data + */ + create: function (data) { + return fetch('post', 'nginx/proxy-hosts', data); } }, @@ -305,6 +312,17 @@ module.exports = { } }, + AuditLog: { + /** + * @param {Array} [expand] + * @param {String} [query] + * @returns {Promise} + */ + getAll: function (expand, query) { + return getAllObjects('audit-log', expand, query); + } + }, + Reports: { /** diff --git a/src/frontend/js/app/audit-log/list/item.ejs b/src/frontend/js/app/audit-log/list/item.ejs new file mode 100644 index 00000000..bd4d19e0 --- /dev/null +++ b/src/frontend/js/app/audit-log/list/item.ejs @@ -0,0 +1,32 @@ + +
+ +
+ + +
<%- name %>
+
+ Created: <%- formatDbDate(created_on, 'Do MMMM YYYY') %> +
+ + +
<%- email %>
+ + +
<%- roles.join(', ') %>
+ + +
+ +
+ Edit Details + Edit Permissions + Set Password + <% if (!isSelf()) { %> + +
+ Delete User + <% } %> +
+
+ diff --git a/src/frontend/js/app/audit-log/list/item.js b/src/frontend/js/app/audit-log/list/item.js new file mode 100644 index 00000000..6766f088 --- /dev/null +++ b/src/frontend/js/app/audit-log/list/item.js @@ -0,0 +1,72 @@ +'use strict'; + +const Mn = require('backbone.marionette'); +const Controller = require('../../controller'); +const Api = require('../../api'); +const Cache = require('../../cache'); +const Tokens = require('../../tokens'); +const template = require('./item.ejs'); + +module.exports = Mn.View.extend({ + template: template, + tagName: 'tr', + + ui: { + edit: 'a.edit-user', + permissions: 'a.edit-permissions', + password: 'a.set-password', + login: 'a.login', + delete: 'a.delete-user' + }, + + events: { + 'click @ui.edit': function (e) { + e.preventDefault(); + Controller.showUserForm(this.model); + }, + + 'click @ui.permissions': function (e) { + e.preventDefault(); + Controller.showUserPermissions(this.model); + }, + + 'click @ui.password': function (e) { + e.preventDefault(); + Controller.showUserPasswordForm(this.model); + }, + + 'click @ui.delete': function (e) { + e.preventDefault(); + Controller.showUserDeleteConfirm(this.model); + }, + + 'click @ui.login': function (e) { + e.preventDefault(); + + if (Cache.User.get('id') !== this.model.get('id')) { + this.ui.login.prop('disabled', true).addClass('btn-disabled'); + + Api.Users.loginAs(this.model.get('id')) + .then(res => { + Tokens.addToken(res.token, res.user.nickname || res.user.name); + window.location = '/'; + window.location.reload(); + }) + .catch(err => { + alert(err.message); + this.ui.login.prop('disabled', false).removeClass('btn-disabled'); + }); + } + } + }, + + templateContext: { + isSelf: function () { + return Cache.User.get('id') === this.id; + } + }, + + initialize: function () { + this.listenTo(this.model, 'change', this.render); + } +}); diff --git a/src/frontend/js/app/audit-log/list/main.ejs b/src/frontend/js/app/audit-log/list/main.ejs new file mode 100644 index 00000000..83afd4be --- /dev/null +++ b/src/frontend/js/app/audit-log/list/main.ejs @@ -0,0 +1,10 @@ + +  +Name +Email +Roles +  + + + + diff --git a/src/frontend/js/app/audit-log/list/main.js b/src/frontend/js/app/audit-log/list/main.js new file mode 100644 index 00000000..bbe75beb --- /dev/null +++ b/src/frontend/js/app/audit-log/list/main.js @@ -0,0 +1,29 @@ +'use strict'; + +const Mn = require('backbone.marionette'); +const ItemView = require('./item'); +const template = require('./main.ejs'); + +const TableBody = Mn.CollectionView.extend({ + tagName: 'tbody', + childView: ItemView +}); + +module.exports = Mn.View.extend({ + tagName: 'table', + className: 'table table-hover table-outline table-vcenter text-nowrap card-table', + template: template, + + regions: { + body: { + el: 'tbody', + replaceElement: true + } + }, + + onRender: function () { + this.showChildView('body', new TableBody({ + collection: this.collection + })); + } +}); diff --git a/src/frontend/js/app/audit-log/main.ejs b/src/frontend/js/app/audit-log/main.ejs new file mode 100644 index 00000000..bb8b534d --- /dev/null +++ b/src/frontend/js/app/audit-log/main.ejs @@ -0,0 +1,14 @@ +
+
+

Audit Log

+
+
+
+
+
+ +
+
+ +
+
diff --git a/src/frontend/js/app/audit-log/main.js b/src/frontend/js/app/audit-log/main.js new file mode 100644 index 00000000..3ad81410 --- /dev/null +++ b/src/frontend/js/app/audit-log/main.js @@ -0,0 +1,56 @@ +'use strict'; + +const Mn = require('backbone.marionette'); +const AuditLogModel = require('../../models/audit-log'); +const Api = require('../api'); +const Controller = require('../controller'); +const ListView = require('./list/main'); +const template = require('./main.ejs'); +const ErrorView = require('../error/main'); +const EmptyView = require('../empty/main'); + +module.exports = Mn.View.extend({ + id: 'audit-log', + template: template, + + ui: { + list_region: '.list-region', + dimmer: '.dimmer' + }, + + regions: { + list_region: '@ui.list_region' + }, + + onRender: function () { + let view = this; + + Api.AuditLog.getAll() + .then(response => { + if (!view.isDestroyed() && response && response.length) { + view.showChildView('list_region', new ListView({ + collection: new AuditLogModel.Collection(response) + })); + } else { + view.showChildView('list_region', new EmptyView({ + title: 'There are no logs.', + subtitle: 'As soon as you or another user changes something, history of those events will show up here.' + })); + } + }) + .catch(err => { + view.showChildView('list_region', new ErrorView({ + code: err.code, + message: err.message, + retry: function () { + Controller.showAuditLog(); + } + })); + + console.error(err); + }) + .then(() => { + view.ui.dimmer.removeClass('active'); + }); + } +}); diff --git a/src/frontend/js/app/controller.js b/src/frontend/js/app/controller.js index 2365f90c..7de92490 100644 --- a/src/frontend/js/app/controller.js +++ b/src/frontend/js/app/controller.js @@ -204,15 +204,18 @@ module.exports = { }, /** - * Dashboard + * Audit Log */ - showProfile: function () { + showAuditLog: function () { let controller = this; - - require(['./main', './profile/main'], (App, View) => { - controller.navigate('/profile'); - App.UI.showAppContent(new View()); - }); + if (Cache.User.isAdmin()) { + require(['./main', './audit-log/main'], (App, View) => { + controller.navigate('/audit-log'); + App.UI.showAppContent(new View()); + }); + } else { + this.showDashboard(); + } }, /** diff --git a/src/frontend/js/app/main.js b/src/frontend/js/app/main.js index b3d80bbb..b0104688 100644 --- a/src/frontend/js/app/main.js +++ b/src/frontend/js/app/main.js @@ -47,6 +47,11 @@ const App = Mn.Application.extend({ this.UI.on('render', () => { new Router(options); Backbone.history.start({pushState: true}); + + // Ask the admin use to change their details + if (Cache.User.get('email') === 'admin@example.com') { + Controller.showUserForm(Cache.User); + } }); this.getRegion().show(this.UI); diff --git a/src/frontend/js/app/nginx/proxy/form.ejs b/src/frontend/js/app/nginx/proxy/form.ejs index f0e6bce5..df94dd60 100644 --- a/src/frontend/js/app/nginx/proxy/form.ejs +++ b/src/frontend/js/app/nginx/proxy/form.ejs @@ -3,28 +3,115 @@
<% if (typeof id !== 'undefined') { %>Edit<% } else { %>New<% } %> Proxy Host
-
+
-
-
-
- - + +
+ +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
-
-
- - -
-
-
-
- - + + +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+ + +
+
+
+ + +
+
+ + +
+
+
+
+ +
+
+ + +
+
+
Certificate
+
+ + +
+
+
+
+
+
Certificate Key
+
+ + +
+
+
+ +
diff --git a/src/frontend/js/app/nginx/proxy/form.js b/src/frontend/js/app/nginx/proxy/form.js index 67abf474..83a80bdb 100644 --- a/src/frontend/js/app/nginx/proxy/form.js +++ b/src/frontend/js/app/nginx/proxy/form.js @@ -1,5 +1,6 @@ 'use strict'; +const _ = require('underscore'); const Mn = require('backbone.marionette'); const template = require('./form.ejs'); const Controller = require('../../controller'); @@ -16,78 +17,110 @@ module.exports = Mn.View.extend({ className: 'modal-dialog', ui: { - form: 'form', - forward_ip: 'input[name="forward_ip"]', - buttons: '.modal-footer button', - cancel: 'button.cancel', - save: 'button.save', - error: '.secret-error' + form: 'form', + domain_name: 'input[name="domain_name"]', + forward_ip: 'input[name="forward_ip"]', + buttons: '.modal-footer button', + cancel: 'button.cancel', + save: 'button.save', + ssl_enabled: 'input[name="ssl_enabled"]', + ssl_options: '#ssl-options input', + ssl_provider: 'input[name="ssl_provider"]', + + // SSL hiding and showing + all_ssl: '.letsencrypt-ssl, .other-ssl', + letsencrypt_ssl: '.letsencrypt-ssl', + other_ssl: '.other-ssl' }, events: { + 'change @ui.ssl_enabled': function () { + let enabled = this.ui.ssl_enabled.prop('checked'); + this.ui.ssl_options.not(this.ui.ssl_enabled).prop('disabled', !enabled).parents('.form-group').css('opacity', enabled ? 1 : 0.5); + this.ui.ssl_provider.trigger('change'); + }, + + 'change @ui.ssl_provider': function () { + let enabled = this.ui.ssl_enabled.prop('checked'); + let provider = this.ui.ssl_provider.filter(':checked').val(); + this.ui.all_ssl.hide().find('input').prop('disabled', true); + this.ui[provider + '_ssl'].show().find('input').prop('disabled', !enabled); + }, 'click @ui.save': function (e) { e.preventDefault(); - return; - this.ui.error.hide(); + if (!this.ui.form[0].checkValidity()) { + $('').hide().appendTo(this.ui.form).click().remove(); + return; + } + let view = this; let data = this.ui.form.serializeJSON(); // Manipulate - data.roles = []; - if ((this.model.get('id') === Cache.User.get('id') && this.model.isAdmin()) || (typeof data.is_admin !== 'undefined' && data.is_admin)) { - data.roles.push('admin'); - delete data.is_admin; - } + data.forward_port = parseInt(data.forward_port, 10); + _.map(data, function (item, idx) { + if (typeof item === 'string' && item === '1') { + item = true; + } else if (typeof item === 'object' && item !== null) { + _.map(item, function (item2, idx2) { + if (typeof item2 === 'string' && item2 === '1') { + item[idx2] = true; + } + }); + } + data[idx] = item; + }); - data.is_disabled = typeof data.is_disabled !== 'undefined' ? !!data.is_disabled : false; + // Process this.ui.buttons.prop('disabled', true).addClass('btn-disabled'); - let method = Api.Users.create; + let method = Api.Nginx.ProxyHosts.create; if (this.model.get('id')) { // edit - method = Api.Users.update; + method = Api.Nginx.ProxyHosts.update; data.id = this.model.get('id'); } method(data) .then(result => { - if (result.id === Cache.User.get('id')) { - Cache.User.set(result); - } - - if (view.model.get('id') !== Cache.User.get('id')) { - Controller.showUsers(); - } - view.model.set(result); App.UI.closeModal(function () { - if (method === Api.Users.create) { - // Show permissions dialog immediately - Controller.showUserPermissions(view.model); + if (method === Api.Nginx.ProxyHosts.create) { + Controller.showNginxProxy(); } }); }) .catch(err => { - this.ui.error.text(err.message).show(); + alert(err.message); this.ui.buttons.prop('disabled', false).removeClass('btn-disabled'); }); } }, + templateContext: { + getLetsencryptEmail: function () { + return typeof this.meta.letsencrypt_email !== 'undefined' ? this.meta.letsencrypt_email : Cache.User.get('email'); + }, + + getLetsencryptAgree: function () { + return typeof this.meta.letsencrypt_agree !== 'undefined' ? this.meta.letsencrypt_agree : false; + } + }, + onRender: function () { this.ui.forward_ip.mask('099.099.099.099', { clearIfNotMatch: true, placeholder: '000.000.000.000' }); - /* - this.ui.forward_ip.mask('099.099.099.099', { - reverse: true, - clearIfNotMatch: true, - placeholder: '000.000.000.000' - }); - */ + + this.ui.ssl_enabled.trigger('change'); + this.ui.ssl_provider.trigger('change'); + + this.ui.domain_name[0].oninvalid = function () { + this.setCustomValidity('Please enter a valid domain name. Domain wildcards are allowed: *.yourdomain.com'); + }; }, initialize: function (options) { diff --git a/src/frontend/js/app/profile/main.ejs b/src/frontend/js/app/profile/main.ejs deleted file mode 100644 index f1e5d5cf..00000000 --- a/src/frontend/js/app/profile/main.ejs +++ /dev/null @@ -1,33 +0,0 @@ -
- -
-
-
-

My Profile

-
-
-
-
-
- -
-
-
- - -
-
-
-
- - -
-
- -
-
-
-
-
- -
\ No newline at end of file diff --git a/src/frontend/js/app/profile/main.js b/src/frontend/js/app/profile/main.js deleted file mode 100644 index 5f4ea1a8..00000000 --- a/src/frontend/js/app/profile/main.js +++ /dev/null @@ -1,21 +0,0 @@ -'use strict'; - -const Mn = require('backbone.marionette'); -const Cache = require('../cache'); -const template = require('./main.ejs'); - -module.exports = Mn.View.extend({ - template: template, - id: 'profile', - - templateContext: { - getUserField: function (field, default_val) { - return Cache.User.get(field) || default_val; - } - }, - - initialize: function () { - this.model = Cache.User; - } -}); - diff --git a/src/frontend/js/app/router.js b/src/frontend/js/app/router.js index 96a29dd4..fbc8bdd4 100644 --- a/src/frontend/js/app/router.js +++ b/src/frontend/js/app/router.js @@ -6,13 +6,13 @@ const Controller = require('./controller'); module.exports = Mn.AppRouter.extend({ appRoutes: { users: 'showUsers', - profile: 'showProfile', logout: 'logout', 'nginx/proxy': 'showNginxProxy', 'nginx/redirection': 'showNginxRedirection', 'nginx/404': 'showNginxDead', 'nginx/stream': 'showNginxStream', 'nginx/access': 'showNginxAccess', + 'audit-log': 'showAuditLog', '*default': 'showDashboard' }, diff --git a/src/frontend/js/app/ui/header/main.ejs b/src/frontend/js/app/ui/header/main.ejs index ced7414a..1dce8a64 100644 --- a/src/frontend/js/app/ui/header/main.ejs +++ b/src/frontend/js/app/ui/header/main.ejs @@ -14,8 +14,11 @@
- - Profile + + Edit Details + + + Change Password
diff --git a/src/frontend/js/app/ui/header/main.js b/src/frontend/js/app/ui/header/main.js index 0167a721..b30aa80e 100644 --- a/src/frontend/js/app/ui/header/main.js +++ b/src/frontend/js/app/ui/header/main.js @@ -13,10 +13,22 @@ module.exports = Mn.View.extend({ template: template, ui: { - link: 'a' + link: 'a', + details: 'a.edit-details', + password: 'a.change-password' }, events: { + 'click @ui.details': function (e) { + e.preventDefault(); + Controller.showUserForm(Cache.User); + }, + + 'click @ui.password': function (e) { + e.preventDefault(); + Controller.showUserPasswordForm(Cache.User); + }, + 'click @ui.link': function (e) { e.preventDefault(); let href = $(e.currentTarget).attr('href'); @@ -25,9 +37,6 @@ module.exports = Mn.View.extend({ case '/': Controller.showDashboard(); break; - case '/profile': - Controller.showProfile(); - break; case '/logout': Controller.logout(); break; diff --git a/src/frontend/js/app/ui/menu/main.ejs b/src/frontend/js/app/ui/menu/main.ejs index 157ac513..0b852917 100644 --- a/src/frontend/js/app/ui/menu/main.ejs +++ b/src/frontend/js/app/ui/menu/main.ejs @@ -30,10 +30,13 @@ Access Lists <% } %> - <% if (showUsers()) { %> + <% if (isAdmin()) { %>
  • Users
    • +
  • + Audit Log +
    • <% } %>
    diff --git a/src/frontend/js/app/ui/menu/main.js b/src/frontend/js/app/ui/menu/main.js index 13735e7c..43186541 100644 --- a/src/frontend/js/app/ui/menu/main.js +++ b/src/frontend/js/app/ui/menu/main.js @@ -26,7 +26,7 @@ module.exports = Mn.View.extend({ }, templateContext: { - showUsers: function () { + isAdmin: function () { return Cache.User.isAdmin(); }, diff --git a/src/frontend/js/app/user/form.ejs b/src/frontend/js/app/user/form.ejs index 33828a39..8cc4baf9 100644 --- a/src/frontend/js/app/user/form.ejs +++ b/src/frontend/js/app/user/form.ejs @@ -25,6 +25,7 @@
    + <% if (isAdmin()) { %>
    Roles
    @@ -46,6 +47,7 @@
    + <% } %>
    diff --git a/src/frontend/js/app/user/form.js b/src/frontend/js/app/user/form.js index 7adc8714..8c2da877 100644 --- a/src/frontend/js/app/user/form.js +++ b/src/frontend/js/app/user/form.js @@ -30,6 +30,15 @@ module.exports = Mn.View.extend({ let view = this; let data = this.ui.form.serializeJSON(); + let show_password = this.model.get('email') === 'admin@example.com'; + + // admin@example.com is not allowed + if (data.email === 'admin@example.com') { + this.ui.error.text('Default email address must be changed').show(); + this.ui.buttons.prop('disabled', false).removeClass('btn-disabled'); + return; + } + // Manipulate data.roles = []; if ((this.model.get('id') === Cache.User.get('id') && this.model.isAdmin()) || (typeof data.is_admin !== 'undefined' && data.is_admin)) { @@ -62,6 +71,8 @@ module.exports = Mn.View.extend({ if (method === Api.Users.create) { // Show permissions dialog immediately Controller.showUserPermissions(view.model); + } else if (show_password) { + Controller.showUserPasswordForm(view.model); } }); }) diff --git a/src/frontend/js/app/users/main.js b/src/frontend/js/app/users/main.js index 93fccad6..f67244a3 100644 --- a/src/frontend/js/app/users/main.js +++ b/src/frontend/js/app/users/main.js @@ -6,6 +6,7 @@ const Api = require('../api'); const Controller = require('../controller'); const ListView = require('./list/main'); const template = require('./main.ejs'); +const ErrorView = require('../error/main'); module.exports = Mn.View.extend({ id: 'users', diff --git a/src/frontend/js/models/audit-log.js b/src/frontend/js/models/audit-log.js new file mode 100644 index 00000000..2918ff40 --- /dev/null +++ b/src/frontend/js/models/audit-log.js @@ -0,0 +1,20 @@ +'use strict'; + +const Backbone = require('backbone'); + +const model = Backbone.Model.extend({ + idAttribute: 'id', + + defaults: function () { + return { + name: '' + }; + } +}); + +module.exports = { + Model: model, + Collection: Backbone.Collection.extend({ + model: model + }) +}; diff --git a/src/frontend/scss/tabler-extra.scss b/src/frontend/scss/tabler-extra.scss index e5113483..d9cca6dd 100644 --- a/src/frontend/scss/tabler-extra.scss +++ b/src/frontend/scss/tabler-extra.scss @@ -72,3 +72,17 @@ $blue: #467fcf; .dimmer .loader { margin-top: 50px; } + +/* modal tabs */ + +.modal-body.has-tabs { + padding: 0; + + .nav-tabs { + margin: 0; + } + + .tab-content { + padding: 1rem; + } +}