extract dummy data
This commit is contained in:
parent
ce509533f8
commit
4e004474d3
3 changed files with 178 additions and 155 deletions
app/javascript/mastodon/features/activity_log
|
@ -3,20 +3,40 @@ import PropTypes from 'prop-types';
|
|||
import { FormattedMessage } from 'react-intl';
|
||||
import Icon from 'mastodon/components/icon';
|
||||
|
||||
export default class ColumnSettings extends React.PureComponent {
|
||||
export default function ColumnSettings({ clearLog }) {
|
||||
|
||||
static propTypes = {
|
||||
clearLog: PropTypes.func.isRequired,
|
||||
};
|
||||
return (
|
||||
<div>
|
||||
<div className='column-settings__row'>
|
||||
<button className='text-btn column-header__setting-btn' tabIndex='0' onClick={clearLog}>
|
||||
<Icon id='eraser' />
|
||||
<FormattedMessage id='activity_log.clear' defaultMessage='Clear log' />
|
||||
</button>
|
||||
</div>
|
||||
<div role='group' aria-labelledby='activity-log-display-level'>
|
||||
<span id='activity-log-display-level' className='column-settings__section'>
|
||||
<FormattedMessage id='activity_log.display_level' defaultMessage='Show activities' />
|
||||
</span>
|
||||
|
||||
render () {
|
||||
return (
|
||||
<div>
|
||||
<div className='column-settings__row'>
|
||||
<button className='text-btn column-header__setting-btn' tabIndex='0' onClick={this.props.clearLog}><Icon id='eraser' /> <FormattedMessage id='activity_log.clear' defaultMessage='Clear log' /></button>
|
||||
<div className='column-settings__row' style={{ display: 'flex', flexDirection: 'column' }}>
|
||||
<label for='show_mine'>
|
||||
<input type='radio' name='test' id='show_mine' checked />
|
||||
Show only activities related to me
|
||||
</label>
|
||||
<label for='show_additional'>
|
||||
<input type='radio' name='test' id='show_additional' />
|
||||
Also show activities from the following actors:
|
||||
</label>
|
||||
<label for='show_all'>
|
||||
<input type='radio' name='test' id='show_all' />
|
||||
Show all activities
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
ColumnSettings.propTypes = {
|
||||
clearLog: PropTypes.func.isRequired,
|
||||
};
|
||||
|
|
143
app/javascript/mastodon/features/activity_log/dummy-data.json
Normal file
143
app/javascript/mastodon/features/activity_log/dummy-data.json
Normal file
|
@ -0,0 +1,143 @@
|
|||
[
|
||||
{
|
||||
"timestamp":"2022-12-08T17:12:38Z",
|
||||
"type": "inbound",
|
||||
"path": "/users/admin/inbox",
|
||||
"data": {
|
||||
"@context": "https://www.w3.org/ns/activitystreams",
|
||||
"id": "https://techhub.social/users/crepels#follows/410930/undo",
|
||||
"type": "Undo",
|
||||
"actor": "https://techhub.social/users/crepels",
|
||||
"object": {
|
||||
"id": "https://techhub.social/bba308ce-f0e1-49af-9aa0-30d92e4ff71e",
|
||||
"type": "Follow",
|
||||
"actor": "https://techhub.social/users/crepels",
|
||||
"object": "https://localhost.jambor.dev/users/admin"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"timestamp":"2022-12-08T17:12:38Z",
|
||||
"type": "inbound",
|
||||
"path": "/users/admin/inbox",
|
||||
"data": {
|
||||
"@context": "https://www.w3.org/ns/activitystreams",
|
||||
"id": "https://techhub.social/a5f25e0a-98d6-4e5c-baad-65318cd4d67d",
|
||||
"type": "Follow",
|
||||
"actor": "https://techhub.social/users/crepels",
|
||||
"object": "https://localhost.jambor.dev/users/admin"
|
||||
}
|
||||
},
|
||||
{
|
||||
"timestamp":"2022-12-08T17:12:38Z",
|
||||
"type": "outbound",
|
||||
"path": "https://techhub.social/users/crepels/inbox",
|
||||
"data": {
|
||||
"@context": "https://www.w3.org/ns/activitystreams",
|
||||
"id": "https://localhost.jambor.dev/users/admin#accepts/follows/29",
|
||||
"type": "Accept",
|
||||
"actor": "https://localhost.jambor.dev/users/admin",
|
||||
"object": {
|
||||
"id": "https://techhub.social/a5f25e0a-98d6-4e5c-baad-65318cd4d67d",
|
||||
"type": "Follow",
|
||||
"actor": "https://techhub.social/users/crepels",
|
||||
"object": "https://localhost.jambor.dev/users/admin"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"timestamp":"2022-12-08T17:12:38Z",
|
||||
"type": "inbound",
|
||||
"path": "/inbox",
|
||||
"data": {
|
||||
"@context": [
|
||||
"https://www.w3.org/ns/activitystreams",
|
||||
{
|
||||
"ostatus": "http://ostatus.org#",
|
||||
"atomUri": "ostatus:atomUri",
|
||||
"inReplyToAtomUri": "ostatus:inReplyToAtomUri",
|
||||
"conversation": "ostatus:conversation",
|
||||
"sensitive": "as:sensitive",
|
||||
"toot": "http://joinmastodon.org/ns#",
|
||||
"votersCount": "toot:votersCount"
|
||||
}
|
||||
],
|
||||
"id": "https://techhub.social/users/crepels/statuses/109473290785654613/activity",
|
||||
"type": "Create",
|
||||
"actor": "https://techhub.social/users/crepels",
|
||||
"published": "2022-12-07T16:17:32Z",
|
||||
"to": [
|
||||
"https://localhost.jambor.dev/users/admin"
|
||||
],
|
||||
"cc": [],
|
||||
"object": {
|
||||
"id": "https://techhub.social/users/crepels/statuses/109473290785654613",
|
||||
"type": "Note",
|
||||
"summary": null,
|
||||
"inReplyTo": null,
|
||||
"published": "2022-12-07T16:17:32Z",
|
||||
"url": "https://techhub.social/@crepels/109473290785654613",
|
||||
"attributedTo": "https://techhub.social/users/crepels",
|
||||
"to": [
|
||||
"https://localhost.jambor.dev/users/admin"
|
||||
],
|
||||
"cc": [],
|
||||
"sensitive": false,
|
||||
"atomUri": "https://techhub.social/users/crepels/statuses/109473290785654613",
|
||||
"inReplyToAtomUri": null,
|
||||
"conversation": "tag:techhub.social,2022-12-07:objectId=5564498:objectType=Conversation",
|
||||
"content": "<p><span class=\"h-card\"><a href=\"https://localhost.jambor.dev/@admin\" class=\"u-url mention\">@<span>admin</span></a></span> test</p>",
|
||||
"contentMap": {
|
||||
"en": "<p><span class=\"h-card\"><a href=\"https://localhost.jambor.dev/@admin\" class=\"u-url mention\">@<span>admin</span></a></span> test</p>"
|
||||
},
|
||||
"attachment": [],
|
||||
"tag": [
|
||||
{
|
||||
"type": "Mention",
|
||||
"href": "https://localhost.jambor.dev/users/admin",
|
||||
"name": "@admin@localhost.jambor.dev"
|
||||
}
|
||||
],
|
||||
"replies": {
|
||||
"id": "https://techhub.social/users/crepels/statuses/109473290785654613/replies",
|
||||
"type": "Collection",
|
||||
"first": {
|
||||
"type": "CollectionPage",
|
||||
"next": "https://techhub.social/users/crepels/statuses/109473290785654613/replies?only_other_accounts=true&page=true",
|
||||
"partOf": "https://techhub.social/users/crepels/statuses/109473290785654613/replies",
|
||||
"items": []
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"timestamp":"2022-12-08T17:12:38Z",
|
||||
"type": "inbound",
|
||||
"path": "/users/admin/inbox",
|
||||
"data": {
|
||||
"@context": "https://www.w3.org/ns/activitystreams",
|
||||
"id": "https://techhub.social/users/crepels#likes/263597",
|
||||
"type": "Like",
|
||||
"actor": "https://techhub.social/users/crepels",
|
||||
"object": "https://localhost.jambor.dev/users/admin/statuses/109461738015823934"
|
||||
}
|
||||
},
|
||||
{
|
||||
"timestamp":"2022-12-08T17:12:38Z",
|
||||
"type": "inbound",
|
||||
"path": "/users/admin/inbox",
|
||||
"data": {
|
||||
"@context": "https://www.w3.org/ns/activitystreams",
|
||||
"id": "https://techhub.social/users/crepels#likes/263597/undo",
|
||||
"type": "Undo",
|
||||
"actor": "https://techhub.social/users/crepels",
|
||||
"object": {
|
||||
"id": "https://techhub.social/users/crepels#likes/263597",
|
||||
"type": "Like",
|
||||
"actor": "https://techhub.social/users/crepels",
|
||||
"object": "https://localhost.jambor.dev/users/admin/statuses/109461738015823934"
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
|
@ -3,6 +3,8 @@ import PropTypes from 'prop-types';
|
|||
import Column from 'mastodon/components/column';
|
||||
import ColumnHeader from 'mastodon/components/column_header';
|
||||
|
||||
import dummy_data from './dummy-data.json';
|
||||
|
||||
import ColumnSettings from './components/column_settings';
|
||||
|
||||
import ActivityPubVisualization from 'activity-pub-visualization';
|
||||
|
@ -10,149 +12,7 @@ import ActivityPubVisualization from 'activity-pub-visualization';
|
|||
export default class ActivityLog extends React.PureComponent {
|
||||
|
||||
state = {
|
||||
logs: [
|
||||
{
|
||||
"timestamp":"2022-12-08T17:12:38Z",
|
||||
"type": "inbound",
|
||||
"path": "/users/admin/inbox",
|
||||
"data": {
|
||||
"@context": "https://www.w3.org/ns/activitystreams",
|
||||
"id": "https://techhub.social/users/crepels#follows/410930/undo",
|
||||
"type": "Undo",
|
||||
"actor": "https://techhub.social/users/crepels",
|
||||
"object": {
|
||||
"id": "https://techhub.social/bba308ce-f0e1-49af-9aa0-30d92e4ff71e",
|
||||
"type": "Follow",
|
||||
"actor": "https://techhub.social/users/crepels",
|
||||
"object": "https://localhost.jambor.dev/users/admin"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"timestamp":"2022-12-08T17:12:38Z",
|
||||
"type": "inbound",
|
||||
"path": "/users/admin/inbox",
|
||||
"data": {
|
||||
"@context": "https://www.w3.org/ns/activitystreams",
|
||||
"id": "https://techhub.social/a5f25e0a-98d6-4e5c-baad-65318cd4d67d",
|
||||
"type": "Follow",
|
||||
"actor": "https://techhub.social/users/crepels",
|
||||
"object": "https://localhost.jambor.dev/users/admin"
|
||||
}
|
||||
},
|
||||
{
|
||||
"timestamp":"2022-12-08T17:12:38Z",
|
||||
"type": "outbound",
|
||||
"path": "https://techhub.social/users/crepels/inbox",
|
||||
"data": {
|
||||
"@context": "https://www.w3.org/ns/activitystreams",
|
||||
"id": "https://localhost.jambor.dev/users/admin#accepts/follows/29",
|
||||
"type": "Accept",
|
||||
"actor": "https://localhost.jambor.dev/users/admin",
|
||||
"object": {
|
||||
"id": "https://techhub.social/a5f25e0a-98d6-4e5c-baad-65318cd4d67d",
|
||||
"type": "Follow",
|
||||
"actor": "https://techhub.social/users/crepels",
|
||||
"object": "https://localhost.jambor.dev/users/admin"
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"timestamp":"2022-12-08T17:12:38Z",
|
||||
"type": "inbound",
|
||||
"path": "/inbox",
|
||||
"data": {
|
||||
"@context": [
|
||||
"https://www.w3.org/ns/activitystreams",
|
||||
{
|
||||
"ostatus": "http://ostatus.org#",
|
||||
"atomUri": "ostatus:atomUri",
|
||||
"inReplyToAtomUri": "ostatus:inReplyToAtomUri",
|
||||
"conversation": "ostatus:conversation",
|
||||
"sensitive": "as:sensitive",
|
||||
"toot": "http://joinmastodon.org/ns#",
|
||||
"votersCount": "toot:votersCount"
|
||||
}
|
||||
],
|
||||
"id": "https://techhub.social/users/crepels/statuses/109473290785654613/activity",
|
||||
"type": "Create",
|
||||
"actor": "https://techhub.social/users/crepels",
|
||||
"published": "2022-12-07T16:17:32Z",
|
||||
"to": [
|
||||
"https://localhost.jambor.dev/users/admin"
|
||||
],
|
||||
"cc": [],
|
||||
"object": {
|
||||
"id": "https://techhub.social/users/crepels/statuses/109473290785654613",
|
||||
"type": "Note",
|
||||
"summary": null,
|
||||
"inReplyTo": null,
|
||||
"published": "2022-12-07T16:17:32Z",
|
||||
"url": "https://techhub.social/@crepels/109473290785654613",
|
||||
"attributedTo": "https://techhub.social/users/crepels",
|
||||
"to": [
|
||||
"https://localhost.jambor.dev/users/admin"
|
||||
],
|
||||
"cc": [],
|
||||
"sensitive": false,
|
||||
"atomUri": "https://techhub.social/users/crepels/statuses/109473290785654613",
|
||||
"inReplyToAtomUri": null,
|
||||
"conversation": "tag:techhub.social,2022-12-07:objectId=5564498:objectType=Conversation",
|
||||
"content": "<p><span class=\"h-card\"><a href=\"https://localhost.jambor.dev/@admin\" class=\"u-url mention\">@<span>admin</span></a></span> test</p>",
|
||||
"contentMap": {
|
||||
"en": "<p><span class=\"h-card\"><a href=\"https://localhost.jambor.dev/@admin\" class=\"u-url mention\">@<span>admin</span></a></span> test</p>"
|
||||
},
|
||||
"attachment": [],
|
||||
"tag": [
|
||||
{
|
||||
"type": "Mention",
|
||||
"href": "https://localhost.jambor.dev/users/admin",
|
||||
"name": "@admin@localhost.jambor.dev"
|
||||
}
|
||||
],
|
||||
"replies": {
|
||||
"id": "https://techhub.social/users/crepels/statuses/109473290785654613/replies",
|
||||
"type": "Collection",
|
||||
"first": {
|
||||
"type": "CollectionPage",
|
||||
"next": "https://techhub.social/users/crepels/statuses/109473290785654613/replies?only_other_accounts=true&page=true",
|
||||
"partOf": "https://techhub.social/users/crepels/statuses/109473290785654613/replies",
|
||||
"items": []
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"timestamp":"2022-12-08T17:12:38Z",
|
||||
"type": "inbound",
|
||||
"path": "/users/admin/inbox",
|
||||
"data": {
|
||||
"@context": "https://www.w3.org/ns/activitystreams",
|
||||
"id": "https://techhub.social/users/crepels#likes/263597",
|
||||
"type": "Like",
|
||||
"actor": "https://techhub.social/users/crepels",
|
||||
"object": "https://localhost.jambor.dev/users/admin/statuses/109461738015823934"
|
||||
}
|
||||
},
|
||||
{
|
||||
"timestamp":"2022-12-08T17:12:38Z",
|
||||
"type": "inbound",
|
||||
"path": "/users/admin/inbox",
|
||||
"data": {
|
||||
"@context": "https://www.w3.org/ns/activitystreams",
|
||||
"id": "https://techhub.social/users/crepels#likes/263597/undo",
|
||||
"type": "Undo",
|
||||
"actor": "https://techhub.social/users/crepels",
|
||||
"object": {
|
||||
"id": "https://techhub.social/users/crepels#likes/263597",
|
||||
"type": "Like",
|
||||
"actor": "https://techhub.social/users/crepels",
|
||||
"object": "https://localhost.jambor.dev/users/admin/statuses/109461738015823934"
|
||||
}
|
||||
}
|
||||
}
|
||||
],
|
||||
logs: dummy_data,
|
||||
};
|
||||
|
||||
static propTypes = {
|
||||
|
|
Loading…
Add table
Reference in a new issue