tyler.durden/opensupports
1
0
Fork 0
mirror of https://github.com/opensupports/opensupports.git synced 2025-07-27 15:54:23 +02:00
Code Issues Packages Projects Releases Wiki Activity

Transform staff/user Names Into Hyperlinks. (#875)

Browse Source
This commit is contained in:
LautaroCesso 2020-08-20 19:15:54 -03:00 committed by GitHub
parent 7a803dd7ff
commit c92ecf25dc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 41 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
client/src/app-components/ticket-event.js
View File

@ -1,5 +1,6 @@
import React from 'react'; import React from 'react';
import classNames from 'classnames'; import classNames from 'classnames';
import {connect} from 'react-redux';
import i18n from 'lib-app/i18n'; import i18n from 'lib-app/i18n';
import API from 'lib-app/api-call'; import API from 'lib-app/api-call';
@ -12,6 +13,8 @@ import SubmitButton from 'core-components/submit-button';
import Form from 'core-components/form'; import Form from 'core-components/form';
import FormField from 'core-components/form-field'; import FormField from 'core-components/form-field';
const VIEW_USER_PATH = "/admin/panel/users/view-user/";
const VIEW_STAFF_PATH = "/admin/panel/staff/view-staff/";
class TicketEvent extends React.Component { class TicketEvent extends React.Component {
static propTypes = { static propTypes = {
type: React.PropTypes.oneOf([ type: React.PropTypes.oneOf([
@ -89,27 +92,55 @@ class TicketEvent extends React.Component {
} }
renderComment() { renderComment() {
const author = this.props.author; const {
author,
date,
edit,
file
} = this.props;
const customFields = (author && author.customfields) || []; const customFields = (author && author.customfields) || [];
return ( return (
<div className="ticket-event__comment"> <div className="ticket-event__comment">
<span className="ticket-event__comment-pointer" /> <span className="ticket-event__comment-pointer" />
<div className="ticket-event__comment-author"> <div className="ticket-event__comment-author">
<span className="ticket-event__comment-author-name">{this.props.author.name}</span> {this.renderCommentAuthor()}
<span className="ticket-event__comment-badge-container"> <span className="ticket-event__comment-badge-container">
<span className="ticket-event__comment-badge">{i18n((this.props.author.staff) ? 'STAFF' : 'CUSTOMER')}</span> <span className="ticket-event__comment-badge">{i18n((author.staff) ? 'STAFF' : 'CUSTOMER')}</span>
</span> </span>
{customFields.map(this.renderCustomFieldValue.bind(this))} {customFields.map(this.renderCustomFieldValue.bind(this))}
{(this.props.private*1) ? this.renderPrivateBadge() : null} {(this.props.private*1) ? this.renderPrivateBadge() : null}
</div> </div>
<div className="ticket-event__comment-date">{DateTransformer.transformToString(this.props.date)}</div> <div className="ticket-event__comment-date">{DateTransformer.transformToString(date)}</div>
{!this.props.edit ? this.renderContent() : this.renderEditField()} {!edit ? this.renderContent() : this.renderEditField()}
{this.renderFooter(this.props.file)} {this.renderFooter(file)}
</div> </div>
); );
} }
renderCommentAuthor() {
const {
author,
level
} = this.props;
const commentAutorClass = "ticket-event__comment-author-name";
let commentAuthor;
if(level === "3") {
commentAuthor = (
<a className={commentAutorClass} href={((author.staff) ? VIEW_STAFF_PATH : VIEW_USER_PATH)+author.id}>
{author.name}
</a>
);
} else if(level && !author.staff) {
commentAuthor = <a className={commentAutorClass} href={VIEW_USER_PATH+author.id}>{author.name}</a>;
} else {
commentAuthor = <span className={commentAutorClass}>{author.name}</span>;
}
return commentAuthor;
}
renderContent() { renderContent() {
return ( return (
<div className="ticket-event__comment-content ql-editor"> <div className="ticket-event__comment-content ql-editor">
@ -306,4 +337,7 @@ class TicketEvent extends React.Component {
} }
} }
export default TicketEvent; export default connect((store) => {
return { level: store.session.userLevel };
})(TicketEvent);