mirror of
https://github.com/SchildiChat/element-web.git
synced 2024-10-01 01:26:12 -04:00
PushRules settings: Display keywords modal dialog
This commit is contained in:
parent
9fb8c9f67a
commit
10d3076d6b
@ -58,6 +58,8 @@ module.exports = React.createClass({
|
|||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
|
||||||
|
keywordsDialogDiv: "",
|
||||||
|
|
||||||
componentWillMount: function() {
|
componentWillMount: function() {
|
||||||
this._refreshFromServer();
|
this._refreshFromServer();
|
||||||
},
|
},
|
||||||
@ -155,6 +157,19 @@ module.exports = React.createClass({
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
onKeywordsClicked: function(event) {
|
||||||
|
var QuestionDialog = sdk.getComponent("dialogs.QuestionDialog");
|
||||||
|
Modal.createDialog(QuestionDialog, {
|
||||||
|
title: "Keywords",
|
||||||
|
description: this.keywordsDialogDiv,
|
||||||
|
onFinished: function onFinished(should_leave) {
|
||||||
|
if (should_leave) {
|
||||||
|
// TODO
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
getRule: function(vectorRuleId) {
|
getRule: function(vectorRuleId) {
|
||||||
for (var i in this.state.vectorPushRules) {
|
for (var i in this.state.vectorPushRules) {
|
||||||
var rule = this.state.vectorPushRules[i];
|
var rule = this.state.vectorPushRules[i];
|
||||||
@ -306,7 +321,7 @@ module.exports = React.createClass({
|
|||||||
// it corresponds to all content push rules (stored in self.state.vectorContentRule)
|
// it corresponds to all content push rules (stored in self.state.vectorContentRule)
|
||||||
self.state.vectorPushRules.push({
|
self.state.vectorPushRules.push({
|
||||||
"vectorRuleId": "keywords",
|
"vectorRuleId": "keywords",
|
||||||
"description" : "Messages containing keywords",
|
"description" : (<span>Messages containing <span className="mx_UserNotifSettings_keywords" onClick={ self.onKeywordsClicked }>keywords</span></span>),
|
||||||
"state": self.state.vectorContentRules.state,
|
"state": self.state.vectorContentRules.state,
|
||||||
});
|
});
|
||||||
|
|
||||||
@ -435,6 +450,32 @@ module.exports = React.createClass({
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Prepare keywords dialog here, in a render method, else React complains if
|
||||||
|
// it is done later from onKeywordsClicked
|
||||||
|
var keywords = [];
|
||||||
|
for (var i in this.state.vectorContentRules.rules) {
|
||||||
|
var rule = this.state.vectorContentRules.rules[i];
|
||||||
|
keywords.push(rule.pattern);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (keywords.length) {
|
||||||
|
keywords = keywords.join(", ");
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
keywords = "";
|
||||||
|
}
|
||||||
|
|
||||||
|
this.keywordsDialogDiv = (
|
||||||
|
<div>
|
||||||
|
<div className="mx_UserNotifSettings_keywordsLabel">
|
||||||
|
<label htmlFor="keywords">Enter keywords separated by a comma:</label>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<input id="keywords" ref="keywords" className="mx_UserNotifSettings_keywordsInput" defaultValue={keywords} autoFocus={true} size="64"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
|
||||||
// Build the list of keywords rules that have been defined outside Vector UI
|
// Build the list of keywords rules that have been defined outside Vector UI
|
||||||
var externalKeyWords = [];
|
var externalKeyWords = [];
|
||||||
for (var i in this.state.externalContentRules) {
|
for (var i in this.state.externalContentRules) {
|
||||||
|
@ -51,3 +51,19 @@ limitations under the License.
|
|||||||
.mx_UserNotifSettings_pushRulesTable tbody th:first-child {
|
.mx_UserNotifSettings_pushRulesTable tbody th:first-child {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mx_UserNotifSettings_keywords {
|
||||||
|
cursor: pointer;
|
||||||
|
color: #76cfa6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mx_UserNotifSettings_keywordsLabel {
|
||||||
|
text-align: left;
|
||||||
|
padding-bottom: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mx_UserNotifSettings_keywordsInput {
|
||||||
|
color: #747474;
|
||||||
|
font-weight: 300;
|
||||||
|
font-size: 15px;
|
||||||
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user