a bunch of small fixes in refactored UI
This commit is contained in:
+23
-4
@@ -91,6 +91,7 @@ class InfoView extends React.Component {
|
|||||||
owner: false,
|
owner: false,
|
||||||
admin: false,
|
admin: false,
|
||||||
sharer: false,
|
sharer: false,
|
||||||
|
deleter: false,
|
||||||
muted: false,
|
muted: false,
|
||||||
address: null,
|
address: null,
|
||||||
groupTopic: undefined,
|
groupTopic: undefined,
|
||||||
@@ -201,6 +202,7 @@ class InfoView extends React.Component {
|
|||||||
owner: acs && acs.isOwner(),
|
owner: acs && acs.isOwner(),
|
||||||
admin: acs && acs.isAdmin(),
|
admin: acs && acs.isAdmin(),
|
||||||
sharer: acs && acs.isSharer(),
|
sharer: acs && acs.isSharer(),
|
||||||
|
deleter: acs && acs.isDeleter(),
|
||||||
muted: acs && acs.isMuted(),
|
muted: acs && acs.isMuted(),
|
||||||
|
|
||||||
fullName: _clip(topic.public ? topic.public.fn : undefined, MAX_TITLE_LENGTH),
|
fullName: _clip(topic.public ? topic.public.fn : undefined, MAX_TITLE_LENGTH),
|
||||||
@@ -268,10 +270,10 @@ class InfoView extends React.Component {
|
|||||||
handlePermissionsChanged(which, perm) {
|
handlePermissionsChanged(which, perm) {
|
||||||
switch (which) {
|
switch (which) {
|
||||||
case 'auth':
|
case 'auth':
|
||||||
this.props.onTopicDescUpdate(this.props.topic, null, null, {auth: perm});
|
this.props.onTopicDescUpdateRequest(this.props.topic, null, null, {auth: perm});
|
||||||
break;
|
break;
|
||||||
case 'anon':
|
case 'anon':
|
||||||
this.props.onTopicDescUpdate(this.props.topic, null, null, {anon: perm});
|
this.props.onTopicDescUpdateRequest(this.props.topic, null, null, {anon: perm});
|
||||||
break;
|
break;
|
||||||
case 'mode':
|
case 'mode':
|
||||||
case 'want':
|
case 'want':
|
||||||
@@ -284,6 +286,8 @@ class InfoView extends React.Component {
|
|||||||
this.props.onChangePermissions(this.props.topic, perm, this.state.userPermissionsEdited);
|
this.props.onChangePermissions(this.props.topic, perm, this.state.userPermissionsEdited);
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
this.handleBackNavigate();
|
||||||
}
|
}
|
||||||
|
|
||||||
handleLaunchPermissionsEditor(which, uid) {
|
handleLaunchPermissionsEditor(which, uid) {
|
||||||
@@ -346,7 +350,7 @@ class InfoView extends React.Component {
|
|||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
default:
|
default:
|
||||||
console.log("Unknown permission editing mode '" + which + "'");
|
console.error("Unknown permission editing mode '" + which + "'");
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
this.setState({
|
this.setState({
|
||||||
@@ -483,8 +487,23 @@ class InfoView extends React.Component {
|
|||||||
:
|
:
|
||||||
view == 'security' ?
|
view == 'security' ?
|
||||||
<TopicSecurity
|
<TopicSecurity
|
||||||
tinode={this.props.tinode}
|
|
||||||
topic={this.props.topic}
|
topic={this.props.topic}
|
||||||
|
owner={this.state.owner}
|
||||||
|
admin={this.state.admin}
|
||||||
|
sharer={this.state.sharer}
|
||||||
|
deleter={this.state.deleter}
|
||||||
|
muted={this.state.muted}
|
||||||
|
|
||||||
|
groupTopic={this.state.groupTopic}
|
||||||
|
channel={this.state.channel}
|
||||||
|
access={this.state.access}
|
||||||
|
modeGiven={this.state.modeGiven}
|
||||||
|
modeWant={this.state.modeWant}
|
||||||
|
modeGiven2={this.state.modeGiven2}
|
||||||
|
modeWant2={this.state.modeWant2}
|
||||||
|
auth={this.state.auth}
|
||||||
|
anon={this.state.anon}
|
||||||
|
|
||||||
onShowAlert={this.props.onShowAlert}
|
onShowAlert={this.props.onShowAlert}
|
||||||
onDeleteMessages={this.props.onDeleteMessages}
|
onDeleteMessages={this.props.onDeleteMessages}
|
||||||
onLeaveTopic={this.props.onLeaveTopic}
|
onLeaveTopic={this.props.onLeaveTopic}
|
||||||
|
|||||||
@@ -74,48 +74,10 @@ const messages = defineMessages({
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
class TopicSecurity extends React.Component {
|
class TopicSecurity extends React.PureComponent {
|
||||||
constructor(props) {
|
constructor(props) {
|
||||||
super(props);
|
super(props);
|
||||||
|
|
||||||
const topic = this.props.tinode.getTopic(this.props.topic);
|
|
||||||
if (!topic) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const defacs = topic.getDefaultAccess() || {};
|
|
||||||
const acs = topic.getAccessMode();
|
|
||||||
|
|
||||||
let modeGiven2 = NO_ACCESS_MODE;
|
|
||||||
let modeWant2 = NO_ACCESS_MODE;
|
|
||||||
if (topic.getType() == 'p2p') {
|
|
||||||
// Fetch the other party in the p2p conversation.
|
|
||||||
// Topic may not be ready yet, so check if user is found.
|
|
||||||
const user2 = topic.subscriber(props.topic);
|
|
||||||
if (user2 && user2.acs) {
|
|
||||||
modeGiven2 = user2.acs.getGiven();
|
|
||||||
modeWant2 = user2.acs.getWant();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
this.state = {
|
|
||||||
owner: acs && acs.isOwner(),
|
|
||||||
admin: acs && acs.isAdmin(),
|
|
||||||
sharer: acs && acs.isSharer(),
|
|
||||||
deleter: acs && acs.isDeleter(),
|
|
||||||
muted: acs && acs.isMuted(),
|
|
||||||
|
|
||||||
groupTopic: topic.isGroupType(),
|
|
||||||
channel: topic.isChannelType(),
|
|
||||||
access: acs ? acs.getMode() : undefined,
|
|
||||||
modeGiven: acs ? acs.getGiven() : undefined,
|
|
||||||
modeWant: acs ? acs.getWant() : undefined,
|
|
||||||
modeGiven2: modeGiven2, // P2P topic, the other user mode given
|
|
||||||
modeWant2: modeWant2, // P2P topic, the other user mode want
|
|
||||||
auth: defacs ? defacs.auth : null,
|
|
||||||
anon: defacs ? defacs.anon : null,
|
|
||||||
};
|
|
||||||
|
|
||||||
this.handleDeleteTopic = this.handleDeleteTopic.bind(this);
|
this.handleDeleteTopic = this.handleDeleteTopic.bind(this);
|
||||||
this.handleDeleteMessages = this.handleDeleteMessages.bind(this);
|
this.handleDeleteMessages = this.handleDeleteMessages.bind(this);
|
||||||
this.handleLeave = this.handleLeave.bind(this);
|
this.handleLeave = this.handleLeave.bind(this);
|
||||||
@@ -140,8 +102,8 @@ class TopicSecurity extends React.Component {
|
|||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
const {formatMessage} = this.props.intl;
|
const {formatMessage} = this.props.intl;
|
||||||
this.props.onShowAlert(
|
this.props.onShowAlert(
|
||||||
formatMessage(this.state.deleter ? messages.delete_messages : messages.clear_messages), // title
|
formatMessage(this.props.deleter ? messages.delete_messages : messages.clear_messages), // title
|
||||||
formatMessage(this.state.deleter ? messages.delete_messages_warning : messages.clear_messages_warning), // content
|
formatMessage(this.props.deleter ? messages.delete_messages_warning : messages.clear_messages_warning), // content
|
||||||
(() => { this.props.onDeleteMessages(this.props.topic); }), // onConfirm
|
(() => { this.props.onDeleteMessages(this.props.topic); }), // onConfirm
|
||||||
null, // "OK"
|
null, // "OK"
|
||||||
true, // Show Reject button
|
true, // Show Reject button
|
||||||
@@ -193,16 +155,16 @@ class TopicSecurity extends React.Component {
|
|||||||
return (
|
return (
|
||||||
<div className="scrollable-panel">
|
<div className="scrollable-panel">
|
||||||
<div className="panel-form-column">
|
<div className="panel-form-column">
|
||||||
{!this.state.channel ?
|
{!this.props.channel ?
|
||||||
<a href="#" className="flat-button" onClick={this.handleDeleteMessages}>
|
<a href="#" className="flat-button" onClick={this.handleDeleteMessages}>
|
||||||
<i className="material-icons">delete_outline</i> {
|
<i className="material-icons">delete_outline</i> {
|
||||||
formatMessage(this.state.deleter ? messages.delete_messages : messages.clear_messages)
|
formatMessage(this.props.deleter ? messages.delete_messages : messages.clear_messages)
|
||||||
}
|
}
|
||||||
</a>
|
</a>
|
||||||
:
|
:
|
||||||
null
|
null
|
||||||
}
|
}
|
||||||
{this.state.owner ?
|
{this.props.owner ?
|
||||||
<a href="#" className="danger flat-button" onClick={this.handleDeleteTopic}>
|
<a href="#" className="danger flat-button" onClick={this.handleDeleteTopic}>
|
||||||
<i className="material-icons">delete</i> {formatMessage(messages.topic_delete)}
|
<i className="material-icons">delete</i> {formatMessage(messages.topic_delete)}
|
||||||
</a>
|
</a>
|
||||||
@@ -211,14 +173,14 @@ class TopicSecurity extends React.Component {
|
|||||||
<i className="material-icons">exit_to_app</i> {formatMessage(messages.leave_chat)}
|
<i className="material-icons">exit_to_app</i> {formatMessage(messages.leave_chat)}
|
||||||
</a>
|
</a>
|
||||||
}
|
}
|
||||||
{!this.state.groupTopic ?
|
{!this.props.groupTopic ?
|
||||||
<a href="#" className="danger flat-button" onClick={this.handleBlock}>
|
<a href="#" className="danger flat-button" onClick={this.handleBlock}>
|
||||||
<i className="material-icons">block</i> {formatMessage(messages.block_contact)}
|
<i className="material-icons">block</i> {formatMessage(messages.block_contact)}
|
||||||
</a>
|
</a>
|
||||||
:
|
:
|
||||||
null
|
null
|
||||||
}
|
}
|
||||||
{!this.state.owner ?
|
{!this.props.owner ?
|
||||||
<a href="#" className="danger flat-button" onClick={this.handleReport}>
|
<a href="#" className="danger flat-button" onClick={this.handleReport}>
|
||||||
<i className="material-icons">report</i> {formatMessage(messages.report_chat)}
|
<i className="material-icons">report</i> {formatMessage(messages.report_chat)}
|
||||||
</a>
|
</a>
|
||||||
@@ -228,7 +190,7 @@ class TopicSecurity extends React.Component {
|
|||||||
</div>
|
</div>
|
||||||
<div className="hr" />
|
<div className="hr" />
|
||||||
<div className="panel-form-column">
|
<div className="panel-form-column">
|
||||||
{this.state.groupTopic ?
|
{this.props.groupTopic ?
|
||||||
<>
|
<>
|
||||||
<div className="group">
|
<div className="group">
|
||||||
<label>
|
<label>
|
||||||
@@ -236,7 +198,7 @@ class TopicSecurity extends React.Component {
|
|||||||
description="Label for current user permissions" />
|
description="Label for current user permissions" />
|
||||||
</label> <tt className="clickable"
|
</label> <tt className="clickable"
|
||||||
onClick={(e) => {e.preventDefault(); this.props.onLaunchPermissionsEditor('want')}}>
|
onClick={(e) => {e.preventDefault(); this.props.onLaunchPermissionsEditor('want')}}>
|
||||||
{this.state.access}
|
{this.props.access}
|
||||||
</tt>
|
</tt>
|
||||||
</div>
|
</div>
|
||||||
<div className="group">
|
<div className="group">
|
||||||
@@ -248,10 +210,10 @@ class TopicSecurity extends React.Component {
|
|||||||
</div>
|
</div>
|
||||||
<div className="quoted">
|
<div className="quoted">
|
||||||
<div>Auth: <tt className="clickable"
|
<div>Auth: <tt className="clickable"
|
||||||
onClick={(e) => {e.preventDefault(); this.props.onLaunchPermissionsEditor('auth')}}>{this.state.auth}</tt>
|
onClick={(e) => {e.preventDefault(); this.props.onLaunchPermissionsEditor('auth')}}>{this.props.auth}</tt>
|
||||||
</div>
|
</div>
|
||||||
<div>Anon: <tt className="clickable"
|
<div>Anon: <tt className="clickable"
|
||||||
onClick={(e) => {e.preventDefault(); this.props.onLaunchPermissionsEditor('anon')}}>{this.state.anon}</tt>
|
onClick={(e) => {e.preventDefault(); this.props.onLaunchPermissionsEditor('anon')}}>{this.props.anon}</tt>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -269,13 +231,13 @@ class TopicSecurity extends React.Component {
|
|||||||
<FormattedMessage id="label_you" defaultMessage="You:"
|
<FormattedMessage id="label_you" defaultMessage="You:"
|
||||||
description="Label for the current user" /> <tt className="clickable"
|
description="Label for the current user" /> <tt className="clickable"
|
||||||
onClick={(e) => {e.preventDefault(); this.props.onLaunchPermissionsEditor('want')}}>
|
onClick={(e) => {e.preventDefault(); this.props.onLaunchPermissionsEditor('want')}}>
|
||||||
{this.state.access}
|
{this.props.access}
|
||||||
</tt>
|
</tt>
|
||||||
</div>
|
</div>
|
||||||
<div>{this.state.fullName ? this.state.fullName : formatMessage(messages.other_user)}:
|
<div>{this.props.fullName ? this.props.fullName : formatMessage(messages.other_user)}:
|
||||||
<tt className="clickable"
|
<tt className="clickable"
|
||||||
onClick={(e) => {e.preventDefault(); this.props.onLaunchPermissionsEditor('given')}}>
|
onClick={(e) => {e.preventDefault(); this.props.onLaunchPermissionsEditor('given')}}>
|
||||||
{this.state.modeGiven2}
|
{this.props.modeGiven2}
|
||||||
</tt>
|
</tt>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
+33
-52
@@ -1854,6 +1854,7 @@ class InfoView extends (react__WEBPACK_IMPORTED_MODULE_0___default().Component)
|
|||||||
owner: false,
|
owner: false,
|
||||||
admin: false,
|
admin: false,
|
||||||
sharer: false,
|
sharer: false,
|
||||||
|
deleter: false,
|
||||||
muted: false,
|
muted: false,
|
||||||
address: null,
|
address: null,
|
||||||
groupTopic: undefined,
|
groupTopic: undefined,
|
||||||
@@ -1970,6 +1971,7 @@ class InfoView extends (react__WEBPACK_IMPORTED_MODULE_0___default().Component)
|
|||||||
owner: acs && acs.isOwner(),
|
owner: acs && acs.isOwner(),
|
||||||
admin: acs && acs.isAdmin(),
|
admin: acs && acs.isAdmin(),
|
||||||
sharer: acs && acs.isSharer(),
|
sharer: acs && acs.isSharer(),
|
||||||
|
deleter: acs && acs.isDeleter(),
|
||||||
muted: acs && acs.isMuted(),
|
muted: acs && acs.isMuted(),
|
||||||
fullName: _clip(topic.public ? topic.public.fn : undefined, _config_js__WEBPACK_IMPORTED_MODULE_13__.MAX_TITLE_LENGTH),
|
fullName: _clip(topic.public ? topic.public.fn : undefined, _config_js__WEBPACK_IMPORTED_MODULE_13__.MAX_TITLE_LENGTH),
|
||||||
description: _clip(topic.public ? topic.public.note : undefined, _config_js__WEBPACK_IMPORTED_MODULE_13__.MAX_TOPIC_DESCRIPTION_LENGTH),
|
description: _clip(topic.public ? topic.public.note : undefined, _config_js__WEBPACK_IMPORTED_MODULE_13__.MAX_TOPIC_DESCRIPTION_LENGTH),
|
||||||
@@ -2044,13 +2046,13 @@ class InfoView extends (react__WEBPACK_IMPORTED_MODULE_0___default().Component)
|
|||||||
handlePermissionsChanged(which, perm) {
|
handlePermissionsChanged(which, perm) {
|
||||||
switch (which) {
|
switch (which) {
|
||||||
case 'auth':
|
case 'auth':
|
||||||
this.props.onTopicDescUpdate(this.props.topic, null, null, {
|
this.props.onTopicDescUpdateRequest(this.props.topic, null, null, {
|
||||||
auth: perm
|
auth: perm
|
||||||
});
|
});
|
||||||
break;
|
break;
|
||||||
|
|
||||||
case 'anon':
|
case 'anon':
|
||||||
this.props.onTopicDescUpdate(this.props.topic, null, null, {
|
this.props.onTopicDescUpdateRequest(this.props.topic, null, null, {
|
||||||
anon: perm
|
anon: perm
|
||||||
});
|
});
|
||||||
break;
|
break;
|
||||||
@@ -2068,6 +2070,8 @@ class InfoView extends (react__WEBPACK_IMPORTED_MODULE_0___default().Component)
|
|||||||
this.props.onChangePermissions(this.props.topic, perm, this.state.userPermissionsEdited);
|
this.props.onChangePermissions(this.props.topic, perm, this.state.userPermissionsEdited);
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
this.handleBackNavigate();
|
||||||
}
|
}
|
||||||
|
|
||||||
handleLaunchPermissionsEditor(which, uid) {
|
handleLaunchPermissionsEditor(which, uid) {
|
||||||
@@ -2146,7 +2150,7 @@ class InfoView extends (react__WEBPACK_IMPORTED_MODULE_0___default().Component)
|
|||||||
}
|
}
|
||||||
|
|
||||||
default:
|
default:
|
||||||
console.log("Unknown permission editing mode '" + which + "'");
|
console.error("Unknown permission editing mode '" + which + "'");
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -2291,8 +2295,21 @@ class InfoView extends (react__WEBPACK_IMPORTED_MODULE_0___default().Component)
|
|||||||
onUpdateTopicDesc: this.props.onTopicDescUpdateRequest,
|
onUpdateTopicDesc: this.props.onTopicDescUpdateRequest,
|
||||||
onError: this.props.onError
|
onError: this.props.onError
|
||||||
}) : view == 'security' ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_widgets_topic_security_jsx__WEBPACK_IMPORTED_MODULE_12__.default, {
|
}) : view == 'security' ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_widgets_topic_security_jsx__WEBPACK_IMPORTED_MODULE_12__.default, {
|
||||||
tinode: this.props.tinode,
|
|
||||||
topic: this.props.topic,
|
topic: this.props.topic,
|
||||||
|
owner: this.state.owner,
|
||||||
|
admin: this.state.admin,
|
||||||
|
sharer: this.state.sharer,
|
||||||
|
deleter: this.state.deleter,
|
||||||
|
muted: this.state.muted,
|
||||||
|
groupTopic: this.state.groupTopic,
|
||||||
|
channel: this.state.channel,
|
||||||
|
access: this.state.access,
|
||||||
|
modeGiven: this.state.modeGiven,
|
||||||
|
modeWant: this.state.modeWant,
|
||||||
|
modeGiven2: this.state.modeGiven2,
|
||||||
|
modeWant2: this.state.modeWant2,
|
||||||
|
auth: this.state.auth,
|
||||||
|
anon: this.state.anon,
|
||||||
onShowAlert: this.props.onShowAlert,
|
onShowAlert: this.props.onShowAlert,
|
||||||
onDeleteMessages: this.props.onDeleteMessages,
|
onDeleteMessages: this.props.onDeleteMessages,
|
||||||
onLeaveTopic: this.props.onLeaveTopic,
|
onLeaveTopic: this.props.onLeaveTopic,
|
||||||
@@ -11922,45 +11939,9 @@ const messages = (0,react_intl__WEBPACK_IMPORTED_MODULE_1__.defineMessages)({
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
class TopicSecurity extends (react__WEBPACK_IMPORTED_MODULE_0___default().Component) {
|
class TopicSecurity extends (react__WEBPACK_IMPORTED_MODULE_0___default().PureComponent) {
|
||||||
constructor(props) {
|
constructor(props) {
|
||||||
super(props);
|
super(props);
|
||||||
const topic = this.props.tinode.getTopic(this.props.topic);
|
|
||||||
|
|
||||||
if (!topic) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const defacs = topic.getDefaultAccess() || {};
|
|
||||||
const acs = topic.getAccessMode();
|
|
||||||
let modeGiven2 = _config_js__WEBPACK_IMPORTED_MODULE_3__.NO_ACCESS_MODE;
|
|
||||||
let modeWant2 = _config_js__WEBPACK_IMPORTED_MODULE_3__.NO_ACCESS_MODE;
|
|
||||||
|
|
||||||
if (topic.getType() == 'p2p') {
|
|
||||||
const user2 = topic.subscriber(props.topic);
|
|
||||||
|
|
||||||
if (user2 && user2.acs) {
|
|
||||||
modeGiven2 = user2.acs.getGiven();
|
|
||||||
modeWant2 = user2.acs.getWant();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
this.state = {
|
|
||||||
owner: acs && acs.isOwner(),
|
|
||||||
admin: acs && acs.isAdmin(),
|
|
||||||
sharer: acs && acs.isSharer(),
|
|
||||||
deleter: acs && acs.isDeleter(),
|
|
||||||
muted: acs && acs.isMuted(),
|
|
||||||
groupTopic: topic.isGroupType(),
|
|
||||||
channel: topic.isChannelType(),
|
|
||||||
access: acs ? acs.getMode() : undefined,
|
|
||||||
modeGiven: acs ? acs.getGiven() : undefined,
|
|
||||||
modeWant: acs ? acs.getWant() : undefined,
|
|
||||||
modeGiven2: modeGiven2,
|
|
||||||
modeWant2: modeWant2,
|
|
||||||
auth: defacs ? defacs.auth : null,
|
|
||||||
anon: defacs ? defacs.anon : null
|
|
||||||
};
|
|
||||||
this.handleDeleteTopic = this.handleDeleteTopic.bind(this);
|
this.handleDeleteTopic = this.handleDeleteTopic.bind(this);
|
||||||
this.handleDeleteMessages = this.handleDeleteMessages.bind(this);
|
this.handleDeleteMessages = this.handleDeleteMessages.bind(this);
|
||||||
this.handleLeave = this.handleLeave.bind(this);
|
this.handleLeave = this.handleLeave.bind(this);
|
||||||
@@ -11983,7 +11964,7 @@ class TopicSecurity extends (react__WEBPACK_IMPORTED_MODULE_0___default().Compon
|
|||||||
const {
|
const {
|
||||||
formatMessage
|
formatMessage
|
||||||
} = this.props.intl;
|
} = this.props.intl;
|
||||||
this.props.onShowAlert(formatMessage(this.state.deleter ? messages.delete_messages : messages.clear_messages), formatMessage(this.state.deleter ? messages.delete_messages_warning : messages.clear_messages_warning), () => {
|
this.props.onShowAlert(formatMessage(this.props.deleter ? messages.delete_messages : messages.clear_messages), formatMessage(this.props.deleter ? messages.delete_messages_warning : messages.clear_messages_warning), () => {
|
||||||
this.props.onDeleteMessages(this.props.topic);
|
this.props.onDeleteMessages(this.props.topic);
|
||||||
}, null, true, null);
|
}, null, true, null);
|
||||||
}
|
}
|
||||||
@@ -12026,13 +12007,13 @@ class TopicSecurity extends (react__WEBPACK_IMPORTED_MODULE_0___default().Compon
|
|||||||
className: "scrollable-panel"
|
className: "scrollable-panel"
|
||||||
}, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
|
}, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
|
||||||
className: "panel-form-column"
|
className: "panel-form-column"
|
||||||
}, !this.state.channel ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
|
}, !this.props.channel ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
|
||||||
href: "#",
|
href: "#",
|
||||||
className: "flat-button",
|
className: "flat-button",
|
||||||
onClick: this.handleDeleteMessages
|
onClick: this.handleDeleteMessages
|
||||||
}, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("i", {
|
}, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("i", {
|
||||||
className: "material-icons"
|
className: "material-icons"
|
||||||
}, "delete_outline"), " \xA0", formatMessage(this.state.deleter ? messages.delete_messages : messages.clear_messages)) : null, this.state.owner ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
|
}, "delete_outline"), " \xA0", formatMessage(this.props.deleter ? messages.delete_messages : messages.clear_messages)) : null, this.props.owner ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
|
||||||
href: "#",
|
href: "#",
|
||||||
className: "danger flat-button",
|
className: "danger flat-button",
|
||||||
onClick: this.handleDeleteTopic
|
onClick: this.handleDeleteTopic
|
||||||
@@ -12044,13 +12025,13 @@ class TopicSecurity extends (react__WEBPACK_IMPORTED_MODULE_0___default().Compon
|
|||||||
onClick: this.handleLeave
|
onClick: this.handleLeave
|
||||||
}, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("i", {
|
}, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("i", {
|
||||||
className: "material-icons"
|
className: "material-icons"
|
||||||
}, "exit_to_app"), " \xA0", formatMessage(messages.leave_chat)), !this.state.groupTopic ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
|
}, "exit_to_app"), " \xA0", formatMessage(messages.leave_chat)), !this.props.groupTopic ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
|
||||||
href: "#",
|
href: "#",
|
||||||
className: "danger flat-button",
|
className: "danger flat-button",
|
||||||
onClick: this.handleBlock
|
onClick: this.handleBlock
|
||||||
}, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("i", {
|
}, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("i", {
|
||||||
className: "material-icons"
|
className: "material-icons"
|
||||||
}, "block"), " \xA0", formatMessage(messages.block_contact)) : null, !this.state.owner ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
|
}, "block"), " \xA0", formatMessage(messages.block_contact)) : null, !this.props.owner ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
|
||||||
href: "#",
|
href: "#",
|
||||||
className: "danger flat-button",
|
className: "danger flat-button",
|
||||||
onClick: this.handleReport
|
onClick: this.handleReport
|
||||||
@@ -12060,7 +12041,7 @@ class TopicSecurity extends (react__WEBPACK_IMPORTED_MODULE_0___default().Compon
|
|||||||
className: "hr"
|
className: "hr"
|
||||||
}), react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
|
}), react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
|
||||||
className: "panel-form-column"
|
className: "panel-form-column"
|
||||||
}, this.state.groupTopic ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
|
}, this.props.groupTopic ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
|
||||||
className: "group"
|
className: "group"
|
||||||
}, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", null, react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__.FormattedMessage, {
|
}, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", null, react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__.FormattedMessage, {
|
||||||
id: "label_your_permissions",
|
id: "label_your_permissions",
|
||||||
@@ -12074,7 +12055,7 @@ class TopicSecurity extends (react__WEBPACK_IMPORTED_MODULE_0___default().Compon
|
|||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
this.props.onLaunchPermissionsEditor('want');
|
this.props.onLaunchPermissionsEditor('want');
|
||||||
}
|
}
|
||||||
}, this.state.access)), react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
|
}, this.props.access)), react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
|
||||||
className: "group"
|
className: "group"
|
||||||
}, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
|
}, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
|
||||||
className: "small"
|
className: "small"
|
||||||
@@ -12092,13 +12073,13 @@ class TopicSecurity extends (react__WEBPACK_IMPORTED_MODULE_0___default().Compon
|
|||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
this.props.onLaunchPermissionsEditor('auth');
|
this.props.onLaunchPermissionsEditor('auth');
|
||||||
}
|
}
|
||||||
}, this.state.auth)), react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, "Anon: ", react__WEBPACK_IMPORTED_MODULE_0___default().createElement("tt", {
|
}, this.props.auth)), react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, "Anon: ", react__WEBPACK_IMPORTED_MODULE_0___default().createElement("tt", {
|
||||||
className: "clickable",
|
className: "clickable",
|
||||||
onClick: e => {
|
onClick: e => {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
this.props.onLaunchPermissionsEditor('anon');
|
this.props.onLaunchPermissionsEditor('anon');
|
||||||
}
|
}
|
||||||
}, this.state.anon))))) : react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
|
}, this.props.anon))))) : react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
|
||||||
className: "group"
|
className: "group"
|
||||||
}, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
|
}, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
|
||||||
className: "small"
|
className: "small"
|
||||||
@@ -12122,13 +12103,13 @@ class TopicSecurity extends (react__WEBPACK_IMPORTED_MODULE_0___default().Compon
|
|||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
this.props.onLaunchPermissionsEditor('want');
|
this.props.onLaunchPermissionsEditor('want');
|
||||||
}
|
}
|
||||||
}, this.state.access)), react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, this.state.fullName ? this.state.fullName : formatMessage(messages.other_user), ": \xA0", react__WEBPACK_IMPORTED_MODULE_0___default().createElement("tt", {
|
}, this.props.access)), react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, this.props.fullName ? this.props.fullName : formatMessage(messages.other_user), ": \xA0", react__WEBPACK_IMPORTED_MODULE_0___default().createElement("tt", {
|
||||||
className: "clickable",
|
className: "clickable",
|
||||||
onClick: e => {
|
onClick: e => {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
this.props.onLaunchPermissionsEditor('given');
|
this.props.onLaunchPermissionsEditor('given');
|
||||||
}
|
}
|
||||||
}, this.state.modeGiven2))))));
|
}, this.props.modeGiven2))))));
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
+1
-1
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user