github-mirror/framework
github-mirror/framework
2
0
Fork 0
mirror of https://github.com/flarum/framework.git synced 2025-02-22 07:19:56 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Added "Advanced" page on admin & SMTP settings

Browse Source 
Refs #258
This commit is contained in:
David Sevilla Martín 2016-04-16 12:04:54 -04:00
parent bdc4a45466
commit 25b3439d2e
6 changed files with 287 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

150
framework/core/js/admin/dist/app.js vendored
View File

@ -17293,6 +17293,13 @@ System.register('flarum/components/AdminNav', ['flarum/Component', 'flarum/compo
description: app.translator.trans('core.admin.nav.extensions_text')
}));
items.add('advanced', AdminLinkButton.component({
href: app.route('advanced'),
icon: 'cog',
children: app.translator.trans('core.admin.nav.advanced_button'),
description: app.translator.trans('core.admin.nav.advanced_text')
}));
return items;
}
}]);
@ -17305,6 +17312,140 @@ System.register('flarum/components/AdminNav', ['flarum/Component', 'flarum/compo
});;
'use strict';
System.register('flarum/components/AdvancedPage', ['flarum/components/Page', 'flarum/components/FieldSet', 'flarum/components/Button', 'flarum/components/Alert', 'flarum/utils/saveSettings', 'flarum/utils/ItemList'], function (_export, _context) {
var Page, FieldSet, Button, Alert, saveSettings, ItemList, AdvancedPage;
return {
setters: [function (_flarumComponentsPage) {
Page = _flarumComponentsPage.default;
}, function (_flarumComponentsFieldSet) {
FieldSet = _flarumComponentsFieldSet.default;
}, function (_flarumComponentsButton) {
Button = _flarumComponentsButton.default;
}, function (_flarumComponentsAlert) {
Alert = _flarumComponentsAlert.default;
}, function (_flarumUtilsSaveSettings) {
saveSettings = _flarumUtilsSaveSettings.default;
}, function (_flarumUtilsItemList) {
ItemList = _flarumUtilsItemList.default;
}],
execute: function () {
AdvancedPage = function (_Page) {
babelHelpers.inherits(AdvancedPage, _Page);
function AdvancedPage() {
babelHelpers.classCallCheck(this, AdvancedPage);
return babelHelpers.possibleConstructorReturn(this, Object.getPrototypeOf(AdvancedPage).apply(this, arguments));
}
babelHelpers.createClass(AdvancedPage, [{
key: 'init',
value: function init() {
var _this2 = this;
babelHelpers.get(Object.getPrototypeOf(AdvancedPage.prototype), 'init', this).call(this);
this.loading = false;
this.fields = ['mail_driver', 'mail_host', 'mail_from', 'mail_port', 'mail_username', 'mail_password', 'mail_encryption'];
this.values = {};
var settings = app.settings;
this.fields.forEach(function (key) {
return _this2.values[key] = m.prop(settings[key]);
});
this.localeOptions = {};
var locales = app.locales;
for (var i in locales) {
this.localeOptions[i] = locales[i] + ' (' + i + ')';
}
}
}, {
key: 'view',
value: function view() {
return m(
'div',
{ className: 'AdvancedPage' },
m(
'div',
{ className: 'container' },
m(
'form',
{ onsubmit: this.onsubmit.bind(this) },
FieldSet.component({
label: app.translator.trans('core.admin.advanced.mail_heading'),
className: 'AdvancedPage-MailSettings',
children: [m(
'div',
{ className: 'helpText' },
app.translator.trans('core.admin.advanced.mail_text')
), m(
'div',
{ className: 'AdvancedPage-mailSettings-input' },
m('input', { className: 'FormControl', value: this.values.mail_driver() || '', oninput: m.withAttr('value', this.values.mail_driver), placeholder: app.translator.trans('core.admin.advanced.mail_driver') }),
m('input', { className: 'FormControl', value: this.values.mail_host() || '', oninput: m.withAttr('value', this.values.mail_host), placeholder: app.translator.trans('core.admin.advanced.mail_host') }),
m('input', { className: 'FormControl', value: this.values.mail_from() || '', oninput: m.withAttr('value', this.values.mail_from), placeholder: app.translator.trans('core.admin.advanced.mail_from') }),
m('input', { className: 'FormControl', value: this.values.mail_port() || '', oninput: m.withAttr('value', this.values.mail_port), placeholder: app.translator.trans('core.admin.advanced.mail_port') }),
m('input', { className: 'FormControl', value: this.values.mail_username() || '', oninput: m.withAttr('value', this.values.mail_username), placeholder: app.translator.trans('core.admin.advanced.mail_username') }),
m('input', { className: 'FormControl', value: this.values.mail_password() || '', oninput: m.withAttr('value', this.values.mail_password), placeholder: app.translator.trans('core.admin.advanced.mail_password') }),
m('input', { className: 'FormControl', value: this.values.mail_encryption() || '', oninput: m.withAttr('value', this.values.mail_encryption), placeholder: app.translator.trans('core.admin.advanced.mail_encryption') })
)]
}),
Button.component({
type: 'submit',
className: 'Button Button--primary',
children: app.translator.trans('core.admin.advanced.submit_button'),
loading: this.loading,
disabled: !this.changed()
})
)
)
);
}
}, {
key: 'changed',
value: function changed() {
var _this3 = this;
return this.fields.some(function (key) {
return _this3.values[key]() !== app.settings[key];
});
}
}, {
key: 'onsubmit',
value: function onsubmit(e) {
var _this4 = this;
e.preventDefault();
if (this.loading) return;
this.loading = true;
app.alerts.dismiss(this.successAlert);
var settings = {};
this.fields.forEach(function (key) {
return settings[key] = _this4.values[key]();
});
saveSettings(settings).then(function () {
app.alerts.show(_this4.successAlert = new Alert({ type: 'success', children: app.translator.trans('core.admin.basics.saved_message') }));
}).catch(function () {}).then(function () {
_this4.loading = false;
m.redraw();
});
}
}]);
return AdvancedPage;
}(Page);
_export('default', AdvancedPage);
}
};
});;
'use strict';
System.register('flarum/components/Alert', ['flarum/Component', 'flarum/components/Button', 'flarum/helpers/listItems', 'flarum/utils/extract'], function (_export, _context) {
var Component, Button, listItems, extract, Alert;
return {
@ -20946,8 +21087,8 @@ System.register('flarum/initializers/preload', ['flarum/Session'], function (_ex
});;
'use strict';
System.register('flarum/initializers/routes', ['flarum/components/DashboardPage', 'flarum/components/BasicsPage', 'flarum/components/PermissionsPage', 'flarum/components/AppearancePage', 'flarum/components/ExtensionsPage'], function (_export, _context) {
var DashboardPage, BasicsPage, PermissionsPage, AppearancePage, ExtensionsPage;
System.register('flarum/initializers/routes', ['flarum/components/DashboardPage', 'flarum/components/BasicsPage', 'flarum/components/PermissionsPage', 'flarum/components/AppearancePage', 'flarum/components/ExtensionsPage', 'flarum/components/AdvancedPage'], function (_export, _context) {
var DashboardPage, BasicsPage, PermissionsPage, AppearancePage, ExtensionsPage, AdvancedPage;
_export('default', function (app) {
app.routes = {
@ -20955,7 +21096,8 @@ System.register('flarum/initializers/routes', ['flarum/components/DashboardPage'
'basics': { path: '/basics', component: BasicsPage.component() },
'permissions': { path: '/permissions', component: PermissionsPage.component() },
'appearance': { path: '/appearance', component: AppearancePage.component() },
'extensions': { path: '/extensions', component: ExtensionsPage.component() }
'extensions': { path: '/extensions', component: ExtensionsPage.component() },
'advanced': { path: '/advanced', component: AdvancedPage.component() }
};
});
@ -20970,6 +21112,8 @@ System.register('flarum/initializers/routes', ['flarum/components/DashboardPage'
AppearancePage = _flarumComponentsAppearancePage.default;
}, function (_flarumComponentsExtensionsPage) {
ExtensionsPage = _flarumComponentsExtensionsPage.default;
}, function (_flarumComponentsAdvancedPage) {
AdvancedPage = _flarumComponentsAdvancedPage.default;
}],
execute: function () {}
};

7
framework/core/js/admin/src/components/AdminNav.js
View File

@ -67,6 +67,13 @@ export default class AdminNav extends Component {
description: app.translator.trans('core.admin.nav.extensions_text')
}));
items.add('advanced', AdminLinkButton.component({
href: app.route('advanced'),
icon: 'cog',
children: app.translator.trans('core.admin.nav.advanced_button'),
description: app.translator.trans('core.admin.nav.advanced_text')
}))
return items;
}
}

98
framework/core/js/admin/src/components/AdvancedPage.js Normal file
View File

@ -0,0 +1,98 @@
import Page from 'flarum/components/Page';
import FieldSet from 'flarum/components/FieldSet';
import Button from 'flarum/components/Button';
import Alert from 'flarum/components/Alert';
import saveSettings from 'flarum/utils/saveSettings';
import ItemList from 'flarum/utils/ItemList';
export default class AdvancedPage extends Page {
init() {
super.init();
this.loading = false;
this.fields = [
'mail_driver',
'mail_host',
'mail_from',
'mail_port',
'mail_username',
'mail_password',
'mail_encryption'
];
this.values = {};
const settings = app.settings;
this.fields.forEach(key => this.values[key] = m.prop(settings[key]));
this.localeOptions = {};
const locales = app.locales;
for (const i in locales) {
this.localeOptions[i] = `${locales[i]} (${i})`;
}
}
view() {
return (
<div className="AdvancedPage">
<div className="container">
<form onsubmit={this.onsubmit.bind(this)}>
{FieldSet.component({
label: app.translator.trans('core.admin.advanced.mail_heading'),
className: 'AdvancedPage-MailSettings',
children: [
<div className="helpText">
{app.translator.trans('core.admin.advanced.mail_text')}
</div>,
<div className="AdvancedPage-mailSettings-input">
<input className="FormControl" value={this.values.mail_driver() || ''} oninput={m.withAttr('value', this.values.mail_driver)} placeholder={app.translator.trans('core.admin.advanced.mail_driver')}/>
<input className="FormControl" value={this.values.mail_host() || ''} oninput={m.withAttr('value', this.values.mail_host)} placeholder={app.translator.trans('core.admin.advanced.mail_host')}/>
<input className="FormControl" value={this.values.mail_from() || ''} oninput={m.withAttr('value', this.values.mail_from)} placeholder={app.translator.trans('core.admin.advanced.mail_from')}/>
<input className="FormControl" value={this.values.mail_port() || ''} oninput={m.withAttr('value', this.values.mail_port)} placeholder={app.translator.trans('core.admin.advanced.mail_port')}/>
<input className="FormControl" value={this.values.mail_username() || ''} oninput={m.withAttr('value', this.values.mail_username)} placeholder={app.translator.trans('core.admin.advanced.mail_username')}/>
<input className="FormControl" value={this.values.mail_password() || ''} oninput={m.withAttr('value', this.values.mail_password)} placeholder={app.translator.trans('core.admin.advanced.mail_password')}/>
<input className="FormControl" value={this.values.mail_encryption() || ''} oninput={m.withAttr('value', this.values.mail_encryption)} placeholder={app.translator.trans('core.admin.advanced.mail_encryption')}/>
</div>
]
})}
{Button.component({
type: 'submit',
className: 'Button Button--primary',
children: app.translator.trans('core.admin.advanced.submit_button'),
loading: this.loading,
disabled: !this.changed()
})}
</form>
</div>
</div>
);
}
changed() {
return this.fields.some(key => this.values[key]() !== app.settings[key]);
}
onsubmit(e) {
e.preventDefault();
if (this.loading) return;
this.loading = true;
app.alerts.dismiss(this.successAlert);
const settings = {};
this.fields.forEach(key => settings[key] = this.values[key]());
saveSettings(settings)
.then(() => {
app.alerts.show(this.successAlert = new Alert({type: 'success', children: app.translator.trans('core.admin.basics.saved_message')}));
})
.catch(() => {})
.then(() => {
this.loading = false;
m.redraw();
});
}
}

4
framework/core/js/admin/src/initializers/routes.js
View File

@ -3,6 +3,7 @@ import BasicsPage from 'flarum/components/BasicsPage';
import PermissionsPage from 'flarum/components/PermissionsPage';
import AppearancePage from 'flarum/components/AppearancePage';
import ExtensionsPage from 'flarum/components/ExtensionsPage';
import AdvancedPage from 'flarum/components/AdvancedPage';
/**
* The `routes` initializer defines the admin app's routes.
@ -15,6 +16,7 @@ export default function(app) {
'basics': {path: '/basics', component: BasicsPage.component()},
'permissions': {path: '/permissions', component: PermissionsPage.component()},
'appearance': {path: '/appearance', component: AppearancePage.component()},
'extensions': {path: '/extensions', component: ExtensionsPage.component()}
'extensions': {path: '/extensions', component: ExtensionsPage.component()},
'advanced': {path: '/advanced', component: AdvancedPage.component()}
};
}

31
framework/core/less/admin/AdvancedPage.less Normal file
View File

@ -0,0 +1,31 @@
.AdvancedPage {
padding: 20px 0;
@media @desktop-up {
.container {
max-width: 600px;
margin: 0;
}
}
fieldset {
margin-bottom: 30px;
> ul {
list-style: none;
margin: 0;
padding: 0;
}
}
}
.AdvancedPage-mailSettings-input {
.FormControl {
margin-bottom: 1px;
}
:last-child {
margin-bottom: 0;
}
}

1
framework/core/less/admin/app.less
View File

@ -7,3 +7,4 @@
@import "EditGroupModal.less";
@import "ExtensionsPage.less";
@import "AppearancePage.less";
@import "AdvancedPage.less";