1
0
mirror of https://github.com/flarum/core.git synced 2025-07-25 18:51:40 +02:00
Files
php-flarum/extensions/suspend/js/forum/dist/extension.js
Franz Liedke 5a2bf0d015 SuspendUserModal: Allow re-selecting "Not suspended"
Without this, clicking on the "Not suspended" radio option would
unmark the currently selected value, but not select the first value.

Refs flarum/core#1345.
2018-02-08 22:39:09 +01:00

209 lines
7.9 KiB
JavaScript

'use strict';
System.register('flarum/suspend/components/SuspendUserModal', ['flarum/components/Modal', 'flarum/components/Button'], function (_export, _context) {
"use strict";
var Modal, Button, SuspendUserModal;
return {
setters: [function (_flarumComponentsModal) {
Modal = _flarumComponentsModal.default;
}, function (_flarumComponentsButton) {
Button = _flarumComponentsButton.default;
}],
execute: function () {
SuspendUserModal = function (_Modal) {
babelHelpers.inherits(SuspendUserModal, _Modal);
function SuspendUserModal() {
babelHelpers.classCallCheck(this, SuspendUserModal);
return babelHelpers.possibleConstructorReturn(this, (SuspendUserModal.__proto__ || Object.getPrototypeOf(SuspendUserModal)).apply(this, arguments));
}
babelHelpers.createClass(SuspendUserModal, [{
key: 'init',
value: function init() {
babelHelpers.get(SuspendUserModal.prototype.__proto__ || Object.getPrototypeOf(SuspendUserModal.prototype), 'init', this).call(this);
var until = this.props.user.suspendUntil();
var status = null;
if (new Date() > until) until = null;
if (until) {
if (until.getFullYear() === 9999) status = 'indefinitely';else status = 'limited';
}
this.status = m.prop(status);
this.daysRemaining = m.prop(status === 'limited' && -moment().diff(until, 'days') + 1);
}
}, {
key: 'className',
value: function className() {
return 'SuspendUserModal Modal--small';
}
}, {
key: 'title',
value: function title() {
return app.translator.trans('flarum-suspend.forum.suspend_user.title', { user: this.props.user });
}
}, {
key: 'content',
value: function content() {
var _this2 = this;
return m(
'div',
{ className: 'Modal-body' },
m(
'div',
{ className: 'Form' },
m(
'div',
{ className: 'Form-group' },
m(
'label',
null,
app.translator.trans('flarum-suspend.forum.suspend_user.status_heading')
),
m(
'div',
null,
m(
'label',
{ className: 'checkbox' },
m('input', { type: 'radio', name: 'status', checked: !this.status(), value: '', onclick: m.withAttr('value', this.status) }),
app.translator.trans('flarum-suspend.forum.suspend_user.not_suspended_label')
),
m(
'label',
{ className: 'checkbox' },
m('input', { type: 'radio', name: 'status', checked: this.status() === 'indefinitely', value: 'indefinitely', onclick: m.withAttr('value', this.status) }),
app.translator.trans('flarum-suspend.forum.suspend_user.indefinitely_label')
),
m(
'label',
{ className: 'checkbox SuspendUserModal-days' },
m('input', { type: 'radio', name: 'status', checked: this.status() === 'limited', value: 'limited', onclick: function onclick(e) {
_this2.status(e.target.value);
m.redraw(true);
_this2.$('.SuspendUserModal-days-input input').select();
m.redraw.strategy('none');
} }),
app.translator.trans('flarum-suspend.forum.suspend_user.limited_time_label'),
this.status() === 'limited' ? m(
'div',
{ className: 'SuspendUserModal-days-input' },
m('input', { type: 'number',
min: '0',
value: this.daysRemaining(),
oninput: m.withAttr('value', this.daysRemaining),
className: 'FormControl' }),
app.translator.trans('flarum-suspend.forum.suspend_user.limited_time_days_text')
) : ''
)
)
),
m(
'div',
{ className: 'Form-group' },
m(
Button,
{ className: 'Button Button--primary', loading: this.loading, type: 'submit' },
app.translator.trans('flarum-suspend.forum.suspend_user.submit_button')
)
)
)
);
}
}, {
key: 'onsubmit',
value: function onsubmit(e) {
var _this3 = this;
e.preventDefault();
this.loading = true;
var suspendUntil = null;
switch (this.status()) {
case 'indefinitely':
suspendUntil = new Date('2038-01-01');
break;
case 'limited':
suspendUntil = moment().add(this.daysRemaining(), 'days').toDate();
break;
default:
// no default
}
this.props.user.save({ suspendUntil: suspendUntil }).then(function () {
return _this3.hide();
}, this.loaded.bind(this));
}
}]);
return SuspendUserModal;
}(Modal);
_export('default', SuspendUserModal);
}
};
});;
'use strict';
System.register('flarum/suspend/main', ['flarum/extend', 'flarum/app', 'flarum/utils/UserControls', 'flarum/components/Button', 'flarum/components/Badge', 'flarum/Model', 'flarum/models/User', 'flarum/suspend/components/SuspendUserModal'], function (_export, _context) {
"use strict";
var extend, app, UserControls, Button, Badge, Model, User, SuspendUserModal;
return {
setters: [function (_flarumExtend) {
extend = _flarumExtend.extend;
}, function (_flarumApp) {
app = _flarumApp.default;
}, function (_flarumUtilsUserControls) {
UserControls = _flarumUtilsUserControls.default;
}, function (_flarumComponentsButton) {
Button = _flarumComponentsButton.default;
}, function (_flarumComponentsBadge) {
Badge = _flarumComponentsBadge.default;
}, function (_flarumModel) {
Model = _flarumModel.default;
}, function (_flarumModelsUser) {
User = _flarumModelsUser.default;
}, function (_flarumSuspendComponentsSuspendUserModal) {
SuspendUserModal = _flarumSuspendComponentsSuspendUserModal.default;
}],
execute: function () {
app.initializers.add('flarum-suspend', function () {
User.prototype.canSuspend = Model.attribute('canSuspend');
User.prototype.suspendUntil = Model.attribute('suspendUntil', Model.transformDate);
extend(UserControls, 'moderationControls', function (items, user) {
if (user.canSuspend()) {
items.add('suspend', Button.component({
children: app.translator.trans('flarum-suspend.forum.user_controls.suspend_button'),
icon: 'ban',
onclick: function onclick() {
return app.modal.show(new SuspendUserModal({ user: user }));
}
}));
}
});
extend(User.prototype, 'badges', function (items) {
var until = this.suspendUntil();
if (new Date() < until) {
items.add('suspended', Badge.component({
icon: 'ban',
type: 'suspended',
label: app.translator.trans('flarum-suspend.forum.user_badge.suspended_tooltip')
}));
}
});
});
}
};
});