mirror of
https://github.com/flarum/framework.git
synced 2024-11-28 20:16:08 +08:00
Rename modal component
This commit is contained in:
parent
9718f54683
commit
7d1a22bcb5
214
js/forum/dist/app.js
vendored
214
js/forum/dist/app.js
vendored
|
@ -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
|
||||||
}));
|
}));
|
||||||
|
|
|
@ -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() {
|
|
@ -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
|
||||||
}));
|
}));
|
||||||
|
|
Loading…
Reference in New Issue
Block a user