Skip to content
This repository has been archived by the owner on Sep 11, 2024. It is now read-only.

Add View Servers in Room to Devtools #2804

Merged
merged 3 commits into from
May 10, 2019
Merged

Add View Servers in Room to Devtools #2804

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
5771406
Add View Servers in Room to Devtools
t3chguy Mar 18, 2019
16c027d
Merge branches 'develop' and 'devtools_serverlist' of github.com:matr…
t3chguy May 9, 2019
cd5a460
Iterate PR based on feedback
t3chguy May 9, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 5 additions & 1 deletion res/css/views/dialogs/_DevtoolsDialog.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,11 @@ limitations under the License.
margin: 10px 0;
}

.mx_DevTools_RoomStateExplorer_button, .mx_DevTools_RoomStateExplorer_query {
.mx_DevTools_ServersInRoomList_button {
cursor: default !important;
turt2live marked this conversation as resolved.
Show resolved Hide resolved
}

.mx_DevTools_RoomStateExplorer_button, .mx_DevTools_ServersInRoomList_button, .mx_DevTools_RoomStateExplorer_query {
margin-bottom: 10px;
width: 100%;
}
Expand Down
44 changes: 44 additions & 0 deletions src/components/views/dialogs/DevtoolsDialog.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -551,11 +551,55 @@ class AccountDataExplorer extends DevtoolsComponent {
}
}

class ServersInRoomList extends DevtoolsComponent {
static getLabel() { return _t('View Servers in Room'); }

static propTypes = {
onBack: PropTypes.func.isRequired,
};

constructor(props, context) {
super(props, context);

this.onQuery = this.onQuery.bind(this);
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

we've since changed how we do this kind of binding. Instead, it is preferred to be represented as:

onQuery = (query) => {
  // do stuff
};


const room = MatrixClientPeg.get().getRoom(this.context.roomId);
const servers = new Set();
room.currentState.getStateEvents("m.room.member").forEach(ev => servers.add(ev.getSender().split(":")[1]));
this.servers = Array.from(servers).map(s =>
<button key={s} className="mx_DevTools_ServersInRoomList_button">
{ s }
</button>);

this.state = {
query: '',
};
}

onQuery(query) {
this.setState({ query });
}

render() {
return <div>
<div className="mx_Dialog_content">
<FilteredList query={this.state.query} onChange={this.onQuery}>
{ this.servers }
</FilteredList>
</div>
<div className="mx_Dialog_buttons">
<button onClick={this.props.onBack}>{ _t('Back') }</button>
</div>
</div>;
}
}

const Entries = [
SendCustomEvent,
RoomStateExplorer,
SendAccountData,
AccountDataExplorer,
ServersInRoomList,
];

export default class DevtoolsDialog extends React.Component {
Expand Down
1 change: 1 addition & 0 deletions src/i18n/strings/en_EN.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1095,6 +1095,7 @@
"Filter results": "Filter results",
"Explore Room State": "Explore Room State",
"Explore Account Data": "Explore Account Data",
"View Servers in Room": "View Servers in Room",
"Toolbox": "Toolbox",
"Developer Tools": "Developer Tools",
"An error has occurred.": "An error has occurred.",
Expand Down