diff options
author | Fire Demon <firedemon@creature.cafe> | 2020-07-28 22:28:56 -0500 |
---|---|---|
committer | Fire Demon <firedemon@creature.cafe> | 2020-08-30 05:45:16 -0500 |
commit | f1575bfffd5df77b68e60f36abc3bbdc6245d91f (patch) | |
tree | aeeeecc32d3d7bfa7dea96ec0f4383a4bb153687 /app/javascript/flavours/glitch/components | |
parent | 054e15e4f03eecb174374466581b9662a6b38e24 (diff) |
[UI, API, Rebase] Clean up original domain permissions API
Diffstat (limited to 'app/javascript/flavours/glitch/components')
-rw-r--r-- | app/javascript/flavours/glitch/components/status_content.js | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/app/javascript/flavours/glitch/components/status_content.js b/app/javascript/flavours/glitch/components/status_content.js index 171aff097..d3e7b8718 100644 --- a/app/javascript/flavours/glitch/components/status_content.js +++ b/app/javascript/flavours/glitch/components/status_content.js @@ -302,6 +302,39 @@ export default class StatusContent extends React.PureComponent { </div> ); + const permissions_present = status.get('domain_permissions') && status.get('domain_permissions').size > 0; + + const status_permission_items = permissions_present && status.get('domain_permissions').map((permission) => ( + <li className='permission-status'> + <Icon id='eye-slash' /> + <FormattedMessage + id='status.permissions.visibility.status' + defaultMessage='{visibility} 🡲 {domain}' + key={`permissions-visibility-${status.get('id')}`} + values={{ + domain: <span>{permission.get('domain')}</span>, + visibility: <span>{permission.get('visibility')}</span>, + }} + /> + </li> + )); + + const permissions = status_permission_items && ( + <details className='status__permissions' onMouseDown={this.handleMouseDown} onMouseUp={this.handleMouseUp}> + <summary> + <Icon id='unlock-alt' /> + <FormattedMessage + id='status.permissions.title' + defaultMessage='Show extended permissions...' + key={`permissions-${status.get('id')}`} + /> + </summary> + <ul> + {status_permission_items} + </ul> + </details> + ); + const content = { __html: status.get('contentHtml') }; const spoilerContent = { __html: status.get('spoilerHtml') }; const directionStyle = { direction: 'ltr' }; @@ -383,6 +416,8 @@ export default class StatusContent extends React.PureComponent { {media} </div> + {permissions} + </div> ); } else if (parseClick) { @@ -405,6 +440,7 @@ export default class StatusContent extends React.PureComponent { tabIndex='0' /> {media} + {permissions} </div> ); } else { @@ -419,6 +455,7 @@ export default class StatusContent extends React.PureComponent { {edited} <div ref={this.setContentsRef} key={`contents-${tagLinks}`} className='status__content__text' dangerouslySetInnerHTML={content} tabIndex='0' /> {media} + {permissions} </div> ); } |