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

Guillermo - Tooltip-ticket-number [skip ci]

Browse Source
This commit is contained in:
AntonyAntonio 2016-09-30 00:00:05 -03:00
parent bbfcda7522
commit 4006eb4799
5 changed files with 29 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
client/src/app-components/ticket-info.js
View File

@ -31,7 +31,7 @@ class TicketInfo extends React.Component {
<span className="ticket-info__properties__label"> <span className="ticket-info__properties__label">
Priority: Priority:
</span> </span>
<span className="ticket-info__properties__badge-green"> <span className={this.getPriorityClass()}>
{this.props.ticket.priority} {this.props.ticket.priority}
</span> </span>
</div> </div>
@ -55,13 +55,23 @@ class TicketInfo extends React.Component {
</div> </div>
); );
} }
getStatusClass(){ getStatusClass() {
if(this.props.ticket.closed){ if(this.props.ticket.closed) {
return "ticket-info__properties__badge-red"; return 'ticket-info__properties__badge-red';
}else{ } else {
return "ticket-info__properties__badge-green"; return 'ticket-info__properties__badge-green';
} }
} }
getPriorityClass() {
let priorityClasses = {
'low': 'ticket-info__properties__badge-green',
'medium': 'ticket-info__properties__badge-blue',
'high': 'ticket-info__properties__badge-red'
};
return priorityClasses[this.props.ticket.priority];
}
} }
export default TicketInfo; export default TicketInfo;

3
client/src/app-components/ticket-list.js
View File

@ -5,6 +5,7 @@ import i18n from 'lib-app/i18n';
import Table from 'core-components/table'; import Table from 'core-components/table';
import Button from 'core-components/button'; import Button from 'core-components/button';
import Tooltip from 'core-components/tooltip'; import Tooltip from 'core-components/tooltip';
import TicketInfo from 'app-components/ticket-info';
class TicketList extends React.Component { class TicketList extends React.Component {
static propTypes = { static propTypes = {
@ -97,7 +98,7 @@ class TicketList extends React.Component {
return { return {
number: ( number: (
<Tooltip content="hola"> <Tooltip content={<TicketInfo ticket={ticket}/>} openOnHover>
{'#' + ticket.ticketNumber} {'#' + ticket.ticketNumber}
</Tooltip> </Tooltip>
), ),

1
client/src/app/main/dashboard/dashboard-list-tickets/dashboard-list-tickets-page.js
View File

@ -5,7 +5,6 @@ import i18n from 'lib-app/i18n';
import Header from 'core-components/header'; import Header from 'core-components/header';
import TicketList from 'app-components/ticket-list'; import TicketList from 'app-components/ticket-list';
import TicketInfo from 'app-components/ticket-info';
class DashboardListTicketsPage extends React.Component { class DashboardListTicketsPage extends React.Component {
static propTypes = { static propTypes = {

15
client/src/core-components/tooltip.js
View File

@ -60,28 +60,29 @@ class Tooltip extends React.Component {
let props = {}; let props = {};
props.className= 'tooltip__children'; props.className= 'tooltip__children';
if (!this.props.openOnHover) { if(!this.props.openOnHover) {
props.onClick= this.onClick.bind(this); props.onClick= this.onClick.bind(this);
} }
return props; return props;
} }
onMouseOver() { onMouseOver() {
this.setState({ this.setState({
show:true show: true
}) });
} }
onMouseOut() { onMouseOut() {
this.setState({ this.setState({
show:false show: false
}) });
} }
onClick(){ onClick(){
if (this.state.show) { if (this.state.show) {
this.setState({show : false}); this.setState({show: false});
} else { } else {
this.setState({show : true}); this.setState({show: true});
} }
} }
} }

4
client/src/core-components/tooltip.scss
View File

@ -1,8 +1,9 @@
.tooltip { .tooltip {
position: relative; position: relative;
display: inline-block; display: inline-block;
&__children{
&__children{
cursor: default;
} }
&__message{ &__message{
@ -17,6 +18,7 @@
color: black; color: black;
padding: 10px; padding: 10px;
} }
&__pointer{ &__pointer{
border: solid transparent; border: solid transparent;