Rename modal component

This commit is contained in:
Franz Liedke 2017-02-26 23:44:15 +01:00
parent 9718f54683
commit 7d1a22bcb5
No known key found for this signature in database
GPG Key ID: 9A0231A879B055F4
3 changed files with 112 additions and 112 deletions

214
js/forum/dist/app.js vendored
View File

@ -22162,108 +22162,6 @@ System.register('flarum/components/DiscussionRenamedPost', ['flarum/components/E
});; });;
'use strict'; 'use strict';
System.register('flarum/components/DiscussionRenameModal', ['flarum/components/Modal', 'flarum/components/Button'], function (_export, _context) {
"use strict";
var Modal, Button, DiscussionRenameModal;
return {
setters: [function (_flarumComponentsModal) {
Modal = _flarumComponentsModal.default;
}, function (_flarumComponentsButton) {
Button = _flarumComponentsButton.default;
}],
execute: function () {
DiscussionRenameModal = function (_Modal) {
babelHelpers.inherits(DiscussionRenameModal, _Modal);
function DiscussionRenameModal() {
babelHelpers.classCallCheck(this, DiscussionRenameModal);
return babelHelpers.possibleConstructorReturn(this, (DiscussionRenameModal.__proto__ || Object.getPrototypeOf(DiscussionRenameModal)).apply(this, arguments));
}
babelHelpers.createClass(DiscussionRenameModal, [{
key: 'init',
value: function init() {
babelHelpers.get(DiscussionRenameModal.prototype.__proto__ || Object.getPrototypeOf(DiscussionRenameModal.prototype), 'init', this).call(this);
this.discussion = this.props.discussion;
this.currentTitle = this.props.currentTitle;
this.newTitle = m.prop(this.currentTitle);
}
}, {
key: 'className',
value: function className() {
return 'DiscussionRenameModal Modal--small';
}
}, {
key: 'title',
value: function title() {
return app.translator.trans('core.forum.discussion_controls.rename_modal.title');
}
}, {
key: 'content',
value: function content() {
return m(
'div',
{ className: 'Modal-body' },
m(
'div',
{ className: 'Form' },
m(
'div',
{ className: 'Form-group' },
m('input', { className: 'FormControl title', placeholder: this.currentTitle, bidi: this.newTitle })
),
m(
'div',
{ className: 'Form-group' },
Button.component({
className: 'Button Button--primary',
type: 'submit',
loading: this.loading,
children: app.translator.trans('core.forum.discussion_controls.rename_modal.submit_button')
})
)
)
);
}
}, {
key: 'onsubmit',
value: function onsubmit(e) {
var _this2 = this;
e.preventDefault();
this.loading = true;
var title = this.newTitle;
var currentTitle = this.currentTitle;
// If the title is different to what it was before, then save it. After the
// save has completed, update the post stream as there will be a new post
// indicating that the discussion was renamed.
if (title && title !== currentTitle) {
return this.discussion.save({ title: title }).then(function () {
if (app.viewingDiscussion(_this2.discussion)) {
app.current.stream.update();
}
m.redraw();
_this2.hide();
});
} else {
this.hide();
}
}
}]);
return DiscussionRenameModal;
}(Modal);
_export('default', DiscussionRenameModal);
}
};
});;
'use strict';
System.register('flarum/components/DiscussionsSearchSource', ['flarum/helpers/highlight', 'flarum/components/LinkButton'], function (_export, _context) { System.register('flarum/components/DiscussionsSearchSource', ['flarum/helpers/highlight', 'flarum/components/LinkButton'], function (_export, _context) {
"use strict"; "use strict";
@ -26914,6 +26812,108 @@ System.register('flarum/components/PostUser', ['flarum/Component', 'flarum/compo
});; });;
'use strict'; 'use strict';
System.register('flarum/components/RenameDiscussionModal', ['flarum/components/Modal', 'flarum/components/Button'], function (_export, _context) {
"use strict";
var Modal, Button, RenameDiscussionModal;
return {
setters: [function (_flarumComponentsModal) {
Modal = _flarumComponentsModal.default;
}, function (_flarumComponentsButton) {
Button = _flarumComponentsButton.default;
}],
execute: function () {
RenameDiscussionModal = function (_Modal) {
babelHelpers.inherits(RenameDiscussionModal, _Modal);
function RenameDiscussionModal() {
babelHelpers.classCallCheck(this, RenameDiscussionModal);
return babelHelpers.possibleConstructorReturn(this, (RenameDiscussionModal.__proto__ || Object.getPrototypeOf(RenameDiscussionModal)).apply(this, arguments));
}
babelHelpers.createClass(RenameDiscussionModal, [{
key: 'init',
value: function init() {
babelHelpers.get(RenameDiscussionModal.prototype.__proto__ || Object.getPrototypeOf(RenameDiscussionModal.prototype), 'init', this).call(this);
this.discussion = this.props.discussion;
this.currentTitle = this.props.currentTitle;
this.newTitle = m.prop(this.currentTitle);
}
}, {
key: 'className',
value: function className() {
return 'RenameDiscussionModal Modal--small';
}
}, {
key: 'title',
value: function title() {
return app.translator.trans('core.forum.discussion_controls.rename_modal.title');
}
}, {
key: 'content',
value: function content() {
return m(
'div',
{ className: 'Modal-body' },
m(
'div',
{ className: 'Form' },
m(
'div',
{ className: 'Form-group' },
m('input', { className: 'FormControl title', placeholder: this.currentTitle, bidi: this.newTitle })
),
m(
'div',
{ className: 'Form-group' },
Button.component({
className: 'Button Button--primary',
type: 'submit',
loading: this.loading,
children: app.translator.trans('core.forum.discussion_controls.rename_modal.submit_button')
})
)
)
);
}
}, {
key: 'onsubmit',
value: function onsubmit(e) {
var _this2 = this;
e.preventDefault();
this.loading = true;
var title = this.newTitle;
var currentTitle = this.currentTitle;
// If the title is different to what it was before, then save it. After the
// save has completed, update the post stream as there will be a new post
// indicating that the discussion was renamed.
if (title && title !== currentTitle) {
return this.discussion.save({ title: title }).then(function () {
if (app.viewingDiscussion(_this2.discussion)) {
app.current.stream.update();
}
m.redraw();
_this2.hide();
});
} else {
this.hide();
}
}
}]);
return RenameDiscussionModal;
}(Modal);
_export('default', RenameDiscussionModal);
}
};
});;
'use strict';
System.register('flarum/components/ReplyComposer', ['flarum/components/ComposerBody', 'flarum/components/Alert', 'flarum/components/Button', 'flarum/helpers/icon', 'flarum/utils/extractText'], function (_export, _context) { System.register('flarum/components/ReplyComposer', ['flarum/components/ComposerBody', 'flarum/components/Alert', 'flarum/components/Button', 'flarum/helpers/icon', 'flarum/utils/extractText'], function (_export, _context) {
"use strict"; "use strict";
@ -31280,10 +31280,10 @@ System.register('flarum/utils/computed', [], function (_export, _context) {
});; });;
'use strict'; 'use strict';
System.register('flarum/utils/DiscussionControls', ['flarum/components/DiscussionPage', 'flarum/components/ReplyComposer', 'flarum/components/LogInModal', 'flarum/components/Button', 'flarum/components/Separator', 'flarum/components/DiscussionRenameModal', 'flarum/utils/ItemList', 'flarum/utils/extractText'], function (_export, _context) { System.register('flarum/utils/DiscussionControls', ['flarum/components/DiscussionPage', 'flarum/components/ReplyComposer', 'flarum/components/LogInModal', 'flarum/components/Button', 'flarum/components/Separator', 'flarum/components/RenameDiscussionModal', 'flarum/utils/ItemList', 'flarum/utils/extractText'], function (_export, _context) {
"use strict"; "use strict";
var DiscussionPage, ReplyComposer, LogInModal, Button, Separator, DiscussionRenameModal, ItemList, extractText; var DiscussionPage, ReplyComposer, LogInModal, Button, Separator, RenameDiscussionModal, ItemList, extractText;
return { return {
setters: [function (_flarumComponentsDiscussionPage) { setters: [function (_flarumComponentsDiscussionPage) {
DiscussionPage = _flarumComponentsDiscussionPage.default; DiscussionPage = _flarumComponentsDiscussionPage.default;
@ -31295,8 +31295,8 @@ System.register('flarum/utils/DiscussionControls', ['flarum/components/Discussio
Button = _flarumComponentsButton.default; Button = _flarumComponentsButton.default;
}, function (_flarumComponentsSeparator) { }, function (_flarumComponentsSeparator) {
Separator = _flarumComponentsSeparator.default; Separator = _flarumComponentsSeparator.default;
}, function (_flarumComponentsDiscussionRenameModal) { }, function (_flarumComponentsRenameDiscussionModal) {
DiscussionRenameModal = _flarumComponentsDiscussionRenameModal.default; RenameDiscussionModal = _flarumComponentsRenameDiscussionModal.default;
}, function (_flarumUtilsItemList) { }, function (_flarumUtilsItemList) {
ItemList = _flarumUtilsItemList.default; ItemList = _flarumUtilsItemList.default;
}, function (_flarumUtilsExtractText) { }, function (_flarumUtilsExtractText) {
@ -31445,7 +31445,7 @@ System.register('flarum/utils/DiscussionControls', ['flarum/components/Discussio
} }
}, },
renameAction: function renameAction() { renameAction: function renameAction() {
return app.modal.show(new DiscussionRenameModal({ return app.modal.show(new RenameDiscussionModal({
currentTitle: this.title(), currentTitle: this.title(),
discussion: this discussion: this
})); }));

View File

@ -2,9 +2,9 @@ import Modal from 'flarum/components/Modal';
import Button from 'flarum/components/Button'; import Button from 'flarum/components/Button';
/** /**
* The 'DiscussionRenameModal' displays a modal dialog with an input to rename a discussion * The 'RenameDiscussionModal' displays a modal dialog with an input to rename a discussion
*/ */
export default class DiscussionRenameModal extends Modal { export default class RenameDiscussionModal extends Modal {
init() { init() {
super.init(); super.init();
@ -14,7 +14,7 @@ export default class DiscussionRenameModal extends Modal {
} }
className() { className() {
return 'DiscussionRenameModal Modal--small'; return 'RenameDiscussionModal Modal--small';
} }
title() { title() {

View File

@ -3,7 +3,7 @@ import ReplyComposer from 'flarum/components/ReplyComposer';
import LogInModal from 'flarum/components/LogInModal'; import LogInModal from 'flarum/components/LogInModal';
import Button from 'flarum/components/Button'; import Button from 'flarum/components/Button';
import Separator from 'flarum/components/Separator'; import Separator from 'flarum/components/Separator';
import DiscussionRenameModal from 'flarum/components/DiscussionRenameModal'; import RenameDiscussionModal from 'flarum/components/RenameDiscussionModal';
import ItemList from 'flarum/utils/ItemList'; import ItemList from 'flarum/utils/ItemList';
import extractText from 'flarum/utils/extractText'; import extractText from 'flarum/utils/extractText';
@ -228,7 +228,7 @@ export default {
* @return {Promise} * @return {Promise}
*/ */
renameAction() { renameAction() {
return app.modal.show(new DiscussionRenameModal({ return app.modal.show(new RenameDiscussionModal({
currentTitle: this.title(), currentTitle: this.title(),
discussion: this discussion: this
})); }));