Merge branch 'master' into os-152-add-advanced-settings
Conflicts: client/src/data/fixtures/system-fixtures.js client/src/data/languages/en.js
This commit is contained in:
Ivan Diaz
commit
9c8605fef4
|
|
@ -54,6 +54,7 @@
|
|||
},
|
||||
"dependencies": {
|
||||
"app-module-path": "^1.0.3",
|
||||
"chart.js": "^2.4.0",
|
||||
"classnames": "^2.1.3",
|
||||
"draft-js": "^0.8.1",
|
||||
"draft-js-export-html": "^0.4.0",
|
||||
|
|
@ -63,6 +64,7 @@
|
|||
"lodash": "^3.10.0",
|
||||
"messageformat": "^0.2.2",
|
||||
"react": "^15.0.1",
|
||||
"react-chartjs-2": "^2.0.0",
|
||||
"react-document-title": "^1.0.2",
|
||||
"react-dom": "^15.0.1",
|
||||
"react-google-recaptcha": "^0.5.2",
|
||||
|
|
|
|||
|
|
@ -0,0 +1,100 @@
|
|||
import React from 'react';
|
||||
import {Line} from 'react-chartjs-2';
|
||||
|
||||
import i18n from 'lib-app/i18n';
|
||||
|
||||
class StatsChart extends React.Component {
|
||||
|
||||
static propTypes = {
|
||||
strokes: React.PropTypes.arrayOf(React.PropTypes.shape({
|
||||
name: React.PropTypes.string,
|
||||
values: React.PropTypes.arrayOf(React.PropTypes.shape({
|
||||
date: React.PropTypes.string,
|
||||
value: React.PropTypes.number
|
||||
}))
|
||||
})),
|
||||
period: React.PropTypes.number
|
||||
};
|
||||
|
||||
render() {
|
||||
return (
|
||||
<div>
|
||||
<Line data={this.getChartData()} options={this.getChartOptions()} width={800} height={400} redraw/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
getChartData() {
|
||||
let labels = this.getLabels();
|
||||
|
||||
let color = {
|
||||
'CLOSE': 'rgba(150, 20, 20, 0.6)',
|
||||
'CREATE_TICKET': 'rgba(20, 150, 20, 0.6)',
|
||||
'SIGNUP': 'rgba(20, 20, 150, 0.6)',
|
||||
'COMMENT': 'rgba(20, 200, 200, 0.6)',
|
||||
'ASSIGN': 'rgba(20, 150, 20, 0.6)'
|
||||
};
|
||||
|
||||
let strokes = this.props.strokes.slice();
|
||||
let datasets = strokes.map((stroke, index) => {
|
||||
return {
|
||||
label: i18n('CHART_' + stroke.name),
|
||||
data: stroke.values.map((val) => val.value),
|
||||
fill: false,
|
||||
borderWidth: this.getBorderWidth(),
|
||||
borderColor: color[stroke.name],
|
||||
pointBorderColor: color[stroke.name],
|
||||
pointRadius: 0,
|
||||
pointHoverRadius: 3,
|
||||
lineTension: 0.2,
|
||||
pointHoverBackgroundColor: color[stroke.name],
|
||||
hitRadius: this.hitRadius(index)
|
||||
}
|
||||
});
|
||||
|
||||
return {
|
||||
labels: labels,
|
||||
datasets: datasets
|
||||
};
|
||||
}
|
||||
|
||||
getBorderWidth() {
|
||||
return (this.props.period <= 90) ? 3 : 2;
|
||||
}
|
||||
|
||||
getLabels() {
|
||||
let months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
|
||||
let labels = [];
|
||||
|
||||
if (!this.props.strokes.length) {
|
||||
labels = Array.from('x'.repeat(this.props.period));
|
||||
}
|
||||
else {
|
||||
labels = this.props.strokes[0].values.map((item) => {
|
||||
let idx = item.date.slice(4, 6) - 1;
|
||||
|
||||
return item.date.slice(6, 8) + ' ' + months[idx];
|
||||
});
|
||||
}
|
||||
|
||||
return labels;
|
||||
}
|
||||
|
||||
hitRadius(index) {
|
||||
if (this.props.period <= 7) return 20;
|
||||
if (this.props.period <= 30) return 15;
|
||||
if (this.props.period <= 90) return 10;
|
||||
return 3;
|
||||
}
|
||||
|
||||
getChartOptions() {
|
||||
return {
|
||||
legend: {
|
||||
display: false
|
||||
}
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
export default StatsChart;
|
||||
|
|
@ -0,0 +1,197 @@
|
|||
import React from 'react';
|
||||
import _ from 'lodash';
|
||||
import classNames from 'classnames';
|
||||
|
||||
import i18n from 'lib-app/i18n';
|
||||
import API from 'lib-app/api-call';
|
||||
|
||||
import DropDown from 'core-components/drop-down';
|
||||
import ToggleList from 'core-components/toggle-list';
|
||||
|
||||
import StatsChart from 'app-components/stats-chart';
|
||||
|
||||
const generalStrokes = ['CREATE_TICKET', 'CLOSE', 'SIGNUP', 'COMMENT'];
|
||||
const staffStrokes = ['ASSIGN', 'CLOSE'];
|
||||
const ID = {
|
||||
'CREATE_TICKET': 0,
|
||||
'ASSIGN': 0,
|
||||
'CLOSE': 1,
|
||||
'SIGNUP': 2,
|
||||
'COMMENT': 3
|
||||
};
|
||||
|
||||
class Stats extends React.Component {
|
||||
|
||||
static propTypes = {
|
||||
type: React.PropTypes.string,
|
||||
staffId: React.PropTypes.number
|
||||
};
|
||||
|
||||
state = {
|
||||
stats: this.getDefaultStats(),
|
||||
strokes: this.getStrokes().map((name) => {
|
||||
return {
|
||||
name: name,
|
||||
values: []
|
||||
}
|
||||
}),
|
||||
showed: [0],
|
||||
period: 0
|
||||
};
|
||||
|
||||
componentDidMount() {
|
||||
this.retrieve(7);
|
||||
}
|
||||
|
||||
render() {
|
||||
return (
|
||||
<div className={this.getClass()}>
|
||||
<DropDown {...this.getDropDownProps()}/>
|
||||
<ToggleList {...this.getToggleListProps()} />
|
||||
<StatsChart {...this.getStatsChartProps()} />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
getClass() {
|
||||
let classes = {
|
||||
'stats': true,
|
||||
'stats_staff': this.props.type === 'staff'
|
||||
};
|
||||
|
||||
return classNames(classes);
|
||||
}
|
||||
|
||||
getToggleListProps() {
|
||||
return {
|
||||
values: this.state.showed,
|
||||
className: 'stats__toggle-list',
|
||||
onChange: this.onToggleListChange.bind(this),
|
||||
type: this.props.type === 'general' ? 'default' : 'small',
|
||||
items: this.getStrokes().map((name) => {
|
||||
return {
|
||||
content:
|
||||
<div className="stats__toggle-list-item">
|
||||
<div className="stats__toggle-list-item-value">{this.state.stats[name]}</div>
|
||||
<div className="stats__toggle-list-item-name">{i18n('CHART_' + name)}</div>
|
||||
</div>
|
||||
}
|
||||
})
|
||||
};
|
||||
}
|
||||
|
||||
onToggleListChange(event) {
|
||||
this.setState({
|
||||
showed: event.target.value
|
||||
});
|
||||
}
|
||||
|
||||
getDropDownProps() {
|
||||
return {
|
||||
items: ['Last 7 days', 'Last 30 days', 'Last 90 days', 'Last 365 days'].map((name) => {
|
||||
return {
|
||||
content: name,
|
||||
icon: ''
|
||||
};
|
||||
}),
|
||||
onChange: this.onDropDownChange.bind(this),
|
||||
className: 'stats__dropdown'
|
||||
}
|
||||
}
|
||||
|
||||
onDropDownChange(event) {
|
||||
let val = [7, 30, 90, 365];
|
||||
|
||||
this.retrieve(val[event.index]);
|
||||
}
|
||||
|
||||
getStatsChartProps() {
|
||||
let showed = this.getShowedArray();
|
||||
|
||||
return {
|
||||
period: this.state.period,
|
||||
strokes: _.filter(this.state.strokes, (s, i) => showed[i])
|
||||
};
|
||||
}
|
||||
|
||||
retrieve(period) {
|
||||
let periodName;
|
||||
|
||||
switch (period) {
|
||||
case 30:
|
||||
periodName = 'MONTH';
|
||||
break;
|
||||
case 90:
|
||||
periodName = 'QUARTER';
|
||||
break;
|
||||
case 365:
|
||||
periodName = 'YEAR';
|
||||
break;
|
||||
default:
|
||||
periodName = 'WEEK';
|
||||
}
|
||||
|
||||
API.call({
|
||||
path: '/system/get-stats',
|
||||
data: this.getApiCallData(periodName)
|
||||
}).then(this.onRetrieveSuccess.bind(this, period));
|
||||
}
|
||||
|
||||
onRetrieveSuccess(period, result) {
|
||||
let newStats = this.getDefaultStats();
|
||||
|
||||
let newStrokes = this.getStrokes().map((name) => {
|
||||
return {
|
||||
name: name,
|
||||
values: []
|
||||
};
|
||||
});
|
||||
|
||||
let realPeriod = result.data.length / this.getStrokes().length;
|
||||
|
||||
result.data.map((item) => {
|
||||
newStats[item.type] += item.value * 1;
|
||||
|
||||
newStrokes[ ID[item.type] ].values.push({
|
||||
date: item.date,
|
||||
value: item.value * 1
|
||||
});
|
||||
});
|
||||
|
||||
this.setState({stats: newStats, strokes: newStrokes, period: realPeriod});
|
||||
}
|
||||
|
||||
getShowedArray() {
|
||||
let showed = this.getStrokes().map(() => false);
|
||||
|
||||
for (let i = 0; i < showed.length; i++) {
|
||||
showed[this.state.showed[i]] = true;
|
||||
}
|
||||
|
||||
return showed;
|
||||
}
|
||||
|
||||
getStrokes() {
|
||||
return this.props.type === 'general' ? generalStrokes : staffStrokes;
|
||||
}
|
||||
|
||||
getDefaultStats() {
|
||||
return this.props.type === 'general' ?
|
||||
{
|
||||
'CREATE_TICKET': 0,
|
||||
'CLOSE': 0,
|
||||
'SIGNUP': 0,
|
||||
'COMMENT': 0
|
||||
} :
|
||||
{
|
||||
'ASSIGN': 0,
|
||||
'CLOSE': 0
|
||||
};
|
||||
}
|
||||
|
||||
getApiCallData(periodName) {
|
||||
return this.props.type === 'general' ? {period: periodName} : {period: periodName, staffId: this.props.staffId};
|
||||
}
|
||||
}
|
||||
|
||||
export default Stats;
|
||||
|
|
@ -0,0 +1,54 @@
|
|||
@import '../scss/vars';
|
||||
|
||||
.stats {
|
||||
|
||||
&__dropdown {
|
||||
margin-left: auto;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
&__toggle-list {
|
||||
margin-bottom: 20px;
|
||||
user-select: none;
|
||||
|
||||
&-item {
|
||||
|
||||
&-value {
|
||||
font-size: $font-size--lg;
|
||||
line-height: 80px;
|
||||
}
|
||||
|
||||
&-name {
|
||||
font-size: $font-size--md;
|
||||
line-height: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&_staff {
|
||||
.stats__dropdown {
|
||||
margin-left: auto;
|
||||
margin-bottom: 20px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.stats__toggle-list {
|
||||
margin-bottom: 20px;
|
||||
float: right;
|
||||
|
||||
&-item {
|
||||
|
||||
&-value {
|
||||
font-size: $font-size--md;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
&-name {
|
||||
font-size: $font-size--sm;
|
||||
line-height: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -105,7 +105,7 @@ class TopicViewer extends React.Component {
|
|||
<Link {...this.getArticleLinkProps(article, index)}>
|
||||
{article.title}
|
||||
</Link>
|
||||
<Icon className="topic-viewer__grab-icon" name="arrows" ref={'grab-' + index}/>
|
||||
{(this.props.editable) ? <Icon className="topic-viewer__grab-icon" name="arrows" ref={'grab-' + index}/> : null}
|
||||
</li>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,10 +2,11 @@
|
|||
|
||||
.topic-viewer {
|
||||
text-align: left;
|
||||
margin: 35px 0;
|
||||
|
||||
&__header {
|
||||
cursor: default;
|
||||
margin-bottom: 15px;
|
||||
margin-bottom: 20px;
|
||||
font-size: $font-size--bg;
|
||||
|
||||
&:hover {
|
||||
|
|
|
|||
|
|
@ -86,20 +86,24 @@ class App extends React.Component {
|
|||
browserHistory.push('/admin/panel');
|
||||
}
|
||||
|
||||
if (this.props.session.userLevel && !this.isPathAvailableForStaff()) {
|
||||
if (props.session.userLevel && !this.isPathAvailableForStaff(props)) {
|
||||
browserHistory.push('/admin/panel');
|
||||
}
|
||||
|
||||
if (!props.config.registration && _.includes(props.location.pathname, 'signup')) {
|
||||
browserHistory.push('/');
|
||||
}
|
||||
}
|
||||
|
||||
isPathAvailableForStaff() {
|
||||
let pathForLevel2 = _.findIndex(level2Paths, path => _.includes(this.props.location.pathname, path)) !== -1;
|
||||
let pathForLevel3 = _.findIndex(level3Paths, path => _.includes(this.props.location.pathname, path)) !== -1;
|
||||
isPathAvailableForStaff(props) {
|
||||
let pathForLevel2 = _.findIndex(level2Paths, path => _.includes(props.location.pathname, path)) !== -1;
|
||||
let pathForLevel3 = _.findIndex(level3Paths, path => _.includes(props.location.pathname, path)) !== -1;
|
||||
|
||||
if (this.props.session.userLevel === 1) {
|
||||
if (props.session.userLevel === 1) {
|
||||
return !pathForLevel2 && !pathForLevel3;
|
||||
}
|
||||
|
||||
if (this.props.session.userLevel === 2) {
|
||||
if (props.session.userLevel === 2) {
|
||||
return !pathForLevel3;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -13,6 +13,8 @@ import MainSignUpPage from 'app/main/main-signup/main-signup-page';
|
|||
import MainVerifyTokenPage from 'app/main/main-verify-token-page';
|
||||
import MainRecoverPasswordPage from 'app/main/main-recover-password/main-recover-password-page';
|
||||
import MainMaintenancePage from 'app/main/main-maintenance-page';
|
||||
import MainCheckTicketPage from 'app/main/main-check-ticket-page';
|
||||
import MainViewTicketPage from 'app/main/main-view-ticket-page';
|
||||
|
||||
import DashboardLayout from 'app/main/dashboard/dashboard-layout';
|
||||
import DashboardListTicketsPage from 'app/main/dashboard/dashboard-list-tickets/dashboard-list-tickets-page';
|
||||
|
|
@ -62,6 +64,13 @@ export default (
|
|||
<Route path='verify-token/:email/:token' component={MainVerifyTokenPage}/>
|
||||
<Route path='recover-password' component={MainRecoverPasswordPage}/>
|
||||
<Route path='maintenance' component={MainMaintenancePage}/>
|
||||
|
||||
<Route path='create-ticket' component={DashboardCreateTicketPage}/>
|
||||
<Route path='check-ticket(/:ticketNumber/:email)' component={MainCheckTicketPage}/>
|
||||
<Route path='view-ticket/:ticketNumber' component={MainViewTicketPage}/>
|
||||
<Route path='articles' component={DashboardListArticlesPage}/>
|
||||
<Route path='article/:articleId' component={DashboardArticlePage}/>
|
||||
|
||||
<Route path='dashboard' component={DashboardLayout}>
|
||||
<IndexRoute component={DashboardListTicketsPage} />
|
||||
<Route path='articles' component={DashboardListArticlesPage}/>
|
||||
|
|
|
|||
|
|
@ -99,7 +99,7 @@ class AdminPanelMenu extends React.Component {
|
|||
level: 1,
|
||||
items: this.getItemsByFilteredByLevel([
|
||||
{
|
||||
name: i18n('TICKET_STATS'),
|
||||
name: i18n('STATISTICS'),
|
||||
path: '/admin/panel/stats',
|
||||
level: 1
|
||||
},
|
||||
|
|
|
|||
|
|
@ -23,6 +23,7 @@ class AdminPanelMyAccount extends React.Component {
|
|||
getEditorProps() {
|
||||
return {
|
||||
myAccount: true,
|
||||
staffId: this.props.userId,
|
||||
name: this.props.userName,
|
||||
email: this.props.userEmail,
|
||||
profilePic: this.props.userProfilePic,
|
||||
|
|
|
|||
|
|
@ -1,14 +1,20 @@
|
|||
import React from 'react';
|
||||
|
||||
import i18n from 'lib-app/i18n';
|
||||
import Stats from 'app-components/stats';
|
||||
import Header from 'core-components/header';
|
||||
|
||||
class AdminPanelStats extends React.Component {
|
||||
|
||||
render() {
|
||||
return (
|
||||
<div>
|
||||
/admin/panel/stats
|
||||
<div class="admin-panel-stats">
|
||||
<Header title={i18n('STATISTICS')} description={i18n('STATISTICS_DESCRIPTION')}/>
|
||||
<Stats type="general"/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
export default AdminPanelStats;
|
||||
|
|
@ -6,6 +6,7 @@ import API from 'lib-app/api-call';
|
|||
import SessionStore from 'lib-app/session-store';
|
||||
import TicketList from 'app-components/ticket-list';
|
||||
import AreYouSure from 'app-components/are-you-sure';
|
||||
import Stats from 'app-components/stats';
|
||||
|
||||
import Form from 'core-components/form';
|
||||
import FormField from 'core-components/form-field';
|
||||
|
|
@ -97,7 +98,8 @@ class StaffEditor extends React.Component {
|
|||
</div>
|
||||
<div className="col-md-8">
|
||||
<div className="staff-editor__activity">
|
||||
ACTIVITY
|
||||
<div className="staff-editor__activity-title">{i18n('ACTIVITY')}</div>
|
||||
<Stats staffId={this.props.staffId} type="staff"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -156,4 +156,13 @@
|
|||
color: $dark-grey;
|
||||
}
|
||||
}
|
||||
|
||||
&__activity {
|
||||
|
||||
&-title {
|
||||
margin-bottom: 10px;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -12,6 +12,16 @@ import Header from 'core-components/header';
|
|||
|
||||
class AdminPanelViewTicket extends React.Component {
|
||||
|
||||
static propTypes = {
|
||||
avoidSeen: React.PropTypes.bool,
|
||||
assignmentAllowed: React.PropTypes.bool
|
||||
};
|
||||
|
||||
static defaultProps = {
|
||||
avoidSeen: false,
|
||||
assignmentAllowed: true
|
||||
};
|
||||
|
||||
state = {
|
||||
loading: true,
|
||||
ticket: {}
|
||||
|
|
@ -62,7 +72,7 @@ class AdminPanelViewTicket extends React.Component {
|
|||
return {
|
||||
ticket: this.state.ticket,
|
||||
onChange: this.retrieveTicket.bind(this),
|
||||
assignmentAllowed: true,
|
||||
assignmentAllowed: this.props.assignmentAllowed,
|
||||
customResponses: this.props.customResponses,
|
||||
editable: this.state.ticket.owner && this.state.ticket.owner.id == SessionStore.getSessionData().userId
|
||||
};
|
||||
|
|
@ -83,7 +93,7 @@ class AdminPanelViewTicket extends React.Component {
|
|||
ticket: result.data
|
||||
});
|
||||
|
||||
if(result.data.unreadStaff) {
|
||||
if(!this.props.avoidSeen && result.data.unreadStaff) {
|
||||
API.call({
|
||||
path: '/ticket/seen',
|
||||
data: {
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const LineChart = require("react-chartjs-2").Line;
|
||||
const _ = require('lodash');
|
||||
const DocumentTitle = require('react-document-title');
|
||||
|
||||
|
|
@ -16,8 +17,42 @@ const Menu = require('core-components/menu');
|
|||
const Tooltip = require('core-components/tooltip');
|
||||
const Table = require('core-components/table');
|
||||
const InfoTooltip = require('core-components/info-tooltip');
|
||||
const ToggleButton = require('app-components/toggle-button');
|
||||
|
||||
function rand(min, max, num) {
|
||||
var rtn = [];
|
||||
while (rtn.length < num) {
|
||||
rtn.push((Math.random() * (max - min)) + min);
|
||||
}
|
||||
return rtn;
|
||||
}
|
||||
|
||||
let chartData = {
|
||||
labels: ["January", "February", "March", "April", "May", "June"],
|
||||
datasets: [
|
||||
{
|
||||
label: "My Second dataset",
|
||||
fill: false,
|
||||
pointColor: "rgba(151,187,205,1)",
|
||||
pointStrokeColor: "#fff",
|
||||
pointHighlightFill: "#fff",
|
||||
pointHighlightStroke: "rgba(151,187,205,1)",
|
||||
borderWidth: 3,
|
||||
data: rand(32, 100, 6),
|
||||
pointRadius: 0
|
||||
},
|
||||
{
|
||||
label: "My Second dataset",
|
||||
fill: false,
|
||||
pointColor: "rgba(151,187,205,1)",
|
||||
pointStrokeColor: "#fff",
|
||||
pointHighlightFill: "#fff",
|
||||
pointHighlightStroke: "rgba(151,187,205,1)",
|
||||
borderWidth: 3,
|
||||
data: rand(32, 100, 6)
|
||||
}
|
||||
]
|
||||
};
|
||||
let chartOptions = {};
|
||||
let dropDownItems = [{content: 'English'}, {content: 'Spanish'}, {content: 'German'}, {content: 'Portuguese'}, {content: 'Japanese'}];
|
||||
let secondaryMenuItems = [
|
||||
{content: 'My Tickets', icon: 'file-text'},
|
||||
|
|
@ -176,6 +211,12 @@ let DemoPage = React.createClass({
|
|||
render: (
|
||||
<InfoTooltip type="warning" text="No staff member is assigned to this department." />
|
||||
)
|
||||
},
|
||||
{
|
||||
title: 'LineChart',
|
||||
render: (
|
||||
<LineChart data={chartData} options={chartOptions} width="600" height="250" />
|
||||
)
|
||||
}
|
||||
],
|
||||
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
import React from 'react';
|
||||
import _ from 'lodash';
|
||||
import classNames from 'classnames';
|
||||
import {connect} from 'react-redux';
|
||||
|
||||
import ArticlesActions from 'actions/articles-actions';
|
||||
|
|
@ -10,6 +11,7 @@ import DateTransformer from 'lib-core/date-transformer';
|
|||
import Header from 'core-components/header';
|
||||
import Loading from 'core-components/loading';
|
||||
import BreadCrumb from 'core-components/breadcrumb';
|
||||
import Widget from 'core-components/widget';
|
||||
|
||||
class DashboardArticlePage extends React.Component {
|
||||
|
||||
|
|
@ -32,12 +34,20 @@ class DashboardArticlePage extends React.Component {
|
|||
}
|
||||
|
||||
render() {
|
||||
let Wrapper = 'div';
|
||||
|
||||
if(_.startsWith(this.props.location.pathname, '/article/')) {
|
||||
Wrapper = Widget;
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="dashboard-article-page">
|
||||
<div className={this.getClass()}>
|
||||
<Wrapper>
|
||||
<div className="dashboard-article-page__breadcrumb">
|
||||
<BreadCrumb items={this.getBreadCrumbItems()}/>
|
||||
</div>
|
||||
{(this.props.loading) ? <Loading /> : this.renderContent()}
|
||||
</Wrapper>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
@ -63,6 +73,15 @@ class DashboardArticlePage extends React.Component {
|
|||
);
|
||||
}
|
||||
|
||||
getClass() {
|
||||
let classes = {
|
||||
'dashboard-article-page': true,
|
||||
'dashboard-article-page_wrapped': _.startsWith(this.props.location.pathname, '/article/')
|
||||
};
|
||||
|
||||
return classNames(classes);
|
||||
}
|
||||
|
||||
findArticle() {
|
||||
let article = null;
|
||||
|
||||
|
|
@ -91,11 +110,11 @@ class DashboardArticlePage extends React.Component {
|
|||
let article = this.findArticle();
|
||||
let topic = this.findTopic();
|
||||
let items = [
|
||||
{content: i18n('ARTICLES'), url: '/dashboard/articles'}
|
||||
{content: i18n('ARTICLES'), url: (_.startsWith(this.props.location.pathname, '/article/')) ? '/articles' : '/dashboard/articles'}
|
||||
];
|
||||
|
||||
if(topic && topic.name) {
|
||||
items.push({content: topic.name, url: '/dashboard/articles'});
|
||||
items.push({content: topic.name, url: (_.startsWith(this.props.location.pathname, '/article/')) ? '/articles' : '/dashboard/articles'});
|
||||
}
|
||||
|
||||
if(article && article.title) {
|
||||
|
|
|
|||
|
|
@ -5,4 +5,8 @@
|
|||
text-align: right;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
&_wrapped {
|
||||
padding: 0 15px;
|
||||
}
|
||||
}
|
||||
|
|
@ -10,6 +10,7 @@ import SessionStore from 'lib-app/session-store';
|
|||
import store from 'app/store';
|
||||
import SessionActions from 'actions/session-actions';
|
||||
import LanguageSelector from 'app-components/language-selector';
|
||||
import Captcha from 'app/main/captcha';
|
||||
|
||||
import Header from 'core-components/header';
|
||||
import Form from 'core-components/form';
|
||||
|
|
@ -34,6 +35,8 @@ class CreateTicketForm extends React.Component {
|
|||
title: '',
|
||||
content: RichTextEditor.createEmptyValue(),
|
||||
departmentIndex: 0,
|
||||
email: '',
|
||||
name: '',
|
||||
language: 'en'
|
||||
}
|
||||
};
|
||||
|
|
@ -79,7 +82,7 @@ class CreateTicketForm extends React.Component {
|
|||
renderCaptcha() {
|
||||
return (
|
||||
<div className="create-ticket-form__captcha">
|
||||
<Captcha />
|
||||
<Captcha ref="captcha"/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
@ -105,6 +108,11 @@ class CreateTicketForm extends React.Component {
|
|||
}
|
||||
|
||||
onSubmit(formState) {
|
||||
let captcha = this.refs.captcha && this.refs.captcha.getWrappedInstance();
|
||||
|
||||
if (captcha && !captcha.getValue()) {
|
||||
captcha.focus();
|
||||
} else {
|
||||
this.setState({
|
||||
loading: true
|
||||
});
|
||||
|
|
@ -112,20 +120,25 @@ class CreateTicketForm extends React.Component {
|
|||
API.call({
|
||||
path: '/ticket/create',
|
||||
data: _.extend({}, formState, {
|
||||
captcha: captcha && captcha.getValue(),
|
||||
departmentId: SessionStore.getDepartments()[formState.departmentIndex].id
|
||||
})
|
||||
}).then(this.onTicketSuccess.bind(this)).catch(this.onTicketFail.bind(this));
|
||||
}).then(this.onTicketSuccess.bind(this, formState.email)).catch(this.onTicketFail.bind(this));
|
||||
}
|
||||
}
|
||||
|
||||
onTicketSuccess() {
|
||||
onTicketSuccess(email, result) {
|
||||
this.setState({
|
||||
loading: false,
|
||||
message: 'success'
|
||||
});
|
||||
|
||||
if(this.props.userLogged) {
|
||||
store.dispatch(SessionActions.getUserData());
|
||||
|
||||
setTimeout(() => {browserHistory.push('/dashboard')}, 2000);
|
||||
} else {
|
||||
setTimeout(() => {browserHistory.push('/check-ticket/' + email + '/' + result.data.ticketNumber)}, 2000);
|
||||
}
|
||||
}
|
||||
|
||||
onTicketFail() {
|
||||
|
|
|
|||
|
|
@ -1,16 +1,39 @@
|
|||
import React from 'react';
|
||||
import classNames from 'classnames';
|
||||
|
||||
import CreateTicketForm from 'app/main/dashboard/dashboard-create-ticket/create-ticket-form';
|
||||
import Widget from 'core-components/widget';
|
||||
|
||||
class DashboardCreateTicketPage extends React.Component {
|
||||
|
||||
static propTypes = {
|
||||
userSystemEnabled: React.PropTypes.bool
|
||||
};
|
||||
|
||||
render() {
|
||||
let Wrapper = 'div';
|
||||
|
||||
if((this.props.location.pathname === '/create-ticket')) {
|
||||
Wrapper = Widget;
|
||||
}
|
||||
|
||||
return (
|
||||
<div>
|
||||
<CreateTicketForm />
|
||||
<div className={this.getClass()}>
|
||||
<Wrapper>
|
||||
<CreateTicketForm userLogged={(this.props.location.pathname !== '/create-ticket')} />
|
||||
</Wrapper>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
getClass() {
|
||||
let classes = {
|
||||
'dashboard-create-ticket-page': true,
|
||||
'dashboard-create-ticket-page_wrapped': (this.props.location.pathname === '/create-ticket')
|
||||
};
|
||||
|
||||
return classNames(classes);
|
||||
}
|
||||
}
|
||||
|
||||
export default DashboardCreateTicketPage;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,6 @@
|
|||
.dashboard-create-ticket-page {
|
||||
|
||||
&_wrapped {
|
||||
padding: 0 10px;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,4 +1,5 @@
|
|||
import React from 'react';
|
||||
import classNames from 'classnames';
|
||||
import {connect} from 'react-redux';
|
||||
import _ from 'lodash';
|
||||
import {Link} from 'react-router';
|
||||
|
|
@ -9,6 +10,7 @@ import ArticlesActions from 'actions/articles-actions';
|
|||
|
||||
import Header from 'core-components/header';
|
||||
import SearchBox from 'core-components/search-box';
|
||||
import Widget from 'core-components/widget';
|
||||
|
||||
class DashboardListArticlesPage extends React.Component {
|
||||
|
||||
|
|
@ -22,18 +24,28 @@ class DashboardListArticlesPage extends React.Component {
|
|||
}
|
||||
|
||||
render() {
|
||||
let Wrapper = 'div';
|
||||
|
||||
if(this.props.location.pathname == '/articles') {
|
||||
Wrapper = Widget;
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="dashboard-list-articles-page">
|
||||
<div className={this.getClass()}>
|
||||
<Wrapper>
|
||||
<Header title={i18n('LIST_ARTICLES')} description={i18n('LIST_ARTICLES_DESCRIPTION')}/>
|
||||
<SearchBox className="dashboard-list-articles-page__search-box" onSearch={this.onSearch.bind(this)} searchOnType />
|
||||
{(!this.state.showSearchResults) ? this.renderArticleList() : this.renderSearchResults()}
|
||||
</Wrapper>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
renderArticleList() {
|
||||
let articlePath = (this.props.location.pathname == '/articles') ? '/article/' : '/dashboard/article/';
|
||||
|
||||
return (
|
||||
<ArticlesList editable={false} articlePath="/dashboard/article/" retrieveOnMount={false}/>
|
||||
<ArticlesList editable={false} articlePath={articlePath} retrieveOnMount={false}/>
|
||||
);
|
||||
}
|
||||
|
||||
|
|
@ -53,7 +65,7 @@ class DashboardListArticlesPage extends React.Component {
|
|||
return (
|
||||
<div className="dashboard-list-articles-page__search-result">
|
||||
<div className="dashboard-list-articles-page__search-result-title">
|
||||
<Link to={'/dashboard/article/' + item.id}>{item.title}</Link>
|
||||
<Link to={((this.props.location.pathname == '/articles') ? '/article/' : '/dashboard/article/') + item.id}>{item.title}</Link>
|
||||
</div>
|
||||
<div className="dashboard-list-articles-page__search-result-description">{content}</div>
|
||||
<div className="dashboard-list-articles-page__search-result-topic">{item.topic}</div>
|
||||
|
|
@ -61,6 +73,15 @@ class DashboardListArticlesPage extends React.Component {
|
|||
);
|
||||
}
|
||||
|
||||
getClass() {
|
||||
let classes = {
|
||||
'dashboard-list-articles-page': true,
|
||||
'dashboard-list-articles-page_wrapped': (this.props.location.pathname == '/articles')
|
||||
};
|
||||
|
||||
return classNames(classes);
|
||||
}
|
||||
|
||||
onSearch(query) {
|
||||
this.setState({
|
||||
results: SearchBox.searchQueryInList(this.getArticles(), query, this.isQueryInTitle.bind(this), this.isQueryInContent.bind(this)),
|
||||
|
|
|
|||
|
|
@ -29,4 +29,8 @@
|
|||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
|
||||
&_wrapped {
|
||||
padding: 0 15px;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,95 @@
|
|||
import React from 'react';
|
||||
import { browserHistory } from 'react-router';
|
||||
|
||||
import i18n from 'lib-app/i18n';
|
||||
import API from 'lib-app/api-call';
|
||||
import SessionStore from 'lib-app/session-store';
|
||||
|
||||
import Widget from 'core-components/widget';
|
||||
import Header from 'core-components/header';
|
||||
import Form from 'core-components/form';
|
||||
import FormField from 'core-components/form-field';
|
||||
import SubmitButton from 'core-components/submit-button';
|
||||
import Captcha from 'app/main/captcha';
|
||||
|
||||
class MainCheckTicketPage extends React.Component {
|
||||
|
||||
state = {
|
||||
loading: false,
|
||||
form: {
|
||||
email: this.props.params.email || '',
|
||||
ticketNumber: this.props.params.ticketNumber || ''
|
||||
},
|
||||
errors: {}
|
||||
};
|
||||
|
||||
render() {
|
||||
return (
|
||||
<div className="main-check-ticket-page">
|
||||
<Widget>
|
||||
<Header title={i18n('CHECK_TICKET')} description={i18n('VIEW_TICKET_DESCRIPTION')} />
|
||||
<Form {...this.getFormProps()}>
|
||||
<div className="main-check-ticket-page__inputs">
|
||||
<div className="main-check-ticket-page__input">
|
||||
<FormField name="email" label={i18n('EMAIL')} validation="EMAIL" required fieldProps={{size: 'large'}}/>
|
||||
</div>
|
||||
<div className="main-check-ticket-page__input">
|
||||
<FormField name="ticketNumber" label={i18n('TICKET_NUMBER')} validation="DEFAULT" required fieldProps={{size: 'large'}}/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="main-check-ticket-page__captcha">
|
||||
<Captcha ref="captcha"/>
|
||||
</div>
|
||||
<SubmitButton>{i18n('CHECK_TICKET')}</SubmitButton>
|
||||
</Form>
|
||||
</Widget>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
getFormProps() {
|
||||
return {
|
||||
className: 'main-check-ticket-page__form',
|
||||
loading: this.state.loading,
|
||||
values: this.state.form,
|
||||
errors: this.state.errors,
|
||||
onChange: (form) => this.setState({form}),
|
||||
onValidateErrors: (errors) => this.setState({errors}),
|
||||
onSubmit: this.onFormSubmit.bind(this)
|
||||
};
|
||||
}
|
||||
|
||||
onFormSubmit(form) {
|
||||
const captcha = this.refs.captcha.getWrappedInstance();
|
||||
|
||||
if (!captcha.getValue()) {
|
||||
captcha.focus();
|
||||
} else {
|
||||
this.setState({
|
||||
loading: true
|
||||
});
|
||||
|
||||
API.call({
|
||||
path: '/ticket/get',
|
||||
data: {
|
||||
captcha: captcha && captcha.getValue(),
|
||||
ticketNumber: form.ticketNumber,
|
||||
email: form.email
|
||||
}
|
||||
}).then(this.onTicketGetSuccess.bind(this)).catch(() => this.setState({
|
||||
loading: false,
|
||||
errors: {
|
||||
email: i18n('INVALID_EMAIL_OR_TICKET_NUMBER'),
|
||||
ticketNumber: i18n('INVALID_EMAIL_OR_TICKET_NUMBER')
|
||||
}
|
||||
}));
|
||||
}
|
||||
}
|
||||
|
||||
onTicketGetSuccess(result) {
|
||||
SessionStore.setItem('token', result.data.token);
|
||||
setTimeout(() => {browserHistory.push('/view-ticket/' + this.state.form.ticketNumber)}, 2000);
|
||||
}
|
||||
}
|
||||
|
||||
export default MainCheckTicketPage;
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
.main-check-ticket-page {
|
||||
padding: 0 15px;
|
||||
|
||||
&__form {
|
||||
margin: 0 auto;
|
||||
max-width: 790px;
|
||||
}
|
||||
|
||||
&__inputs {
|
||||
display: inline-block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
&__input {
|
||||
display: inline-block;
|
||||
margin: 0 20px;
|
||||
}
|
||||
|
||||
&__captcha {
|
||||
margin: 20px auto 20px;
|
||||
height: 78px;
|
||||
width: 304px;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,5 +1,7 @@
|
|||
import React from 'react';
|
||||
import classNames from 'classnames';
|
||||
import {browserHistory} from 'react-router';
|
||||
import {connect} from 'react-redux'
|
||||
|
||||
import Widget from 'core-components/widget';
|
||||
import Card from 'core-components/card';
|
||||
|
|
@ -7,26 +9,76 @@ import i18n from 'lib-app/i18n';
|
|||
import Header from 'core-components/header';
|
||||
|
||||
class MainHomePagePortal extends React.Component {
|
||||
static propTypes = {
|
||||
type: React.PropTypes.oneOf(['default', 'complete'])
|
||||
};
|
||||
|
||||
render() {
|
||||
return (
|
||||
<Widget className={classNames('main-home-page-portal', this.props.className)}>
|
||||
<div className="main-home-page-portal__title">
|
||||
<Header title={i18n('SUPPORT_CENTER')} description={i18n('SUPPORT_CENTER_DESCRIPTION')} />
|
||||
<Header title={this.props.title || i18n('SUPPORT_CENTER')} description={i18n('SUPPORT_CENTER_DESCRIPTION')} />
|
||||
</div>
|
||||
<div className="main-home-page-portal__cards">
|
||||
<div className="main-home-page-portal__card col-md-4">
|
||||
<Card title={i18n('TICKETS')} description={i18n('TICKETS_DESCRIPTION')} icon="ticket" color="red"/>
|
||||
<Card {...this.getTicketsCardProps()}/>
|
||||
</div>
|
||||
<div className="main-home-page-portal__card col-md-4">
|
||||
<Card title={i18n('ARTICLES')} description={i18n('ARTICLES_DESCRIPTION')} icon="book" color="blue"/>
|
||||
<Card {...((this.props.type === 'complete') ? this.getViewTicketCardProps() : this.getAccountCardProps())} />
|
||||
</div>
|
||||
<div className="main-home-page-portal__card col-md-4">
|
||||
<Card title={i18n('ACCOUNT')} description={i18n('ACCOUNT_DESCRIPTION')} icon="user" color="green"/>
|
||||
<Card {...this.getArticlesCardProps()} />
|
||||
</div>
|
||||
</div>
|
||||
</Widget>
|
||||
);
|
||||
}
|
||||
|
||||
getTicketsCardProps() {
|
||||
return {
|
||||
title: i18n('TICKETS'),
|
||||
description: i18n('TICKETS_DESCRIPTION'),
|
||||
icon: 'ticket',
|
||||
color: 'red',
|
||||
buttonText: (this.props.type === 'complete') ? i18n('CREATE_TICKET') : null,
|
||||
onButtonClick: () => browserHistory.push('/create-ticket')
|
||||
};
|
||||
}
|
||||
|
||||
export default MainHomePagePortal;
|
||||
getAccountCardProps() {
|
||||
return {
|
||||
title: i18n('ACCOUNT'),
|
||||
description: i18n('ACCOUNT_DESCRIPTION'),
|
||||
icon: 'user',
|
||||
color: 'green'
|
||||
};
|
||||
}
|
||||
|
||||
getArticlesCardProps() {
|
||||
return {
|
||||
title: i18n('ARTICLES'),
|
||||
description: i18n('ARTICLES_DESCRIPTION'),
|
||||
icon: 'book',
|
||||
color: 'blue',
|
||||
buttonText: (this.props.type === 'complete') ? i18n('VIEW_ARTICLES') : null,
|
||||
onButtonClick: () => browserHistory.push('/articles')
|
||||
};
|
||||
}
|
||||
|
||||
getViewTicketCardProps() {
|
||||
return {
|
||||
title: i18n('VIEW_TICKET'),
|
||||
description: i18n('VIEW_TICKET_DESCRIPTION'),
|
||||
icon: 'check-square-o',
|
||||
color: 'green',
|
||||
buttonText: (this.props.type === 'complete') ? i18n('CHECK_TICKET') : null,
|
||||
onButtonClick: () => browserHistory.push('/check-ticket')
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
export default connect((store) => {
|
||||
return {
|
||||
title: store.config.title
|
||||
};
|
||||
})(MainHomePagePortal);
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
import React from 'react';
|
||||
|
||||
import {connect} from 'react-redux'
|
||||
|
||||
import i18n from 'lib-app/i18n';
|
||||
|
||||
import MainHomePageLoginWidget from 'app/main/main-home/main-home-page-login-widget';
|
||||
|
|
@ -13,11 +13,9 @@ class MainHomePage extends React.Component {
|
|||
return (
|
||||
<div className="main-home-page">
|
||||
{this.renderMessage()}
|
||||
<div className="col-md-4">
|
||||
<MainHomePageLoginWidget />
|
||||
</div>
|
||||
<div className="col-md-8">
|
||||
<MainHomePagePortal />
|
||||
{(this.props.config['user-system-enabled']) ? this.renderLoginWidget() : null}
|
||||
<div className={(this.props.config['user-system-enabled']) ? 'col-md-8' : 'col-md-12'}>
|
||||
<MainHomePagePortal type={((this.props.config['user-system-enabled']) ? 'default' : 'complete')}/>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
|
@ -34,6 +32,14 @@ class MainHomePage extends React.Component {
|
|||
}
|
||||
}
|
||||
|
||||
renderLoginWidget() {
|
||||
return (
|
||||
<div className="col-md-4">
|
||||
<MainHomePageLoginWidget />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
renderSuccess() {
|
||||
return (
|
||||
<Message title={i18n('VERIFY_SUCCESS')} type="success" className="main-home-page__message">
|
||||
|
|
@ -53,6 +59,7 @@ class MainHomePage extends React.Component {
|
|||
|
||||
export default connect((store) => {
|
||||
return {
|
||||
session: store.session
|
||||
session: store.session,
|
||||
config: store.config
|
||||
};
|
||||
})(MainHomePage);
|
||||
|
|
@ -12,7 +12,7 @@ class MainLayoutHeader extends React.Component {
|
|||
render() {
|
||||
return (
|
||||
<div className="main-layout-header">
|
||||
{this.renderAccessLinks()}
|
||||
{(this.props.config['user-system-enabled']) ? this.renderAccessLinks() : this.renderHomeLink()}
|
||||
<LanguageSelector {...this.getLanguageSelectorProps()} />
|
||||
</div>
|
||||
);
|
||||
|
|
@ -32,7 +32,7 @@ class MainLayoutHeader extends React.Component {
|
|||
result = (
|
||||
<div className="main-layout-header__login-links">
|
||||
<Button type="clean" route={{to:'/'}}>{i18n('LOG_IN')}</Button>
|
||||
<Button type="clean" route={{to:'/signup'}}>{i18n('SIGN_UP')}</Button>
|
||||
{(this.props.config['registration'] === true) ? <Button type="clean" route={{to:'/signup'}}>{i18n('SIGN_UP')}</Button> : null}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
@ -40,6 +40,14 @@ class MainLayoutHeader extends React.Component {
|
|||
return result;
|
||||
}
|
||||
|
||||
renderHomeLink() {
|
||||
return (
|
||||
<div className="main-layout-header__login-links">
|
||||
<Button type="clean" route={{to:'/'}}>{i18n('HOME')}</Button>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
getLanguageSelectorProps() {
|
||||
return {
|
||||
className: 'main-layout-header__languages',
|
||||
|
|
|
|||
|
|
@ -63,7 +63,7 @@ class MainSignUpPageWidget extends React.Component {
|
|||
return {
|
||||
loading: this.state.loading,
|
||||
className: 'signup-widget__form',
|
||||
onSubmit: this.onLoginFormSubmit.bind(this)
|
||||
onSubmit: this.onSignupFormSubmit.bind(this)
|
||||
};
|
||||
}
|
||||
|
||||
|
|
@ -77,7 +77,7 @@ class MainSignUpPageWidget extends React.Component {
|
|||
};
|
||||
}
|
||||
|
||||
onLoginFormSubmit(formState) {
|
||||
onSignupFormSubmit(formState) {
|
||||
const captcha = this.refs.captcha.getWrappedInstance();
|
||||
|
||||
if (!captcha.getValue()) {
|
||||
|
|
|
|||
|
|
@ -0,0 +1,20 @@
|
|||
import React from 'react';
|
||||
|
||||
import AdminPanelViewTicket from 'app/admin/panel/tickets/admin-panel-view-ticket'
|
||||
|
||||
import Widget from 'core-components/widget';
|
||||
|
||||
class MainViewTicketPage extends React.Component {
|
||||
|
||||
render() {
|
||||
return (
|
||||
<div className="main-view-ticket-page">
|
||||
<Widget>
|
||||
<AdminPanelViewTicket {...this.props} avoidSeen assignmentAllowed={false} />
|
||||
</Widget>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
export default MainViewTicketPage;
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
.main-view-ticket-page {
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
|
@ -17,6 +17,7 @@ class Button extends React.Component {
|
|||
|
||||
static propTypes = {
|
||||
children: React.PropTypes.node,
|
||||
inverted: React.PropTypes.bool,
|
||||
size: React.PropTypes.oneOf([
|
||||
'extra-small',
|
||||
'small',
|
||||
|
|
@ -70,6 +71,7 @@ class Button extends React.Component {
|
|||
let classes = {
|
||||
'button': true,
|
||||
'button_disabled': this.props.disabled,
|
||||
'button_inverted': this.props.inverted,
|
||||
|
||||
'button_primary': (this.props.type === 'primary'),
|
||||
'button_secondary': (this.props.type === 'secondary'),
|
||||
|
|
|
|||
|
|
@ -31,6 +31,10 @@
|
|||
&_secondary {
|
||||
background-color: $primary-green;
|
||||
|
||||
&:focus, &:hover {
|
||||
background-color: lighten($primary-green, 5%);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
&.button_disabled,
|
||||
&.button_disabled:hover {
|
||||
|
|
@ -41,6 +45,11 @@
|
|||
&_tertiary {
|
||||
background-color: $secondary-blue;
|
||||
|
||||
&:focus, &:hover {
|
||||
background-color: lighten($secondary-blue, 5%);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
&.button_disabled,
|
||||
&.button_disabled:hover {
|
||||
background-color: lighten($secondary-blue, 15%);
|
||||
|
|
@ -93,4 +102,26 @@
|
|||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
&_inverted {
|
||||
background-color: white;
|
||||
|
||||
&:focus, &:hover {
|
||||
background-color: white;
|
||||
opacity: 0.9;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
&.button_primary {
|
||||
color: $primary-red;
|
||||
}
|
||||
|
||||
&.button_secondary {
|
||||
color: $primary-green;
|
||||
}
|
||||
|
||||
&.button_tertiary {
|
||||
color: $secondary-blue;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,5 +1,6 @@
|
|||
import React from 'react';
|
||||
import Icon from 'core-components/icon';
|
||||
import Button from 'core-components/button';
|
||||
import classNames from 'classnames';
|
||||
|
||||
class Card extends React.Component{
|
||||
|
|
@ -7,7 +8,9 @@ class Card extends React.Component{
|
|||
description: React.PropTypes.string,
|
||||
title: React.PropTypes.string,
|
||||
icon: React.PropTypes.string,
|
||||
color: React.PropTypes.string
|
||||
color: React.PropTypes.string,
|
||||
buttonText: React.PropTypes.string,
|
||||
onButtonClick: React.PropTypes.func
|
||||
};
|
||||
|
||||
render() {
|
||||
|
|
@ -16,12 +19,23 @@ class Card extends React.Component{
|
|||
<div className="card__icon"><Icon name={this.props.icon} size="5x"/></div>
|
||||
<div className="card__title">{this.props.title}</div>
|
||||
<div className="card__description">{this.props.description}</div>
|
||||
{(this.props.buttonText) ? this.renderButton() : null}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
renderButton() {
|
||||
return (
|
||||
<div className="card__button">
|
||||
<Button type={this.getButtonType()} inverted onClick={this.props.onButtonClick}>
|
||||
{this.props.buttonText}
|
||||
</Button>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
getClass() {
|
||||
var classes = {
|
||||
let classes = {
|
||||
'card': true,
|
||||
'card_red': (this.props.color === 'red'),
|
||||
'card_blue': (this.props.color === 'blue'),
|
||||
|
|
@ -32,5 +46,15 @@ class Card extends React.Component{
|
|||
|
||||
return classNames(classes);
|
||||
}
|
||||
|
||||
getButtonType() {
|
||||
let types = {
|
||||
'red': 'primary',
|
||||
'green': 'secondary',
|
||||
'blue': 'tertiary'
|
||||
};
|
||||
|
||||
return types[this.props.color];
|
||||
}
|
||||
}
|
||||
export default Card;
|
||||
|
|
|
|||
|
|
@ -5,6 +5,7 @@
|
|||
color: white;
|
||||
height: 260px;
|
||||
padding: 15px;
|
||||
position: relative;
|
||||
|
||||
&__title {
|
||||
font-variant: small-caps;
|
||||
|
|
@ -16,6 +17,13 @@
|
|||
font-size: $font-size--sm;
|
||||
}
|
||||
|
||||
&__button {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 17px;
|
||||
}
|
||||
|
||||
&_red {
|
||||
background-color: $primary-red;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -7,7 +7,8 @@ class ToggleList extends React.Component {
|
|||
items: React.PropTypes.arrayOf(React.PropTypes.shape({
|
||||
content: React.PropTypes.node
|
||||
})),
|
||||
onChange: React.PropTypes.func
|
||||
onChange: React.PropTypes.func,
|
||||
type: React.PropTypes.oneOf(['default', 'small'])
|
||||
};
|
||||
|
||||
state = {
|
||||
|
|
@ -16,12 +17,22 @@ class ToggleList extends React.Component {
|
|||
|
||||
render() {
|
||||
return (
|
||||
<div className="toggle-list">
|
||||
<div className={this.getClass()}>
|
||||
{this.props.items.map(this.renderItem.bind(this))}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
getClass() {
|
||||
let classes = {
|
||||
'toggle-list': true,
|
||||
'toggle-list_small': this.props.type == 'small',
|
||||
[this.props.className]: (this.props.className)
|
||||
};
|
||||
|
||||
return classNames(classes);
|
||||
}
|
||||
|
||||
renderItem(obj, index) {
|
||||
|
||||
return (
|
||||
|
|
@ -35,16 +46,17 @@ class ToggleList extends React.Component {
|
|||
let classes = {
|
||||
'toggle-list__item': true,
|
||||
'toggle-list__first-item': (index === 0),
|
||||
'toggle-list__selected': _.includes(this.state.selected, index)
|
||||
'toggle-list__last-item': (index === this.props.items.length - 1),
|
||||
'toggle-list__selected': _.includes(this.getSelectedList(), index)
|
||||
};
|
||||
|
||||
return classNames(classes);
|
||||
}
|
||||
|
||||
selectItem(index) {
|
||||
let newSelected = _.clone(this.state.selected);
|
||||
let newSelected = _.clone(this.getSelectedList());
|
||||
|
||||
_.includes(this.state.selected, index) ? _.remove(newSelected, _index => _index == index) : newSelected.push(index);
|
||||
_.includes(this.getSelectedList(), index) ? _.remove(newSelected, _index => _index == index) : newSelected.push(index);
|
||||
|
||||
this.setState({
|
||||
selected: newSelected
|
||||
|
|
@ -58,6 +70,10 @@ class ToggleList extends React.Component {
|
|||
});
|
||||
}
|
||||
}
|
||||
|
||||
getSelectedList() {
|
||||
return (this.props.values === undefined) ? this.state.selected : this.props.values;
|
||||
}
|
||||
}
|
||||
|
||||
export default ToggleList;
|
||||
|
|
|
|||
|
|
@ -8,14 +8,28 @@
|
|||
width: 180px;
|
||||
height: 120px;
|
||||
display: inline-block;
|
||||
transition: background-color 0.4s ease;
|
||||
transition: box-shadow 0.2s ease-in-out;
|
||||
user-select: none;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
&__selected {
|
||||
background-color: $light-grey;
|
||||
box-shadow: inset 0 -5px 40px 10px rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
&__first-item {
|
||||
border: 1px $light-grey solid;
|
||||
border-radius: 4px 0 0 4px;
|
||||
}
|
||||
|
||||
&__last-item {
|
||||
border-radius: 0 4px 4px 0;
|
||||
}
|
||||
|
||||
&_small {
|
||||
.toggle-list__item {
|
||||
height: 80px;
|
||||
width: 120px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@ module.exports = [
|
|||
'reCaptchaKey': '6LfM5CYTAAAAAGLz6ctpf-hchX2_l0Ge-Bn-n8wS',
|
||||
'reCaptchaPrivate': 'LALA',
|
||||
'url': 'http://www.opensupports.com/support',
|
||||
'title': 'Very Cool',
|
||||
'title': 'OpenSupports Support Center',
|
||||
'layout': 'Boxed',
|
||||
'time-zone': 3,
|
||||
'no-reply-email': 'shitr@post.com',
|
||||
|
|
@ -19,7 +19,9 @@ module.exports = [
|
|||
'smtp-port': '7070',
|
||||
'smtp-user': 'Wesa',
|
||||
'maintenance-mode': false,
|
||||
'user-system-enabled': true,
|
||||
'allow-attachments': true,
|
||||
'registration': true,
|
||||
'max-size': 500,
|
||||
'departments': [
|
||||
{id: 1, name: 'Sales Support', owners: 2},
|
||||
|
|
@ -38,8 +40,12 @@ module.exports = [
|
|||
status: 'success',
|
||||
data: {
|
||||
'language': 'en',
|
||||
'title': '',
|
||||
'layout': 'Boxed',
|
||||
'reCaptchaKey': '6LfM5CYTAAAAAGLz6ctpf-hchX2_l0Ge-Bn-n8wS',
|
||||
'maintenance-mode': false,
|
||||
'user-system-enabled': true,
|
||||
'registration': true,
|
||||
'departments': [
|
||||
{id: 1, name: 'Sales Support', owners: 2},
|
||||
{id: 2, name: 'Technical Issues', owners: 5},
|
||||
|
|
@ -207,6 +213,71 @@ module.exports = [
|
|||
};
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/system/get-stats',
|
||||
time: 200,
|
||||
response: function(_data) {
|
||||
let generalVal = _data.staffId;
|
||||
|
||||
let ID = {
|
||||
'WEEK': 7,
|
||||
'MONTH': 30,
|
||||
'QUARTER': 90,
|
||||
'YEAR': 365
|
||||
};
|
||||
|
||||
let k = ID[_data.period];
|
||||
let DATA = [];
|
||||
|
||||
for (let i = 0; i < k; i++) {
|
||||
if(generalVal){
|
||||
DATA.push({
|
||||
date: '201701' + (i + 103) % 100,
|
||||
type: 'ASSIGN',
|
||||
general: generalVal,
|
||||
value: (Math.floor((Math.random() + 17) * i)).toString()
|
||||
});
|
||||
DATA.push({
|
||||
date: '201701' + (i + 109) % 100,
|
||||
type: 'CLOSE',
|
||||
general: generalVal,
|
||||
value: (Math.floor((Math.random() + 12) * i )).toString()
|
||||
});
|
||||
}
|
||||
else {
|
||||
DATA.push({
|
||||
date: '201701' + (i + 107) % 100,
|
||||
type: 'COMMENT',
|
||||
general: generalVal,
|
||||
value: (Math.floor((Math.random() + 5) * i)).toString()
|
||||
});
|
||||
DATA.push({
|
||||
date: '201701' + (i + 104) % 100,
|
||||
type: 'SIGNUP',
|
||||
general: generalVal,
|
||||
value: (Math.floor(Math.random() * (i - 180) * (i - 185) / 400)).toString()
|
||||
});
|
||||
DATA.push({
|
||||
date: '201701' + (i + 103) % 100,
|
||||
type: 'CLOSE',
|
||||
general: generalVal,
|
||||
value: (Math.floor((Math.random() + 12) * i )).toString()
|
||||
});
|
||||
DATA.push({
|
||||
date: '201701' + (i + 99) % 100,
|
||||
type: 'CREATE_TICKET',
|
||||
general: generalVal,
|
||||
value: (Math.floor((Math.random() + 7) * i)).toString()
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
status: "success",
|
||||
data: DATA
|
||||
};
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/system/enable-user-system',
|
||||
time: 100,
|
||||
|
|
|
|||
|
|
@ -110,10 +110,12 @@ module.exports = [
|
|||
closed: false,
|
||||
priority: 'medium',
|
||||
author: {
|
||||
id: 3,
|
||||
name: 'Haskell Curry',
|
||||
email: 'haskell@lambda.com'
|
||||
},
|
||||
owner: {
|
||||
id: 1,
|
||||
name: 'Steve Jobs'
|
||||
},
|
||||
events: [
|
||||
|
|
|
|||
|
|
@ -36,7 +36,7 @@ export default {
|
|||
'DASHBOARD': 'Dashboard',
|
||||
'USERS': 'Users',
|
||||
'SETTINGS': 'Settings',
|
||||
'TICKET_STATS': 'Ticket Stats',
|
||||
'STATISTICS': 'Statistics',
|
||||
'LAST_ACTIVITY': 'Last Activity',
|
||||
'MY_TICKETS': 'My Tickets',
|
||||
'NEW_TICKETS': 'New Tickets',
|
||||
|
|
@ -73,6 +73,7 @@ export default {
|
|||
'ASSIGN_TO_ME': 'Assign to me',
|
||||
'UN_ASSIGN': 'Unassign',
|
||||
'VIEW_TICKET': 'View Ticket',
|
||||
'VIEW_TICKET_DESCRIPTION': 'Check the status of your ticket using your ticket number and email.',
|
||||
'SELECT_CUSTOM_RESPONSE': 'Select a custom response...',
|
||||
'WARNING': 'Warning',
|
||||
'INFO': 'Information',
|
||||
|
|
@ -164,6 +165,16 @@ export default {
|
|||
'KEY': 'Key',
|
||||
'ADD_API_KEY': 'Add API Key',
|
||||
'NO_KEY_SELECTED': 'No Key selected',
|
||||
'CHECK_TICKET': 'Check Ticket',
|
||||
'ACTIVITY': 'Activity',
|
||||
'HOME': 'Home',
|
||||
'TICKET_NUMBER': 'Ticket number',
|
||||
|
||||
'CHART_CREATE_TICKET': 'Tickets created',
|
||||
'CHART_CLOSE': 'Tickets closed',
|
||||
'CHART_SIGNUP': 'Signups',
|
||||
'CHART_COMMENT': 'Replies',
|
||||
'CHART_ASSIGN': 'Assigned',
|
||||
|
||||
//ACTIVITIES
|
||||
'ACTIVITY_COMMENT': 'commented ticket',
|
||||
|
|
@ -198,7 +209,7 @@ export default {
|
|||
'TICKET_LIST_DESCRIPTION': 'Here you can find a list of all tickets you have sent to our support team.',
|
||||
'TICKETS_DESCRIPTION': 'Send ticket through our support center and get response of your doubts, suggestions and issues.',
|
||||
'ARTICLES_DESCRIPTION': 'Take a look to our articles about common issues, guides and documentation.',
|
||||
'ACCOUNT_DESCRIPTION': 'All your tickets are stored in your accounts\'s profile. Keep track off all your tickets you send to our staff team.',
|
||||
'ACCOUNT_DESCRIPTION': 'All your tickets are stored in your account\'s profile. Keep track of all your tickets you send to our staff team.',
|
||||
'SUPPORT_CENTER_DESCRIPTION': 'Welcome to our support center. You can contact us through a tickets system. Your tickets will be answered by our staff.',
|
||||
'CUSTOM_RESPONSES_DESCRIPTION': 'Custom responses are automated responses for common problems',
|
||||
'MY_TICKETS_DESCRIPTION': 'Here you can view the tickets you are responsible for.',
|
||||
|
|
@ -225,6 +236,7 @@ export default {
|
|||
'SYSTEM_PREFERENCES_DESCRIPTION': 'Here you can edit the preferences of the system.',
|
||||
'VERIFY_SUCCESS_DESCRIPTION': 'You user has been verified correctly. You can log in now.',
|
||||
'VERIFY_FAILED_DESCRIPTION': 'The verification could not be done.',
|
||||
'STATISTICS_DESCRIPTION': 'Here you can view statistics related to tickets and signups.',
|
||||
'ADVANCED_SETTINGS_DESCRIPTION': 'Here you can change the advanced settings of your system. Please be careful, the changes you make can not be reversed.',
|
||||
'USER_SYSTEM_DISABLED': 'User system has been disabled',
|
||||
'USER_SYSTEM_ENABLED': 'User system has been enabled',
|
||||
|
|
|
|||
|
|
@ -44,7 +44,8 @@ class SessionReducer extends Reducer {
|
|||
logged: true,
|
||||
pending: false,
|
||||
failed: false,
|
||||
staff: payload.data.staff
|
||||
staff: payload.data.staff,
|
||||
userId: payload.data.userId
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -75,7 +76,8 @@ class SessionReducer extends Reducer {
|
|||
initDone: true,
|
||||
logged: true,
|
||||
pending: false,
|
||||
failed: false
|
||||
failed: false,
|
||||
userId: payload.data.userId
|
||||
});
|
||||
}
|
||||
|
||||
|
|
@ -117,6 +119,7 @@ class SessionReducer extends Reducer {
|
|||
|
||||
onSessionChecked(state) {
|
||||
let userData = sessionStore.getUserData();
|
||||
let userId = sessionStore.getSessionData().userId;
|
||||
|
||||
return _.extend({}, state, {
|
||||
initDone: true,
|
||||
|
|
@ -127,7 +130,8 @@ class SessionReducer extends Reducer {
|
|||
userProfilePic: userData.profilePic,
|
||||
userLevel: userData.level,
|
||||
userDepartments: userData.departments,
|
||||
userTickets: userData.tickets
|
||||
userTickets: userData.tickets,
|
||||
userId: userId
|
||||
});
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@ class GetAllArticlesController extends Controller {
|
|||
|
||||
public function validations() {
|
||||
return [
|
||||
'permission' => 'user',
|
||||
'permission' => (Controller::isUserSystemEnabled()) ? 'user' : 'any',
|
||||
'requestData' => []
|
||||
];
|
||||
}
|
||||
|
|
|
|||
|
|
@ -9,13 +9,16 @@ require_once 'system/get-logs.php';
|
|||
require_once 'system/get-mail-templates.php';
|
||||
require_once 'system/edit-mail-template.php';
|
||||
require_once 'system/recover-mail-template.php';
|
||||
require_once 'system/get-stats.php';
|
||||
require_once 'system/disable-registration.php';
|
||||
require_once 'system/enable-registration.php';
|
||||
require_once 'system/disable-user-system.php';
|
||||
require_once 'system/enabled-user-system.php';
|
||||
require_once 'system/add-api-key.php';
|
||||
require_once 'system/delete-api-key.php';
|
||||
require_once 'system/get-all-keys.php';
|
||||
require_once 'system/get-stats.php';
|
||||
require_once 'system/delete-all-users.php';
|
||||
require_once 'system/csv-import.php';
|
||||
require_once 'system/backup-database.php';
|
||||
require_once 'system/download.php';
|
||||
|
||||
|
|
@ -41,5 +44,8 @@ $systemControllerGroup->addController(new GetAllKeyController);
|
|||
$systemControllerGroup->addController(new DeleteAllUsersController);
|
||||
$systemControllerGroup->addController(new BackupDatabaseController);
|
||||
$systemControllerGroup->addController(new DownloadController);
|
||||
$systemControllerGroup->addController(new CSVImportController);
|
||||
$systemControllerGroup->addController(new DisableUserSystemController);
|
||||
$systemControllerGroup->addController(new EnabledUserSystemController);
|
||||
|
||||
$systemControllerGroup->finalize();
|
||||
|
|
@ -0,0 +1,55 @@
|
|||
<?php
|
||||
|
||||
class CSVImportController extends Controller {
|
||||
const PATH = '/csv-import';
|
||||
|
||||
public function validations() {
|
||||
return [
|
||||
'permission' => 'staff_3',
|
||||
'requestData' => []
|
||||
];
|
||||
}
|
||||
|
||||
public function handler() {
|
||||
$fileUploader = $this->uploadFile();
|
||||
|
||||
if(!$fileUploader instanceof FileUploader) {
|
||||
throw new Exception(ERRORS::INVALID_FILE);
|
||||
}
|
||||
|
||||
$file = fopen($fileUploader->getFullFilePath(),'r');
|
||||
$errors = [];
|
||||
|
||||
while(!feof($file)) {
|
||||
$userList = fgetcsv($file);
|
||||
|
||||
Controller::setDataRequester(function ($key) use ($userList) {
|
||||
switch ($key) {
|
||||
case 'email':
|
||||
return $userList[0];
|
||||
case 'password':
|
||||
return $userList[1];
|
||||
case 'name':
|
||||
return $userList[2];
|
||||
}
|
||||
|
||||
return null;
|
||||
});
|
||||
|
||||
$signupController = new SignUpController(true);
|
||||
|
||||
try {
|
||||
$signupController->validate();
|
||||
$signupController->handler();
|
||||
} catch (\Exception $exception) {
|
||||
$errors[] = $exception->getMessage() . ' in email ' . $userList[0];
|
||||
}
|
||||
}
|
||||
|
||||
fclose($file);
|
||||
|
||||
unlink($fileUploader->getFullFilePath());
|
||||
|
||||
Response::respondSuccess($errors);
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,58 @@
|
|||
<?php
|
||||
|
||||
class DisableUserSystemController extends Controller {
|
||||
const PATH = '/disable-user-system';
|
||||
|
||||
public function validations() {
|
||||
return [
|
||||
'permission' => 'staff_3',
|
||||
'requestData' => []
|
||||
];
|
||||
}
|
||||
|
||||
public function handler() {
|
||||
$password = Controller::request('password');
|
||||
|
||||
if(!Hashing::verifyPassword($password, Controller::getLoggedUser()->password)) {
|
||||
throw new Exception(ERRORS::INVALID_PASSWORD);
|
||||
|
||||
}
|
||||
|
||||
if(!Controller::isUserSystemEnabled()) {
|
||||
throw new Exception(ERRORS::SYSTEM_USER_IS_ALREADY_DISABLED);
|
||||
}
|
||||
|
||||
$userSystemEnabled = Setting::getSetting('user-system-enabled');
|
||||
$userSystemEnabled->value = 0 ;
|
||||
$userSystemEnabled->store();
|
||||
|
||||
$userList = User::getAll();
|
||||
|
||||
foreach($userList as $user) {
|
||||
$ticketNumberList = [];
|
||||
|
||||
foreach($user->sharedTicketList as $ticket) {
|
||||
$ticket->authorEmail = $user->email;
|
||||
$ticket->authorName = $user->name;
|
||||
$ticket->author = null;
|
||||
|
||||
$ticketNumberList[] = $ticket->ticketNumber;
|
||||
$ticket->store();
|
||||
}
|
||||
|
||||
$mailSender = new MailSender();
|
||||
|
||||
$mailSender->setTemplate(MailTemplate::USER_SYSTEM_DISABLED, [
|
||||
'to' => $user->email,
|
||||
'name' => $user->name,
|
||||
'tickets' => json_encode($ticketNumberList)
|
||||
]);
|
||||
|
||||
$mailSender->send();
|
||||
|
||||
$user->delete();
|
||||
}
|
||||
|
||||
Response::respondSuccess();
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,78 @@
|
|||
<?php
|
||||
|
||||
class EnabledUserSystemController extends Controller {
|
||||
const PATH = '/enabled-user-system';
|
||||
|
||||
public function validations() {
|
||||
return [
|
||||
'permission' => 'staff_3',
|
||||
'requestData' => []
|
||||
];
|
||||
}
|
||||
|
||||
public function handler() {
|
||||
$password = Controller::request('password');
|
||||
|
||||
if(!Hashing::verifyPassword($password, Controller::getLoggedUser()->password)) {
|
||||
throw new Exception(ERRORS::INVALID_PASSWORD);
|
||||
|
||||
}
|
||||
|
||||
if(Controller::isUserSystemEnabled()) {
|
||||
throw new Exception(ERRORS::SYSTEM_USER_IS_ALREADY_ENABLED);
|
||||
}
|
||||
|
||||
$userSystemEnabled = Setting::getSetting('user-system-enabled');
|
||||
$userSystemEnabled->value = 1 ;
|
||||
$userSystemEnabled->store();
|
||||
|
||||
$ticketList = Ticket::getAll();
|
||||
|
||||
foreach($ticketList as $ticket) {
|
||||
|
||||
$userRow = User::getDataStore($ticket->authorEmail, 'email');
|
||||
|
||||
if($userRow->isNull()) {
|
||||
$this->createUser($ticket->authorEmail,$ticket->authorName);
|
||||
|
||||
} else {
|
||||
$userRow->tickets = $userRow->tickets + 1;
|
||||
$userRow->sharedTicketList->add($ticket);
|
||||
$userRow->store();
|
||||
}
|
||||
|
||||
$actualUserRow = User::getDataStore($ticket->authorEmail,'email');
|
||||
$ticket->author = $actualUserRow;
|
||||
$ticket->authorName = null;
|
||||
$ticket->authorEmail = null;
|
||||
$ticket->store();
|
||||
}
|
||||
|
||||
Response::respondSuccess();
|
||||
}
|
||||
public function createUser($email,$name) {
|
||||
$userInstance = new User();
|
||||
|
||||
$password = Hashing::generateRandomToken();
|
||||
|
||||
$userInstance->setProperties([
|
||||
'name' => $name,
|
||||
'signupDate' => Date::getCurrentDate(),
|
||||
'tickets' => 1,
|
||||
'email' => $email,
|
||||
'password' => Hashing::hashPassword($password),
|
||||
'verificationToken' => null
|
||||
]);
|
||||
|
||||
$userInstance->store();
|
||||
|
||||
$mailSender = new MailSender();
|
||||
$mailSender->setTemplate(MailTemplate::USER_SYSTEM_ENABLED, [
|
||||
'to' => $email,
|
||||
'name' => $name,
|
||||
'password' => $password
|
||||
]);
|
||||
$mailSender->send();
|
||||
|
||||
}
|
||||
}
|
||||
|
|
@ -46,7 +46,8 @@ class GetSettingsController extends Controller {
|
|||
'registration' => Setting::getSetting('registration')->getValue(),
|
||||
'departments' => Department::getDepartmentNames(),
|
||||
'supportedLanguages' => Language::getSupportedLanguages(),
|
||||
'allowedLanguages' => Language::getAllowedLanguages()
|
||||
'allowedLanguages' => Language::getAllowedLanguages(),
|
||||
'user-system-enabled' => Setting::getSetting('user-system-enabled')->getValue()
|
||||
];
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -42,6 +42,7 @@ class InitSettingsController extends Controller {
|
|||
'title' => 'Support Center',
|
||||
'url' => 'http://www.opensupports.com/support',
|
||||
'registration' => true,
|
||||
'user-system-enabled' => true,
|
||||
'last-stat-day' => '20170101', //TODO: get current date
|
||||
'ticket-gap' => Hashing::generateRandomPrime(100000, 999999),
|
||||
'file-gap' => Hashing::generateRandomPrime(100000, 999999),
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ class CommentController extends Controller {
|
|||
private $content;
|
||||
|
||||
public function validations() {
|
||||
return [
|
||||
$validations = [
|
||||
'permission' => 'user',
|
||||
'requestData' => [
|
||||
'content' => [
|
||||
|
|
@ -22,13 +22,29 @@ class CommentController extends Controller {
|
|||
]
|
||||
]
|
||||
];
|
||||
|
||||
if(!Controller::isUserSystemEnabled()) {
|
||||
$validations['permission'] = 'any';
|
||||
$session = Session::getInstance();
|
||||
|
||||
$validations['requestData']['csrf_token'] = [
|
||||
'validation' => DataValidator::equals($session->getToken()),
|
||||
'error' => ERRORS::NO_PERMISSION
|
||||
];
|
||||
$validations['requestData']['ticketNumber'] = [
|
||||
'validation' => DataValidator::equals($session->getTicketNumber()),
|
||||
'error' => ERRORS::INVALID_TICKET
|
||||
];
|
||||
}
|
||||
|
||||
return $validations;
|
||||
}
|
||||
|
||||
public function handler() {
|
||||
$session = Session::getInstance();
|
||||
$this->requestData();
|
||||
|
||||
if ($session->isLoggedWithId($this->ticket->author->id) || Controller::isStaffLogged()) {
|
||||
if (!Controller::isUserSystemEnabled() || $session->isLoggedWithId($this->ticket->author->id) || Controller::isStaffLogged()) {
|
||||
$this->storeComment();
|
||||
|
||||
Log::createLog('COMMENT', $this->ticket->ticketNumber);
|
||||
|
|
@ -41,23 +57,29 @@ class CommentController extends Controller {
|
|||
|
||||
private function requestData() {
|
||||
$ticketNumber = Controller::request('ticketNumber');
|
||||
|
||||
$email = Controller::request('email');
|
||||
$this->ticket = Ticket::getByTicketNumber($ticketNumber);
|
||||
$this->content = Controller::request('content');
|
||||
|
||||
if(!Controller::isUserSystemEnabled() && $this->ticket->authorEmail !== $email && !Controller::isStaffLogged()) {
|
||||
throw new Exception(ERRORS::NO_PERMISSION);
|
||||
}
|
||||
}
|
||||
|
||||
private function storeComment() {
|
||||
$fileUploader = $this->uploadFile();
|
||||
|
||||
$comment = Ticketevent::getEvent(Ticketevent::COMMENT);
|
||||
$comment->setProperties(array(
|
||||
'content' => $this->content,
|
||||
'file' => $this->uploadFile(),
|
||||
'file' => ($fileUploader instanceof FileUploader) ? $fileUploader->getFileName() : null,
|
||||
'date' => Date::getCurrentDate()
|
||||
));
|
||||
|
||||
if(Controller::isStaffLogged()) {
|
||||
$this->ticket->unread = true;
|
||||
$comment->authorStaff = Controller::getLoggedUser();
|
||||
} else {
|
||||
} else if(Controller::isUserSystemEnabled()) {
|
||||
$this->ticket->unreadStaff = true;
|
||||
$comment->authorUser = Controller::getLoggedUser();
|
||||
}
|
||||
|
|
|
|||
|
|
@ -10,9 +10,11 @@ class CreateController extends Controller {
|
|||
private $departmentId;
|
||||
private $language;
|
||||
private $ticketNumber;
|
||||
private $email;
|
||||
private $name;
|
||||
|
||||
public function validations() {
|
||||
return [
|
||||
$validations = [
|
||||
'permission' => 'user',
|
||||
'requestData' => [
|
||||
'title' => [
|
||||
|
|
@ -33,6 +35,16 @@ class CreateController extends Controller {
|
|||
]
|
||||
]
|
||||
];
|
||||
|
||||
if(!Controller::isUserSystemEnabled()) {
|
||||
$validations['permission'] = 'any';
|
||||
$validations['requestData']['captcha'] = [
|
||||
'validation' => DataValidator::captcha(),
|
||||
'error' => ERRORS::INVALID_CAPTCHA
|
||||
];
|
||||
}
|
||||
|
||||
return $validations;
|
||||
}
|
||||
|
||||
public function handler() {
|
||||
|
|
@ -40,6 +52,8 @@ class CreateController extends Controller {
|
|||
$this->content = Controller::request('content');
|
||||
$this->departmentId = Controller::request('departmentId');
|
||||
$this->language = Controller::request('language');
|
||||
$this->email = Controller::request('email');
|
||||
$this->name = Controller::request('name');
|
||||
|
||||
$this->storeTicket();
|
||||
|
||||
|
|
@ -53,6 +67,8 @@ class CreateController extends Controller {
|
|||
$department = Department::getDataStore($this->departmentId);
|
||||
$author = Controller::getLoggedUser();
|
||||
|
||||
$fileUploader = $this->uploadFile();
|
||||
|
||||
$ticket = new Ticket();
|
||||
$ticket->setProperties(array(
|
||||
'title' => $this->title,
|
||||
|
|
@ -60,17 +76,22 @@ class CreateController extends Controller {
|
|||
'language' => $this->language,
|
||||
'author' => $author,
|
||||
'department' => $department,
|
||||
'file' => $this->uploadFile(),
|
||||
'file' => ($fileUploader instanceof FileUploader) ? $fileUploader->getFileName() : null,
|
||||
'date' => Date::getCurrentDate(),
|
||||
'unread' => false,
|
||||
'unreadStaff' => true,
|
||||
'closed' => false,
|
||||
'authorName' => $this->name,
|
||||
'authorEmail' => $this->email
|
||||
));
|
||||
|
||||
if(Controller::isUserSystemEnabled()) {
|
||||
$author->sharedTicketList->add($ticket);
|
||||
$author->tickets++;
|
||||
|
||||
$author->store();
|
||||
}
|
||||
|
||||
$ticket->store();
|
||||
|
||||
$this->ticketNumber = $ticket->ticketNumber;
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@ class TicketGetController extends Controller {
|
|||
private $ticket;
|
||||
|
||||
public function validations() {
|
||||
return [
|
||||
$validations = [
|
||||
'permission' => 'user',
|
||||
'requestData' => [
|
||||
'ticketNumber' => [
|
||||
|
|
@ -17,22 +17,74 @@ class TicketGetController extends Controller {
|
|||
]
|
||||
]
|
||||
];
|
||||
|
||||
if(!Controller::isUserSystemEnabled() && !Controller::isStaffLogged()) {
|
||||
$validations['permission'] = 'any';
|
||||
|
||||
if(Controller::request('token')) {
|
||||
$session = Session::getInstance();
|
||||
|
||||
$validations['requestData']['csrf_token'] = [
|
||||
'validation' => DataValidator::equals($session->getToken()),
|
||||
'error' => ERRORS::NO_PERMISSION
|
||||
];
|
||||
$validations['requestData']['ticketNumber'] = [
|
||||
'validation' => DataValidator::equals($session->getTicketNumber()),
|
||||
'error' => ERRORS::INVALID_TICKET
|
||||
];
|
||||
} else {
|
||||
$validations['requestData']['email'] = [
|
||||
'validation' => DataValidator::email(),
|
||||
'error' => ERRORS::INVALID_EMAIL
|
||||
];
|
||||
$validations['requestData']['captcha'] = [
|
||||
'validation' => DataValidator::captcha(),
|
||||
'error' => ERRORS::INVALID_CAPTCHA
|
||||
];
|
||||
}
|
||||
}
|
||||
|
||||
return $validations;
|
||||
}
|
||||
|
||||
public function handler() {
|
||||
$email = Controller::request('email');
|
||||
|
||||
$this->ticket = Ticket::getByTicketNumber(Controller::request('ticketNumber'));
|
||||
|
||||
if(!Controller::isUserSystemEnabled() && !Controller::isStaffLogged()) {
|
||||
if($this->ticket->authorEmail === $email) {
|
||||
if(!Controller::request('token')) {
|
||||
$this->generateSessionToken();
|
||||
} else {
|
||||
Response::respondSuccess($this->ticket->toArray());
|
||||
}
|
||||
return;
|
||||
} else {
|
||||
throw new Exception(ERRORS::NO_PERMISSION);
|
||||
}
|
||||
}
|
||||
|
||||
if ($this->shouldDenyPermission()) {
|
||||
Response::respondError(ERRORS::NO_PERMISSION);
|
||||
throw new Exception(ERRORS::NO_PERMISSION);
|
||||
} else {
|
||||
Response::respondSuccess($this->ticket->toArray());
|
||||
}
|
||||
}
|
||||
|
||||
private function generateSessionToken() {
|
||||
$session = Session::getInstance();
|
||||
$token = Hashing::generateRandomToken();
|
||||
|
||||
$session->createTicketSession($this->ticket->ticketNUmber);
|
||||
|
||||
Response::respondSuccess(['token' => $token, 'ticketNumber' => $this->ticket->ticketNUmber]);
|
||||
}
|
||||
|
||||
private function shouldDenyPermission() {
|
||||
$user = Controller::getLoggedUser();
|
||||
|
||||
return (!Controller::isStaffLogged() && $this->ticket->author->id !== $user->id) ||
|
||||
return (!Controller::isStaffLogged() && (Controller::isUserSystemEnabled() && $this->ticket->author->id !== $user->id)) ||
|
||||
(Controller::isStaffLogged() && $this->ticket->owner && $this->ticket->owner->id !== $user->id);
|
||||
}
|
||||
}
|
||||
|
|
@ -20,6 +20,10 @@ class DeleteUserController extends Controller {
|
|||
}
|
||||
|
||||
public function handler() {
|
||||
if(!Controller::isUserSystemEnabled()) {
|
||||
throw new Exception(ERRORS::USER_SYSTEM_DISABLED);
|
||||
}
|
||||
|
||||
$userId = Controller::request('userId');
|
||||
$user = User::getDataStore($userId);
|
||||
|
||||
|
|
|
|||
|
|
@ -18,6 +18,11 @@ class GetUserByIdController extends Controller {
|
|||
}
|
||||
|
||||
public function handler() {
|
||||
|
||||
if(!Controller::isUserSystemEnabled()) {
|
||||
throw new Exception(ERRORS::USER_SYSTEM_DISABLED);
|
||||
}
|
||||
|
||||
$userId = Controller::request('userId');
|
||||
$user = User::getDataStore($userId);
|
||||
$staff = Controller::getLoggedUser();
|
||||
|
|
|
|||
|
|
@ -21,6 +21,10 @@ class GetUsersController extends Controller {
|
|||
}
|
||||
|
||||
public function handler() {
|
||||
if(!Controller::isUserSystemEnabled()) {
|
||||
throw new Exception(ERRORS::USER_SYSTEM_DISABLED);
|
||||
}
|
||||
|
||||
$userList = $this->getUserList();
|
||||
$userListArray = [];
|
||||
|
||||
|
|
|
|||
|
|
@ -14,9 +14,12 @@ class LoginController extends Controller {
|
|||
}
|
||||
|
||||
public function handler() {
|
||||
if(!Controller::isUserSystemEnabled() && !Controller::request('staff')) {
|
||||
throw new Exception(ERRORS::USER_SYSTEM_DISABLED);
|
||||
}
|
||||
|
||||
if ($this->isAlreadyLoggedIn()) {
|
||||
Response::respondError(ERRORS::SESSION_EXISTS);
|
||||
return;
|
||||
throw new Exception(ERRORS::SESSION_EXISTS);
|
||||
}
|
||||
|
||||
if ($this->checkInputCredentials() || $this->checkRememberToken()) {
|
||||
|
|
|
|||
|
|
@ -27,6 +27,10 @@ class RecoverPasswordController extends Controller {
|
|||
}
|
||||
|
||||
public function handler() {
|
||||
if(!Controller::isUserSystemEnabled()) {
|
||||
throw new Exception(ERRORS::USER_SYSTEM_DISABLED);
|
||||
}
|
||||
|
||||
$this->requestData();
|
||||
$this->changePassword();
|
||||
}
|
||||
|
|
|
|||
|
|
@ -21,6 +21,10 @@ class SendRecoverPasswordController extends Controller {
|
|||
}
|
||||
|
||||
public function handler() {
|
||||
if(!Controller::isUserSystemEnabled()) {
|
||||
throw new Exception(ERRORS::USER_SYSTEM_DISABLED);
|
||||
}
|
||||
|
||||
$email = Controller::request('email');
|
||||
$this->user = User::getUser($email,'email');
|
||||
|
||||
|
|
|
|||
|
|
@ -10,9 +10,14 @@ class SignUpController extends Controller {
|
|||
private $userName;
|
||||
private $userPassword;
|
||||
private $verificationToken;
|
||||
private $csvImported;
|
||||
|
||||
public function __construct($csvImported = false) {
|
||||
$this->csvImported = $csvImported;
|
||||
}
|
||||
|
||||
public function validations() {
|
||||
return [
|
||||
$validations = [
|
||||
'permission' => 'any',
|
||||
'requestData' => [
|
||||
'name' => [
|
||||
|
|
@ -26,35 +31,41 @@ class SignUpController extends Controller {
|
|||
'password' => [
|
||||
'validation' => DataValidator::length(5, 200),
|
||||
'error' => ERRORS::INVALID_PASSWORD
|
||||
],
|
||||
'captcha' => [
|
||||
'validation' => DataValidator::captcha(),
|
||||
'error' => ERRORS::INVALID_CAPTCHA
|
||||
]
|
||||
]
|
||||
];
|
||||
|
||||
if(!$this->csvImported) {
|
||||
$validations['requestData']['captcha'] = [
|
||||
'validation' => DataValidator::captcha(),
|
||||
'error' => ERRORS::INVALID_CAPTCHA
|
||||
];
|
||||
}
|
||||
|
||||
return $validations;
|
||||
}
|
||||
|
||||
public function handler() {
|
||||
if(!Controller::isUserSystemEnabled()) {
|
||||
throw new Exception(ERRORS::USER_SYSTEM_DISABLED);
|
||||
}
|
||||
|
||||
$this->storeRequestData();
|
||||
$apiKey = APIKey::getDataStore(Controller::request('apiKey'), 'token');
|
||||
|
||||
$existentUser = User::getUser($this->userEmail, 'email');
|
||||
|
||||
if (!$existentUser->isNull()) {
|
||||
Response::respondError(ERRORS::USER_EXISTS);
|
||||
return;
|
||||
throw new Exception(ERRORS::USER_EXISTS);
|
||||
}
|
||||
$banRow = Ban::getDataStore($this->userEmail,'email');
|
||||
|
||||
if (!$banRow->isNull()) {
|
||||
Response::respondError(ERRORS::ALREADY_BANNED);
|
||||
return;
|
||||
throw new Exception(ERRORS::ALREADY_BANNED);
|
||||
}
|
||||
|
||||
if (!Setting::getSetting('registration')->value && $apiKey->isNull() ) {
|
||||
Response::respondError(ERRORS::NO_PERMISSION);
|
||||
return;
|
||||
if (!Setting::getSetting('registration')->value && $apiKey->isNull() && !$this->csvImported) {
|
||||
throw new Exception(ERRORS::NO_PERMISSION);
|
||||
}
|
||||
|
||||
$userId = $this->createNewUserAndRetrieveId();
|
||||
|
|
|
|||
|
|
@ -17,6 +17,10 @@ class VerifyController extends Controller{
|
|||
}
|
||||
|
||||
public function handler() {
|
||||
if(!Controller::isUserSystemEnabled()) {
|
||||
throw new Exception(ERRORS::USER_SYSTEM_DISABLED);
|
||||
}
|
||||
|
||||
$email = Controller::request('email');
|
||||
$token = Controller::request('token');
|
||||
|
||||
|
|
|
|||
|
|
@ -35,6 +35,9 @@ class ERRORS {
|
|||
const INVALID_TEMPLATE = 'INVALID_TEMPLATE';
|
||||
const INVALID_SUBJECT = 'INVALID_SUBJECT';
|
||||
const INVALID_BODY = 'INVALID_BODY';
|
||||
const USER_SYSTEM_DISABLED = 'USER_SYSTEM_DISABLED';
|
||||
const SYSTEM_USER_IS_ALREADY_DISABLED = 'SYSTEM_USER_IS_ALREADY_DISABLED';
|
||||
const SYSTEM_USER_IS_ALREADY_ENABLED = 'SYSTEM_USER_IS_ALREADY_ENABLED';
|
||||
const INVALID_PERIOD = 'INVALID_PERIOD';
|
||||
const NAME_ALREADY_USED = 'NAME_ALREADY_USED';
|
||||
const INVALID_FILE = 'INVALID_FILE';
|
||||
|
|
|
|||
|
|
@ -53,6 +53,26 @@ class InitialMails {
|
|||
'body' => file_get_contents('data/mail-templates/user-recovered-password-es.html')
|
||||
]
|
||||
],
|
||||
'USER_SYSTEM_DISABLED' => [
|
||||
'en' => [
|
||||
'subject' => 'Account has been deleted - OpenSupports',
|
||||
'body' => file_get_contents('data/mail-templates/user-system-disabled-en.html')
|
||||
],
|
||||
'es' => [
|
||||
'subject' => 'cuanta borrada - OpenSupports',
|
||||
'body' => file_get_contents('data/mail-templates/user-system-disabled-es.html')
|
||||
]
|
||||
],
|
||||
'USER_SYSTEM_ENABLED' => [
|
||||
'en' => [
|
||||
'subject' => 'account has been created - OpenSupports',
|
||||
'body' => file_get_contents('data/mail-templates/user-system-enabled-en.html')
|
||||
],
|
||||
'es' => [
|
||||
'subject' => 'se te ha creado una cuenta - OpenSupports',
|
||||
'body' => file_get_contents('data/mail-templates/user-system-enabled-es.html')
|
||||
]
|
||||
]
|
||||
];
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
<div>
|
||||
Hi {{name}} the system user has been deleted this is the list of your tickets {{tickets}}
|
||||
</div>
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
<div>
|
||||
hoola {{name}} the system user has been deleted this is the list of your tickets {{tickets}}
|
||||
</div>
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
<div>
|
||||
hi {{name}} the system user has been Created this is your new password {{password}} , you can change it if you want
|
||||
maxi puto
|
||||
</div>
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
<div>
|
||||
hoola {{name}} el sistema de usuarios se ha creado este es tu contra {{password}} , puedes cambairla si quieres
|
||||
</div>
|
||||
|
|
@ -23,6 +23,8 @@ include_once 'libs/FileManager.php';
|
|||
include_once 'libs/FileDownloader.php';
|
||||
include_once 'libs/FileUploader.php';
|
||||
|
||||
Controller::init();
|
||||
|
||||
// LOAD DATA
|
||||
spl_autoload_register(function ($class) {
|
||||
$classPath = "data/{$class}.php";
|
||||
|
|
|
|||
|
|
@ -3,6 +3,7 @@ require_once 'libs/Validator.php';
|
|||
require_once 'models/Session.php';
|
||||
|
||||
abstract class Controller {
|
||||
private static $dataRequester;
|
||||
|
||||
/**
|
||||
* Instance-related stuff
|
||||
|
|
@ -28,10 +29,20 @@ abstract class Controller {
|
|||
$validator->validate($this->validations());
|
||||
}
|
||||
|
||||
public static function request($key) {
|
||||
public static function init() {
|
||||
self::$dataRequester = function ($key) {
|
||||
$app = self::getAppInstance();
|
||||
|
||||
return $app->request()->post($key);
|
||||
};
|
||||
}
|
||||
|
||||
public static function setDataRequester($dataRequester) {
|
||||
self::$dataRequester = $dataRequester;
|
||||
}
|
||||
|
||||
public static function request($key) {
|
||||
return call_user_func(self::$dataRequester, $key);
|
||||
}
|
||||
|
||||
public static function getLoggedUser() {
|
||||
|
|
@ -77,9 +88,13 @@ abstract class Controller {
|
|||
$fileQuantity->value++;
|
||||
$fileQuantity->store();
|
||||
|
||||
return $fileUploader->getFileName();
|
||||
return $fileUploader;
|
||||
} else {
|
||||
throw new Exception(ERRORS::INVALID_FILE);
|
||||
}
|
||||
}
|
||||
|
||||
public static function isUserSystemEnabled() {
|
||||
return Setting::getSetting('user-system-enabled')->getValue();
|
||||
}
|
||||
}
|
||||
|
|
@ -8,6 +8,8 @@ class MailTemplate extends DataStore {
|
|||
const USER_PASSWORD = 'USER_PASSWORD';
|
||||
const PASSWORD_FORGOT = 'PASSWORD_FORGOT';
|
||||
const PASSWORD_RECOVERED = 'PASSWORD_RECOVERED';
|
||||
const USER_SYSTEM_DISABLED = 'USER_SYSTEM_DISABLED';
|
||||
const USER_SYSTEM_ENABLED = 'USER_SYSTEM_ENABLED';
|
||||
|
||||
public static function getTemplate($type) {
|
||||
$globalLanguage = Setting::getSetting('language')->value;
|
||||
|
|
|
|||
|
|
@ -30,6 +30,15 @@ class Session {
|
|||
$this->store('token', Hashing::generateRandomToken());
|
||||
}
|
||||
|
||||
public function createTicketSession($ticketNumber) {
|
||||
$this->store('ticketNumber', $ticketNumber);
|
||||
$this->store('token', Hashing::generateRandomToken());
|
||||
}
|
||||
|
||||
public function getTicketNumber() {
|
||||
return $this->getStoredData('ticketNumber');
|
||||
}
|
||||
|
||||
public function getToken() {
|
||||
return $this->getStoredData('token');
|
||||
}
|
||||
|
|
@ -51,7 +60,7 @@ class Session {
|
|||
$token === $data['token'];
|
||||
}
|
||||
|
||||
private function store($key, $value) {
|
||||
public function store($key, $value) {
|
||||
$_SESSION[$key] = $value;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -20,7 +20,9 @@ class Ticket extends DataStore {
|
|||
'owner',
|
||||
'ownTicketeventList',
|
||||
'unreadStaff',
|
||||
'language'
|
||||
'language',
|
||||
'authorEmail',
|
||||
'authorName'
|
||||
);
|
||||
}
|
||||
|
||||
|
|
@ -79,7 +81,9 @@ class Ticket extends DataStore {
|
|||
'priority' => $this->priority,
|
||||
'author' => $this->authorToArray(),
|
||||
'owner' => $this->ownerToArray(),
|
||||
'events' => $this->eventsToArray()
|
||||
'events' => $this->eventsToArray(),
|
||||
'authorEmail' => $this->authorEmail,
|
||||
'authorName' => $this->authorName
|
||||
];
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@ require 'uri'
|
|||
require 'mysql'
|
||||
require 'json'
|
||||
require 'mechanize'
|
||||
require 'date'
|
||||
require './libs.rb'
|
||||
require './scripts.rb'
|
||||
|
||||
|
|
@ -59,3 +58,5 @@ require './system/add-api-key.rb'
|
|||
require './system/delete-api-key.rb'
|
||||
require './system/get-all-keys.rb'
|
||||
require './system/file-upload-download.rb'
|
||||
require './system/csv-import.rb'
|
||||
require './system/disable-user-system.rb'
|
||||
|
|
|
|||
|
|
@ -0,0 +1,28 @@
|
|||
describe'system/csv-import' do
|
||||
request('/user/logout')
|
||||
Scripts.login($staff[:email], $staff[:password], true)
|
||||
|
||||
it 'should create user with csv-import' do
|
||||
|
||||
file = File.new('../server/files/test.csv', 'w+')
|
||||
file.puts('prueba1@hotmail.com, contrasena1,ma')
|
||||
file.puts('prueba2@hotmail.com,contrasena2,max')
|
||||
file.puts('prueba3@hotmail.com,contrasena3,maxi')
|
||||
file.close
|
||||
result= request('/system/csv-import', {
|
||||
csrf_userid: $csrf_userid,
|
||||
csrf_token: $csrf_token,
|
||||
file: File.open( "../server/files/test.csv")
|
||||
})
|
||||
|
||||
(result['status']).should.equal('success')
|
||||
row = $database.getRow('user', 'prueba1@hotmail.com', 'email')
|
||||
(row['name']).should.equal('ma')
|
||||
|
||||
row = $database.getRow('user', 'prueba2@hotmail.com', 'email')
|
||||
(row['name']).should.equal('max')
|
||||
|
||||
row = $database.getRow('user', 'prueba3@hotmail.com', 'email')
|
||||
(row['name']).should.equal('maxi')
|
||||
end
|
||||
end
|
||||
|
|
@ -0,0 +1,89 @@
|
|||
describe'system/disable-user-system' do
|
||||
request('/user/logout')
|
||||
Scripts.login($staff[:email], $staff[:password], true)
|
||||
|
||||
it 'should disable the user system' do
|
||||
result = request('/system/disable-user-system', {
|
||||
csrf_userid: $csrf_userid,
|
||||
csrf_token: $csrf_token,
|
||||
password:$staff[:password]
|
||||
})
|
||||
|
||||
puts result['message']
|
||||
(result['status']).should.equal('success')
|
||||
|
||||
row = $database.getRow('setting', 'user-system-enabled', 'name')
|
||||
|
||||
(row['value']).should.equal('0')
|
||||
row = $database.getRow('user', 1, 'id')
|
||||
(row).should.equal(nil)
|
||||
|
||||
numberOftickets= $database.query("SELECT * FROM ticket WHERE author_id IS NULL AND author_email IS NOT NULL AND author_name IS NOT NULL")
|
||||
|
||||
(numberOftickets.num_rows).should.equal(35)
|
||||
|
||||
request('/user/logout')
|
||||
|
||||
result = request('/user/signup', {
|
||||
:name => 'test name',
|
||||
:email => 'steve@mail.com',
|
||||
:password => 'customm'
|
||||
})
|
||||
|
||||
(result['status']).should.equal('fail')
|
||||
(result['message']).should.equal('USER_SYSTEM_DISABLED')
|
||||
|
||||
result = request('/user/login', {
|
||||
email: @loginEmail,
|
||||
password: @loginPass
|
||||
})
|
||||
|
||||
(result['status']).should.equal('fail')
|
||||
(result['message']).should.equal('USER_SYSTEM_DISABLED')
|
||||
end
|
||||
|
||||
it 'should not disable the user system if it is already disabled 'do
|
||||
request('/user/logout')
|
||||
Scripts.login($staff[:email], $staff[:password], true)
|
||||
|
||||
result = request('/system/disable-user-system', {
|
||||
csrf_userid: $csrf_userid,
|
||||
csrf_token: $csrf_token,
|
||||
password:$staff[:password]
|
||||
})
|
||||
|
||||
(result['status']).should.equal('fail')
|
||||
(result['message']).should.equal('SYSTEM_USER_IS_ALREADY_DISABLED')
|
||||
end
|
||||
|
||||
it 'should enabled the user system' do
|
||||
result = request('/system/enabled-user-system', {
|
||||
csrf_userid: $csrf_userid,
|
||||
csrf_token: $csrf_token,
|
||||
password:$staff[:password]
|
||||
})
|
||||
|
||||
puts result['message']
|
||||
(result['status']).should.equal('success')
|
||||
|
||||
row = $database.getRow('setting', 'user-system-enabled', 'name')
|
||||
(row['value']).should.equal('1')
|
||||
|
||||
numberOftickets= $database.query("SELECT * FROM ticket WHERE author_email IS NULL AND author_name IS NULL AND author_id IS NOT NULL" )
|
||||
|
||||
(numberOftickets.num_rows).should.equal(35)
|
||||
|
||||
end
|
||||
|
||||
it 'should not enabled the user system' do
|
||||
result = request('/system/enabled-user-system', {
|
||||
csrf_userid: $csrf_userid,
|
||||
csrf_token: $csrf_token,
|
||||
password:$staff[:password]
|
||||
})
|
||||
|
||||
(result['status']).should.equal('fail')
|
||||
(result['message']).should.equal('SYSTEM_USER_IS_ALREADY_ENABLED')
|
||||
|
||||
end
|
||||
end
|
||||
|
|
@ -10,6 +10,6 @@ describe'system/get-mail-templates' do
|
|||
|
||||
(result['status']).should.equal('success')
|
||||
|
||||
(result['data'].size).should.equal(10)
|
||||
(result['data'].size).should.equal(14)
|
||||
end
|
||||
end
|
||||
|
|
|
|||
Loading…
Reference in New Issue