tyler.durden
/
opensupports
mirror of https://github.com/opensupports/opensupports.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Max Red - Added functionality to dropdown [skip ci]

This commit is contained in:
ivan 2017-01-14 18:41:19 -03:00
parent 7022dfeabf
commit 9861bfb023
3 changed files with 93 additions and 121 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/app/admin/panel/dashboard/admin-panel-stats-chart.js
View File

@ -44,7 +44,7 @@ class StatsChart extends React.Component {
label: i18n('CHART_' + stroke.name), label: i18n('CHART_' + stroke.name),
data: stroke.values.map((val) => val.value), data: stroke.values.map((val) => val.value),
fill: false, fill: false,
borderWidth: 4, borderWidth: 4, // ESTO PODRIA CAMBIAR DEPENDIENDO DEL PERIOD, MIENTRA MAS HALLA, DEBERIA SER MAS FINO
borderColor: color[stroke.name], borderColor: color[stroke.name],
pointBorderColor: color[stroke.name], pointBorderColor: color[stroke.name],
pointRadius: 0, pointRadius: 0,
@ -80,7 +80,7 @@ class StatsChart extends React.Component {
if (this.props.period === 7) return 20; if (this.props.period === 7) return 20;
if (this.props.period === 30) return 15; if (this.props.period === 30) return 15;
if (this.props.period === 90) return 10; if (this.props.period === 90) return 10;
return 3; return 1;
} }
getChartOptions() { getChartOptions() {

162
client/src/app/admin/panel/dashboard/admin-panel-stats.js
View File

@ -45,7 +45,7 @@ class AdminPanelStats extends React.Component {
}; };
componentDidMount() { componentDidMount() {
this.retrieve(); this.retrieve(7);
} }
render() { render() {
@ -90,10 +90,15 @@ class AdminPanelStats extends React.Component {
<div>{i18n('CHART_COMMENT')}</div> <div>{i18n('CHART_COMMENT')}</div>
</div> </div>
} }
] ],
onChange: this.onToggleListChange.bind(this)
}; };
} }
onToggleListChange(data) {
}
getDropDownProps() { getDropDownProps() {
return { return {
items: [ items: [
@ -113,133 +118,58 @@ class AdminPanelStats extends React.Component {
content: 'Last 365 days', content: 'Last 365 days',
icon: '' icon: ''
} }
] ],
onChange: this.onDropDownChange.bind(this)
} }
} }
onDropDownChange(event) {
console.log('DROP DOWN HAS CHANGED');
let val = [7, 30, 90, 365];
this.retrieve(val[event.index]);
}
getStatsChartProps() { getStatsChartProps() {
console.log('This is the shit');
console.log(this.state.strokes);
return { return {
period: this.state.period, period: this.state.period,
strokes: this.state.strokes strokes: this.state.strokes
/*strokes: [
{
name: 'COMMENT',
show: true,
values: [
{
date: "20160420",
value: 17
},
{
date: "20160421",
value: 15
},
{
date: "20160422",
value: 12
},
{
date: "20160423",
value: 9
},
{
date: "20160424",
value: 10
},
{
date: "20160425",
value: 7
},
{
date: "20160426",
value: 5
}
]
},
{
name: 'SIGNUP',
show: true,
values: [
{
date: "20160420",
value: 3
},
{
date: "20160421",
value: 5
},
{
date: "20160422",
value: 3
},
{
date: "20160423",
value: 4
},
{
date: "20160424",
value: 5
},
{
date: "20160425",
value: 5
},
{
date: "20160426",
value: 6
}
]
},
{
name: 'CLOSE',
show: true,
values: [
{
date: "20160420",
value: 4
},
{
date: "20160421",
value: 7
},
{
date: "20160422",
value: 4
},
{
date: "20160423",
value: 7
},
{
date: "20160424",
value: 9
},
{
date: "20160425",
value: 11
},
{
date: "20160426",
value: 13
}
]
}
]*/
} }
} }
retrieve() { retrieve(period) {
console.log('THIS SHOULD NOT BE DISPLAYED');
let periodName;
switch (period) {
case 30:
periodName = 'MONTH';
break;
case 90:
periodName = 'QUARTER';
break;
case 365:
periodName = 'YEAR';
break;
default:
periodName = 'WEEK';
}
console.log('--------------------------------------------period: ' + this.state.period);
console.log('--------------------------------------------PERIOD NAME: ' + periodName);
API.call({ API.call({
path: '/system/get-stats', path: '/system/get-stats',
data: {} data: {
}).then(this.onRetrieveSuccess.bind(this)); period: periodName
}
}).then(this.onRetrieveSuccess.bind(this, period));
} }
onRetrieveSuccess(result) { onRetrieveSuccess(period, result) {
console.log('This is the shit you SHOULD look at!');
console.log(result);
let newState = { let newState = {
'CLOSE': 0, 'CLOSE': 0,
@ -287,7 +217,7 @@ class AdminPanelStats extends React.Component {
}); });
} }
this.setState({stats: newState, strokes: newStrokes, period: 7}); this.setState({stats: newState, strokes: newStrokes, period: period});
} }
} }

48
client/src/data/fixtures/system-fixtures.js
View File

@ -160,10 +160,52 @@ module.exports = [
{ {
path: '/system/get-stats', path: '/system/get-stats',
time: 200, time: 200,
response: function() { response: function(_data) {
let ID = {
'WEEK': 7,
'MONTH': 30,
'QUARTER': 90,
'YEAR': 365
};
let k = ID[_data.period];
let DATA = [];
for (let i = 0; i < k; i++) {
DATA.push({
date: '201701' + (i + 10) % 100,
type: 'COMMENT',
general: 1,
value: (4 + i + Math.floor(Math.random() * 2)).toString()
});
DATA.push({
date: '201701' + (i + 10) % 100,
type: 'SIGNUP',
general: 1,
value: (9 + i + Math.floor(Math.random() * (i / 15))).toString()
});
DATA.push({
date: '201701' + (i + 10) % 100,
type: 'CLOSE',
general: 1,
value: (8 + i + Math.floor(Math.random() * i)).toString()
});
DATA.push({
date: '201701' + (i + 10) % 100,
type: 'CREATE_TICKET',
general: 1,
value: (10 + Math.floor(Math.random() * 4)).toString()
});
}
console.log('DATA:');
console.log(DATA);
console.log(k);
return { return {
status: "success", status: "success",
data: [ data: DATA
/*data: [
{ {
"date": "20170112", "date": "20170112",
"type": "COMMENT", "type": "COMMENT",
@ -332,7 +374,7 @@ module.exports = [
"general": "1", "general": "1",
"value": "5" "value": "5"
} }
] ]*/
}; };
} }
}, },