├── .gitignore
├── README.md
├── app.js
├── config
    ├── config.example.js
    └── locale.js
├── controllers
    ├── index.js
    ├── message.js
    ├── ticket.js
    └── user.js
├── gulpfile.js
├── libs
    └── i18next.js
├── models
    ├── file.js
    ├── index.js
    ├── mail.js
    ├── message.js
    ├── project.js
    ├── ticket.js
    └── user.js
├── package.json
├── public
    ├── css
    │   ├── .gitignore
    │   ├── _adaptive.less
    │   ├── _common.less
    │   ├── _reset.less
    │   ├── _var.less
    │   ├── pages
    │   │   ├── _include.less
    │   │   ├── add-ticket.less
    │   │   ├── text-page.less
    │   │   └── ticket-list.less
    │   ├── react-select.less
    │   ├── style.css
    │   └── style.less
    ├── favicon.ico
    ├── images
    │   ├── base64
    │   │   ├── arr.png
    │   │   ├── arrow-up.png
    │   │   ├── search-active.png
    │   │   ├── search.png
    │   │   └── select-plus.png
    │   ├── bg.jpg
    │   ├── bg.png
    │   ├── space.jpg
    │   ├── sprite.png
    │   └── sprite.psd
    ├── js
    │   ├── actions.js
    │   ├── actions
    │   │   ├── root.js
    │   │   └── tickets.js
    │   ├── application.js
    │   ├── bundle.js
    │   ├── components
    │   │   ├── copyright.js
    │   │   ├── file-drop.js
    │   │   ├── home.js
    │   │   ├── home
    │   │   │   ├── add-ticket.js
    │   │   │   ├── add-ticket
    │   │   │   │   └── add-form.js
    │   │   │   └── login.js
    │   │   ├── ie-check.js
    │   │   ├── language-switcher.js
    │   │   ├── root.js
    │   │   ├── tickets.js
    │   │   └── tickets
    │   │   │   ├── detail.js
    │   │   │   ├── detail
    │   │   │       ├── header.js
    │   │   │       ├── messages.js
    │   │   │       ├── messages
    │   │   │       │   ├── answer-form.js
    │   │   │       │   └── message.js
    │   │   │       └── tags.js
    │   │   │   ├── list.js
    │   │   │   ├── list
    │   │   │       ├── content.js
    │   │   │       ├── content
    │   │   │       │   └── ticket.js
    │   │   │       ├── header.js
    │   │   │       └── header
    │   │   │       │   ├── sort-item.js
    │   │   │       │   └── tags-filter.js
    │   │   │   ├── sidebar.js
    │   │   │   └── sidebar
    │   │   │       ├── folders.js
    │   │   │       ├── folders
    │   │   │           └── index.js
    │   │   │       ├── projects.js
    │   │   │       └── projects
    │   │   │           └── index.js
    │   ├── constants
    │   │   ├── action-types.js
    │   │   └── folder-type.js
    │   ├── i18n.js
    │   ├── locale.js
    │   ├── mixins
    │   │   └── form-mixin.js
    │   ├── reducers
    │   │   ├── index.js
    │   │   ├── root.js
    │   │   └── tickets.js
    │   └── store
    │   │   └── configure-store.js
    ├── locales
    │   ├── _lang_.example.json
    │   ├── en.json
    │   └── ru.json
    ├── pictures
    │   ├── logo-big.jpg
    │   └── logo.png
    └── tickets
    │   └── .gitignore
├── services
    ├── config.js
    ├── i18n.js
    └── template-string.js
├── temp
    └── .gitignore
└── views
    ├── _layout
        ├── footer.ejs
        └── header.ejs
    ├── agreement-en.ejs
    ├── agreement.ejs
    ├── error.ejs
    └── index.ejs


/.gitignore:
--------------------------------------------------------------------------------
1 | /.idea
2 | /node_modules
3 | /config/config.js
4 | 
5 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # HelpDesk
 2 | 
 3 | ### Лицензия
 4 | GPL v3 http://www.gnu.org/licenses/gpl-3.0.ru.html
 5 | 
 6 | ### Установка
 7 | ```sh
 8 | mkdir helpdesk
 9 | cd ./helpdesk
10 | git clone https://github.com/SibirixScrum/HelpDesk.git ./
11 | npm i
12 | ```
13 | 
14 | ### Настройка
15 | ```sh
16 | cd ./config
17 | cp ./config.example.js ./config.js
18 | mcedit ./config.js
19 | ```
20 | 
21 | ### Основые опции
22 | - connectString: 'mongodb://localhost/helpdesk' — база в mongo. Будет создана при первом запуске, если еще не существует.
23 | - exports.projects — настройки проектов.
24 | - responsible: 'tester@example.com' — почта администратора проекта. Аккаунт создается автоматически. Пароль отправляется на почту.
25 | - exports.socketIo: 'SECRETKEY' — секретный ключ для шифрования куков.
26 | - exports.session.secret: 'SECRETKEY' — секретный ключ для шифрования сессий.
27 | - exports.locales=['ru', 'en'] — доступные языки: английский и русский.
28 | - en.json — английский язык.
29 | - ru.json — русский язык.
30 | 
31 | ### Запуск
32 | ```sh
33 | node app.js
34 | ```
35 | 
36 | ---
37 | 
38 | # HelpDesk
39 | 
40 | ### Licence
41 | GPL v3 http://www.gnu.org/licenses/gpl-3.0.en.html
42 | 
43 | ### Installation
44 | ```sh
45 | mkdir helpdesk
46 | cd ./helpdesk
47 | git clone https://github.com/SibirixScrum/HelpDesk.git ./
48 | npm i
49 | ```
50 | 
51 | ### Configuring
52 | ```sh
53 | cd ./config
54 | cp ./config.example.js ./config.js
55 | mcedit ./config.js
56 | ```
57 | 
58 | ### Basic configurations
59 | - connectString: 'mongodb://localhost/helpdesk' — MongoDB database will be created (in case there isn’t any done yet by the time the program is launched for the first time). 
60 | - exports.projects — projects settings.
61 | - responsible: 'tester@example.com' — email of project Administrator. The account is created automatically, the password is sent to the email. 
62 | - exports.socketIo: 'SECRETKEY' — a private key for cookies encryption.
63 | - exports.session.secret: 'SECRETKEY' — a private key for sessions encryption.
64 | - exports.locales=['ru', 'en'] — available languages: English and Russian.
65 | - en.json — English.
66 | - ru.json — Russian.
67 | 
68 | 
69 | ### Launch
70 | ```sh
71 | node app.js
72 | ```
73 | 


--------------------------------------------------------------------------------
/app.js:
--------------------------------------------------------------------------------
  1 | // Node modules
  2 | var bodyParser   = require('body-parser');
  3 | var cookieParser = require('cookie-parser');
  4 | var express      = require('express');
  5 | var favicon      = require('serve-favicon');
  6 | var fs           = require('fs');
  7 | var http         = require('http');
  8 | var https        = require('https');
  9 | var logger       = require('morgan');
 10 | var mongoose     = require('mongoose');
 11 | var mongoStore   = require('connect-mongodb');
 12 | var path         = require('path');
 13 | var session      = require('express-session');
 14 | var jwt          = require('jsonwebtoken');
 15 | var socketIo     = require('socket.io');
 16 | var socketioJwt  = require('socketio-jwt');
 17 | 
 18 | const i18next = require('./libs/i18next');
 19 | const middleware = require('i18next-express-middleware');
 20 | const i18nFsBackend = require('i18next-node-fs-backend');
 21 | const intervalPlural = require('i18next-intervalplural-postprocessor');
 22 | 
 23 | // Читаем конфиг
 24 | var extend        = require('extend');
 25 | var configExample = require('./config/config.example');
 26 | 
 27 | let lang = require('./config/locale');
 28 | 
 29 | try {
 30 |     var config = require('./config/config');
 31 | } catch (e) {
 32 |     throw new Error('Not found config file! Copy ./config/config.example.js to ./config/config.js and edit it.');
 33 | }
 34 | 
 35 | global.config = config = extend(true, configExample, config, {
 36 |     get: function(name, def) {
 37 |         var namePath = name.split('.');
 38 |         var result = this;
 39 | 
 40 |         namePath.forEach(function(key){
 41 |             if (undefined === result) {
 42 |                 return false;
 43 |             }
 44 | 
 45 |             result = result[key];
 46 |             return true;
 47 |         });
 48 | 
 49 |         if (undefined === result) {
 50 |             return def;
 51 |         }
 52 | 
 53 |         return result;
 54 |     }
 55 | });
 56 | 
 57 | // инициализация i18n
 58 | i18next
 59 |     .use(i18nFsBackend)
 60 |     .use(middleware.LanguageDetector)
 61 |     .use(intervalPlural)
 62 |     .init({
 63 |         backend: {
 64 |             loadPath: path.join(__dirname, 'public') + '/locales/{{lng}}.json',
 65 |         },
 66 |         fallbackLng: lang.fallbackLng,
 67 |         lowerCaseLng: true,
 68 |         preload: lang.locales,
 69 |         interpolation: {
 70 |             escapeValue: false
 71 |         },
 72 | 
 73 |         parseMissingKeyHandler: function(key, options) {
 74 |             const regex = /^(\w+\.\w+\.)/;
 75 | 
 76 |             if (regex.exec(key) !== null) {
 77 |                 let resultKey = key.replace(regex, '');
 78 |                 return i18next.t(resultKey, options);
 79 |             }
 80 | 
 81 |             return key;
 82 | 
 83 |         },
 84 | 
 85 |         detection: config.detection
 86 |     });
 87 | 
 88 | global.defaultTranslator = i18next.getFixedT(lang.defaultLanguage);
 89 | 
 90 | var models = require('./models/');
 91 | 
 92 | models.setCallback(function() {
 93 | 
 94 |     models.project.validateProjectsConfig();
 95 |     models.project.checkResponsible();
 96 | 
 97 |     var indexController   = require('./controllers/index');
 98 |     var ticketController  = require('./controllers/ticket');
 99 |     var messageController = require('./controllers/message');
100 |     var userController    = require('./controllers/user');
101 | 
102 |     var app = express();
103 | 
104 |     app.set('port', config.port || 3000);
105 |     app.set('views', path.join(__dirname, 'views'));
106 |     app.set('view engine', 'ejs');
107 | 
108 |     // Использование сессий
109 |     app.use(session({
110 |         cookie: {maxAge: config.session.maxAge},
111 |         secret: config.session.secret,
112 |         store: new mongoStore({db: mongoose.connection.db}),
113 |         resave: true,
114 |         saveUninitialized: true
115 |     }));
116 | 
117 |     app.use(
118 |         middleware.handle(i18next, {
119 |             removeLngFromUrl: false
120 |         })
121 |     );
122 | 
123 |     //app.use(favicon(__dirname + '/public/favicon.ico'));
124 |     app.use(logger('dev'));
125 |     app.use(bodyParser.json({ limit: '10mb' }));
126 |     app.use(bodyParser.urlencoded());
127 |     app.use(cookieParser());
128 |     app.use(express.static(path.join(__dirname, 'public')));
129 | 
130 |     app.use('/ticket',  ticketController);
131 |     app.use('/message', messageController);
132 |     app.use('/user',    userController);
133 |     app.use('/',        indexController);
134 | 
135 |     /// catch 404 and forwarding to error handler
136 |     app.use(function(req, res, next) {
137 |         var err = new Error('Not Found');
138 |         err.status = 404;
139 |         next(err);
140 |     });
141 | 
142 |     /// error handlers
143 | 
144 |     // development error handler
145 |     // will print stacktrace
146 |     if (app.get('env') === 'development') {
147 |         app.use(function(err, req, res, next) {
148 |             res.status(err.status || 500);
149 | 
150 |             if (req.headers['accept'] == 'application/json' || req.headers['x-requested-with'] && (req.headers['x-requested-with'].toLowerCase() == 'xmlhttprequest')) {
151 |                 res.end(JSON.stringify({result: false, message: err.message, error: err}));
152 |             } else {
153 |                 res.render('error', {
154 |                     message: err.message,
155 |                     error: err
156 |                 });
157 |             }
158 |         });
159 |     }
160 | 
161 |     // production error handler
162 |     // no stacktraces leaked to user
163 |     app.use(function(err, req, res, next) {
164 |         res.status(err.status || 500);
165 | 
166 |         if (req.headers['x-requested-with'] && (req.headers['x-requested-with'].toLowerCase() == 'xmlhttprequest')) {
167 |             res.end(JSON.stringify({result: false, message: err.message, error: err}));
168 |         } else {
169 |             res.render('error', {
170 |                 message: err.message,
171 |                 error: err
172 |             });
173 |         }
174 |     });
175 | 
176 |     var httpServer;
177 | 
178 |     if (config.ssl && config.ssl.enabled) {
179 |         var privateKey = fs.readFileSync(config.ssl.key);
180 |         var certificate = fs.readFileSync(config.ssl.cert);
181 |         var credentials = {key: privateKey, cert: certificate};
182 |         httpServer = https.createServer(credentials, app);
183 |     } else {
184 |         httpServer = http.createServer(app);
185 |     }
186 | 
187 |     var io = socketIo.listen(httpServer);
188 |     io.sockets
189 |         .on('connection', socketioJwt.authorize({
190 |             secret: global.config.socketIo.secret,
191 |             timeout: global.config.socketIo.timeout
192 |         })).on('authenticated', function(socket) {
193 |             var userEmail = socket.decoded_token;
194 |             var projectsList = models.project.getResponsibleProjectsList(userEmail);
195 | 
196 |             if (projectsList.length) {
197 |                 // ТП
198 |                 for (var i = 0; i < projectsList.length; i++) {
199 |                     socket.join(projectsList[i].code);
200 |                 }
201 |             } else {
202 |                 // Клиент
203 |                 socket.join(userEmail);
204 |             }
205 |         }
206 |     );
207 | 
208 |     global.io = io;
209 | 
210 |     models.mail.startCheckTimeout();
211 | 
212 |     httpServer.listen(app.get('port'), function () {
213 |         console.log('Express server listening on port ' + app.get('port'));
214 |     });
215 | });
216 | 


--------------------------------------------------------------------------------
/config/config.example.js:
--------------------------------------------------------------------------------
  1 | exports.port = '3000';
  2 | exports.serverName = 'localhost:' + exports.port;
  3 | 
  4 | exports.appRoot = __dirname + '/../';       // Relative to this file. Usually no need to change this
  5 | exports.tmpDir = exports.appRoot + 'temp/'; // Uploaded files temp folder
  6 | 
  7 | /**
  8 |  * Database, mongodb
  9 |  */
 10 | exports.db = {
 11 |     connectString: 'mongodb://localhost/helpdesk'
 12 | };
 13 | 
 14 | /**
 15 |  * SocketIO auth timeouts
 16 |  */
 17 | exports.socketIo = {
 18 |     expire: 60 * 5,        // in seconds
 19 |     timeout: 15000,        // in milliseconds
 20 |     secret: 'SECRET'       // todo Fill secret key
 21 | };
 22 | 
 23 | /**
 24 |  * Session storage (in mongodb)
 25 |  */
 26 | exports.session = {
 27 |     maxAge: 30 * 60 * 1000, // in seconds
 28 |     secret: 'SECRET'        // todo Fill secret key
 29 | };
 30 | 
 31 | /**
 32 |  * Project list
 33 |  */
 34 | exports.projects = [
 35 |     {
 36 |         code:    'HELPDESK',                  // Project code
 37 |         domain:  'localhost:3000',            // Project domain (each project should have it's own domain)
 38 |         name:    'projects.helpdesk.name',    // Project name
 39 |         title:   'projects.helpdesk.formTitle',   // Title for form
 40 |         letters: 'HD',                        // Short project code, used in ticket numbers
 41 |         responsible: 'example@example.com',   // Email of responsible. Auto-creates user account with this email and sends password to it
 42 |         email: { // Mail parsing service
 43 |             login: "",     // todo Fill email login
 44 |             password: "",  // todo Fill email password
 45 |             host: 'imap.gmail.com',
 46 |             port: 993,
 47 |             tls: true,
 48 |             sign: 'Helpdesk',
 49 |             checkInterval: 30, // in seconds
 50 |             smtpHost: 'smtp.gmail.com',
 51 |             smtpPort: 465,
 52 |             smtpSecure: true,
 53 |             keepAlive: false // Persistent connection
 54 |         },
 55 |         files: [                              // Array of files for project, use for documentation
 56 |             /*{
 57 |                 name: 'Displayed text',
 58 |                 path: '/docs/manual.pdf' // File path, relative to www/public/
 59 |             }, {
 60 |                 name: '',
 61 |                 path: ''
 62 |             },*/
 63 |         ],
 64 |         filesPos: 'right', // show project files on right or bottom of ticket form
 65 |         footer: true, // bool
 66 |         bodyClass: false // false or string
 67 |     }/*
 68 |     , {
 69 |         code: 'PROJECT2',
 70 |         ...
 71 |     }*/
 72 | ];
 73 | 
 74 | exports.projectColors = [
 75 |     'ff0036', 'ffae00', 'ffe400', '96ff00', '00a2ff', '005aff', '8400ff',
 76 |     'ff0078', 'ff9600', 'f6ff00', 'ccf801', '00ccff', '065cec', 'a800ff',
 77 |     'ff00c6', 'ff7e00', 'd2ff00', 'e3eb00', '00eaff', '0957d9', 'b716fa'
 78 | ];
 79 | 
 80 | // Time to mark tickets with red color
 81 | exports.markDateRed = 60 * 60 * 24 * 3; // 3 days
 82 | exports.files = {
 83 |     maxSize:  5 * 1024 * 1024,  // In bytes
 84 |     maxCount: 10,
 85 |     extensions: [
 86 |         'jpg', 'jpeg', 'gif', 'png', 'bmp', // images
 87 |         'pdf', 'doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx', 'ods', 'odt', 'txt', // Documents
 88 |         'rar', 'zip', '7z', 'tgz', 'gz', 'bz2' // archives
 89 |     ]
 90 | };
 91 | 
 92 | exports.tickets = {
 93 |     editor: {
 94 |         allowedTags: "<p><span><b><strong><i><em><br><h1><h2><h3><h4><h5><h6><ul><ol><li><s><sub><sup><code>"
 95 |     },
 96 |     page: {
 97 |         limit: 100 // Load tickets in one page
 98 |     }
 99 | };
100 | 
101 | // Create tickets from new emails (without existent ticket number)
102 | exports.createTicketFromEmail = true;
103 | // Default project to add new tickets created from emails
104 | exports.ticketFromEmailProject = 'HD';
105 | 
106 | exports.ssl = {
107 |     enabled: false,
108 |     cert: __dirname + '/ssl/server.key',
109 |     key: __dirname + '/ssl/server.crt',
110 | };
111 | 
112 | exports.detection = {
113 |     caches: false, //['cookie']
114 |     // optional expire and domain for set cookie
115 |     //cookieExpirationDate: new Date(),
116 |     //cookieDomain: 'myDomain',
117 |     //cookieSecure: true // if need secure cookie
118 | };
119 | 


--------------------------------------------------------------------------------
/config/locale.js:
--------------------------------------------------------------------------------
1 | /**
2 |  * Язык по умолчанию
3 |  * @type {string}
4 |  */
5 | exports.defaultLanguage = 'ru-ru';
6 | exports.fallbackLng = 'ru';
7 | exports.locales = ['ru', 'en'];


--------------------------------------------------------------------------------
/controllers/index.js:
--------------------------------------------------------------------------------
 1 | var express = require('express');
 2 | var router = express.Router();
 3 | 
 4 | var models = require('../models/');
 5 | let templateString = require('../services/template-string');
 6 | const i18nService = require('../services/i18n');
 7 | let i18nHelper = new i18nService.i18n();
 8 | 
 9 | function renderHome(req, res, countTickets) {
10 |     let projects = i18nHelper.translateProjects(models.project.getAll(req.session.user));
11 |     let curProject = models.project.getProjectByDomain(req.get('host'));
12 |     models.ticket.getTagsReference(function(tags) {
13 |         res.render('index', {
14 |             title:        req.i18n.t(templateString.getTitleCode()),
15 |             files:        global.config.files,
16 |             passChanged:  req.body.passChanged,
17 |             user:         req.session.user ? req.session.user : false,
18 |             countTickets: countTickets,
19 |             projects:     projects,
20 |             tagsReference: tags,
21 |             lngData: req.i18n.store.data,
22 |             translateStartCode: templateString.getStartCode(),
23 |             className: curProject.bodyClass
24 |         });
25 |     });
26 | }
27 | 
28 | router.get('/tickets', function (req, res) {
29 |     templateString.setCurrentProjectByDomain(req.get('host'));
30 |     i18nHelper.setConfig(req);
31 | 
32 |     if (req.session.user) {
33 |         models.project.getTicketCount(req.session.user.email, function(err, countTickets) {
34 |             renderHome(req, res, err ? false : countTickets);
35 |         });
36 |     } else {
37 |         res.redirect('/');
38 |     }
39 | });
40 | 
41 | router.get('/agreement/', function (req, res) {
42 |     templateString.setCurrentProjectByDomain(req.get('host'));
43 |     i18nHelper.setConfig(req);
44 |     let curProject = models.project.getProjectByDomain(req.get('host'));
45 | 
46 |     res.render(i18nHelper.translator('agreement'), {
47 |         title: req.i18n.t(templateString.getTitleCode()),
48 |         lngData: req.i18n.store.data,
49 |         translateStartCode: templateString.getStartCode(),
50 |         className: curProject.bodyClass
51 |     });
52 | });
53 | 
54 | /* GET home page. */
55 | router.get('*', function (req, res) {
56 |     templateString.setCurrentProjectByDomain(req.get('host'));
57 |     i18nHelper.setConfig(req);
58 | 
59 |     if (req.session.user) {
60 |         models.project.getTicketCount(req.session.user.email, function(err, countTickets) {
61 |             renderHome(req, res, err ? false : countTickets);
62 |         });
63 |     } else {
64 |         if (req.query.reset && req.query.login) {
65 |             models.user.resetPassword(req.query.login, req.query.reset, function(success) {
66 |                 req.body.passChanged = success;
67 |                 renderHome(req, res, false);
68 |             });
69 | 
70 |             return;
71 |         }
72 | 
73 |         renderHome(req, res, false);
74 |     }
75 | });
76 | 
77 | module.exports = router;
78 | 


--------------------------------------------------------------------------------
/controllers/message.js:
--------------------------------------------------------------------------------
 1 | var express = require('express');
 2 | var striptags = require('striptags');
 3 | var multer = require('multer');
 4 | var fs = require('fs');
 5 | var router = express.Router();
 6 | 
 7 | var models = require('../models/');
 8 | var projectModel = models.project;
 9 | var ticketModel = models.ticket;
10 | var messageModel = models.message;
11 | var fileModel = models.file;
12 | var mailModel = models.mail;
13 | 
14 | let templateString = require('../services/template-string');
15 | const i18nService = require('../services/i18n');
16 | let i18nHelper = new i18nService.i18n();
17 | 
18 | /**
19 |  * Добавление сообщения в тикет
20 |  */
21 | var storage = multer.memoryStorage();
22 | var upload = multer({ storage: storage, fileFilter: fileModel.fileFilter, limits: { fileSize: global.config.files.maxSize } });
23 | var cpUpload = upload.fields([{ name: 'files[]', maxCount: global.config.files.maxCount }]);
24 | 
25 | router.post('/add', cpUpload, function (req, res) {
26 |     var projectCode = req.body.projectCode;
27 |     var number = req.body.number;
28 |     var text   = req.body.text ? req.body.text.trim() : '';
29 |     text = striptags(text, global.config.tickets.editor.allowedTags);
30 | 
31 |     if (!req.files) req.files = {};
32 | 
33 |     if (!text) {
34 |         fileModel.cleanupFiles(req.files['files[]']);
35 |         res.json({ result: false, error: 'no text' });
36 |         return;
37 |     }
38 | 
39 |     if (!req.session.user) {
40 |         fileModel.cleanupFiles(req.files['files[]']);
41 |         res.json({ result: false, error: 'no auth' });
42 |         return;
43 |     }
44 | 
45 |     templateString.setCurrentProjectByDomain(req.get('host'));
46 |     i18nHelper.setConfig(req);
47 | 
48 |     ticketModel.setI18nHelper(i18nHelper);
49 |     ticketModel.setTemplateBuilder(templateString);
50 | 
51 |     ticketModel.findTicket(projectCode, number, function(err, ticket) {
52 |         if (err) {
53 |             fileModel.cleanupFiles(req.files['files[]']);
54 |             res.json({result: false, error: 'no ticket'});
55 |             return;
56 |         }
57 | 
58 |         if (!ticketModel.hasRightToWrite(ticket, req.session.user)) {
59 |             fileModel.cleanupFiles(req.files['files[]']);
60 |             res.json({ result: false, error: 'no rights' });
61 |             return;
62 |         }
63 | 
64 |         // загрузка файлов
65 |         var files = fileModel.proceedUploads(ticket.project + '-' + ticket.number, req.files, 'files[]');
66 |         var project = projectModel.getProjectByCode(projectCode);
67 | 
68 |         // Добавить сообщение
69 |         var message = new messageModel.model({
70 |             date:   new Date(),
71 |             author: req.session.user.email,
72 |             text:   text,
73 |             files:  files
74 |         });
75 | 
76 |         if (message.author != project.responsible) {
77 |             ticket.lastDate = new Date();
78 |         }
79 | 
80 |         ticket.messages.push(message);
81 |         ticket.save();
82 | 
83 |         ticketModel.sendMailOnMessageAdd(project, ticket, message);
84 | 
85 |         // Отправить ПУШ-оповещение
86 |         ticketModel.prepareTicketsForClient([ticket], function(err, data) {
87 |             var ticket = data[0];
88 |             global.io.to(projectCode        ).emit('ticketMessage', { ticket: ticket, source: req.session.user ? req.session.user.email : false });
89 |             global.io.to(ticket.author.email).emit('ticketMessage', { ticket: ticket, source: req.session.user ? req.session.user.email : false });
90 |         });
91 | 
92 |         res.json({ result: true });
93 |     });
94 | });
95 | 
96 | module.exports = router;
97 | 


--------------------------------------------------------------------------------
/controllers/user.js:
--------------------------------------------------------------------------------
  1 | var express = require('express');
  2 | var jsonwebtoken = require('jsonwebtoken');
  3 | var router = express.Router();
  4 | 
  5 | var models = require('../models/');
  6 | var userModel = models.user;
  7 | var projectModel = models.project;
  8 | 
  9 | let templateString = require('../services/template-string');
 10 | const i18nService = require('../services/i18n');
 11 | let i18nHelper = new i18nService.i18n();
 12 | 
 13 | /**
 14 |  * Авторизация
 15 |  */
 16 | router.post('/login', function (req, res) {
 17 |     var email = req.body.email.trim();
 18 |     var pass  = req.body.password.trim();
 19 | 
 20 |     if (!email.length || !pass.length) {
 21 |         res.json({ result: false, error: 'no auth data' });
 22 |         return;
 23 |     }
 24 | 
 25 |     templateString.setCurrentProjectByDomain(req.get('host'));
 26 |     i18nHelper.setConfig(req);
 27 | 
 28 |     userModel.setI18nHelper(i18nHelper);
 29 |     userModel.setTemplateBuilder(templateString);
 30 | 
 31 |     projectModel.setI18nHelper(i18nHelper);
 32 |     projectModel.setTemplateBuilder(templateString);
 33 | 
 34 |     // Ищем пользователя
 35 |     userModel.model.find({ email: email }, function(err, data) {
 36 |         if (err || !data || !data.length) {
 37 |             res.json({ result: false, error: 'no user' });
 38 |             return;
 39 |         }
 40 | 
 41 |         var user = data[0];
 42 |         // Проверяем пароль
 43 |         if (userModel.validatePassword(user.password, pass)) {
 44 |             var token = jsonwebtoken.sign(email, global.config.socketIo.secret, { expiresIn: global.config.socketIo.expire * 60 });
 45 | 
 46 |             req.session.user = {
 47 |                 email: email,
 48 |                 name:  user.name,
 49 |                 token: token,
 50 |                 lng: user.lng || i18nHelper.language
 51 |             };
 52 | 
 53 |             var answer = {
 54 |                 result: true,
 55 |                 user: {
 56 |                     name:   user.name,
 57 |                     email:  email,
 58 |                     lng: user.lng || i18nHelper.language
 59 |                 },
 60 |                 token: token,
 61 |                 countTickets: false
 62 |             };
 63 | 
 64 |             projectModel.getTicketCount(email, function(err, countTickets) {
 65 |                 if (!err && countTickets) {
 66 |                     answer.countTickets = countTickets;
 67 |                 }
 68 | 
 69 |                 res.json(answer);
 70 |             });
 71 | 
 72 |         } else {
 73 |             res.json({ result: false, error: 'wrong pass' });
 74 |         }
 75 |     });
 76 | });
 77 | 
 78 | router.post('/reset', function(req, res) {
 79 |     var email = req.body.email.trim();
 80 | 
 81 |     templateString.setCurrentProjectByDomain(req.get('host'));
 82 |     i18nHelper.setConfig(req);
 83 | 
 84 |     userModel.setI18nHelper(i18nHelper);
 85 |     userModel.setTemplateBuilder(templateString);
 86 | 
 87 |     userModel.sendResetEmail(email, function(response) {
 88 |         res.json(response);
 89 |     })
 90 | });
 91 | 
 92 | /**
 93 |  * Логаут
 94 |  */
 95 | router.all('/logout', function (req, res) {
 96 |     req.session.user = null;
 97 |     res.json({ result: true });
 98 | });
 99 | 
100 | router.post('/change-lang', function(req, res) {
101 |     if (!req.session.user) {
102 |         res.json({ result: false, error: 'no auth' });
103 |         return;
104 |     }
105 | 
106 |     templateString.setCurrentProjectByDomain(req.get('host'));
107 |     i18nHelper.setConfig(req);
108 | 
109 |     userModel.changeLng(req.session.user.email, req.body.lng);
110 | 
111 |     res.json({ result: true});
112 | 
113 | });
114 | 
115 | module.exports = router;
116 | 


--------------------------------------------------------------------------------
/gulpfile.js:
--------------------------------------------------------------------------------
 1 | var browserify = require('browserify');
 2 | var gulp       = require('gulp');
 3 | var source     = require('vinyl-source-stream');
 4 | var reload     = require('gulp-livereload');
 5 | var notify     = require('gulp-notify');
 6 | var gaze       = require('gaze');
 7 | var babelify   = require('babelify');
 8 | var reactify   = require('reactify');
 9 | var envify     = require('envify');
10 | var minify = require('minify-stream');
11 | 
12 | const prefix      = require('gulp-autoprefixer');
13 | const csso        = require('gulp-csso');
14 | const less        = require('gulp-less');
15 | 
16 | gulp.task('browserify', function() {
17 |     var b = browserify();
18 | 
19 |     b.transform(envify, {'global': true, '_': 'purge', NODE_ENV: 'production'});
20 |     b.transform(reactify);
21 |     b.transform(babelify);
22 |     b.add('./public/js/application.js');
23 |     return b.bundle()
24 |         .on('error', notify.onError(function(err) {
25 |             return err.toString()
26 |         }))
27 |         .pipe(source('bundle.js'))
28 |         .pipe(gulp.dest('./public/js/'));
29 | });
30 | 
31 | gulp.task('less', function () {
32 |     return gulp.src('./public/css/style.less')
33 |         .pipe(less({
34 |             javascriptEnabled: true
35 |         }))
36 |         .pipe(prefix('last 3 versions'))
37 |         .pipe(csso({
38 |             restructure: false
39 |         }))
40 |         .pipe(gulp.dest('./public/css/'))
41 | });
42 | 
43 | gulp.task('watch', ['browserify', 'less'], function() {
44 |     gaze(['public/js/**/*.js', '!public/js/bundle.js'], function() {
45 |         this.on('added', function() {
46 |             gulp.start('browserify');
47 |         });
48 |         this.on('changed', function() {
49 |             gulp.start('browserify');
50 |         })
51 |     });
52 | 
53 |     gaze('public/css/**/*.less', function() {
54 |         this.on('all', function(event, filepath) {
55 |             gulp.start('less');
56 |         });
57 |     });
58 | });
59 | 
60 | gulp.task('default', ['watch']);
61 | 


--------------------------------------------------------------------------------
/models/file.js:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * Модель файлов
  3 |  */
  4 | 
  5 | var mongoose = require('mongoose');
  6 | var crypto = require('crypto');
  7 | var fs = require('fs');
  8 | var pathModule = require('path');
  9 | var collectionName = 'file';
 10 | 
 11 | var fileSchema = new mongoose.Schema({
 12 |     name: String,  // Выводимое имя
 13 |     path: String   // Путь на сервере для скачивания
 14 | });
 15 | 
 16 | fileSchema.methods.toAttach = function() {
 17 |     return {
 18 |         filename: this.name,
 19 |         content: fs.readFileSync(global.config.appRoot + 'public' + this.path)
 20 |     };
 21 | };
 22 | 
 23 | exports.scheme = fileSchema;
 24 | exports.model  = mongoose.model(collectionName, fileSchema);
 25 | 
 26 | /**
 27 |  * Почистить загруженные файлы за собой
 28 |  * @param fileArray
 29 |  */
 30 | exports.cleanupFiles = function(fileArray) {
 31 |     if (!(typeof fileArray == 'object') || (!fileArray.length)) return;
 32 |     for (var i = 0; i < fileArray.length; i++) {
 33 |         if (fileArray[i].path) fs.unlink(fileArray[i].path);
 34 |     }
 35 | };
 36 | 
 37 | /**
 38 |  * Фильтрация входящих файлов по расширению
 39 |  * @param req
 40 |  * @param file
 41 |  * @param cb
 42 |  */
 43 | exports.fileFilter = function(req, file, cb) {
 44 |     var exts = global.config.files.extensions;
 45 |     var ext = pathModule.extname(file.originalname).toLowerCase();
 46 |     if (ext[0] == '.') {
 47 |         ext = ext.substr(1);
 48 |     }
 49 | 
 50 |     if (exts.indexOf(ext) > -1) {
 51 |         cb(null, true);
 52 |     } else {
 53 |         cb(new Error('Wrong extension, ' + file.originalname));
 54 |     }
 55 | };
 56 | 
 57 | /**
 58 |  *
 59 |  * @param ticketNumber
 60 |  * @param reqFiles
 61 |  * @param key
 62 |  * @returns {Array}
 63 |  */
 64 | exports.proceedUploads = function(ticketNumber, reqFiles, key) {
 65 |     var shasum = crypto.createHash('sha1');
 66 |     shasum.update(ticketNumber);
 67 |     var shortPath = '/tickets/' + shasum.digest('hex') + '/';
 68 |     var path = global.config.appRoot + 'public' + shortPath;
 69 | 
 70 |     try { fs.mkdirSync(path); } catch(e) { }
 71 | 
 72 |     var files = [];
 73 |     if (reqFiles && reqFiles[key] && reqFiles[key].length) {
 74 |         for (var i = 0; i < reqFiles[key].length; i++) {
 75 |             var file = reqFiles[key][i];
 76 |             var ext = pathModule.extname(file.originalname);
 77 |             var newName = Math.random().toString(36).slice(-8) + ext;
 78 | 
 79 |             if (file.path) {
 80 |                 fs.renameSync(file.path, path + newName);
 81 |             } else if (file.buffer) {
 82 |                 fs.writeFileSync(path + newName, file.buffer);
 83 |             }
 84 | 
 85 |             var fileObj = new this.model({
 86 |                 name: file.originalname,
 87 |                 path: shortPath + newName
 88 |             });
 89 |             files.push(fileObj);
 90 |         }
 91 |     }
 92 | 
 93 |     return files;
 94 | };
 95 | 
 96 | exports.proceedMailAttachments = function(ticketNumber, attachments) {
 97 |     var shasum = crypto.createHash('sha1');
 98 |     shasum.update(ticketNumber);
 99 |     var shortPath = '/tickets/' + shasum.digest('hex') + '/';
100 |     var path = global.config.appRoot + 'public' + shortPath;
101 | 
102 |     try { fs.mkdirSync(path); } catch(e) { }
103 | 
104 |     var files = [];
105 |     if (attachments && attachments.length) {
106 |         var added = 0;
107 |         for (var i = 0; i < attachments.length && added < global.config.files.maxCount; i++) {
108 |             var file = attachments[i];
109 | 
110 |             if (file.length > global.config.files.maxSize) {
111 |                 continue;
112 |             }
113 | 
114 |             added++;
115 |             var ext = pathModule.extname(file.fileName);
116 |             var newName = Math.random().toString(36).slice(-8) + ext;
117 | 
118 |             fs.writeFile(path + newName, file.content);
119 | 
120 |             var fileObj = new this.model({
121 |                 name: file.fileName,
122 |                 path: shortPath + newName
123 |             });
124 |             files.push(fileObj);
125 |         }
126 |     }
127 | 
128 |     return files;
129 | };
130 | 


--------------------------------------------------------------------------------
/models/index.js:
--------------------------------------------------------------------------------
 1 | /*
 2 |  * Модель моделей
 3 |  */
 4 | 
 5 | var mongoose = require('mongoose');
 6 | mongoose.connect(global.config.db.connectString);
 7 | 
 8 | var initCallback = null;
 9 | var inited = false;
10 | 
11 | var db = mongoose.connection;
12 | global.mongooseConnection = db;
13 | db.on('error', function(err) {
14 |     throw 'connection error: ' + err;
15 | });
16 | 
17 | db.once('open', function callback () {
18 |     exports.project = require('./project.js');
19 |     exports.ticket  = require('./ticket.js');
20 |     exports.user    = require('./user.js');
21 |     exports.message = require('./message.js');
22 |     exports.file    = require('./file.js');
23 |     exports.mail    = require('./mail.js');
24 | 
25 |     if (typeof initCallback === 'function') {
26 |         initCallback();
27 |         inited = true;
28 |         initCallback = null;
29 |     }
30 | });
31 | 
32 | /**
33 |  *
34 |  * @param cb
35 |  */
36 | exports.setCallback = function(cb) {
37 |     if (inited) {
38 |         cb();
39 |     } else {
40 |         initCallback = cb;
41 |     }
42 | };
43 | 


--------------------------------------------------------------------------------
/models/message.js:
--------------------------------------------------------------------------------
 1 | /*
 2 |  * Модель сообщения
 3 |  */
 4 | 
 5 | var mongoose = require('mongoose');
 6 | var collectionName = 'message';
 7 | var fileScheme = require('./file').scheme;
 8 | 
 9 | var messageSchema = new mongoose.Schema({
10 |     date:   Date,   // Дата создания сообщения
11 |     created: { type: Date, default: Date.now }, // Дата добавления сообщения в базу
12 |     author: String, // Email автора
13 |     text:   String, // Текст сообщения
14 |     files:  [fileScheme] // Массив прикрепленных файлов
15 | });
16 | 
17 | messageSchema.methods.getFilesForMail = function() {
18 |     var attachments = [];
19 | 
20 |     if (this.files && this.files.length) {
21 |         for (var i = 0; i < this.files.length; i++) {
22 |             attachments.push(this.files[i].toAttach());
23 |         }
24 |     }
25 | 
26 |     return attachments;
27 | };
28 | 
29 | exports.scheme = messageSchema;
30 | exports.model  = mongoose.model(collectionName, messageSchema);


--------------------------------------------------------------------------------
/models/project.js:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * Модель проектов
  3 |  */
  4 | 
  5 | var projectsList = global.config.projects;
  6 | var ticketModel = require('./ticket');
  7 | var userModel = require('./user');
  8 | var extend = require('extend');
  9 | 
 10 | let templateString = require('../services/template-string');
 11 | const i18nService = require('../services/i18n');
 12 | let i18nHelper = new i18nService.i18n();
 13 | 
 14 | let templateBuilder = templateString;
 15 | 
 16 | exports.setI18nHelper = (helper) => {
 17 |     i18nHelper = helper;
 18 | };
 19 | 
 20 | exports.setTemplateBuilder = (builder) => {
 21 |     templateBuilder = builder;
 22 | };
 23 | 
 24 | /**
 25 |  * Валидация конфига проектов
 26 |  * @returns {boolean}
 27 |  */
 28 | function validateConfig() {
 29 |     if (!projectsList || !projectsList.length) {
 30 |         throw "No projects in config";
 31 |     }
 32 | 
 33 |     var i;
 34 |     for (i = 0; i < projectsList.length; i++) {
 35 |         var p = projectsList[i];
 36 |         if (!p.code || !p.name || !p.domain || !p.responsible) {
 37 |             throw "Projects config are invalid! Required fields: code, name, domain, responsible.";
 38 |         }
 39 |     }
 40 | 
 41 |     return true;
 42 | }
 43 | 
 44 | exports.validateProjectsConfig = validateConfig;
 45 | 
 46 | exports.checkResponsible = () => {
 47 |     let responsibles = {};
 48 |     let colorLength = global.config.projectColors.length;
 49 | 
 50 |     projectsList.forEach((current, index) => {
 51 |         current.color = '#' + global.config.projectColors[index % colorLength];
 52 |         if (!responsibles[current.responsible]) responsibles[current.responsible] = [];
 53 |         responsibles[current.responsible].push(current);
 54 |     });
 55 | 
 56 |     // Проверить, что ответственные созданы
 57 |     for (var email in responsibles) {
 58 |         if (!responsibles.hasOwnProperty(email)) continue;
 59 |         userModel.createResponsible(email, responsibles[email]);
 60 |     }
 61 | };
 62 | 
 63 | /**
 64 |  *
 65 |  * @param x
 66 |  * @returns {*}
 67 |  */
 68 | exports.getBigUniqueNumber = function(x) {
 69 |     var prime = 9999667;
 70 |     var gap = 100;
 71 |     var n = x + gap;
 72 |     if (n >= prime) return n;
 73 |     var residue = (n * n) % prime;
 74 |     return (n <= prime / 2) ? residue : prime - residue;
 75 | };
 76 | 
 77 | /**
 78 |  * Получить проект по его коду
 79 |  * @param code
 80 |  * @returns {*}
 81 |  */
 82 | exports.getProjectByCode = function(code) {
 83 |     for (var i = 0; i < projectsList.length; i++) {
 84 |         if (projectsList[i].code == code) {
 85 |             return projectsList[i];
 86 |         }
 87 |     }
 88 | 
 89 |     return false;
 90 | };
 91 | 
 92 | /**
 93 |  * Получить проект по его домену
 94 |  * @param domain
 95 |  * @returns {*}
 96 |  */
 97 | exports.getProjectByDomain = function(domain) {
 98 |     for (var i = 0; i < projectsList.length; i++) {
 99 |         if (projectsList[i].domain == domain) {
100 |             return projectsList[i];
101 |         }
102 |     }
103 | 
104 |     return false;
105 | };
106 | 
107 | /**
108 |  *
109 |  * @param letters
110 |  * @returns {*}
111 |  */
112 | exports.getProjectByLetters = function(letters) {
113 |     for (var i = 0; i < projectsList.length; i++) {
114 |         if (projectsList[i].letters == letters) {
115 |             return projectsList[i];
116 |         }
117 |     }
118 | 
119 |     return false;
120 | };
121 | 
122 | /**
123 |  *
124 |  * @param responsible
125 |  * @returns {Array}
126 |  */
127 | exports.getResponsibleProjectsList = function(responsible) {
128 |     var projects = [];
129 | 
130 |     for (var i = 0; i < projectsList.length; i++) {
131 |         if (projectsList[i].responsible == responsible) {
132 |             projects.push(projectsList[i]);
133 |         }
134 |     }
135 | 
136 |     return projects;
137 | };
138 | 
139 | /**
140 |  * Количество тикетов по статусам по доступным проектам
141 |  * @param email
142 |  * @param callback
143 |  */
144 | exports.getTicketCount = function(email, callback) {
145 |     var projectList = this.getResponsibleProjectsList(email);
146 | 
147 |     var count = {};
148 |     if (projectList.length) {
149 |         // ТП
150 |         var projectCodes = [];
151 | 
152 |         for (var i = 0; i < projectList.length; i++) {
153 |             projectCodes.push(projectList[i].code);
154 |             count[projectList[i].code] = {
155 |                 opened: 0,
156 |                 closed: 0
157 |             };
158 |         }
159 | 
160 |         ticketModel.model.aggregate([
161 |             {
162 |                 $match: { project: { $in: projectCodes } }
163 |             },
164 |             {
165 |                 $group : {
166 |                     _id : { project: "$project", opened: "$opened" },
167 |                     count: { $sum: 1 }
168 |                 }
169 |             }
170 |         ], function (err, result) {
171 |             if (result && result.length) {
172 |                 for (var i = 0; i < result.length; i++) {
173 |                     var key = result[i]._id.opened ? 'opened' : 'closed';
174 |                     count[result[i]._id.project][key] = result[i].count;
175 |                 }
176 |             }
177 |             callback(err, count);
178 |         });
179 | 
180 |     } else {
181 |         // Клиент
182 |         ticketModel.model.aggregate([
183 |             {
184 |                 $match: { author: email }
185 |             },
186 |             {
187 |                 $group : {
188 |                     _id : { project: "$project", opened: "$opened" },
189 |                     count: { $sum: 1 }
190 |                 }
191 |             }
192 |         ], function (err, result) {
193 |             for (var i = 0; i < result.length; i++) {
194 |                 var project = result[i]._id.project;
195 |                 var key = result[i]._id.opened ? 'opened' : 'closed';
196 | 
197 |                 if (!count[project]) {
198 |                     count[project] = {
199 |                         opened: 0,
200 |                         closed: 0
201 |                     };
202 |                 }
203 | 
204 |                 count[project][key] = result[i].count;
205 |             }
206 |             callback(err, count);
207 |         });
208 |     }
209 | };
210 | 
211 | /**
212 |  * Получить проект по его коду
213 |  * @returns {*}
214 |  */
215 | exports.getAll = function(user) {
216 |     return projectsList.map(function(project){
217 | 
218 |         var pr = extend({}, project);
219 |         pr.canSupport = user && pr.responsible == user.email;
220 |         delete pr.responsible;
221 |         delete pr.email;
222 | 
223 |         return pr;
224 |     });
225 | };
226 | 
227 | 
228 | 
229 | 


--------------------------------------------------------------------------------
/models/user.js:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * Модель проектов
  3 |  */
  4 | 
  5 | var mongoose = require('mongoose');
  6 | var crypto = require('crypto');
  7 | var mailModel = require('./mail');
  8 | var collectionName = 'user';
  9 | var ticketModel = require('./ticket');
 10 | 
 11 | let templateString = require('../services/template-string');
 12 | const i18nService = require('../services/i18n');
 13 | let i18nHelper = new i18nService.i18n();
 14 | 
 15 | var userSchema = new mongoose.Schema({
 16 |     name:       String,  // Выводимое имя
 17 |     email:      String,  // Email
 18 |     resetHash:  String,
 19 |     password:   String,   // Хеш пароля
 20 |     lng:        String  // язык пользователя
 21 | });
 22 | 
 23 | let templateBuilder = templateString;
 24 | 
 25 | exports.setI18nHelper = (helper) => {
 26 |     i18nHelper = helper;
 27 | };
 28 | 
 29 | exports.setTemplateBuilder = (builder) => {
 30 |     templateBuilder = builder;
 31 | };
 32 | 
 33 | exports.scheme = userSchema;
 34 | exports.model  = mongoose.model(collectionName, userSchema);
 35 | 
 36 | /**
 37 |  * Создать ответственного
 38 |  * @param email
 39 |  * @param projects
 40 |  * @param callback
 41 |  */
 42 | exports.createResponsible = function(email, projects, callback) {
 43 |     var userModel = this.model;
 44 | 
 45 |     userModel.find({email: email}, function(err, data) {
 46 |         if (err) {
 47 |             callback && callback(err);
 48 |             return;
 49 |         }
 50 | 
 51 |         if (data && data.length) {
 52 |             callback && callback(null, data);
 53 | 
 54 |         } else {
 55 |             var pass = this.generatePassword();
 56 | 
 57 |             var user = new userModel({
 58 |                 name:     i18nHelper.translator(`${templateBuilder.getStartCode()}.user.createResponsible.name`),
 59 |                 email:    email,
 60 |                 password: this.hashPassword(pass),
 61 |                 lng: i18nHelper.language
 62 |             });
 63 | 
 64 |             user.save(function() {
 65 |                 let projectNames = projects.map(function(obj) { return obj.name; } );
 66 | 
 67 |                 console.log('TP account created', email, pass, projectNames);
 68 | 
 69 |                 let subject = i18nHelper.translator(`${templateBuilder.getStartCode()}.user.createResponsible.subject`);
 70 |                 let text = i18nHelper.translator(
 71 |                     `${templateBuilder.getStartCode()}.user.createResponsible.text`,
 72 |                     {
 73 |                         projectCount: projectNames.length,
 74 |                         projectNames: i18nHelper.translator(projectNames.join(', ')),
 75 |                         link: 'http://' + projects[0].domain + '/?login=' + encodeURIComponent(email),
 76 |                         login: email,
 77 |                         pass: pass
 78 |                     }
 79 |                 );
 80 | 
 81 |                 mailModel.sendMail(email, subject, text, true, global.config.projects[0]);
 82 |             });
 83 |         }
 84 |     }.bind(this));
 85 | };
 86 | 
 87 | /**
 88 |  * Найти/создать пользователя
 89 |  * @param email
 90 |  * @param name
 91 |  * @param callback
 92 |  */
 93 | exports.createGetUser = function(email, name, callback) {
 94 |     var userModel = this.model;
 95 | 
 96 |     userModel.find({email: email}, function(err, data) {
 97 |         if (err) { callback(err); return; }
 98 | 
 99 |         if (data && data.length) {
100 |             callback && callback(null, data[0], false);
101 | 
102 |         } else {
103 |             var pass = this.generatePassword();
104 |             console.log(email, pass);
105 |             var user = new userModel({
106 |                 name:     name,
107 |                 email:    email,
108 |                 password: this.hashPassword(pass),
109 |                 lng: i18nHelper.language
110 |             });
111 | 
112 |             user.save(function() {
113 |                 callback && callback(null, user, pass);
114 |             });
115 |         }
116 |     }.bind(this));
117 | };
118 | 
119 | /**
120 |  * Сгенерировать пароль
121 |  * @returns {string}
122 |  */
123 | exports.generatePassword = function() {
124 |     return Math.random().toString(36).slice(-8);
125 | };
126 | 
127 | /**
128 |  * Хешировать пароль
129 |  * @param pass
130 |  * @param salt
131 |  * @returns {string}
132 |  */
133 | exports.hashPassword = function(pass, salt) {
134 |     if (typeof salt === 'undefined') {
135 |         salt = this.generatePassword();
136 |     }
137 | 
138 |     var shasum = crypto.createHash('sha1');
139 |     shasum.update(pass);
140 |     shasum.update(salt);
141 |     var text = shasum.digest('hex');
142 | 
143 |     return salt + text;
144 | };
145 | 
146 | /**
147 |  * Проверить пароль по хешу
148 |  * @param hash
149 |  * @param pass
150 |  * @returns {boolean}
151 |  */
152 | exports.validatePassword = function(hash, pass) {
153 |     var salt = hash.substr(0, 8);
154 |     var shasum = crypto.createHash('sha1');
155 |     shasum.update(pass);
156 |     shasum.update(salt);
157 |     var newHash = salt + shasum.digest('hex');
158 | 
159 |     return (hash == newHash);
160 | };
161 | 
162 | exports.sendResetEmail = function(email, cb) {
163 |     var userModel = this.model;
164 | 
165 |     userModel.find({email: email}, function(err, data) {
166 |         if (err || !data || !data.length) {
167 |             cb({ result: false, error: 'no user' })
168 |             return;
169 |         }
170 | 
171 |         var user = data[0];
172 | 
173 |         var hash = crypto.createHash('sha1').update(Date.now().toString()).digest('hex');
174 | 
175 |         ticketModel.getTickets({author: email}, 0, 'date desc', function(err, tickets) {
176 |             if (err || !tickets.length) {
177 |                 cb({result: false, error: 'no user'});
178 |                 return;
179 |             }
180 | 
181 |             var project = global.config.projects.filter(function(p) {return p.code === tickets[0].project})[0];
182 | 
183 |             if (!project) {
184 |                 cb({result: false, error: 'no user'});
185 |                 return;
186 | 
187 |             }
188 | 
189 |             userModel.update({email: email}, {resetHash: hash}, function(err, raw) {
190 |                 if (err) {
191 |                     cb({result: false, error: 'no user'});
192 |                     return;
193 |                 }
194 | 
195 |                 var to = email;
196 |                 var subject = i18nHelper.translator(`${templateBuilder.getStartCode()}.user.sendResetEmail.subject`);
197 | 
198 |                 var text = i18nHelper.translator(
199 |                     `${templateBuilder.getStartCode()}.user.sendResetEmail.text`,
200 |                     {
201 |                         link: `http://${project.domain}/?reset=${hash}&login=${encodeURIComponent(email)}`
202 |                     });
203 | 
204 |                 mailModel.sendMail(to, subject, text, true, project);
205 | 
206 |                 cb({result: true});
207 |             })
208 |         });
209 |     });
210 | }
211 | 
212 | exports.resetPassword = function(email, hash, cb) {
213 |     this.model.find({email: email}, function(err, data) {
214 |         if (err || !data || !data.length) {
215 |             cb(false)
216 |             return;
217 |         }
218 | 
219 |         var user = data[0];
220 | 
221 |         if (!user.resetHash || hash !== user.resetHash) {
222 |             cb(false);
223 |             return;
224 |         }
225 |         
226 |         var pass = this.generatePassword();
227 | 
228 |         this.model.update({email: email}, {resetHash: '', password: this.hashPassword(pass)}, function(err) {
229 |             if (err) {
230 |                 cb(false);
231 |                 return;
232 |             }
233 | 
234 |             ticketModel.getTickets({author: email}, 0, 'date desc', function(err, tickets) {
235 |                 if (err) {
236 |                     cb(false);
237 |                     return;
238 |                 }
239 | 
240 |                 var project = global.config.projects.filter(function(p) {return p.code === tickets[0].project})[0];
241 | 
242 |                 var to = email;
243 |                 var subject = i18nHelper.translator(`${templateBuilder.getStartCode()}.user.resetPassword.subject`);
244 |                 var text = i18nHelper.translator(`${templateBuilder.getStartCode()}.user.resetPassword.text`, {pass: pass});
245 | 
246 |                 mailModel.sendMail(to, subject, text, true, project);
247 | 
248 |                 cb(true);
249 |             });
250 |         });
251 |     }.bind(this));
252 | }
253 | 
254 | exports.changeLng = (userEmail, lng) => {
255 |     let userModel = this.model;
256 | 
257 |     userModel.find({email: userEmail}, (err, data) => {
258 |         if (err) { return; }
259 | 
260 |         if (data && data.length) {
261 |             userModel.update({email: userEmail}, {lng: lng}, () => {});
262 |         }
263 |     });
264 | };


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "sibirix-helpdesk",
 3 |   "version": "0.7.0",
 4 |   "private": true,
 5 |   "dependencies": {
 6 |     "async": "1.4.2",
 7 |     "body-parser": "~1.0.0",
 8 |     "boron": "0.1.2",
 9 |     "connect-mongodb": "*",
10 |     "cookie-parser": "~1.0.1",
11 |     "debug": "~0.7.4",
12 |     "ejs": "~0.8.5",
13 |     "envify": "3.4.0",
14 |     "express": "~4.0.0",
15 |     "express-session": "1.11.3",
16 |     "extend": "3.0.0",
17 |     "gulp-autoprefixer": "^6.0.0",
18 |     "gulp-csso": "^3.0.1",
19 |     "gulp-less": "^4.0.1",
20 |     "i18next": "^14.0.1",
21 |     "i18next-browser-languagedetector": "^2.2.4",
22 |     "i18next-express-middleware": "^1.7.1",
23 |     "i18next-intervalplural-postprocessor": "^1.0.2",
24 |     "i18next-node-fs-backend": "^2.1.1",
25 |     "i18next-xhr-backend": "^1.5.1",
26 |     "imap": "0.8.15",
27 |     "jsonwebtoken": "5.0.5",
28 |     "less": "^3.9.0",
29 |     "mailparser": "0.5.2",
30 |     "minify-stream": "^1.2.0",
31 |     "moment": "2.10.6",
32 |     "mongodb": "*",
33 |     "mongoose": "~4.0.0",
34 |     "mongoose-auto-increment": "4.0.0",
35 |     "morgan": "~1.0.0",
36 |     "multer": "1.0.3",
37 |     "nodemailer": "1.4.0",
38 |     "react": "0.13.3",
39 |     "react-dropzone": "2.0.1",
40 |     "react-i18next": "^9.0.10",
41 |     "react-redux": "~2.1.0",
42 |     "react-router": "0.13.3",
43 |     "react-select": "0.6.12",
44 |     "redux": "2.0.0",
45 |     "redux-thunk": "0.1.0",
46 |     "serve-favicon": "*",
47 |     "socket.io": "1.3.6",
48 |     "socket.io-emitter": "0.2.0",
49 |     "socketio-jwt": "4.3.1",
50 |     "striptags": "2.0.3",
51 |     "superagent": "*",
52 |     "terser": "^3.16.1",
53 |     "uglify-es": "^3.3.9",
54 |     "uglify-js": "^3.4.9",
55 |     "underscore": "^1.8.3"
56 |   },
57 |   "devDependencies": {
58 |     "babelify": "^6.3.0",
59 |     "browserify": "^11.0.1",
60 |     "gaze": "^0.5.1",
61 |     "gulp": "^3.9.0",
62 |     "gulp-livereload": "^3.8.0",
63 |     "gulp-notify": "^2.2.0",
64 |     "lorem-ipsum": "^1.0.3",
65 |     "reactify": "^1.1.1",
66 |     "superagent": "^1.4.0",
67 |     "uglifyify": "^3.0.1",
68 |     "vinyl-source-stream": "^1.1.0"
69 |   },
70 |   "scripts": {
71 |     "start": "node app.js",
72 |     "start-with-debug": "set DEBUG=* && node app.js ",
73 |     "build-front": "./node_modules/.bin/gulp -- browserify"
74 |   }
75 | }
76 | 


--------------------------------------------------------------------------------
/public/css/.gitignore:
--------------------------------------------------------------------------------
1 | *.css
2 | 


--------------------------------------------------------------------------------
/public/css/_adaptive.less:
--------------------------------------------------------------------------------
 1 | @import "_var";
 2 | 
 3 | /**
 4 |  * Адаптивные стили
 5 |  **/
 6 | 
 7 | @media screen and (max-width: 1820px) {
 8 |     .tickets-list-page {
 9 |         .tickets-list-column {
10 |             width: auto;
11 |             flex-grow: 1;
12 |         }
13 | 
14 |         .one-ticket {
15 |             position: absolute;
16 |             right: 0;
17 |             bottom: 0;
18 |             top: 55px;
19 |             width: 672px;
20 |             flex-grow: 0;
21 |         }
22 |     }
23 | }
24 | 
25 | 


--------------------------------------------------------------------------------
/public/css/_reset.less:
--------------------------------------------------------------------------------
  1 | @import "_var";
  2 | 
  3 | /* normalize.css v1.1.2 | MIT License | git.io/normalize */
  4 | 
  5 | /* ==========================================================================
  6 |    HTML5 display definitions
  7 |    ========================================================================== */
  8 | 
  9 | /**
 10 |  * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 11 |  */
 12 | 
 13 | article,
 14 | aside,
 15 | details,
 16 | figcaption,
 17 | figure,
 18 | footer,
 19 | header,
 20 | main,
 21 | nav,
 22 | section,
 23 | summary {
 24 |     display: block;
 25 | }
 26 | 
 27 | /**
 28 |  * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 29 |  */
 30 | 
 31 | audio,
 32 | canvas,
 33 | video {
 34 |     display: inline-block;
 35 | }
 36 | 
 37 | /**
 38 |  * Prevent modern browsers from displaying `audio` without controls.
 39 |  * Remove excess height in iOS 5 devices.
 40 |  */
 41 | 
 42 | audio:not([controls]) {
 43 |     display: none;
 44 |     height: 0;
 45 | }
 46 | 
 47 | /**
 48 |  * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 49 |  * Known issue: no IE 6 support.
 50 |  */
 51 | 
 52 | [hidden] {
 53 |     display: none;
 54 | }
 55 | 
 56 | /* ==========================================================================
 57 |    Base
 58 |    ========================================================================== */
 59 | 
 60 | /**
 61 |  * Prevent iOS text size adjust after orientation change, without disabling
 62 |  * user zoom.
 63 |  */
 64 | 
 65 | html {
 66 |     -ms-text-size-adjust: 100%;
 67 |     -webkit-text-size-adjust: 100%;
 68 | }
 69 | 
 70 | /**
 71 |  * Address `font-family` inconsistency between `textarea` and other form
 72 |  * elements.
 73 |  */
 74 | 
 75 | html,
 76 | button,
 77 | input,
 78 | select,
 79 | textarea {
 80 |     font-family: sans-serif;
 81 | }
 82 | 
 83 | /**
 84 |  * Address margins handled incorrectly in IE 6/7.
 85 |  */
 86 | body {
 87 |     margin: 0;
 88 | }
 89 | 
 90 | /* ==========================================================================
 91 |    Links
 92 |    ========================================================================== */
 93 | 
 94 | /**
 95 |  * Address `outline` inconsistency between Chrome and other browsers.
 96 |  */
 97 | 
 98 | a:focus {
 99 |     outline: none;
100 | }
101 | 
102 | /**
103 |  * Improve readability when focused and also mouse hovered in all browsers.
104 |  */
105 | 
106 | a:active,
107 | a:hover {
108 |     outline: 0;
109 | }
110 | 
111 | /* ==========================================================================
112 |    Typography
113 |    ========================================================================== */
114 | 
115 | /**
116 |  * Address font sizes and margins set differently in IE 6/7.
117 |  * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
118 |  * and Chrome.
119 |  */
120 | 
121 | h1 {
122 |     font-size: 2em;
123 |     margin: 0.67em 0;
124 | }
125 | 
126 | h2 {
127 |     font-size: 1.5em;
128 |     margin: 0.83em 0;
129 | }
130 | 
131 | h3 {
132 |     font-size: 1.17em;
133 |     margin: 1em 0;
134 | }
135 | 
136 | h4 {
137 |     font-size: 1em;
138 |     margin: 1.33em 0;
139 | }
140 | 
141 | h5 {
142 |     font-size: 0.83em;
143 |     margin: 1.67em 0;
144 | }
145 | 
146 | h6 {
147 |     font-size: 0.67em;
148 |     margin: 2.33em 0;
149 | }
150 | 
151 | /**
152 |  * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
153 |  */
154 | 
155 | abbr[title] {
156 |     border-bottom: 1px dotted;
157 | }
158 | 
159 | /**
160 |  * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
161 |  */
162 | 
163 | b,
164 | strong {
165 |     font-weight: bold;
166 | }
167 | 
168 | blockquote {
169 |     margin: 1em 40px;
170 | }
171 | 
172 | /**
173 |  * Address styling not present in Safari 5 and Chrome.
174 |  */
175 | 
176 | dfn {
177 |     font-style: italic;
178 | }
179 | 
180 | /**
181 |  * Address differences between Firefox and other browsers.
182 |  * Known issue: no IE 6/7 normalization.
183 |  */
184 | 
185 | hr {
186 |     -moz-box-sizing: content-box;
187 |     box-sizing: content-box;
188 |     height: 0;
189 | }
190 | 
191 | /**
192 |  * Address styling not present in IE 6/7/8/9.
193 |  */
194 | 
195 | mark {
196 |     background: #ff0;
197 |     color: #000;
198 | }
199 | 
200 | /**
201 |  * Address margins set differently in IE 6/7.
202 |  */
203 | 
204 | p,
205 | pre {
206 |     margin: 1em 0;
207 | }
208 | 
209 | /**
210 |  * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
211 |  */
212 | 
213 | code,
214 | kbd,
215 | pre,
216 | samp {
217 |     font-family: monospace, serif;
218 |     font-size: 1em;
219 | }
220 | 
221 | /**
222 |  * Improve readability of pre-formatted text in all browsers.
223 |  */
224 | 
225 | pre {
226 |     white-space: pre-wrap;
227 |     word-wrap: break-word;
228 | }
229 | 
230 | /**
231 |  * Address inconsistent and variable font size in all browsers.
232 |  */
233 | 
234 | small {
235 |     font-size: 80%;
236 | }
237 | 
238 | /**
239 |  * Prevent `sub` and `sup` affecting `line-height` in all browsers.
240 |  */
241 | 
242 | sub,
243 | sup {
244 |     font-size: 75%;
245 |     line-height: 0;
246 |     position: relative;
247 |     vertical-align: baseline;
248 | }
249 | 
250 | sup {
251 |     top: -0.5em;
252 | }
253 | 
254 | sub {
255 |     bottom: -0.25em;
256 | }
257 | 
258 | /* ==========================================================================
259 |    Lists
260 |    ========================================================================== */
261 | 
262 | /**
263 |  * Address margins set differently in IE 6/7.
264 |  */
265 | 
266 | dl,
267 | menu,
268 | ol,
269 | ul {
270 |     margin: 1em 0;
271 | }
272 | 
273 | dd {
274 |     margin: 0 0 0 40px;
275 | }
276 | 
277 | /**
278 |  * Address paddings set differently in IE 6/7.
279 |  */
280 | 
281 | menu,
282 | ol,
283 | ul {
284 |     padding: 0 0 0 40px;
285 | }
286 | 
287 | /* ==========================================================================
288 |    Embedded content
289 |    ========================================================================== */
290 | 
291 | /**
292 |  * Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
293 |  */
294 | 
295 | img {
296 |     border: 0; /* 1 */
297 | }
298 | 
299 | /**
300 |  * Correct overflow displayed oddly in IE 9.
301 |  */
302 | 
303 | svg:not(:root) {
304 |     overflow: hidden;
305 | }
306 | 
307 | /* ==========================================================================
308 |    Figures
309 |    ========================================================================== */
310 | 
311 | /**
312 |  * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
313 |  */
314 | 
315 | figure {
316 |     margin: 0;
317 | }
318 | 
319 | /* ==========================================================================
320 |    Forms
321 |    ========================================================================== */
322 | 
323 | /**
324 |  * Define consistent border, margin, and padding.
325 |  */
326 | 
327 | fieldset {
328 |     border: 1px solid #c0c0c0;
329 |     margin: 0 2px;
330 |     padding: 0.35em 0.625em 0.75em;
331 | }
332 | 
333 | /**
334 |  * 1. Correct color not being inherited in IE 6/7/8/9.
335 |  * 2. Correct text not wrapping in Firefox 3.
336 |  */
337 | 
338 | legend {
339 |     border: 0; /* 1 */
340 |     padding: 0;
341 |     white-space: normal; /* 2 */
342 | }
343 | 
344 | /**
345 |  * 1. Correct font size not being inherited in all browsers.
346 |  * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
347 |  *    and Chrome.
348 |  * 3. Improve appearance and consistency in all browsers.
349 |  */
350 | 
351 | button,
352 | input,
353 | select,
354 | textarea {
355 |     font-size: 100%; /* 1 */
356 |     margin: 0; /* 2 */
357 |     vertical-align: baseline; /* 3 */
358 | }
359 | 
360 | /**
361 |  * Address Firefox 3+ setting `line-height` on `input` using `!important` in
362 |  * the UA stylesheet.
363 |  */
364 | 
365 | button,
366 | input {
367 |     line-height: normal;
368 | }
369 | 
370 | /**
371 |  * Address inconsistent `text-transform` inheritance for `button` and `select`.
372 |  * All other form control elements do not inherit `text-transform` values.
373 |  * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
374 |  * Correct `select` style inheritance in Firefox 4+ and Opera.
375 |  */
376 | 
377 | button,
378 | select {
379 |     text-transform: none;
380 | }
381 | 
382 | /**
383 |  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
384 |  *    and `video` controls.
385 |  * 2. Correct inability to style clickable `input` types in iOS.
386 |  * 3. Improve usability and consistency of cursor style between image-type
387 |  *    `input` and others.
388 |  */
389 | 
390 | button,
391 | html input[type="button"], /* 1 */
392 | input[type="reset"],
393 | input[type="submit"] {
394 |     -webkit-appearance: button; /* 2 */
395 |     cursor: pointer; /* 3 */
396 | }
397 | 
398 | /**
399 |  * Re-set default cursor for disabled elements.
400 |  */
401 | 
402 | button[disabled],
403 | html input[disabled] {
404 |     cursor: default;
405 | }
406 | 
407 | /**
408 |  * 1. Address box sizing set to content-box in IE 8/9.
409 |  * 2. Remove excess padding in IE 8/9.
410 |  */
411 | 
412 | input[type="checkbox"],
413 | input[type="radio"] {
414 |     box-sizing: border-box; /* 1 */
415 |     padding: 0; /* 2 */
416 | }
417 | 
418 | /**
419 |  * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
420 |  */
421 | 
422 | input[type="search"] {
423 |     -webkit-appearance: textfield; /* 1 */
424 |     -moz-box-sizing: content-box;
425 |     box-sizing: content-box;
426 | }
427 | 
428 | /**
429 |  * Remove inner padding and search cancel button in Safari 5 and Chrome
430 |  * on OS X.
431 |  */
432 | 
433 | input[type="search"]::-webkit-search-cancel-button,
434 | input[type="search"]::-webkit-search-decoration {
435 |     -webkit-appearance: none;
436 | }
437 | 
438 | /**
439 |  * Remove inner padding and border in Firefox 3+.
440 |  */
441 | 
442 | button::-moz-focus-inner,
443 | input::-moz-focus-inner {
444 |     border: 0;
445 |     padding: 0;
446 | }
447 | 
448 | /**
449 |  * 1. Remove default vertical scrollbar in IE 6/7/8/9.
450 |  * 2. Improve readability and alignment in all browsers.
451 |  */
452 | 
453 | textarea {
454 |     overflow: auto; /* 1 */
455 |     vertical-align: top; /* 2 */
456 | }
457 | 
458 | /* ==========================================================================
459 |    Tables
460 |    ========================================================================== */
461 | 
462 | /**
463 |  * Remove most spacing between table cells.
464 |  */
465 | 
466 | table {
467 |     border-collapse: collapse;
468 |     border-spacing: 0;
469 | }
470 | 


--------------------------------------------------------------------------------
/public/css/_var.less:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Переменные
 3 |  **/
 4 | 
 5 | @path-images: '../images/';
 6 | @path-base64-images: '../images/base64/';
 7 | 
 8 | @font: 'Roboto', sans-serif;
 9 | @transitTime: .3s;
10 | @lineHeight: 1.2px;
11 | 
12 | 
13 | /**
14 |  * Цвета
15 |  */
16 | 
17 | @cWhite: #fff;
18 | @cBlack: #010209;
19 | 
20 | 
21 | /****
22 |  * Миксины, разное
23 |  ****/
24 | .size(@width, @height: @width) {
25 |     width:  @width;
26 |     height: @height;
27 | }
28 | 
29 | .pseudo() {
30 |     content: '';
31 |     position: absolute;
32 | }
33 | 
34 | .sprite (@left, @top, @width, @height: @width) {
35 |     .size(@width, @height);
36 |     background: url('@{path-images}sprite.png') (-1 * @left) (-1 * @top) no-repeat;
37 | }
38 | 
39 | @sprite-icons-20-top: 0;
40 | .sprite-icon-20 (@num, @width, @height: @width) {
41 |     .size(@width, @height);
42 |     background: url('@{path-images}sprite.png') (-20px * @num) @sprite-icons-20-top no-repeat;
43 | }
44 | 
45 | @sprite-icons-30-top: -30px;
46 | .sprite-icon-30 (@num, @width, @height: @width) {
47 |     .size(@width, @height);
48 |     background: url('@{path-images}sprite.png') (-30px * @num) @sprite-icons-30-top no-repeat;
49 | }
50 | 
51 | .hover-opacity(@opacity: 0.75) {
52 |     cursor: pointer;
53 | 
54 |     &:hover {
55 |         opacity: @opacity;
56 |     }
57 | }
58 | 
59 | .rotate(@degree) {
60 |     transform: rotate(@degree);
61 | }
62 | 
63 | // helpers
64 | .clearfix() {
65 |     &:before,
66 |     &:after {
67 |         content: "";
68 |         display: table;
69 |     }
70 | 
71 |     &:after {
72 |         clear: both;
73 |     }
74 | }
75 | 
76 | .transit(@prop: all, @time: @transitTime, @ease: ease) {
77 |     transition: @prop @time @ease;
78 | }
79 | 
80 | .text(@fontSize: 16px, @lineHeight: @lineHeight, @fontWeight: 300, @font: @font) {
81 |     font: @fontWeight @fontSize/@lineHeight @font;
82 | }
83 | 
84 | 


--------------------------------------------------------------------------------
/public/css/pages/_include.less:
--------------------------------------------------------------------------------
1 | @import "add-ticket";
2 | @import "ticket-list";
3 | @import "text-page";
4 | 


--------------------------------------------------------------------------------
/public/css/pages/add-ticket.less:
--------------------------------------------------------------------------------
  1 | @import "../_var";
  2 | 
  3 | .add-ticket-page {
  4 |     &.wrapper {
  5 |         justify-content: center;
  6 |         -ms-flex-pack: center;
  7 |         align-items: center;
  8 |         flex-direction: column;
  9 |         box-sizing: border-box;
 10 |         padding: 30px 0;
 11 |         color: #fff;
 12 |     }
 13 | 
 14 |     .login.btn {
 15 |         transition: all .2s;
 16 |         display: block;
 17 |         position: relative;
 18 |         color: #fff;
 19 |         font-family: @font;
 20 |         padding: 10px 20px 10px 40px;
 21 |         border-radius: 30px;
 22 |         background-color: rgba(0,0,0,.3);
 23 |         opacity: .6;
 24 | 
 25 |         &:hover {
 26 |             opacity: 1;
 27 |         }
 28 | 
 29 |         &:before {
 30 |             .pseudo();
 31 |             .sprite(40px, 0px, 17px, 16px);
 32 |             left: 15px;
 33 |             top: 11px;
 34 |         }
 35 |     }
 36 | 
 37 |     .sibirix {
 38 |         left: 30px;
 39 |         bottom: 26px;
 40 |     }
 41 | 
 42 |     h1 {
 43 |         font: bold 30px/30px @font;
 44 |         margin: 6px 0;
 45 |     }
 46 | 
 47 |     h2 {
 48 |         margin: 0 0 40px;
 49 |         font: 13px/30px @font;
 50 |         text-transform: uppercase;
 51 |     }
 52 | 
 53 |     .vacation {
 54 |         border: 1px solid #fff;
 55 |         margin: -30px 0 40px;
 56 |         padding: 20px;
 57 |         font-size: 12px;
 58 |         line-height: 16px;
 59 |     }
 60 | 
 61 |     .form {
 62 |         width: 560px;
 63 |         margin: 0 0 71px;
 64 |         padding: 22px 40px;
 65 |         background: #fff;
 66 |         color: #000;
 67 |         position: relative;
 68 | 
 69 |         form {
 70 |             position: relative;
 71 |         }
 72 | 
 73 |         .btn {
 74 |             transition: all .5s ease;
 75 | 
 76 |         }
 77 | 
 78 |         .success-text {
 79 |             transition: all .4s ease;
 80 |             position: absolute;
 81 |             font-size: 16px;
 82 |             width: 100%;
 83 |             bottom: 200px;
 84 |             left: 0;
 85 |             text-align: center;
 86 |             font-weight: 300;
 87 | 
 88 |             opacity: 0;
 89 |             transform: translate(0, 20px);
 90 |         }
 91 | 
 92 |         form.success {
 93 |             .success-text {
 94 |                 transition: all .4s ease .4s;
 95 |                 opacity: 1;
 96 |                 transform: translate(0, 0);
 97 |             }
 98 |             .row {
 99 |                 transition: all .3s ease;
100 |                 opacity: 0;
101 |                 visibility: hidden;
102 |             }
103 |             .file-label {
104 |                 transition: all 0s ease;
105 |                 opacity: 0;
106 |                 visibility: hidden;
107 |             }
108 |             .row-submit {
109 |                 transform: translate(207px,-280px);
110 | 
111 |                 &:before,
112 |                 &:after {
113 |                     transition: all .3s ease .3s;
114 |                     opacity: 1;
115 |                 }
116 | 
117 |                 &:after {
118 |                     transform: rotate(40deg);
119 |                 }
120 |                 &:before {
121 |                     transform: rotate(-50deg);
122 |                 }
123 |             }
124 | 
125 |             .btn {
126 |                 .size(150px, 150px);
127 |                 box-shadow: 0 0 5px 2px rgba(56, 150, 255, 0);
128 |                 //transition: all .5s ease;
129 |                 padding: 0;
130 |                 border-radius: 50%;
131 |                 background: none;
132 |                 color: #fff;
133 |                 font-size: 0;
134 |             }
135 |         }
136 | 
137 |         .added-file {
138 |             transition: all, .2s;
139 |             max-width: 210px;
140 |             width: auto;
141 |             display: inline-block;
142 |             text-overflow: ellipsis;
143 |             white-space: nowrap;
144 |             overflow: hidden;
145 |             color: #777;
146 |             float: right;
147 |             line-height: 24px;
148 |             cursor: pointer;
149 |             opacity: .6;
150 | 
151 |             &:hover {
152 |                 opacity: 1;
153 |             }
154 |         }
155 | 
156 |         &.login {
157 |             width: 360px;
158 |         }
159 | 
160 |         .row {
161 |             .clearfix();
162 |             transition: all .3s ease .3s;
163 |             margin: 0 0 10px;
164 |         }
165 | 
166 |         .reset-pass-wrap {
167 |             a {
168 |                 text-decoration: none;
169 |                 color: #3896ff;
170 |                 font: 400 13px/1 @font;
171 |             }
172 | 
173 |             &.back {
174 |                 position: absolute;
175 |                 right: 0;
176 |                 bottom: 19px;
177 |             }
178 |         }
179 | 
180 |         .eula {
181 |             span {
182 |                 display: inline;
183 |             }
184 |             .error-text {
185 |                 display: none;
186 |             }
187 |             &.error {
188 |                 .error-text {
189 |                     display: block;
190 |                     width: 100%;
191 |                     text-align: right;
192 |                 }
193 |             }
194 |             input {
195 |                 margin-right: 10px;
196 |                 vertical-align: middle;
197 |             }
198 |             a {
199 |                 font: 13px/28px Roboto,sans-serif;
200 |             }
201 |         }
202 | 
203 |         .row-submit {
204 |             .clearfix();
205 |             display: inline-block;
206 |             line-height: 1;
207 |             position: relative;
208 |             transition: all .4s;
209 |             margin: 20px 0 8px;
210 | 
211 |             .btn {
212 |                 transition: all .7s;
213 |                 //left: 0;
214 |                 //top: 0;
215 |             }
216 | 
217 |             &:before,
218 |             &:after {
219 |                 .pseudo();
220 |                 .size(70px, 1px);
221 |                 transition: all .3s ease;
222 |                 opacity: 0;
223 |                 transform: translate(0, 20px);
224 |                 background-color: #3896ff;
225 |             }
226 | 
227 |             .file-label {
228 |                 transition: all .3s ease .5s;
229 |             }
230 | 
231 |             &:after {
232 |                 width: 45px;
233 |                 top: 88px;
234 |                 left: 31px;
235 |                 transform: rotate(40deg);
236 |             }
237 | 
238 |             &:before {
239 |                 top: 75px;
240 |                 left: 58px;
241 |                 transform: rotate(-50deg);
242 |             }
243 |         }
244 | 
245 |         .col {
246 |             width: 270px;
247 |             float: left;
248 | 
249 |             + .col {
250 |                 margin-left: 20px;
251 |             }
252 |         }
253 | 
254 |         .file-label {
255 |             overflow: visible;
256 |             float: right;
257 |             text-align: right;
258 | 
259 |             &:before {
260 |                 transition: all .2s ease;
261 |             }
262 | 
263 |             span {
264 |                 transition: all .2s ease;
265 |             }
266 |         }
267 | 
268 |         textarea {
269 |             height: 120px;
270 |         }
271 |     }
272 | 
273 |     .documents {
274 |         font-size: 0;
275 |         text-align: center;
276 | 
277 |         &.to-right {
278 |             position: absolute;
279 |             right: 0;
280 |             top: 0;
281 |             bottom: 0;
282 |             margin: auto;
283 |             height: 166px;
284 |             left: 0;
285 |             width: 200px;
286 |             transform: translateX(450px);
287 |             .doc {
288 |                 margin: 0 0 20px;
289 |             }
290 |             @media (max-width: 1100px) {
291 |                 position: static;
292 |                 width: auto;
293 |                 height: auto;
294 |                 transform: none;
295 |                 .doc {
296 |                     margin: 0 20px 0;
297 |                 }
298 |             }
299 |         }
300 | 
301 |         .doc {
302 |             position: relative;
303 |             display: inline-block;
304 |             width: 193px;
305 |             margin-right: 20px;
306 |             padding-top: 39px;
307 |             vertical-align: top;
308 | 
309 |             text-decoration: none;
310 |             font: 14px/22px @font;
311 |             color: #9d9d9d;
312 | 
313 |             text-align: left;
314 | 
315 |             &:before {
316 |                 .pseudo();
317 |                 .sprite-icon-30(2, 21px, 26px);
318 |                 top: 0;
319 |             }
320 | 
321 |             &:hover {
322 |                 color: #fff;
323 |             }
324 |         }
325 |     }
326 | }
327 | 


--------------------------------------------------------------------------------
/public/css/pages/text-page.less:
--------------------------------------------------------------------------------
 1 | .wrapper.text-page {
 2 |     justify-content: center;
 3 |     .text-content {
 4 |         width: 800px;
 5 |         background: #fff;
 6 |         padding: 0 20px;
 7 |         margin: 20px 0;
 8 |     }
 9 | }
10 | 


--------------------------------------------------------------------------------
/public/css/react-select.less:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * React Select
  3 |  * ============
  4 |  * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
  5 |  * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
  6 |  * MIT License: https://github.com/keystonejs/react-select
  7 | */
  8 | .Select {
  9 |     position: relative;
 10 | }
 11 | .Select-control {
 12 |     position: relative;
 13 |     overflow: hidden;
 14 |     background-color: #ffffff;
 15 |     box-sizing: border-box;
 16 |     color: #333333;
 17 |     cursor: default;
 18 |     outline: none;
 19 |     padding: 8px 52px 8px 10px;
 20 |     border-bottom: 3px solid #3896ff;
 21 | }
 22 | .Select-control:hover {
 23 |     box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
 24 | }
 25 | .is-searchable.is-open > .Select-control {
 26 |     cursor: text;
 27 | }
 28 | .is-open > .Select-control {
 29 |     border-bottom-right-radius: 0;
 30 |     border-bottom-left-radius: 0;
 31 |     background: #ffffff;
 32 |     border-color: #b3b3b3 #cccccc #d9d9d9;
 33 | }
 34 | .is-open > .Select-control > .Select-arrow {
 35 |     border-color: transparent transparent #999999;
 36 |     border-width: 0 5px 5px;
 37 | }
 38 | .is-searchable.is-focused:not(.is-open) > .Select-control {
 39 |     cursor: text;
 40 | }
 41 | .is-focused:not(.is-open) > .Select-control {
 42 | }
 43 | .Select-placeholder {
 44 |     color: #999;
 45 |     font: italic 13px/18px @font;
 46 |     padding: 8px 52px 8px 10px;
 47 |     position: absolute;
 48 |     top: 0;
 49 |     left: 0;
 50 |     right: -15px;
 51 |     max-width: 100%;
 52 |     overflow: hidden;
 53 |     text-overflow: ellipsis;
 54 |     white-space: nowrap;
 55 | }
 56 | .has-value > .Select-control > .Select-placeholder {
 57 |     color: #333333;
 58 | }
 59 | .Select-value {
 60 |     color: #aaaaaa;
 61 |     padding: 8px 52px 8px 10px;
 62 |     position: absolute;
 63 |     top: 0;
 64 |     left: 0;
 65 |     right: -15px;
 66 |     max-width: 100%;
 67 |     overflow: hidden;
 68 |     text-overflow: ellipsis;
 69 |     white-space: nowrap;
 70 | }
 71 | .has-value > .Select-control > .Select-value {
 72 |     color: #333333;
 73 | }
 74 | .Select-input > input {
 75 |     cursor: default;
 76 |     background: none transparent;
 77 |     box-shadow: none;
 78 |     height: auto;
 79 |     border: 0 none;
 80 |     font-family: inherit;
 81 |     font-size: inherit;
 82 |     margin: 0;
 83 |     padding: 0;
 84 |     outline: none;
 85 |     display: inline-block;
 86 |     -webkit-appearance: none;
 87 | }
 88 | .is-focused .Select-input > input {
 89 |     cursor: text;
 90 | }
 91 | .Select-control:not(.is-searchable) > .Select-input {
 92 |     outline: none;
 93 | }
 94 | .Select-loading {
 95 |     -webkit-animation: Select-animation-spin 400ms infinite linear;
 96 |     -o-animation: Select-animation-spin 400ms infinite linear;
 97 |     animation: Select-animation-spin 400ms infinite linear;
 98 |     width: 16px;
 99 |     height: 16px;
100 |     box-sizing: border-box;
101 |     border-radius: 50%;
102 |     border: 2px solid #cccccc;
103 |     border-right-color: #333333;
104 |     display: inline-block;
105 |     position: relative;
106 |     margin-top: -8px;
107 |     position: absolute;
108 |     right: 30px;
109 |     top: 50%;
110 | }
111 | .has-value > .Select-control > .Select-loading {
112 |     right: 46px;
113 | }
114 | .Select-clear {
115 |     color: #999999;
116 |     cursor: pointer;
117 |     display: inline-block;
118 |     font-size: 16px;
119 |     padding: 6px 10px;
120 |     position: absolute;
121 |     right: 17px;
122 |     top: 0;
123 | }
124 | .Select-clear:hover {
125 |     color: #c0392b;
126 | }
127 | .Select-clear > span {
128 |     font-size: 1.1em;
129 | }
130 | .Select-arrow-zone {
131 |     content: " ";
132 |     position: absolute;
133 |     right: 0;
134 |     top: 0;
135 |     bottom: 0;
136 |     width: 30px;
137 |     cursor: pointer;
138 | }
139 | .Select-arrow {
140 |     content: " ";
141 |     display: block;
142 |     height: 21px;
143 |     width: 21px;
144 |     background: data-uri('@{path-base64-images}select-plus.png');
145 |     margin-top: -ceil(2.5px);
146 |     position: absolute;
147 |     right: 0;
148 |     top: 6px;
149 |     cursor: pointer;
150 | }
151 | .Select-menu-outer {
152 |     border-bottom-right-radius: 4px;
153 |     border-bottom-left-radius: 4px;
154 |     background-color: #ffffff;
155 |     border: 1px solid #cccccc;
156 |     border-top-color: #e6e6e6;
157 |     box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
158 |     box-sizing: border-box;
159 |     margin-top: -1px;
160 |     max-height: 200px;
161 |     position: absolute;
162 |     top: 100%;
163 |     width: 100%;
164 |     z-index: 1000;
165 |     -webkit-overflow-scrolling: touch;
166 | }
167 | .Select-menu {
168 |     max-height: 198px;
169 |     overflow-y: auto;
170 | }
171 | .Select-option {
172 |     box-sizing: border-box;
173 |     color: #666666;
174 |     cursor: pointer;
175 |     display: block;
176 |     padding: 8px 10px;
177 | }
178 | .Select-option:last-child {
179 |     border-bottom-right-radius: 4px;
180 |     border-bottom-left-radius: 4px;
181 | }
182 | .Select-option.is-focused {
183 |     background-color: #f2f9fc;
184 |     color: #333333;
185 | }
186 | .Select-option.is-disabled {
187 |     color: #cccccc;
188 |     cursor: not-allowed;
189 | }
190 | .Select-noresults,
191 | .Select-search-prompt,
192 | .Select-searching {
193 |     box-sizing: border-box;
194 |     color: #999999;
195 |     cursor: default;
196 |     display: block;
197 |     padding: 8px 10px;
198 | }
199 | .Select.is-multi .Select-control {
200 |     padding: 2px 52px 2px 3px;
201 | }
202 | .Select.is-multi .Select-input {
203 |     vertical-align: middle;
204 |     border: 1px solid transparent;
205 |     margin: 2px;
206 |     padding: 3px 0;
207 | }
208 | .Select-item {
209 |     background-color: #f2f9fc;
210 |     border-radius: 2px;
211 |     border: 1px solid #c9e6f2;
212 |     color: #0088cc;
213 |     display: inline-block;
214 |     font-size: 1em;
215 |     margin: 2px;
216 | }
217 | .Select-item-icon,
218 | .Select-item-label {
219 |     display: inline-block;
220 |     vertical-align: middle;
221 | }
222 | .Select-item-label {
223 |     cursor: default;
224 |     border-bottom-right-radius: 2px;
225 |     border-top-right-radius: 2px;
226 |     padding: 3px 5px;
227 | }
228 | .Select-item-label .Select-item-label__a {
229 |     color: #0088cc;
230 |     cursor: pointer;
231 | }
232 | .Select-item-icon {
233 |     cursor: pointer;
234 |     border-bottom-left-radius: 2px;
235 |     border-top-left-radius: 2px;
236 |     border-right: 1px solid #c9e6f2;
237 |     padding: 2px 5px 4px;
238 | }
239 | .Select-item-icon:hover,
240 | .Select-item-icon:focus {
241 |     background-color: #ddeff7;
242 |     color: #0077b3;
243 | }
244 | .Select-item-icon:active {
245 |     background-color: #c9e6f2;
246 | }
247 | .Select.is-multi.is-disabled .Select-item {
248 |     background-color: #f2f2f2;
249 |     border: 1px solid #d9d9d9;
250 |     color: #888888;
251 | }
252 | .Select.is-multi.is-disabled .Select-item-icon {
253 |     cursor: not-allowed;
254 |     border-right: 1px solid #d9d9d9;
255 | }
256 | .Select.is-multi.is-disabled .Select-item-icon:hover,
257 | .Select.is-multi.is-disabled .Select-item-icon:focus,
258 | .Select.is-multi.is-disabled .Select-item-icon:active {
259 |     background-color: #f2f2f2;
260 | }
261 | @keyframes Select-animation-spin {
262 |     to {
263 |         transform: rotate(1turn);
264 |     }
265 | }
266 | @-webkit-keyframes Select-animation-spin {
267 |     to {
268 |         -webkit-transform: rotate(1turn);
269 |     }
270 | }
271 | 


--------------------------------------------------------------------------------
/public/css/style.less:
--------------------------------------------------------------------------------
 1 | @import "_var";
 2 | 
 3 | /****
 4 |  * Внешние либы, ресеты
 5 |  ****/
 6 | @import "_reset";
 7 | @import 'react-select';
 8 | 
 9 | /****
10 |  * Основные стили
11 |  ****/
12 | 
13 | @import "_common";
14 | @import "pages/_include";
15 | 
16 | /****
17 |  * Адаптивный дизайн
18 |  ****/
19 | 
20 | 
21 | @import "_adaptive";
22 | 


--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SibirixScrum/HelpDesk/a96382f73c364705f0e935a745bb09425fb163f8/public/favicon.ico


--------------------------------------------------------------------------------
/public/images/base64/arr.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SibirixScrum/HelpDesk/a96382f73c364705f0e935a745bb09425fb163f8/public/images/base64/arr.png


--------------------------------------------------------------------------------
/public/images/base64/arrow-up.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SibirixScrum/HelpDesk/a96382f73c364705f0e935a745bb09425fb163f8/public/images/base64/arrow-up.png


--------------------------------------------------------------------------------
/public/images/base64/search-active.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SibirixScrum/HelpDesk/a96382f73c364705f0e935a745bb09425fb163f8/public/images/base64/search-active.png


--------------------------------------------------------------------------------
/public/images/base64/search.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SibirixScrum/HelpDesk/a96382f73c364705f0e935a745bb09425fb163f8/public/images/base64/search.png


--------------------------------------------------------------------------------
/public/images/base64/select-plus.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SibirixScrum/HelpDesk/a96382f73c364705f0e935a745bb09425fb163f8/public/images/base64/select-plus.png


--------------------------------------------------------------------------------
/public/images/bg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SibirixScrum/HelpDesk/a96382f73c364705f0e935a745bb09425fb163f8/public/images/bg.jpg


--------------------------------------------------------------------------------
/public/images/bg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SibirixScrum/HelpDesk/a96382f73c364705f0e935a745bb09425fb163f8/public/images/bg.png


--------------------------------------------------------------------------------
/public/images/space.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SibirixScrum/HelpDesk/a96382f73c364705f0e935a745bb09425fb163f8/public/images/space.jpg


--------------------------------------------------------------------------------
/public/images/sprite.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SibirixScrum/HelpDesk/a96382f73c364705f0e935a745bb09425fb163f8/public/images/sprite.png


--------------------------------------------------------------------------------
/public/images/sprite.psd:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SibirixScrum/HelpDesk/a96382f73c364705f0e935a745bb09425fb163f8/public/images/sprite.psd


--------------------------------------------------------------------------------
/public/js/actions.js:
--------------------------------------------------------------------------------
1 | const tickets = require('./actions/tickets');
2 | const root = require('./actions/root');
3 | 
4 | module.exports = {tickets, root};
5 | 
6 | 


--------------------------------------------------------------------------------
/public/js/actions/root.js:
--------------------------------------------------------------------------------
 1 | const extend = require('extend');
 2 | 
 3 | const ActionTypes = require('../constants/action-types');
 4 | const ActionTickets = require('./tickets');
 5 | const {translate, getCurLang, translateWithoutCode, i18n} = require('../i18n');
 6 | const request     = require('superagent');
 7 | 
 8 | function logoutSuccess() {
 9 |     return dispatch => {
10 |         dispatch({
11 |             type: ActionTypes.LOGOUT_SUCCESS
12 |         });
13 | 
14 |         dispatch(ActionTickets.resetState());
15 |     }
16 | }
17 | 
18 | function showModal(data) {
19 |     return dispatch => {
20 |         dispatch({
21 |             type: ActionTypes.SHOW_MODAL,
22 |             content: {header: data.header, text: data.text}
23 |         });
24 |     }
25 | }
26 | 
27 | function hideModal(data) {
28 |     return dispatch => {
29 |         dispatch({
30 |             type: ActionTypes.HIDE_MODAL
31 |         });
32 |     }
33 | }
34 | 
35 | function updateCounters(ticket, isNew = false) {
36 |     return {
37 |         type: ActionTypes.UPDATE_COUNTERS,
38 |         isNew,
39 |         ticket
40 |     };
41 | }
42 | 
43 | function loginSuccess(data) {
44 |     return dispatch => {
45 |         dispatch({
46 |             type: ActionTypes.LOGIN_SUCCESS,
47 |             user: extend({}, data.user, {token: data.token}),
48 |             countTickets: data.countTickets,
49 |             isLoading: false
50 |         });
51 | 
52 |         dispatch(ActionTickets.activeProjects(data.countTickets));
53 |     }
54 | }
55 | 
56 | function changeLang(lng) {
57 |     i18n.changeLanguage(lng);
58 | 
59 |     return dispatch => {
60 |         dispatch({
61 |             type: ActionTypes.CHANGE_LANG,
62 |             lng
63 |         });
64 | 
65 |         request.post('/user/change-lang/')
66 |             .set('Accept', 'application/json')
67 |             .type('json')
68 |             .send({
69 |                 lng: lng
70 |             })
71 |             .query({
72 |                 nocache: Date.now()
73 |             })
74 |             .end(function(err, resp) {
75 | 
76 |             });
77 |     };
78 | }
79 | 
80 | module.exports = {
81 |     loginSuccess,
82 |     showModal,
83 |     hideModal,
84 |     logoutSuccess,
85 |     updateCounters,
86 |     changeLang
87 | };
88 | 


--------------------------------------------------------------------------------
/public/js/actions/tickets.js:
--------------------------------------------------------------------------------
  1 | const ActionTypes = require('../constants/action-types');
  2 | 
  3 | const request = require('superagent');
  4 | const _ = require('underscore');
  5 | 
  6 | function addTicket(ticket) {
  7 |     return {
  8 |         type: ActionTypes.ADD_TICKET,
  9 |         ticket: ticket
 10 |     };
 11 | }
 12 | 
 13 | function updateTicket(ticket) {
 14 |     return {
 15 |         type: ActionTypes.UPDATE_TICKET,
 16 |         ticket: ticket
 17 |     };
 18 | }
 19 | 
 20 | function activeProjects(projects) {
 21 |     return {
 22 |         type: ActionTypes.SET_ACTIVE_PROJECTS,
 23 |         projects: projects
 24 |     };
 25 | }
 26 | 
 27 | function setState(filter) {
 28 |     return {
 29 |         type: ActionTypes.SET_STATE,
 30 |         filter
 31 |     };
 32 | }
 33 | 
 34 | function setFilter(sort, filter) {
 35 |     return {
 36 |         type: ActionTypes.SET_FILTER,
 37 |         sort,
 38 |         filter
 39 |     };
 40 | }
 41 | 
 42 | function beforeFetchItems(sort, filter) {
 43 |     return {
 44 |         type: ActionTypes.START_FETCH_ITEMS,
 45 |         sort,
 46 |         filter,
 47 |         isLoading: true
 48 |     };
 49 | }
 50 | 
 51 | function afterFetchItems(items, clear) {
 52 |     return {
 53 |         type: ActionTypes.END_FETCH_ITEMS,
 54 |         items,
 55 |         isLoading: false,
 56 |         clear
 57 |     };
 58 | }
 59 | 
 60 | function tagAdd(projectCode, ticketNumber, tag) {
 61 |     return dispatch => {
 62 |         request.post('/ticket/tag-add/')
 63 |             .set('Accept', 'application/json')
 64 |             .type('json')
 65 |             .send({
 66 |                 projectCode: projectCode,
 67 |                 number: ticketNumber,
 68 |                 tag: tag
 69 |             })
 70 |             .query({
 71 |                 nocache: Date.now()
 72 |             })
 73 |             .end(function(err, resp) {
 74 | 
 75 |             });
 76 |     }
 77 | }
 78 | 
 79 | function tagRemove(projectCode, ticketNumber, index) {
 80 |     return dispatch => {
 81 |         request.post('/ticket/tag-remove/')
 82 |             .set('Accept', 'application/json')
 83 |             .type('json')
 84 |             .send({
 85 |                 projectCode: projectCode,
 86 |                 number: ticketNumber,
 87 |                 index: index
 88 |             })
 89 |             .query({
 90 |                 nocache: Date.now()
 91 |             })
 92 |             .end(function(err, resp) {
 93 | 
 94 |             });
 95 |     }
 96 | }
 97 | 
 98 | function fetchItems(offset, sortType, filter, clear = true) {
 99 |     return dispatch => {
100 |         dispatch(beforeFetchItems(sortType, filter));
101 | 
102 |         var query = {
103 |                      offset,
104 |             //filter:  JSON.stringify(filter),
105 |             sort:    sortType,
106 |             nocache: Date.now()
107 |         };
108 | 
109 |         Object.keys(filter).map(field => {
110 |             query[field] = _.isArray(filter[field]) ? filter[field].join(',') : filter[field];
111 |         });
112 | 
113 |         request.get('/ticket/list/')
114 |             .set('Accept', 'application/json')
115 |             .query(query)
116 |             .end(function(err, resp) {
117 |                 const answer = JSON.parse(resp.text);
118 |                 dispatch(afterFetchItems(answer.list, clear))
119 |             });
120 |     };
121 | }
122 | 
123 | function toggleProject(code) {
124 |     return {
125 |         type: ActionTypes.TOGGLE_PROJECT,
126 |         code
127 |     };
128 | }
129 | 
130 | function setTicketListSort(sort) {
131 |     return {
132 |         type: ActionTypes.SET_TICKET_LIST_SORT,
133 |         sort
134 |     };
135 | }
136 | 
137 | function setTicketListFilter(filter) {
138 |     return {
139 |         type: ActionTypes.SET_TICKET_LIST_FILTER,
140 |         filter
141 |     };
142 | }
143 | 
144 | function beforeOpenDetail(ticket) {
145 |     return {
146 |         type: ActionTypes.START_OPEN_DETAIL,
147 |         ticket
148 |     }
149 | }
150 | 
151 | function afterOpenDetail(ticket) {
152 |     return {
153 |         type: ActionTypes.END_OPEN_DETAIL,
154 |         ticket
155 |     }
156 | }
157 | 
158 | function closeDetail() {
159 |     return {
160 |         type: ActionTypes.CLOSE_DETAIL
161 |     }
162 | }
163 | 
164 | function setDetailTicket(ticket) {
165 |     return dispatch => {
166 |         dispatch(beforeOpenDetail(ticket));
167 | 
168 |         request.get(`/ticket/detail/${ticket.project}/${ticket.number}/`)
169 |             .set('Accept', 'application/json')
170 |             .query({
171 |                 nocache: Date.now()
172 |             })
173 |             .end(function(err, resp) {
174 |                 const answer = JSON.parse(resp.text);
175 | 
176 |                 if (answer.result) {
177 |                     dispatch(afterOpenDetail(answer.ticket));
178 |                 }
179 |             });
180 |     };
181 | }
182 | 
183 | function loadMore() {
184 |     return {
185 |         type: ActionTypes.SET_NEW_PAGE
186 |     };
187 | }
188 | 
189 | function resetState() {
190 |     return {
191 |         type: ActionTypes.RESET_TICKETS_STATE
192 |     };
193 | }
194 | 
195 | module.exports = {
196 |     setState,
197 |     beforeFetchItems,
198 |     afterFetchItems,
199 |     beforeOpenDetail,
200 |     afterOpenDetail,
201 |     fetchItems,
202 |     toggleProject,
203 |     activeProjects,
204 |     setTicketListSort,
205 |     setTicketListFilter,
206 |     setDetailTicket,
207 |     loadMore,
208 |     updateTicket,
209 |     resetState,
210 |     addTicket,
211 |     closeDetail,
212 |     setFilter,
213 |     tagAdd,
214 |     tagRemove
215 | };
216 | 


--------------------------------------------------------------------------------
/public/js/application.js:
--------------------------------------------------------------------------------
 1 | const React       = require('react');
 2 | const ReactRouter = require('react-router');
 3 | const Router      = ReactRouter;
 4 | 
 5 | const Root    = require('./components/root');
 6 | const Tickets = require('./components/tickets');
 7 | const Home    = require('./components/home');
 8 | 
 9 | const DefaultRoute = Router.DefaultRoute;
10 | const Route        = Router.Route;
11 | const NotFoundRoute = Router.NotFoundRoute;
12 | 
13 | const {Provider} = require('react-redux');
14 | 
15 | const i18n = require('./i18n');
16 | 
17 | 
18 | const app = document.getElementById('app');
19 | 
20 | const NotFound = React.createClass({
21 |     mixins: [Router.Navigation],
22 |     componentDidMount() {
23 |         this.transitionTo('home');
24 |     },
25 |     render() {
26 |         return false;
27 |     }
28 | });
29 | 
30 | const routes = (
31 |     <Route name='app' path='/' handler={Root}>
32 |         <Route name="home" path="/" handler={Home}/>
33 |         <Route name="tickets" path="/tickets/" handler={Tickets}/>
34 |         <Route name="ticketsDetail" path="/tickets/:id" handler={Tickets}/>
35 |         <NotFoundRoute handler={NotFound}/>
36 |     </Route>
37 | );
38 | 
39 | let store = require('./store/configure-store');
40 | 
41 | Router.run(routes, Router.HistoryLocation, (Handler, routerState) => { // note "routerState" here
42 |     React.render(
43 |         <div style={{height: '100%'}}>
44 |             <Provider store={store}>
45 |                 {() => <Handler routerState={routerState}/>}
46 |             </Provider>
47 |         </div>
48 |         ,
49 |         app
50 |     );
51 | });
52 | 


--------------------------------------------------------------------------------
/public/js/components/copyright.js:
--------------------------------------------------------------------------------
 1 | /*** @jsx React.DOM */
 2 | 
 3 | const React = require('react');
 4 | const {translate, i18n} = require('../i18n');
 5 | 
 6 | const Copyright = React.createClass({
 7 |     render() {
 8 |         return (
 9 |             <div className="sibirix" dangerouslySetInnerHTML={{__html: translate('copyright')}}/>
10 |         )
11 |     }
12 | });
13 | 
14 | module.exports = Copyright;
15 | 


--------------------------------------------------------------------------------
/public/js/components/file-drop.js:
--------------------------------------------------------------------------------
 1 | const {translate, i18n} = require('../i18n');
 2 | 
 3 | exports.onDrop = function(files) {
 4 |     const _filesConfig = APP.files;
 5 |     const newFiles = this.state.files;
 6 |     let filesError = false;
 7 |     files.forEach(function(file) {
 8 |         let ext = file.name.split('.')[file.name.split('.').length - 1];
 9 | 
10 |         if (newFiles.length >= _filesConfig.maxCount) {
11 |             filesError = translate('errors.file.length', {count: newFiles.length});
12 |         } else if (file.size > _filesConfig.maxSize) {
13 |             filesError = translate('errors.file.size', {count: Math.round(_filesConfig.maxSize / 1000000)});
14 |         } else if (_filesConfig.extensions.indexOf(ext) === -1) {
15 |             filesError = translate('errors.file.extension', {extension: _filesConfig.extensions.join(', ')});
16 |         } else {
17 |             newFiles.push(file)
18 |         }
19 |     });
20 | 
21 |     this.setState({files: newFiles, filesError, dragHover: false});
22 | 
23 |     if (filesError) this.props.showModal({text: filesError});
24 | };


--------------------------------------------------------------------------------
/public/js/components/home.js:
--------------------------------------------------------------------------------
  1 | /*** @jsx React.DOM */
  2 | 
  3 | const React       = require('react');
  4 | const {connect}      = require('react-redux');
  5 | const Router      = require('react-router');
  6 | const Login       = require('./home/login');
  7 | const Copyright   = require('./copyright');
  8 | const AddTicket   = require('./home/add-ticket');
  9 | const RootActions = require('../actions').root;
 10 | const LanguageSwitcher = require('./language-switcher');
 11 | 
 12 | const {translate, getCurLang, translateWithoutCode, i18n} = require('../i18n');
 13 | 
 14 | let docs = '';
 15 | 
 16 | let project;
 17 | 
 18 | if (0 !== APP.projects.length) {
 19 |     project = APP.projects.filter(function(p) {
 20 |         return p.domain === document.location.host;
 21 |     }).shift();
 22 | 
 23 |     if (undefined === project) {
 24 |         document.location.href = '//' + APP.projects[0].domain;
 25 |     }
 26 | }
 27 | 
 28 | if (project && 0 !== project.files.length) {
 29 |     let className = 'documents';
 30 |     className += project.filesPos == 'right' ? ' to-right' : '';
 31 |     docs = <div className={className}>
 32 |         {project.files.map(function(file, key) {
 33 |             return <a className="doc" key={key} target="_blank" href={file.path}>{translateWithoutCode(file.name)}</a>;
 34 |         })}
 35 |     </div>;
 36 | }
 37 | 
 38 | const Home = React.createClass({
 39 |     mixins: [Router.Navigation],
 40 |     getInitialState() {
 41 |         return {
 42 |             isLogin: false,
 43 |             isSuccess: false,
 44 |             passChanged: APP.passChanged,
 45 |             isLoading: false
 46 |         }
 47 |     },
 48 | 
 49 |     componentDidMount() {
 50 |         if (this.props.query.login || this.state.passChanged) {
 51 |             this.setState({isLogin: true});
 52 |         }
 53 |     },
 54 | 
 55 |     componentWillReceiveProps(newProps) {},
 56 | 
 57 |     toggleForms() {
 58 |         this.setState({isLogin: !this.state.isLogin, passChanged: false});
 59 |     },
 60 | 
 61 |     showModal(content) {
 62 |         const {dispatch} = this.props;
 63 |         dispatch(RootActions.showModal(content));
 64 |     },
 65 | 
 66 |     onLogin(response) {
 67 |         const {dispatch} = this.props;
 68 | 
 69 |         APP.countTickets = response.countTickets;
 70 |         dispatch(RootActions.loginSuccess(response));
 71 |         this.transitionTo('tickets');
 72 |     },
 73 | 
 74 |     render() {
 75 |         const {user} = this.props;
 76 | 
 77 |         let form;
 78 |         if (user.email) {
 79 |             form =
 80 |                 <AddTicket onLogin={this.onLogin} isSuccess={this.state.isSuccess}
 81 |                            user={user}
 82 |                            isLoading={this.state.isLoading}
 83 |                            onAddTicket={(data) => this.addTicket(data)}/>;
 84 |         } else {
 85 |             if (this.state.isLogin) {
 86 |                 form = <Login passChanged={this.state.passChanged} showModal={(content) => this.showModal(content)} query={this.props.query} isLoading={this.state.isLoading} onLogin={(data) => this.onLogin(data)}/>
 87 |             } else {
 88 |                 form =
 89 |                     <AddTicket onLogin={this.onLogin} isSuccess={this.state.isSuccess}
 90 |                                user={false}
 91 |                                isLoading={this.state.isLoading}
 92 |                                onAddTicket={(data) => this.addTicket(data)}/>;
 93 |             }
 94 |         }
 95 | 
 96 |         return (
 97 |             <div className="wrapper add-ticket-page">
 98 |                 <div className="header-btn-wrapper">
 99 |                     <LanguageSwitcher lng={this.props.lng}
100 |                                       changeLanguage={this.props.changeLanguage}/>
101 | 
102 |                     <TopLink router={this.context.router}
103 |                              onClickHandler={this.toggleForms}
104 |                              isAuth={user.email ? true : false}
105 |                              isLogin={this.state.isLogin}/>
106 |                 </div>
107 | 
108 |                 {project.footer === false ? '' : <Copyright />}
109 | 
110 |                 <h1>{translateWithoutCode(project.name)}</h1>
111 | 
112 |                 <h2>{translateWithoutCode(project.title)}</h2>
113 | 
114 |                 <div className="form-wrapper">
115 |                     {form}
116 | 
117 |                     {docs}
118 |                 </div>
119 |             </div>
120 |         )
121 |     }
122 | });
123 | 
124 | const TopLink = React.createClass({
125 |     mixins: [Router.Navigation],
126 |     goToTickets() {
127 |         this.transitionTo('tickets');
128 |     },
129 |     render() {
130 |         let text;
131 | 
132 |         if (this.props.isAuth) {
133 |             text = translate('topLink.isAuth');
134 |         } else {
135 |             text = this.props.isLogin ? translate('topLink.isLogin') : translate('topLink.notAuth');
136 |         }
137 | 
138 |         return (
139 |             <a onClick={this.props.isAuth ? this.goToTickets : this.props.onClickHandler}
140 |                href="javascript:void(0);"
141 |                className="btn login">{text}</a>
142 |         )
143 |     }
144 | });
145 | 
146 | Home.contextTypes = {
147 |     router: React.PropTypes.func.isRequired
148 | };
149 | 
150 | function select(state) {
151 |     return {
152 |         user: state.root.user,
153 |         home: state.home,
154 |         lng: state.root.lng
155 |     }
156 | }
157 | 
158 | function dispatchToProps(dispatch) {
159 |     return {
160 |         changeLanguage: (lng) => dispatch(RootActions.changeLang(lng)),
161 |         dispatch
162 |     }
163 | }
164 | 
165 | module.exports = connect(select, dispatchToProps)(Home);
166 | 


--------------------------------------------------------------------------------
/public/js/components/home/add-ticket.js:
--------------------------------------------------------------------------------
  1 | /*** @jsx React.DOM */
  2 | const isIE9       = require('../ie-check');
  3 | const React       = require('react');
  4 | const request     = require('superagent');
  5 | const {connect}   = require('react-redux');
  6 | const AddForm     = require('./add-ticket/add-form');
  7 | const RootActions = require('../../actions').root;
  8 | const {translate, i18n} = require('../../i18n');
  9 | 
 10 | const ESC_KEY = 27;
 11 | 
 12 | const AddTicket = React.createClass({
 13 |     closeTimeout: false,
 14 |     serverResponse: false,
 15 |     getInitialState() {
 16 |         return {
 17 |             isLoading: false,
 18 |             isSuccess: false
 19 |         }
 20 |     },
 21 | 
 22 |     componentDidMount() {
 23 |         window.addEventListener('keyup', this.escClick.bind(this));
 24 |     },
 25 | 
 26 |     componentWillReceiveProps(props) {
 27 | 
 28 |     },
 29 | 
 30 |     escClick(e) {
 31 |         if (e.keyCode == ESC_KEY) this.closePopup();
 32 |     },
 33 | 
 34 |     showModal(content) {
 35 |         const {dispatch} = this.props;
 36 |         dispatch(RootActions.showModal(content));
 37 |     },
 38 | 
 39 |     closePopup() {
 40 |         clearTimeout(this.closeTimeout);
 41 |         this.setState({isSuccess: false})
 42 | 
 43 |         if (this.props.closePopup) {
 44 |             this.props.closePopup();
 45 |         }
 46 | 
 47 |         if (!this.props.user && this.serverResponse !== false && this.serverResponse.user !== undefined) {
 48 |             this.props.onLogin(this.serverResponse);
 49 |             this.serverResponse = false;
 50 |         }
 51 |     },
 52 | 
 53 |     onSubmit(data) {
 54 |         if (this.state.isLoading || this.state.isSuccess) return;
 55 | 
 56 |         this.setState({isLoading: true});
 57 | 
 58 |         let req = request
 59 |             .post(data.url)
 60 |             .set('Accept', 'application/json');
 61 | 
 62 |         if (isIE9) {
 63 |             req.send(data.form);
 64 |         } else {
 65 |             req
 66 |                 .field('name', data.form.name)
 67 |                 .field('projectCode', data.form.project)
 68 |                 .field('email', data.form.email)
 69 |                 .field('title', data.form.title)
 70 |                 .field('text', data.form.text)
 71 |                 .field('nocache', Date.now());
 72 |         }
 73 | 
 74 |         if (data.form.files.length && !isIE9) {
 75 |             data.form.files.forEach(function(file) {
 76 |                 req.attach('files[]', file, file.name);
 77 |             });
 78 |         }
 79 | 
 80 |         req.end(this._responseHandler.bind(this));
 81 |     },
 82 | 
 83 |     _responseHandler(err, res) {
 84 |         if (err) {
 85 |             let resp = JSON.parse(err.response.text);
 86 |             this.setState({isLoading: false, isSuccess: false});
 87 |             this.showModal({text: resp.message});
 88 | 
 89 |             return;
 90 |         }
 91 | 
 92 |         const response = res.xhr.response || res.xhr.responseText;
 93 | 
 94 |         res = JSON.parse(response);
 95 | 
 96 |         if (res.number) {
 97 |             let successText     = this.props.user
 98 |                 ? translate('addTicket.popup.isUser')
 99 |                 : res.user === undefined
100 |                 ? translate('addTicket.popup.notAuthUser')
101 |                 : translate('addTicket.popup.newUser');
102 | 
103 |             this.setState({fileError: false, isLoading: false, isSuccess: successText});
104 |             this.serverResponse = res;
105 | 
106 |             this.closeTimeout = setTimeout(function() {
107 |                 //this.closePopup();
108 |             }.bind(this), 4000);
109 |         }
110 |     },
111 | 
112 |     render() {
113 |         let toRender = <AddForm closePopup={this.closePopup}
114 |                                 showModal={this.showModal}
115 |                                 isSuccess={this.state.isSuccess}
116 |                                 user={this.props.user}
117 |                                 projects={this.props.projects}
118 |                                 onSubmit={this.onSubmit}
119 |                                 isLoading={this.state.isLoading}
120 |                                 isPopup={this.props.isPopup}/>;
121 | 
122 |         return (
123 |             <div className="form">
124 |                 {this.props.isPopup ?
125 |                     <a onClick={this.closePopup} href="javascript:void(0);" className="close"></a> : ''}
126 |                 {toRender}
127 |             </div>
128 |         )
129 |     }
130 | });
131 | 
132 | module.exports = connect()(AddTicket);


--------------------------------------------------------------------------------
/public/js/components/home/add-ticket/add-form.js:
--------------------------------------------------------------------------------
  1 | /*** @jsx React.DOM */
  2 | 
  3 | const isIE9     = require('../../ie-check');
  4 | const React     = require('react');
  5 | const Dropzone  = require('react-dropzone');
  6 | const extend    = require('extend');
  7 | const Projects  = require('../../tickets/sidebar/projects');
  8 | const FormMixin = require('../../../mixins/form-mixin');
  9 | const {translate, i18n} = require('../../../i18n');
 10 | const {onDrop} = require('../../file-drop');
 11 | 
 12 | const TAB_KEY      = 9;
 13 | 
 14 | const AddForm = React.createClass({
 15 |     tiny: null,
 16 |     mixins: [FormMixin],
 17 |     getInitialState() {
 18 |         return {
 19 |             activeProject: window.location.hostname.split('.')[0].toUpperCase(),
 20 |             dragHover: false,
 21 |             form: {
 22 |                 name: this.props.user && this.props.user.name ? this.props.user.name : '',
 23 |                 email: this.props.user && this.props.user.email ? this.props.user.email : '',
 24 |                 title: '',
 25 |                 text: '',
 26 |                 agreement: ''
 27 |             },
 28 |             errors: {
 29 |                 name: {empty: false},
 30 |                 email: {empty: false, emailInvalid: false},
 31 |                 title: {empty: false},
 32 |                 text: {empty: false},
 33 |                 agreement: {empty: false}
 34 |             },
 35 |             files: []
 36 |         };
 37 |     },
 38 | 
 39 |     onSubmit(e) {
 40 |         e.preventDefault();
 41 | 
 42 |         if (this.props.isSuccess || !this.validateForm()) return;
 43 | 
 44 |         this.setState({isLoading: true});
 45 | 
 46 |         let data     = this.state.form;
 47 |         data.files   = this.state.files;
 48 |         data.project = this.state.activeProject;
 49 | 
 50 |         this.props.onSubmit({
 51 |             url: '/ticket/add',
 52 |             form: data
 53 |         });
 54 |     },
 55 | 
 56 |     //onDrop: onDrop.bind(this),
 57 | 
 58 |     onUploadClick(e) {
 59 |         e.preventDefault();
 60 |         this.refs.dropzone.open();
 61 |     },
 62 | 
 63 |     onDeleteFile(i) {
 64 |         let files = this.state.files;
 65 |         files.splice(i, 1);
 66 | 
 67 |         this.setState({files})
 68 |     },
 69 | 
 70 |     componentWillReceiveProps(props) {
 71 |         if (props.isPopup) {
 72 |             setTimeout(function() {
 73 |                 React.findDOMNode(this.refs.title).focus();
 74 |             }.bind(this), 700);
 75 |         }
 76 | 
 77 |         if (props.isSuccess) {
 78 |             this.tiny.setContent('');
 79 |             this.setState({
 80 |                 form: {
 81 |                     name: this.props.user && this.props.user.name ? this.props.user.name : '',
 82 |                     email: this.props.user && this.props.user.email ? this.props.user.email : '',
 83 |                     title: '',
 84 |                     text: ''
 85 |                 },
 86 |                 errors: {
 87 |                     name: {empty: false},
 88 |                     email: {empty: false, emailInvalid: false},
 89 |                     title: {empty: false},
 90 |                     text: {empty: false}
 91 |                 },
 92 |                 files: []
 93 |             });
 94 |         }
 95 |     },
 96 | 
 97 |     componentDidMount() {
 98 |         tinymce.init({
 99 |             menubar: false,
100 |             setup: function(ed) {
101 |                 ed.on('keyup', function() {
102 |                     this.onFieldChange('text');
103 |                 }.bind(this));
104 |                 ed.on('keydown', function(e) {
105 |                     if (!ed.getContent() && e.keyCode === 13) {
106 |                         e.preventDefault();
107 |                         return false;
108 |                     }
109 |                 }.bind(this));
110 |             }.bind(this),
111 |             toolbar: "undo redo | styleselect bold italic | alignleft aligncenter alignright | bullist numlist",
112 |             statusbar: false,
113 |             autoresize_max_height: 200,
114 |             valid_elements: APP.allowedTags,
115 |             extended_valid_elements: "span[style],p[style]",
116 |             autoresize_min_height: 120,
117 |             selector: '#text',
118 |             theme: 'modern',
119 |             init_instance_callback: function(editor) {
120 |                 this.tiny = editor;
121 |             }.bind(this)
122 |         });
123 | 
124 |         React.findDOMNode(this.refs.name).focus();
125 |     },
126 | 
127 |     componentWillUnmount() {
128 |         if (this.tiny) {
129 |             this.tiny.remove();
130 |         }
131 |     },
132 | 
133 |     focusFirst(ev) {
134 |         if (ev.keyCode == TAB_KEY && !ev.shiftKey) {
135 |             ev.preventDefault();
136 |             let el = this.props.user.name ? this.refs.title : this.refs.name;
137 |             React.findDOMNode(el).focus();
138 |         }
139 |     },
140 | 
141 |     focusLast(ev) {
142 |         if (ev.keyCode == TAB_KEY && ev.shiftKey) {
143 |             ev.preventDefault();
144 |             React.findDOMNode(this.refs.submit).focus();
145 |         }
146 |     },
147 | 
148 |     closePopup(e) {
149 |         e.preventDefault();
150 |         this.props.closePopup();
151 |     },
152 | 
153 |     onToggleProject(code) {
154 |         this.setState({activeProject: code});
155 |     },
156 | 
157 |     render() {
158 |         const onDeleteFile = this.onDeleteFile;
159 |         const onFieldChange = this.onFieldChange;
160 |         const onDropFile = onDrop;
161 |         const {user} = this.props;
162 | 
163 |         return (
164 |             <form className={this.props.isSuccess ? 'success' : ''}
165 |                   onSubmit={this.onSubmit}
166 |                   action="javascript:void(0)"
167 |                   method="post"
168 |                   encType="multipart/form-data">
169 | 
170 |                 <div className="success-text" dangerouslySetInnerHTML={{__html: this.props.isSuccess}}/>
171 | 
172 |                 {this.props.isPopup && this.props.projects && Object.keys(this.props.projects).length > 1
173 |                     ? <div className="row">
174 |                         <Projects noTitle={true}
175 |                                   allowedProjects={this.props.projects}
176 |                                   activeProjects={[this.state.activeProject]}
177 |                                   onToggleProject={this.onToggleProject}
178 |                         />
179 |                     </div>
180 |                     : ''
181 |                 }
182 | 
183 |                 <div className="row">
184 |                     <label className={'col ' + this.getClassName('name')}>
185 |                         <span>{translate('addTicket.form.name.title')}</span>
186 |                         <input
187 |                             disabled={user && user.name ? 'true' : false}
188 |                             onChange={() => onFieldChange('name')}
189 |                             onKeyUp={() => onFieldChange('name')}
190 |                             ref="name"
191 |                             type="text"
192 |                             value={this.state.form.name}
193 |                             defaultValue={user && user.name ? user.name : ''}
194 |                             name="name"
195 |                             onKeyDown={this.focusLast}
196 |                         />
197 |                         <span className="error-text">{translate('addTicket.form.name.errors.empty')}</span>
198 |                     </label>
199 |                     <label className={'col ' + this.getClassName('email')}>
200 |                         <span>{translate('addTicket.form.email.title')}</span>
201 |                         <input disabled={user && user.name ? 'true' : false}
202 |                                onChange={() => onFieldChange('email')}
203 |                                onKeyUp={() => onFieldChange('email')}
204 |                                ref="email"
205 |                                type="text"
206 |                                value={this.state.form.email}
207 |                                defaultValue={user && user.email ? user.email : ''}
208 |                                name="email"/>
209 |                         <span className="error-text">{translate('addTicket.form.email.errors.empty')}</span>
210 |                     </label>
211 |                 </div>
212 |                 <div className="row">
213 |                     <label className={this.getClassName('title')}>
214 |                         <span>{translate('addTicket.form.title.title')}</span>
215 |                         <input onChange={() => onFieldChange('title')}
216 |                                onKeyUp={() => onFieldChange('title')}
217 |                                ref="title"
218 |                                type="text"
219 |                                value={this.state.form.title}
220 |                                name="title"/>
221 |                         <span className="error-text">{translate('addTicket.form.title.errors.empty')}</span>
222 |                     </label>
223 |                 </div>
224 |                 <div className="row">
225 |                     <label className={this.getClassName('text')}>
226 |                         <span>{translate('addTicket.form.text.title')}</span>
227 |                         <textarea id="text" ref="text" name="text"></textarea>
228 |                         <span className="error-text">{translate('addTicket.form.text.errors.empty')}</span>
229 |                     </label>
230 |                 </div>
231 |                 <div className="row">
232 |                     <label className={"eula " + this.getClassName('agreement')}>
233 |                         <input type="checkbox"
234 |                                name="agreement"
235 |                                value={this.state.form.agreement}
236 |                                onChange={() => onFieldChange('agreement')}
237 |                                ref="agreement"/>
238 |                         <span dangerouslySetInnerHTML={{__html: translate('addTicket.form.agreement.text')}}/>
239 |                         <span className="error-text">{translate('addTicket.form.agreement.errors.empty')}</span>
240 |                     </label>
241 |                 </div>
242 |                 <div className="row-submit clearfix">
243 |                     <input className={this.props.isLoading ? "btn btn-blue js-send loading" : "btn btn-blue js-send"}
244 |                            type="submit"
245 |                            onClick={this.props.isSuccess && this.props.closePopup ? this.closePopup : function () {
246 |                            }}
247 |                            onKeyDown={this.focusFirst}
248 |                            ref="submit"
249 |                            value={translate('addTicket.form.submit.title')}/>
250 |                     {isIE9 ? '' : <Dropzone activeClassName="drag-hover"
251 |                                             className="dropzone-drop"
252 |                                             ref="dropzone"
253 |                                             disableClick={true}
254 |                                             onDrop={onDropFile.bind(this)}>
255 |                         <label className="file-label">
256 |                             <span style={{lineHeight: '36px'}} href="javascript:void(0);"
257 |                                   onClick={this.onUploadClick}>{translate('addTicket.form.file.title')}</span>
258 |                             <span className="file-list">
259 |                                             {this.state.files.map((file, i) => {
260 |                                                 return <File onDeleteFile={onDeleteFile} key={i} index={i} file={file}/>
261 |                                             })}
262 |                                         </span>
263 |                         </label>
264 |                     </Dropzone>
265 |                     }
266 |                 </div>
267 |             </form>
268 |         )
269 |     }
270 | });
271 | 
272 | const File = React.createClass({
273 |     delete() {
274 |         this.props.onDeleteFile(this.props.index);
275 |     },
276 |     render() {
277 |         return (
278 |             <div onClick={this.delete} className="added-file">{this.props.file.name}</div>
279 |         )
280 |     }
281 | });
282 | 
283 | module.exports = AddForm;
284 | 


--------------------------------------------------------------------------------
/public/js/components/home/login.js:
--------------------------------------------------------------------------------
  1 | /*** @jsx React.DOM */
  2 | 
  3 | const React     = require('react');
  4 | const extend    = require('extend');
  5 | const request   = require('superagent');
  6 | const FormMixin = require('../../mixins/form-mixin');
  7 | const {translate, i18n} = require('../../i18n');
  8 | 
  9 | const Login = React.createClass({
 10 |     mixins: [FormMixin],
 11 |     getInitialState() {
 12 |         return {
 13 |             isReset: false,
 14 |             isLoading: false,
 15 |             errors: {
 16 |                 email: {
 17 |                     empty: false,
 18 |                     wrong: false
 19 |                 },
 20 |                 password: {
 21 |                     empty: false,
 22 |                     wrong: false
 23 |                 }
 24 |             },
 25 |             form: {
 26 |                 email: '',
 27 |                 password: ''
 28 |             }
 29 |         }
 30 |     },
 31 | 
 32 |     componentDidMount() {
 33 |         if (this.props.passChanged) {
 34 |             this.props.showModal({
 35 |                 header: translate('login.passChanged.header'),
 36 |                 text: translate('login.passChanged.text')
 37 |             });
 38 |         }
 39 |         if (this.props.query.login) {
 40 |             this.setState({form: {email: decodeURIComponent(this.props.query.login)}});
 41 |             this.refs.password.getDOMNode().focus();
 42 |         } else {
 43 |             this.refs.email.getDOMNode().focus();
 44 |         }
 45 |     },
 46 | 
 47 |     componentDidUpdate(prevProps, prevState) {
 48 |         if (prevState.isReset !== this.state.isReset) React.findDOMNode(this.refs.email).focus();
 49 |     },
 50 | 
 51 |     handleLogin() {
 52 |         request.post('/user/login')
 53 |             .type('json')
 54 |             .send({
 55 |                 nocache: Date.now(),
 56 |                 email: this.state.form.email,
 57 |                 password: this.state.form.password
 58 |             })
 59 |             .end(function(err, res) {
 60 |                 const response = res.xhr.response || res.xhr.responseText;
 61 |                 res = JSON.parse(response);
 62 |                 this.setState({isLoading: false});
 63 | 
 64 |                 if (res.result) {
 65 |                     this.props.onLogin(res);
 66 |                     return;
 67 |                 }
 68 | 
 69 |                 if (res.error === 'wrong pass') {
 70 |                     this.setState({errors: extend({}, this.state.errors, {password: {wrong: true}})});
 71 |                     this.refs.password.getDOMNode().focus();
 72 |                 }
 73 |                 if (res.error === 'no user') {
 74 |                     this.setState({errors: extend({}, this.state.errors, {email: {wrong: true}})});
 75 |                     this.refs.email.getDOMNode().focus();
 76 |                 }
 77 |             }.bind(this));
 78 |     },
 79 | 
 80 |     handleReset() {
 81 |         request.post('/user/reset')
 82 |             .type('json')
 83 |             .send({
 84 |                 nocache: Date.now(),
 85 |                 email: this.state.form.email
 86 |             })
 87 |             .end(function(err, res) {
 88 | 
 89 |                 const response = res.xhr.response || res.xhr.responseText;
 90 |                 res = JSON.parse(response);
 91 |                 this.setState({isLoading: false});
 92 | 
 93 |                 if (res.result) {
 94 |                     this.props.showModal(
 95 |                         {
 96 |                             header: translate('login.reset.header'),
 97 |                             text: translate('login.reset.text')
 98 |                         });
 99 |                 }
100 | 
101 |                 if (res.error === 'no user') {
102 |                     this.setState({errors: extend({}, this.state.errors, {email: {wrong: true}})});
103 |                     this.refs.email.getDOMNode().focus();
104 |                 }
105 |             }.bind(this));
106 |     },
107 | 
108 |     onSubmit(e) {
109 |         e.preventDefault();
110 | 
111 |         let fields = this.state.form;
112 | 
113 |         if (this.state.isReset) fields.password = 'none';
114 |         if (!this.validateForm() || this.state.errors.email.wrong) return;
115 | 
116 |         this.setState({isLoading: true});
117 | 
118 |         if (this.state.isReset) {
119 |             this.handleReset();
120 |         } else {
121 |             this.handleLogin();
122 |         }
123 |     },
124 | 
125 |     focusFirst(ev) {
126 |         if (ev.keyCode == 9 && !ev.shiftKey) {
127 |             ev.preventDefault();
128 |             React.findDOMNode(this.refs.email).focus();
129 |         }
130 |     },
131 | 
132 |     focusLast(ev) {
133 |         if (ev.keyCode == 9 && ev.shiftKey) {
134 |             ev.preventDefault();
135 |             React.findDOMNode(this.refs.submit).focus();
136 |         }
137 |     },
138 | 
139 |     render() {
140 |         const onFieldChange = this.onFieldChange;
141 |         const {isReset} = this.state;
142 | 
143 |         return (
144 |             <div className="form login">
145 |                 <form onSubmit={this.onSubmit} action="javascript:void(0)" method="post" encType="multipart/form-data">
146 |                     <input type="hidden" name="sessid"/>
147 | 
148 |                     <div className="row">
149 |                         <label className={this.getClassName('email')}>
150 |                             <span>{translate('login.form.email.title')}</span>
151 |                             <input onChange={() => onFieldChange('email')}
152 |                                    onKeyUp={() => onFieldChange('email')}
153 |                                    ref="email"
154 |                                    value={this.state.form.email}
155 |                                    type="text"
156 |                                    onKeyDown={this.focusLast}
157 |                                    name="email"/>
158 |                             <span className="error-text">{this.state.errors.email.wrong ? translate('login.form.email.errors.wrong') : translate('login.form.email.errors.empty')}</span>
159 |                         </label>
160 |                     </div>
161 |                     <div className={this.state.isReset ? "hidden row" : "row"}>
162 |                         <label className={this.getClassName('password')}>
163 |                             <span>{translate('login.form.password.title')}</span>
164 | 
165 |                             <input onChange={() => onFieldChange('password')}
166 |                                    onKeyUp={() => onFieldChange('password')}
167 |                                    value={this.state.form.password}
168 |                                    ref="password"
169 |                                    type="password"
170 |                                    name="password"/>
171 |                             <span className="error-text">{this.state.errors.password.wrong ? translate('login.form.password.errors.wrong') : translate('login.form.password.errors.empty')}</span>
172 |                         </label>
173 |                     </div>
174 |                     <div className={isReset ? "back reset-pass-wrap" : "reset-pass-wrap"}>
175 |                         <a
176 |                             onClick={() => isReset ? this.setState({isReset: false, form: {email: this.state.form.email, password: ''}}) : this.setState({isReset: true})}
177 |                             href="javascript:void(0);">{isReset ? translate('login.form.return.title') : translate('login.form.reset.title')}
178 |                         </a>
179 |                     </div>
180 | 
181 |                     <div className="row-submit">
182 |                         <input className={this.state.isLoading ? 'btn btn-blue js-send loading' : 'btn btn-blue js-send'}
183 |                                type="submit"
184 |                                ref="submit"
185 |                                onKeyDown={this.focusFirst}
186 |                                value={!this.state.isReset ? translate('login.form.submit.title') : translate('login.form.submitReset.title')}/>
187 |                     </div>
188 |                 </form>
189 |             </div>
190 |         )
191 |     }
192 | });
193 | 
194 | module.exports = Login;
195 | 


--------------------------------------------------------------------------------
/public/js/components/ie-check.js:
--------------------------------------------------------------------------------
 1 | var div = document.createElement("div");
 2 | div.innerHTML = "<!--[if IE 9]><i></i><![endif]-->";
 3 | var isIeLessThan9 = (div.getElementsByTagName("i").length == 1);
 4 | 
 5 | if (isIeLessThan9) {
 6 |     if (!window.console) window.console = {};
 7 |     if (!window.console.log) window.console.log = function () {};
 8 | }
 9 | 
10 | module.exports = isIeLessThan9;


--------------------------------------------------------------------------------
/public/js/components/language-switcher.js:
--------------------------------------------------------------------------------
 1 | /*** @jsx React.DOM */
 2 | 
 3 | const React = require('react');
 4 | const lang = require('../locale');
 5 | 
 6 | const LanguageSwitcher = React.createClass({
 7 |     getInitialState() {
 8 |         return {
 9 |             lngs: lang.locales,
10 |         }
11 |     },
12 | 
13 |     onLanguageChanged(e) {
14 |         this.props.changeLanguage(e.target.value);
15 |     },
16 | 
17 |     render() {
18 |         return (
19 |             <div className="language-switcher" onChange={this.onLanguageChanged}>
20 |                 <input id="lng-1"
21 |                        type="radio"
22 |                        name="lng"
23 |                        value="en"
24 |                        defaultChecked={this.props.lng === 'en'}
25 | 
26 |                 />
27 |                 <label htmlFor="lng-1"><span>EN</span></label>
28 |                 <input id="lng-2"
29 |                        type="radio"
30 |                        name="lng"
31 |                        value="ru"
32 |                        defaultChecked={this.props.lng === 'ru'}
33 |                 />
34 |                 <label htmlFor="lng-2"><span>RU</span></label>
35 |                 <small />
36 |             </div>
37 |         )
38 |     }
39 | });
40 | 
41 | module.exports = LanguageSwitcher;
42 | 


--------------------------------------------------------------------------------
/public/js/components/root.js:
--------------------------------------------------------------------------------
  1 | /*** @jsx React.DOM */
  2 | const isIe9         = require('./ie-check');
  3 | const React         = require('react');
  4 | const {connect}     = require('react-redux');
  5 | const Modal         = isIe9 ? '' : require('boron/WaveModal');
  6 | const ReactRouter   = require('react-router');
  7 | const TicketActions = require('../actions/tickets');
  8 | const RootActions   = require('../actions/root');
  9 | const RouteHandler  = ReactRouter.RouteHandler;
 10 | 
 11 | const {translate, i18n} = require('../i18n');
 12 | 
 13 | 
 14 | var socket = null;
 15 | function connectIO(user, dispatch) {
 16 |     if (null === socket) {
 17 |         var origin = window.location.origin || `http://${window.location}`;
 18 |         var https = document.location.protocol === 'https:';
 19 |         socket     = io.connect(origin.replace(/:\d+$/, '') + ':' + APP.port, {'forceNew': true});
 20 | 
 21 |         socket.on('connect', function() {
 22 |             // Отправляем авторизационные данные
 23 |             socket.emit('authenticate', {token: user.token});
 24 |         });
 25 | 
 26 |         function notifyOnClick(ticket) {
 27 |             return function() {
 28 |                 dispatch(TicketActions.setDetailTicket({
 29 |                     project: ticket.project,
 30 |                     number: ticket.number
 31 |                 }));
 32 |             }
 33 |         }
 34 | 
 35 |         // Слушаем события
 36 |         socket
 37 |             .on('newTicket', function(params) {
 38 |                 if (params.source != user.email) {
 39 |                     showNotify("Новый тикет в проекте " +
 40 |                     params.ticket.project, params.ticket.title, notifyOnClick(params.ticket));
 41 |                 }
 42 | 
 43 |                 dispatch(RootActions.updateCounters(params.ticket, true));
 44 |                 dispatch(TicketActions.addTicket(params.ticket));
 45 |             }).on('ticketClosed', function(params) {
 46 |                 if (params.source != user.email) {
 47 |                     showNotify("Тикет \"" + params.ticket.title + "\" закрыт.", false, notifyOnClick(params.ticket));
 48 |                 }
 49 | 
 50 |                 dispatch(TicketActions.updateTicket(params.ticket));
 51 |                 dispatch(RootActions.updateCounters(params.ticket));
 52 |             }).on('ticketOpened', function(params) {
 53 |                 if (params.source != user.email) {
 54 |                     showNotify("Тикет \"" + params.ticket.title +
 55 |                     "\" переоткрыт.", false, notifyOnClick(params.ticket));
 56 |                 }
 57 | 
 58 |                 dispatch(RootActions.updateCounters(params.ticket));
 59 |                 dispatch(TicketActions.updateTicket(params.ticket));
 60 |             }).on('ticketMessage', function(params) {
 61 |                 if (params.source != user.email) {
 62 |                     showNotify("Новое сообщение в тикете \"" + params.ticket.title +
 63 |                     "\".", false, notifyOnClick(params.ticket));
 64 |                 }
 65 | 
 66 |                 dispatch(TicketActions.updateTicket(params.ticket));
 67 |             }).on('ticketChange', function(params) {
 68 |                 dispatch(TicketActions.updateTicket(params.ticket));
 69 |             });
 70 |     }
 71 | }
 72 | 
 73 | function showNotify(title, message, onClick) {
 74 |     if (!window.Notification) {
 75 |         return false;
 76 |     }
 77 | 
 78 |     var notificationOptions = {
 79 |         body: message ? message : "",
 80 |         icon: window.location.origin + '/pictures/logo-big.jpg'
 81 |     };
 82 | 
 83 |     try {
 84 |         var notification = new Notification(title, notificationOptions);
 85 | 
 86 |         if (onClick) {
 87 |             notification.onclick = onClick;
 88 |         }
 89 |         var timeoutId = setTimeout(function() {
 90 |             if (notification) {
 91 |                 notification.close();
 92 |             }
 93 |         }, 5000);
 94 | 
 95 |         notification.onclose = function() {
 96 |             clearTimeout(timeoutId);
 97 |         };
 98 |     } catch (e) {
 99 |         console.log(e.message);
100 |         // maybe in future, when helpdesk will be under https...
101 |         /*try {
102 |          ServiceWorkerRegistration.showNotification(title, notificationOptions);
103 |          } catch(e) {
104 |          console.log(e.message);
105 |          }*/
106 |     }
107 | }
108 | 
109 | function disconnectIO() {
110 |     if (null !== socket) {
111 |         socket = null;
112 |     }
113 | }
114 | 
115 | const Root = React.createClass({
116 |     // state is changed
117 |     componentWillReceiveProps(props) {
118 |         if (false !== props.modal) {
119 |             if (isIe9) {
120 |                 alert(props.modal.text);
121 |             } else {
122 |                 this.refs.modal.show();
123 |             }
124 |         }
125 | 
126 |         this.checkAuth();
127 |     },
128 | 
129 |     checkAuth: function() {
130 |         const { dispatch } = this.props;
131 |         if (false !== this.props.user) {
132 |             connectIO(this.props.user, dispatch);
133 | 
134 |             if (window.Notification) {
135 |                 Notification.requestPermission(function newMessage(permission) {
136 |                     if (permission != "granted") {
137 |                         return;
138 |                     }
139 |                 });
140 |             }
141 | 
142 |         } else {
143 |             disconnectIO();
144 |         }
145 |     },
146 | 
147 |     // component was rendered for the 1st time
148 |     componentDidMount() {
149 |         this.checkAuth();
150 |     },
151 | 
152 |     onModalHide() {
153 |         const { dispatch } = this.props;
154 |         dispatch(RootActions.hideModal());
155 |     },
156 | 
157 |     hideModal() {
158 |         this.refs.modal.hide();
159 |     },
160 | 
161 |     render() {
162 |         let modalHeader = translate('modal.header');
163 |         let modalText   = translate('modal.text');
164 | 
165 |         if (this.props.modal !== false) {
166 |             modalHeader = this.props.modal.header || modalHeader;
167 |             modalText   = this.props.modal.text || modalHeader;
168 |         }
169 | 
170 |         return (
171 |             <div className="root-wrap">
172 |                 <RouteHandler routerState={this.props.routerState}/>
173 |                 {isIe9 ? '' : <Modal onHide={this.onModalHide} ref="modal">
174 |                     <div className="modal-content-wrap">
175 |                         <div className="header">{modalHeader}</div>
176 |                         <div className="text">{modalText}</div>
177 |                         <div className="link-wrap">
178 |                             <a onClick={this.hideModal}
179 |                                href="javascript:void(0);"
180 |                                className="btn btn-red-big">{translate('modal.close')}</a>
181 |                         </div>
182 |                     </div>
183 |                 </Modal>}
184 |             </div>
185 |         )
186 |     }
187 | });
188 | 
189 | function select(state) {
190 |     return {
191 |         user: state.root.user,
192 |         modal: state.root.modal
193 |     }
194 | }
195 | 
196 | module.exports = connect(select)(Root);
197 | 


--------------------------------------------------------------------------------
/public/js/components/tickets.js:
--------------------------------------------------------------------------------
  1 | /*** @jsx React.DOM */
  2 | const isIE9          = require('./ie-check');
  3 | const TicketsSidebar = require('./tickets/sidebar');
  4 | const TicketsList    = require('./tickets/list');
  5 | const TicketsDetail  = require('./tickets/detail');
  6 | const extend         = require('extend');
  7 | const request        = require('superagent');
  8 | const {connect}      = require('react-redux');
  9 | const React          = require('react');
 10 | const Router         = require('react-router');
 11 | const TicketsActions = require('../actions').tickets;
 12 | const RootActions    = require('../actions').root;
 13 | const _ = require('underscore');
 14 | 
 15 | const Tickets = React.createClass({
 16 |     mixins: [Router.Navigation],
 17 | 
 18 |     getInitialState() {
 19 |         return {
 20 |             isBtnDisabled: false
 21 |         }
 22 |     },
 23 | 
 24 |     _getTicketId: (ticket) => `${ticket.project}-${ticket.number}`,
 25 | 
 26 |     componentDidMount() {
 27 |         const { user, tickets, query, params, setDetailTicket, setFilter, fetchItems } = this.props;
 28 | 
 29 |         if ((this.props.query.login && user !== false && this.props.query.login !== user.email) || false === user) {
 30 |             this.transitionTo('home', {}, {login: this.props.query.login});
 31 | 
 32 |             return;
 33 |         }
 34 | 
 35 |         var currentFilter = Object.assign({}, tickets.filter);
 36 |         const sort           = query.sort ? query.sort : tickets.sort;
 37 |         const state          = query.state ? query.state : currentFilter.state;
 38 |         const projects = query.projects ? query.projects.split('-') : currentFilter.projects;
 39 |         const email = query.email ? query.email : currentFilter.email;
 40 |         const tags = query.tags ? query.tags.split('-') : currentFilter.tags;
 41 | 
 42 |         var filter = {
 43 |             tags,
 44 |             email,
 45 |             state,
 46 |             projects
 47 |         };
 48 | 
 49 |         let fromUrl = !_.isEqual(filter, currentFilter);
 50 | 
 51 |         if (params.id) {
 52 |             const project = params.id.split('-')[0];
 53 |             const number  = params.id.split('-')[1];
 54 |             setDetailTicket({project, number});
 55 |         }
 56 | 
 57 |         if (fromUrl) {
 58 |             setFilter(sort, filter);
 59 | 
 60 |             return;
 61 |         }
 62 | 
 63 |         fetchItems(0, sort, filter);
 64 |     },
 65 | 
 66 |     componentWillReceiveProps(nextProps) {
 67 |         const { tickets, params, fetchItems } = nextProps;
 68 | 
 69 |         var filter = Object.assign({}, tickets.filter);
 70 |         if (this._shouldFetchItems(this.props, nextProps)) {
 71 |             fetchItems(0, tickets.sort, filter);
 72 |         }
 73 | 
 74 |         if (tickets.detailedOpened !== false &&
 75 |             (!params.id || params.id !== this._getTicketId(tickets.detailedOpened))) {
 76 |             if (!isIE9) {
 77 |                 this.transitionTo('ticketsDetail', {id: this._getTicketId(tickets.detailedOpened)}, {
 78 |                     state: filter.state,
 79 |                     projects: filter.projects.join('-'),
 80 |                     sort: tickets.sort
 81 |                 });
 82 |             }
 83 |         } else {
 84 |             if (tickets.detailedOpened === false) {
 85 |                 if (!isIE9) {
 86 |                     var transitionParams = {
 87 |                         state: filter.state,
 88 |                         projects: filter.projects.join('-'),
 89 |                         sort: tickets.sort
 90 |                     };
 91 |                     if (filter.email) {
 92 |                         transitionParams.email = filter.email;
 93 |                     }
 94 |                     if (filter.tags && filter.tags.length) {
 95 |                         transitionParams.tags = filter.tags.join('-');
 96 |                     }
 97 |                     this.transitionTo('tickets', {}, transitionParams);
 98 |                 }
 99 |             }
100 |         }
101 |     },
102 | 
103 |     _shouldFetchItems(props, nextProps) {
104 |         let shouldFetchItems = false;
105 | 
106 |         if (props.tickets.sort !== nextProps.tickets.sort) {
107 |             shouldFetchItems = true;
108 |         } else if (!_.isEqual(props.tickets.filter, nextProps.tickets.filter)) {
109 |             shouldFetchItems = true;
110 |         }
111 | 
112 |         return shouldFetchItems;
113 |     },
114 | 
115 |     onLogout() {
116 |         this.props.logoutSuccess();
117 |         this.transitionTo('home');
118 |     },
119 | 
120 |     loadMore() {
121 |         const {tickets, fetchItems} = this.props;
122 |         fetchItems(tickets.items.length, tickets.sort, Object.assign({}, tickets.filter), false);
123 |     },
124 | 
125 |     setTicketState(flag, project, number) {
126 |         const data = {
127 |             projectCode: project,
128 |             nocache: Date.now(),
129 |             number
130 |         };
131 | 
132 |         let url;
133 | 
134 |         if (flag) {
135 |             url = '/ticket/open/';
136 |         } else {
137 |             url = '/ticket/close/';
138 |         }
139 | 
140 |         this.setState({isBtnDisabled: true});
141 |         request.post(url)
142 |             .send(data)
143 |             .type('json')
144 |             .end(() => {
145 |                 if (isIE9) {
146 |                     location.reload();
147 |                 }
148 |                 this.setState({isBtnDisabled: false})
149 |             });
150 |     },
151 | 
152 |     render() {
153 |         const { user, tickets, allowedProjects } = this.props;
154 | 
155 |         return (
156 |             <div className="wrapper tickets-list-page">
157 |                 <TicketsSidebar {...{user, tickets, allowedProjects}}
158 |                     onStateClick={this.props.setState}
159 |                     onToggleProject={this.props.toggleProject}
160 |                     onLogout={this.onLogout}
161 |                     lng={this.props.lng}
162 |                     changeLanguage={this.props.changeLanguage}
163 |                     curProject={this.props.curProject}
164 |                     />
165 |                 <TicketsList tickets={Object.assign({}, tickets)}
166 |                              user={user}
167 |                              closeDetail={this.props.closeDetail}
168 |                              projects={allowedProjects}
169 |                              onSortChange={this.props.setTicketListSort}
170 |                              onFilterChange={this.props.setTicketListFilter}
171 |                              openDetail={this.props.setDetailTicket}
172 |                              loadMore={this.loadMore}
173 |                              tagsReference={this.props.tagsReference}
174 |                     />
175 |                 <TicketsDetail isDetailLoading={tickets.isDetailLoading}
176 |                                showModal={this.props.showModal}
177 |                                setTicketState={this.setTicketState}
178 |                                closePanel={this.props.closeDetail}
179 |                                opened={tickets.detailedOpened}
180 |                                user={user}
181 |                                isBtnDisabled={this.state.isBtnDisabled}
182 |                                tickets={tickets.items}
183 |                                tagsReference={this.props.tagsReference}
184 |                                tagAdd={this.props.tagAdd}
185 |                                tagRemove={this.props.tagRemove}
186 |                 />
187 |             </div>
188 |         )
189 |     }
190 | });
191 | 
192 | function select(state) {
193 |     return {
194 |         user: state.root.user,
195 |         tickets: Object.assign({}, state.tickets),
196 |         allowedProjects: state.root.allowedProjects,
197 |         tagsReference: state.root.tagsReference,
198 |         lng: state.root.lng,
199 |         curProject: state.root.curProject
200 |     }
201 | }
202 | 
203 | function mapDispatchToProps(dispatch) {
204 |     return {
205 |         setDetailTicket: (ticket) => dispatch(TicketsActions.setDetailTicket(ticket)),
206 |         fetchItems: (offset, sort, filter, clear) => dispatch(TicketsActions.fetchItems(offset, sort, filter, clear)),
207 |         setFilter: (sort, filter) => dispatch(TicketsActions.setFilter(sort, filter)),
208 |         logoutSuccess: () => dispatch(RootActions.logoutSuccess()),
209 |         toggleProject: (code) => dispatch(TicketsActions.toggleProject(code)),
210 |         setState: (filter) => dispatch(TicketsActions.setState(filter)),
211 |         setTicketListSort: (sortType) => dispatch(TicketsActions.setTicketListSort(sortType)),
212 |         setTicketListFilter: (filter) => dispatch(TicketsActions.setTicketListFilter(filter)),
213 |         closeDetail: (sortType) => dispatch(TicketsActions.closeDetail()),
214 |         showModal: (content) => dispatch(RootActions.showModal(content)),
215 |         tagAdd: (projectCode, ticketNumber, tag) => dispatch(TicketsActions.tagAdd(projectCode, ticketNumber, tag)),
216 |         tagRemove: (projectCode, ticketNumber, index) => dispatch(TicketsActions.tagRemove(projectCode, ticketNumber, index)),
217 |         changeLanguage: (lng) => dispatch(RootActions.changeLang(lng)),
218 |     }
219 | }
220 | 
221 | function _isSameArrays(arr1, arr2) {
222 |     let isSame = (
223 |         arr1.length == arr2.length)
224 |         && arr1.every(function(element, index) {
225 |                 return element === arr2[index];
226 |             }
227 |         );
228 | 
229 |     return isSame;
230 | }
231 | 
232 | module.exports = connect(select, mapDispatchToProps)(Tickets);
233 | 


--------------------------------------------------------------------------------
/public/js/components/tickets/detail.js:
--------------------------------------------------------------------------------
 1 | /*** @jsx React.DOM */
 2 | 
 3 | const TicketsDetailHeader   = require('./detail/header');
 4 | const TicketsDetailMessages = require('./detail/messages');
 5 | const TicketsDetailTags     = require('./detail/tags');
 6 | const React = require('react');
 7 | const TicketsDetail = React.createClass({
 8 |     render() {
 9 |         const ticket = this.props.opened;
10 | 
11 |         let classes = ticket ? "column one-ticket visible" : "column one-ticket";
12 |         if (!ticket.opened) classes += ' closed';
13 |         if (this.props.isDetailLoading) classes += ' loading';
14 | 
15 |         var proj = false;
16 |         if (ticket) {
17 |             proj = APP.projects.filter((project) => project.code === ticket.project);
18 |             proj = proj[0];
19 |         }
20 | 
21 |         return (
22 |             <div className={classes}>
23 |                 <TicketsDetailHeader isBtnDisabled={this.props.isBtnDisabled} setTicketState={this.props.setTicketState} closePanel={this.props.closePanel} ticket={ticket}/>
24 | 
25 | 
26 |                 {proj && proj.canSupport ?
27 |                  <TicketsDetailTags tags={ticket.tags}
28 |                                     tagsReference={this.props.tagsReference}
29 |                                     tagAdd={tag => { this.props.tagAdd(ticket.project, ticket.number, tag) }}
30 |                                     tagRemove={index => { this.props.tagRemove(ticket.project, ticket.number, index) }}
31 |                 /> : null}
32 | 
33 |                 <TicketsDetailMessages isLoading={this.props.isDetailLoading} showModal={this.props.showModal} ticket={ticket} />
34 |             </div>
35 |         )
36 |     }
37 | });
38 | 
39 | module.exports = TicketsDetail;
40 | 


--------------------------------------------------------------------------------
/public/js/components/tickets/detail/header.js:
--------------------------------------------------------------------------------
 1 | /*** @jsx React.DOM */
 2 | const React = require('react');
 3 | const {translate, i18n} = require('../../../i18n');
 4 | 
 5 | const TicketsDetailHeader = React.createClass({
 6 |     render() {
 7 |         const {setTicketState, ticket, isBtnDisabled} = this.props;
 8 |         const classes = ticket.opened ? "btn btn-red js-close-ticket" : "btn btn-blue-small js-close-ticket";
 9 | 
10 |         let proj = APP.projects.filter((project) => project.code === ticket.project);
11 |         proj = proj[0];
12 | 
13 |         let onStateClickHandler = function() {
14 |             if (!isBtnDisabled) {
15 |                 setTicketState(!ticket.opened, ticket.project, ticket.number)
16 |             }
17 |         };
18 | 
19 |         return (
20 |             <div className="column-title">
21 |                 <a onClick={this.props.closePanel} className="icon-back js-back" href="javascript:void(0)"></a>
22 | 
23 |                 <a onClick={() => onStateClickHandler()}
24 |                    className={classes}
25 |                    href="javascript:void(0)">{ticket.opened ? translate('tickets.do.close') : translate('tickets.do.open')}</a>
26 | 
27 |                 <span className="ticket-title" title={ticket.title}>{ticket.title}</span>
28 |                 {proj ? <span className="number">{proj.letters}-{ticket.number}</span> : ''}
29 |             </div>
30 |         )
31 |     }
32 | });
33 | 
34 | module.exports = TicketsDetailHeader;
35 | 


--------------------------------------------------------------------------------
/public/js/components/tickets/detail/messages.js:
--------------------------------------------------------------------------------
 1 | /*** @jsx React.DOM */
 2 | 
 3 | const TicketAnswerForm = require('./messages/answer-form');
 4 | const TicketMessage = require('./messages/message');
 5 | const React = require('react');
 6 | 
 7 | const TicketsDetailMessages = React.createClass({
 8 |     componentDidUpdate: function() {
 9 |         var node = this.getDOMNode();
10 |         node.scrollTop = node.scrollHeight;
11 |     },
12 | 
13 |     render() {
14 |         return (
15 |             <div className="ticket-messages">
16 |                 {this.props.ticket ? <TicketMessage ticket={this.props.ticket} /> : ''}
17 |                 {this.props.ticket.opened ? <TicketAnswerForm isLoading={this.props.isLoading} showModal={this.props.showModal} ticket={this.props.ticket} /> : ''}
18 |             </div>
19 |         )
20 |     }
21 | });
22 | 
23 | module.exports = TicketsDetailMessages;
24 | 


--------------------------------------------------------------------------------
/public/js/components/tickets/detail/messages/answer-form.js:
--------------------------------------------------------------------------------
  1 | /*** @jsx React.DOM */
  2 | const isIE9    = require('../../../ie-check');
  3 | const React    = require('react');
  4 | const request  = require('superagent');
  5 | const Dropzone = require('react-dropzone');
  6 | const {onDrop} = require('../../../file-drop');
  7 | const {translate, i18n} = require('../../../../i18n');
  8 | const _filesConfig = APP.files;
  9 | 
 10 | const ENTER_KEY = 13;
 11 | 
 12 | let _tiny;
 13 | let _focusTimeout = false;
 14 | 
 15 | const TicketAnswerForm = React.createClass({
 16 |     getInitialState() {
 17 |         return {
 18 |             dragHover: false,
 19 |             filesError: false,
 20 |             text: '',
 21 |             isLoading: false,
 22 |             files: [],
 23 |             textIsEmpty: false
 24 |         }
 25 |     },
 26 |     onSubmit() {
 27 |         const text = _tiny.getContent();
 28 | 
 29 |         if (!text) {
 30 |             this.setState({textIsEmpty: true});
 31 |             return;
 32 |         }
 33 | 
 34 |         if (this.state.filesError) {
 35 |             this.setState({textIsEmpty: true, isLoading: false});
 36 |             this.props.showModal({text: this.state.filesError});
 37 |         }
 38 | 
 39 |         this.setState({isLoading: true});
 40 | 
 41 |         let req = request
 42 |             .post('/message/add/')
 43 |             .set('Accept', 'application/json');
 44 | 
 45 |         if (isIE9) {
 46 |             req.send({
 47 |                 projectCode: this.props.ticket.project,
 48 |                 number: this.props.ticket.number,
 49 |                 text: text,
 50 |                 nocache: Date.now()
 51 |             });
 52 |         } else {
 53 |             req
 54 |                 .field('projectCode', this.props.ticket.project)
 55 |                 .field('number', this.props.ticket.number)
 56 |                 .field('text', text)
 57 |                 .field('nocache', Date.now());
 58 |         }
 59 | 
 60 |         if (this.state.files.length) {
 61 |             this.state.files.forEach(function(file) {
 62 |                 req.attach('files[]', file, file.name);
 63 |             });
 64 |         }
 65 | 
 66 |         req.end(this._responseHandler.bind(this));
 67 |     },
 68 |     _responseHandler(err, res) {
 69 |         if (err) {
 70 |             let resp = JSON.parse(err.response.text);
 71 |             this.setState({filesError: resp.message, isLoading: false});
 72 |             this.props.showModal({text: resp.message});
 73 |             return;
 74 |         }
 75 | 
 76 |         const response = res.xhr.response || res.xhr.responseText;
 77 | 
 78 |         res = JSON.parse(response);
 79 | 
 80 |         let state = {isLoading: false};
 81 | 
 82 |         if (res.result) {
 83 |             state.files = [];
 84 |             _tiny.setContent('');
 85 |         }
 86 | 
 87 |         if (isIE9) {
 88 |             window.location.href = '/tickets/' + `${this.props.ticket.project}-${this.props.ticket.number}`;
 89 |         }
 90 | 
 91 |         this.setState(state)
 92 |     },
 93 |     onTextKeyUp(e) {
 94 |         if ((e.metaKey || e.ctrlKey) && e.keyCode === ENTER_KEY) {
 95 |             e.preventDefault();
 96 |             this.onSubmit();
 97 |             return;
 98 |         }
 99 | 
100 |         this.setState({textIsEmpty: false});
101 |     },
102 |     onTextChange() {
103 |         this.setState({textIsEmpty: false});
104 |     },
105 | 
106 |     //onDrop: onDrop.bind(this),
107 | 
108 |     onUploadClick() {
109 |         this.refs.dropzone.open();
110 |     },
111 |     onDeleteFile(i) {
112 |         let files = this.state.files;
113 |         files.splice(i, 1);
114 | 
115 |         this.setState({files})
116 |     },
117 |     onTextKeyDown(e) {
118 |         if ((e.metaKey || e.ctrlKey) && e.keyCode === ENTER_KEY) e.preventDefault();
119 |     },
120 |     componentDidMount() {
121 |         tinymce.init({
122 |             selector: '#answer',
123 |             menubar: false,
124 |             setup: function(ed) {
125 |                 ed.on('keyup', (e) => this.onTextKeyUp(e));
126 |                 ed.on('keydown', (e) => this.onTextKeyDown(e));
127 |                 ed.on('change', () => this.onTextChange('text'));
128 |             }.bind(this),
129 |             toolbar: "undo redo | styleselect bold italic | alignleft aligncenter alignright | bullist numlist",
130 |             statusbar: false,
131 |             autoresize_max_height: 200,
132 |             valid_elements: APP.allowedTags,
133 |             extended_valid_elements: "span[style],p[style]",
134 |             autoresize_min_height: 120,
135 |             theme: 'modern',
136 |             init_instance_callback: function(editor) {
137 |                 _tiny = editor;
138 |             }
139 |         });
140 |     },
141 |     componentWillReceiveProps(props) {
142 |         if (!props.isLoading) {
143 |             _focusTimeout = setTimeout(function() {
144 |                 _tiny.focus();
145 |             }, 600);
146 |         }
147 |     },
148 |     componentWillUnmount() {
149 |         clearTimeout(_focusTimeout);
150 |         _tiny.remove();
151 |     },
152 |     onFileDragEnter() {
153 |         this.setState({dragHover: true})
154 |     },
155 |     onFileDragLeave() {
156 |         this.setState({dragHover: false});
157 |     },
158 | 
159 |     render() {
160 |         const onDeleteFile = this.onDeleteFile;
161 |         const onDropFile = onDrop;
162 |         return (
163 |             <div className="answer">
164 |                 <form action="javascript:void(0)" method="post" encType="multipart/form-data">
165 |                     <div className={this.state.textIsEmpty ? "textarea-wrap error" : "textarea-wrap"}>
166 |                         <textarea id="answer" name="text" ref="text"/>
167 |                         <span className="error-text">{translate('messages.form.answer.errors.empty')}</span>
168 |                     </div>
169 |                     <a onClick={this.onSubmit}
170 |                        className={this.state.isLoading ? "btn btn-blue js-send loading" : "btn btn-blue js-send"}
171 |                        href="javascript:void(0)">{translate('messages.form.submit.title')}</a>
172 |                     <span className="sub">{translate('messages.form.submit.sub')}</span>
173 |                     {isIE9 ? '' : <Dropzone onDragEnter={this.onFileDragEnter}
174 |                                                         onDragLeave={this.onFileDragLeave}
175 |                                                         className={this.state.dragHover ? "drag-hover dropzone-drop" : "dropzone-drop"}
176 |                                                         ref="dropzone"
177 |                                                         disableClick={true}
178 |                                                         onDrop={onDropFile.bind(this)}>
179 |                                     <label className="file-label">
180 |                                         <a onClick={this.onUploadClick} href="javascript:void(0);" className="file">{translate('messages.form.file.title')}</a>
181 |                                     <span className="files">
182 |                                         {this.state.files.map((file, i) => {
183 |                                             return <File onDeleteFile={onDeleteFile} key={i} index={i} file={file}/>
184 |                                         })}
185 |                                     </span>
186 |                                     </label>
187 |                                 </Dropzone>}
188 |                 </form>
189 |             </div>
190 |         )
191 |     }
192 | });
193 | 
194 | const File = React.createClass({
195 |     render() {
196 |         return (
197 |             <div onClick={() => this.props.onDeleteFile(this.props.index)}
198 |                  className="added-file">{this.props.file.name}</div>
199 |         )
200 |     }
201 | });
202 | 
203 | module.exports = TicketAnswerForm;
204 | 


--------------------------------------------------------------------------------
/public/js/components/tickets/detail/messages/message.js:
--------------------------------------------------------------------------------
 1 | /*** @jsx React.DOM */
 2 | const React = require('react');
 3 | const moment = require('moment');
 4 | const {translate, i18n} = require('../../../../i18n');
 5 | require('moment/locale/ru');
 6 | moment.locale(i18n.language);
 7 | 
 8 | 
 9 | const TicketMessage = React.createClass({
10 |     componentDidUpdate() {
11 | 
12 |     },
13 |     render() {
14 |         return (
15 |             <div>
16 |                 {this.props.ticket && this.props.ticket.messages ? this.props.ticket.messages.map((m, i) => <Message our={m.author.email !== this.props.ticket.author.email} key={i} message={m} />) : ''}
17 |             </div>
18 |         )
19 |     }
20 | });
21 | 
22 | const Message = React.createClass({
23 |     render() {
24 |         const message = this.props.message;
25 |         if (!message.text) {
26 | 
27 |         } else {
28 |             message.text = message.text.replace(/<base[^>]*>/ig, '');
29 |         }
30 |         return (
31 |             <div>
32 |                 <div className={this.props.our ? "message our" : "message"}>
33 |                     {this.props.our ? <div className="logo"><img src="../pictures/logo.png" /></div> : ''}
34 |                     <div className="author">
35 |                         <span className="name">{message.author.name}</span>
36 |                         {!this.props.our ? <a className="email" href="javascript:void(0)">&lt;{message.author.email}&gt;</a> : ''}
37 |                         <span className="date">{moment(message.date).format('L LT')}</span>
38 |                     </div>
39 |                     <div className="text" dangerouslySetInnerHTML={{__html: message.text}}></div>
40 |                     {message.files.length ?
41 |                         <div className="files">
42 |                             <br/>
43 |                             <div>{translate('messages.file.title')}</div>
44 |                             {message.files.map((file) => <File link={file.path} title={file.name} />)}
45 |                         </div>
46 |                      : ''}
47 |                 </div>
48 |             </div>
49 |         )
50 |     }
51 | });
52 | 
53 | const File = React.createClass({
54 |     render() {
55 |         return (
56 |             <div className="file"><a target="_blank" href={this.props.link}>{this.props.title}</a></div>
57 |         )
58 |     }
59 | });
60 | 
61 | module.exports = TicketMessage;
62 | 


--------------------------------------------------------------------------------
/public/js/components/tickets/detail/tags.js:
--------------------------------------------------------------------------------
 1 | /*** @jsx React.DOM */
 2 | const React = require('react');
 3 | const Select = require('react-select');
 4 | const {translate, i18n} = require('../../../i18n');
 5 | 
 6 | const TicketDetailTags = React.createClass({
 7 | 
 8 |     getInitialState() {
 9 |         return {
10 |             selectVal: null
11 |         }
12 |     },
13 | 
14 |     render() {
15 |         return (
16 |             <div className="ticket-tags">
17 |                 <div className="tag-list">
18 |                     {this.props.tags ?
19 |                      this.props.tags.map((tag, i) => <span key={i} className="tag-item"><nobr>{tag}
20 |                          <i className="tag-del" onClick={e => {this.props.tagRemove(i)}}>⨯</i></nobr></span>) : null}
21 |                 </div>
22 |                 <div className="tag-add">
23 |                     <Select
24 |                         value={this.state.selectVal}
25 |                         placeholder={translate('tickets.do.addTag')}
26 |                         allowCreate={true}
27 |                         options={this.props.tagsReference.map(tag => { return { value: tag, label: tag } })}
28 |                         onChange={val => {
29 |                             val = val.trim();
30 |                             if (-1 === this.props.tags.indexOf(val)) {
31 |                                 this.props.tagAdd(val);
32 |                             }
33 |                             this.setState({selectVal: null});
34 |                         }}
35 |                     />
36 |                 </div>
37 |             </div>
38 |         )
39 |     }
40 | });
41 | 
42 | module.exports = TicketDetailTags;
43 | 


--------------------------------------------------------------------------------
/public/js/components/tickets/list.js:
--------------------------------------------------------------------------------
 1 | /*** @jsx React.DOM */
 2 | const TicketsListHeader  = require('./list/header');
 3 | const TicketsListContent = require('./list/content');
 4 | const AddTicket          = require('../home/add-ticket');
 5 | 
 6 | const React = require('react');
 7 | 
 8 | const TicketsList = React.createClass({
 9 |     getInitialState() {
10 |         return {
11 |             isPopup: false
12 |         }
13 |     },
14 | 
15 |     togglePopup() { this.setState({isPopup: !this.state.isPopup}) },
16 | 
17 |     closePopup() { this.setState({isPopup: false}) },
18 | 
19 |     render() {
20 |         var loading = this.props.tickets.isLoading ? 'loading' : '';
21 | 
22 |         return (
23 |             <div className={`column tickets-list-column ${loading}`}>
24 |                 <TicketsListHeader togglePopup={this.togglePopup}
25 |                                    onSortChange={this.props.onSortChange}
26 |                                    onFilterChange={this.props.onFilterChange}
27 |                                    filter={this.props.tickets.filter}
28 |                                    tagsReference={this.props.tagsReference}
29 |                                    curSort={this.props.tickets.sort}/>
30 | 
31 |                 <div id="add-ticket-popup" className={this.state.isPopup ? 'add-ticket-popup add-ticket-page vis' : 'add-ticket-popup add-ticket-page'}>
32 |                     <AddTicket closePopup={this.closePopup} user={this.props.user} isPopup={this.state.isPopup} projects={this.props.projects} />
33 |                 </div>
34 |                 <div onClick={this.closePopup} onTouchEnd={this.closePopup} className="popup-cover"></div>
35 |                 <TicketsListContent tickets={this.props.tickets}
36 |                                     closeDetail={this.props.closeDetail}
37 |                                     openDetail={this.props.openDetail}
38 |                                     loadMore={this.props.loadMore}/>
39 |             </div>
40 |         )
41 |     }
42 | });
43 | 
44 | module.exports = TicketsList;
45 | 


--------------------------------------------------------------------------------
/public/js/components/tickets/list/content.js:
--------------------------------------------------------------------------------
 1 | /*** @jsx React.DOM */
 2 | const Ticket = require('./content/ticket');
 3 | const React = require('react');
 4 | 
 5 | const TicketsListContent = React.createClass({
 6 |     componentDidMount() {
 7 |         let container = React.findDOMNode(this.refs.ticketsContainer);
 8 |         container.addEventListener("scroll", this.onScrollHandler);
 9 |     },
10 | 
11 |     onScrollHandler() {
12 |         let container = React.findDOMNode(this.refs.ticketsContainer);
13 |         let sTop = container.scrollTop;
14 |         let cHeight = container.offsetHeight;
15 |         let wHeight = document.getElementById('tickets-wrapper').offsetHeight;
16 | 
17 |         const {tickets} = this.props;
18 | 
19 |         if (sTop + cHeight >= wHeight - 100 && !tickets.isLoading) {
20 |             this.props.loadMore();
21 |         }
22 |     },
23 | 
24 | 
25 |     componentWillUnmount() {
26 |         let container = React.findDOMNode(this.refs.ticketsContainer);
27 |         container.removeEventListener("scroll", this.onScrollHandler);
28 |     },
29 | 
30 |     render() {
31 |         var openDetail = this.props.openDetail;
32 |         var curOpen = this.props.tickets.detailedOpened;
33 |         var tickets = this.props.tickets.items.map(function (ticket, key) {
34 |             return (
35 |                 <Ticket ticket={ticket} key={key} openDetail={openDetail} curOpen={curOpen} />
36 |             );
37 |         });
38 | 
39 |         return (
40 |             <div onClick={this.props.closeDetail} className="tickets-list" ref="ticketsContainer">
41 |                 <div id="tickets-wrapper">
42 |                     {tickets}
43 |                 </div>
44 |             </div>
45 |         )
46 |     }
47 | });
48 | 
49 | module.exports = TicketsListContent;
50 | 


--------------------------------------------------------------------------------
/public/js/components/tickets/list/content/ticket.js:
--------------------------------------------------------------------------------
 1 | /*** @jsx React.DOM */
 2 | const React = require('react');
 3 | const moment = require('moment');
 4 | const {translate, i18n} = require('../../../../i18n');
 5 | require('moment/locale/ru');
 6 | moment.locale('ru');
 7 | 
 8 | 
 9 | const Ticket = React.createClass({
10 |     onClickHandler(e) {
11 |         e.stopPropagation();
12 |         this.props.openDetail({
13 |             project: this.props.ticket.project,
14 |             number: this.props.ticket.number
15 |         });
16 |     },
17 | 
18 |     render() {
19 |         var ticket = this.props.ticket;
20 |         var projects = APP.projects;
21 |         var markDateRed = APP.markDateRed;
22 | 
23 |         // Определяем проект тикета
24 |         var project = null;
25 |         projects.map(function (item) {
26 |             if (ticket.project === item.code) {
27 |                 project = item;
28 |                 return false;
29 |             }
30 |         });
31 | 
32 |         if (project == null) {
33 |             return false;
34 |         }
35 | 
36 |         var uid = ticket.project + '-' + ticket.number;
37 | 
38 |         // Дата последнего сообщения
39 |         var lastDate = moment(new Date(ticket.lastDate));
40 |         var showRedTime = moment().subtract(markDateRed, 'seconds').isAfter(lastDate);
41 |         var lastDateFormatted = lastDate.startOf('minut').fromNow();
42 | 
43 |         // Add classes
44 |         var className = !ticket.opened ? 'closed ' : '';
45 |         className += ticket.isLastSupport ? 'last-support ' : '';
46 |         className += this.props.curOpen && (this.props.curOpen.project === ticket.project) && (this.props.curOpen.number === ticket.number) ? 'active ' : '';
47 | 
48 |         return (
49 |             <div className={`ticket-row ${className}`}
50 |                  data-uid={uid}
51 |                  style={{backgroundColor: project.color, color: project.color}}
52 |                  onClick={this.onClickHandler}
53 |             >
54 |                 <div className="icon">{project.letters}</div>
55 |                 <div className="subject">{ticket.title}</div>
56 |                 <div className={"time" + (showRedTime ? ' fuckup' : '')}>{lastDateFormatted}</div>
57 |                 <div className="uid">{uid}</div>
58 |                 <div className="name">{ticket.author.name ? ticket.author.name : ticket.author.email}</div>
59 |                 <div className="status">{ticket.opened ? translate('tickets.status.open') : translate('tickets.status.close')}</div>
60 |             </div>
61 |         )
62 |     }
63 | });
64 | 
65 | module.exports = Ticket;
66 | 


--------------------------------------------------------------------------------
/public/js/components/tickets/list/header.js:
--------------------------------------------------------------------------------
  1 | /*** @jsx React.DOM */
  2 | const React = require('react');
  3 | const _ = require('underscore');
  4 | const SortItem = require('./header/sort-item');
  5 | const TagsFilter = require('./header/tags-filter');
  6 | 
  7 | const {translate, i18n} = require('../../../i18n');
  8 | 
  9 | const SortTypes = [
 10 |     {
 11 |         sort: 'date asc',
 12 |         name: 'tickets.sortTypes.dateAsc.name',
 13 |         dir: 'tickets.sortTypes.dateAsc.dir'
 14 |     },
 15 |     {
 16 |         sort: 'date desc',
 17 |         name: 'tickets.sortTypes.dateDesc.name',
 18 |         dir: 'tickets.sortTypes.dateDesc.dir'
 19 |     },
 20 |     {
 21 |         sort: 'opened asc',
 22 |         name: 'tickets.sortTypes.openedAsc.name',
 23 |         dir: 'tickets.sortTypes.openedAsc.dir'
 24 |     },
 25 |     {
 26 |         sort: 'opened desc',
 27 |         name: 'tickets.sortTypes.openedDesc.name',
 28 |         dir: 'tickets.sortTypes.openedDesc.dir'
 29 |     }
 30 | ];
 31 | 
 32 | const TicketsListHeader = React.createClass({
 33 |     getInitialState: function() {
 34 |         return {
 35 |             sortOpened: false,
 36 |             tagsOpened: false,
 37 |             curSort: this.props.curSort,
 38 |             filter: {
 39 |                 tags: [],
 40 |                 email: ''
 41 |             },
 42 |             filterTo: null
 43 |         };
 44 |     },
 45 | 
 46 |     componentDidMount() {
 47 |         this.setState({filter: this.props.filter});
 48 |     },
 49 | 
 50 |     componentWillReceiveProps(nextProps) {
 51 |         if (!_.isEqual(nextProps.filter, this.props.filter)) {
 52 |             this.setState({filter: nextProps.filter});
 53 |         }
 54 |     },
 55 | 
 56 |     onClickHandler: function () {
 57 |         this.setState({sortOpened: !this.state.sortOpened, tagsOpened: false});
 58 |     },
 59 | 
 60 |     onTagsClickHandler: function () {
 61 |         this.setState({tagsOpened: !this.state.tagsOpened, sortOpened: false});
 62 |     },
 63 | 
 64 |     closeSortMenu: function () {
 65 |         this.setState({sortOpened: false});
 66 |     },
 67 | 
 68 |     debounceFilterChange: function(field, value) {
 69 |         clearTimeout(this.state.filterTo);
 70 |         var filter = Object.assign({}, this.state.filter);
 71 |         filter[field] = value;
 72 | 
 73 |         this.setState({filter});
 74 | 
 75 |         this.state.filterTo = setTimeout(() => {
 76 |             this.props.onFilterChange(filter);
 77 |         }, 500);
 78 |     },
 79 | 
 80 |     render() {
 81 |         var currentSortItem = null;
 82 |         var sortItems = SortTypes.map(function (item, key) {
 83 |             if (item.sort === this.props.curSort) {
 84 |                 currentSortItem = item;
 85 |             }
 86 | 
 87 |             return (
 88 |                 <SortItem onSortChange={this.props.onSortChange}
 89 |                           type={item.sort}
 90 |                           name={item.name}
 91 |                           dir={item.dir}
 92 |                           key={key}
 93 |                           closeSortMenu={this.closeSortMenu}
 94 |                 />
 95 |             );
 96 |         }.bind(this));
 97 | 
 98 |         return (
 99 |             <div className="column-title">
100 |                 <div className="sort-block">
101 |                     <span className={"one-sort current " + (currentSortItem.sort.match(/desc$/) ? 'desc' : 'asc')} onClick={this.onClickHandler}>{translate(currentSortItem.name)}</span>
102 | 
103 |                     <div className="dropdown" style={{display: this.state.sortOpened ? 'block' : 'none'}}>
104 |                         {sortItems}
105 |                     </div>
106 |                 </div>
107 | 
108 |                 <div className="filter-tag-block">
109 |                     <span className="title" onClick={this.onTagsClickHandler}>{translate('tickets.header.filter.tag.title')}</span>
110 | 
111 |                     <TagsFilter opened={this.state.tagsOpened}
112 |                                 tagsSelected={this.props.filter.tags}
113 |                                 tagsReference={this.props.tagsReference}
114 |                                 onFilterChange={this.props.onFilterChange}
115 |                     />
116 |                 </div>
117 | 
118 |                 <div className="filter-email-block">
119 |                     <div className="input-wrapper">
120 |                         <input type="text" placeholder={translate('tickets.header.filter.email.title')} value={this.state.filter.email} onChange={e => this.debounceFilterChange('email', e.target.value)} />
121 |                         <i className="icon" />
122 |                     </div>
123 |                 </div>
124 |                 <a onClick={this.props.togglePopup} href="javascript:void(0);" className="btn btn-blue-small">{translate('tickets.btnAdd.title')}</a>
125 |             </div>
126 |         )
127 |     }
128 | });
129 | 
130 | module.exports = TicketsListHeader;
131 | 


--------------------------------------------------------------------------------
/public/js/components/tickets/list/header/sort-item.js:
--------------------------------------------------------------------------------
 1 | /*** @jsx React.DOM */
 2 | const React = require('react');
 3 | const {translate, i18n} = require('../../../../i18n');
 4 | 
 5 | const SortItem = React.createClass({
 6 |     onSortChange: function () {
 7 |         this.props.closeSortMenu();
 8 |         this.props.onSortChange(this.props.type);
 9 |     },
10 | 
11 |     render() {
12 |         return (
13 |             <a href="javascript:void(0)"
14 |                onClick={this.onSortChange}
15 |                className="one-sort"
16 |             >
17 |                 {translate(this.props.name)} <span className="dir">{translate(this.props.dir)}</span>
18 |             </a>
19 |         )
20 |     }
21 | });
22 | 
23 | module.exports = SortItem;
24 | 


--------------------------------------------------------------------------------
/public/js/components/tickets/list/header/tags-filter.js:
--------------------------------------------------------------------------------
 1 | /*** @jsx React.DOM */
 2 | const React = require('react');
 3 | const {translate, i18n} = require('../../../../i18n');
 4 | 
 5 | const TagsFilterItem = React.createClass({
 6 |     render() {
 7 |         return (
 8 |             <a href="javascript:void(0)"
 9 |                onClick={this.props.onTagClick}
10 |                className={"one-sort" + (this.props.selected ? ' selected' : '')}
11 |             >
12 |                 {this.props.value}
13 |             </a>
14 |         );
15 |     }
16 | });
17 | 
18 | const TagsFilter = React.createClass({
19 |     getInitialState() {
20 |         return {
21 |             tagFilter: '',
22 |             tagsSelected: []
23 |         }
24 |     },
25 | 
26 |     onTagClick(tag) {
27 |         return () => {
28 |             var tags = this.props.tagsSelected.slice(0);
29 |             var index = tags.indexOf(tag);
30 | 
31 |             if (-1 === index) {
32 |                 tags.push(tag);
33 |             } else {
34 |                 tags.splice(index, 1);
35 |             }
36 | 
37 |             this.props.onFilterChange({tags});
38 |         }
39 |     },
40 | 
41 |     render() {
42 |         return (
43 |             <div className="dropdown" style={{display: this.props.opened ? 'block' : 'none'}}>
44 |                 <div className="input-wrapper">
45 |                     <input type="text" placeholder={translate('tickets.header.filter.tag.title')} value={this.state.tagFilter} onChange={e => this.setState({tagFilter: e.target.value})} />
46 |                     <i className="icon" />
47 |                 </div>
48 |                 {this.props.tagsSelected.map(tag => <TagsFilterItem key={tag} value={tag} selected={true} onTagClick={this.onTagClick(tag)} />)}
49 |                 {this.props.tagsReference.filter(tag => -1 === this.props.tagsSelected.indexOf(tag) && (!this.state.tagFilter || tag.match(new RegExp('^.*' + this.state.tagFilter + '.*$', 'i'))))
50 |                     .map(tag => <TagsFilterItem key={tag} value={tag} selected={false} onTagClick={this.onTagClick(tag)} />)}
51 |             </div>
52 |         )
53 |     }
54 | });
55 | 
56 | module.exports = TagsFilter;
57 | 


--------------------------------------------------------------------------------
/public/js/components/tickets/sidebar.js:
--------------------------------------------------------------------------------
 1 | /*** @jsx React.DOM */
 2 | const React = require('react');
 3 | 
 4 | const Folders = require('./sidebar/folders');
 5 | const Projects = require('./sidebar/projects');
 6 | const Copyright = require('../copyright');
 7 | const request = require('superagent');
 8 | const LanguageSwitcher = require('../language-switcher');
 9 | 
10 | const TicketsSidebar = React.createClass({
11 |     doLogout() {
12 |         request.get('/user/logout')
13 |             .type('json')
14 |             .end(function(err, res) {
15 |                 const response = res.xhr.response || res.xhr.responseText;
16 |                 res = JSON.parse(response);
17 | 
18 |                 if (true === res.result) {
19 |                     this.props.onLogout();
20 |                 }
21 |             }.bind(this));
22 |     },
23 | 
24 |     render() {
25 |         return (
26 |             <div className="column sidebar">
27 |                 <div className="column-title"><a onClick={this.doLogout}  className="logout">{this.props.user.email}</a></div>
28 |                 <Folders tickets={this.props.tickets} allowedProjects={this.props.allowedProjects} onStateClick={this.props.onStateClick} activeProjects={this.props.tickets.filter.projects} />
29 |                 <Projects allowedProjects={this.props.allowedProjects} activeProjects={this.props.tickets.filter.projects} onToggleProject={this.props.onToggleProject}/>
30 | 
31 |                 <div className="sidebar-btn-wrapper">
32 |                     <LanguageSwitcher lng={this.props.lng} changeLanguage={this.props.changeLanguage}/>
33 |                     {this.props.curProject.footer === false ? '' : <Copyright />}
34 |                 </div>
35 |             </div>
36 |         )
37 |     }
38 | });
39 | 
40 | module.exports = TicketsSidebar;
41 | 


--------------------------------------------------------------------------------
/public/js/components/tickets/sidebar/folders.js:
--------------------------------------------------------------------------------
 1 | const React = require('react');
 2 | const Folder = require('./folders/index');
 3 | const {translate, i18n} = require('../../../i18n');
 4 | 
 5 | const Folders = React.createClass({
 6 |     render() {
 7 |         let active = this.props.tickets.state;
 8 |         var i;
 9 | 
10 |         let opened = 0;
11 |         let closed = 0;
12 | 
13 |         for (i in this.props.allowedProjects) {
14 |             if (!this.props.allowedProjects.hasOwnProperty(i)) {
15 |                 continue;
16 |             }
17 | 
18 |             if (-1 === this.props.activeProjects.indexOf(i)) {
19 |                 continue;
20 |             }
21 | 
22 |             opened += parseInt(this.props.allowedProjects[i].opened, 10);
23 |             closed += parseInt(this.props.allowedProjects[i].closed, 10);
24 |         }
25 | 
26 |         let allCount = opened + closed;
27 | 
28 |         return (
29 |             <ul className="folders">
30 |                 <Folder onStateClick={this.props.onStateClick} activeFolder={active} folder={{title: translate('sidebar.folder.allMessage'), code: 'SHOW_ALL', count: allCount}} />
31 |                 <Folder onStateClick={this.props.onStateClick} activeFolder={active} folder={{title: translate('sidebar.folder.openMessage'), code: 'SHOW_OPENED', count: opened}} />
32 |                 <Folder onStateClick={this.props.onStateClick} activeFolder={active} folder={{title: translate('sidebar.folder.closeMessage'), code: 'SHOW_CLOSED', count: closed}} />
33 |             </ul>
34 |         )
35 |     }
36 | });
37 | 
38 | module.exports = Folders;
39 | 
40 | 


--------------------------------------------------------------------------------
/public/js/components/tickets/sidebar/folders/index.js:
--------------------------------------------------------------------------------
 1 | const React = require('react');
 2 | 
 3 | const Folder = React.createClass({
 4 |     handleClick() {
 5 |         this.props.onStateClick(this.props.folder.code);
 6 |     },
 7 | 
 8 |     render() {
 9 |         let active = this.props.activeFolder == this.props.folder.code ? 'active' : '';
10 |         return (
11 |             <li><a onClick={this.handleClick} href="javascript:void(0)" className={active}><span>{this.props.folder.title}</span><span className="count">{this.props.folder.count}</span></a></li>
12 |         )
13 |     }
14 | });
15 | 
16 | module.exports = Folder;
17 | 


--------------------------------------------------------------------------------
/public/js/components/tickets/sidebar/projects.js:
--------------------------------------------------------------------------------
 1 | const React   = require('react');
 2 | const Project = require('./projects/index');
 3 | const {translate, i18n} = require('../../../i18n');
 4 | 
 5 | let projects = APP.projects;
 6 | 
 7 | const ProjectList = React.createClass({
 8 |     render() {
 9 |         const {onToggleProject, activeProjects, allowedProjects} = this.props;
10 | 
11 |         /**
12 |          * только оазрешенные проекты
13 |          * @type {Array.<T>}
14 |          */
15 |         let allowedProjectList = projects.filter(function(project) {
16 |             return allowedProjects[project.code];
17 |         });
18 | 
19 |         return (
20 |             <div className={this.props.noTitle ? "groups popup" : "groups" }>
21 |                 {this.props.noTitle ? '' : <div className="title">{translate('sidebar.group.title')}</div>}
22 |                 <ul>
23 |                     {allowedProjectList.map((project, key) => <Project key={key}
24 |                                                                        project={project}
25 |                                                                        onToggleProject={onToggleProject}
26 |                                                                        active={activeProjects.indexOf(project.code)}/>) }
27 |                 </ul>
28 |             </div>
29 |         )
30 |     }
31 | });
32 | 
33 | module.exports = ProjectList;
34 | 


--------------------------------------------------------------------------------
/public/js/components/tickets/sidebar/projects/index.js:
--------------------------------------------------------------------------------
 1 | const React = require('react');
 2 | 
 3 | const Project = React.createClass({
 4 |     handleClick(){
 5 |         this.props.onToggleProject(this.props.project.code);
 6 |     },
 7 | 
 8 |     render() {
 9 |         let active = (this.props.active !== -1 ? 'active' : '');
10 |         return (
11 |             <li onClick={this.handleClick} style={{color: this.props.project.color}}><a href="javascript:void(0)" className={active}>{this.props.project.letters}</a></li>
12 |         )
13 |     }
14 | });
15 | 
16 | module.exports = Project;
17 | 


--------------------------------------------------------------------------------
/public/js/constants/action-types.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |     LOGIN_SUCCESS: 'LOGIN_SUCCESS',
 3 |     LOGOUT_SUCCESS: 'LOGOUT_SUCCESS',
 4 |     SET_STATE: 'SET_STATE',
 5 |     START_FETCH_ITEMS: 'START_FETCH_ITEMS',
 6 |     END_FETCH_ITEMS: 'END_FETCH_ITEMS',
 7 |     TOGGLE_PROJECT: 'TOGGLE_PROJECT',
 8 |     SET_TICKET_LIST_SORT: 'SET_TICKET_LIST_SORT',
 9 |     SET_TICKET_LIST_FILTER: 'SET_TICKET_LIST_FILTER',
10 |     CHANGE_PROJECTS_COUNTS: 'CHANGE_PROJECTS_COUNTS',
11 |     SET_DETAIL_TICKET: 'SET_DETAIL_TICKET',
12 |     LOGIN_SUCCESS_TICKETS: 'LOGIN_SUCCESS_TICKETS',
13 |     SET_NEW_PAGE: 'SET_NEW_PAGE',
14 |     SET_TICKET_STATUS: 'SET_TICKET_STATUS',
15 |     SET_ACTIVE_PROJECTS: 'SET_ACTIVE_PROJECTS',
16 |     UPDATE_TICKET: 'UPDATE_TICKET',
17 |     UPDATE_COUNTERS: 'UPDATE_COUNTERS',
18 |     ADD_TICKET: 'ADD_TICKET',
19 |     RESET_TICKETS_STATE: 'RESET_TICKETS_STATE',
20 |     SHOW_MODAL: 'SHOW_MODAL',
21 |     START_OPEN_DETAIL: 'START_OPEN_DETAIL',
22 |     END_OPEN_DETAIL: 'END_OPEN_DETAIL',
23 |     CLOSE_DETAIL: 'CLOSE_DETAIL',
24 |     SET_FILTER: 'SET_FILTER',
25 |     CHANGE_LANG: 'CHANGE_LANG'
26 | };
27 | 


--------------------------------------------------------------------------------
/public/js/constants/folder-type.js:
--------------------------------------------------------------------------------
1 | const VisibilityFilters = {
2 |     SHOW_ALL: 'SHOW_ALL',
3 |     SHOW_OPENED: 'SHOW_OPENED',
4 |     SHOW_CLOSED: 'SHOW_CLOSED'
5 | };
6 | 
7 | module.exports = VisibilityFilters;


--------------------------------------------------------------------------------
/public/js/i18n.js:
--------------------------------------------------------------------------------
 1 | const i18n = require('../../libs/i18next');
 2 | const LanguageDetector = require('i18next-browser-languagedetector');
 3 | const intervalPlural = require('i18next-intervalplural-postprocessor');
 4 | const lang = require('./locale');
 5 | 
 6 | const projectCodeStart = `${APP.translateStartCode}.front`;
 7 | 
 8 | i18n
 9 |     .use(LanguageDetector)
10 |     .use(intervalPlural)
11 |     .init({
12 |         resources: APP.lngData,
13 |         fallbackLng: lang.fallbackLng,
14 |         lowerCaseLng: true,
15 |         preload: lang.locales,
16 | 
17 |         parseMissingKeyHandler: function(key, options) {
18 |             const regex = /^(\w+\.\w+\.)/;
19 | 
20 |             if (regex.exec(key) !== null) {
21 |                 let resultKey = key.replace(regex, '');
22 |                 return i18n.t(resultKey, options);
23 |             }
24 | 
25 |             return key;
26 |         },
27 | 
28 |         detection: {
29 |             caches: ['cookie']
30 |         }
31 |     });
32 | 
33 | exports.translate = (code, params) => {
34 |     return i18n.t(`${projectCodeStart}.${code}`, params);
35 | };
36 | 
37 | exports.translateWithoutCode = (code, params) => {
38 |     return i18n.t(code, params);
39 | };
40 | 
41 | exports.getCurLang = () => {
42 |     const lang = i18n.language.split('-');
43 |     return lang[0] !== void 0 ? lang[0] : i18n.language;
44 | };
45 | 
46 | exports.i18n = i18n;


--------------------------------------------------------------------------------
/public/js/locale.js:
--------------------------------------------------------------------------------
1 | /**
2 |  * Язык по умолчанию
3 |  * @type {string}
4 |  */
5 | exports.defaultLanguage = 'ru';
6 | exports.fallbackLng = 'ru';
7 | exports.locales = ['ru', 'en'];


--------------------------------------------------------------------------------
/public/js/mixins/form-mixin.js:
--------------------------------------------------------------------------------
 1 | const extend  = require('extend');
 2 | const React = require('react');
 3 | 
 4 | const _emailRegexp = /^[^@]+@[^.]+(\.[0-9a-z]{2,})+$/i;
 5 | 
 6 | module.exports = {
 7 |     validateForm(fieldsProps = false) {
 8 |         let errors  = this.state.errors;
 9 |         let isValid = true;
10 |         let firstInvalid = false;
11 |         let fields = fieldsProps !== false ? fieldsProps : this.state.form;
12 | 
13 |         for (let field in fields) {
14 |             if (fields.hasOwnProperty(field)) {
15 |                 let value = fields[field];
16 |                 if (value.trim) {
17 |                     value = value.trim();
18 |                 }
19 | 
20 |                 if (!value) {
21 |                     isValid             = false;
22 |                     errors[field].empty = true;
23 | 
24 |                     if (!firstInvalid) firstInvalid = field;
25 |                 } else if (field == 'email' && !_emailRegexp.test(value)) {
26 |                     isValid = false;
27 |                     errors[field].emailInvalid = true;
28 | 
29 |                     if (!firstInvalid) firstInvalid = field;
30 |                 }
31 |             }
32 |         }
33 | 
34 |         this.setState({errors});
35 |         if (!isValid) {
36 |             if (firstInvalid == 'text') {
37 |                 this.tiny.focus();
38 |             } else {
39 |                 React.findDOMNode(this.refs[firstInvalid]).focus();
40 |             }
41 |         }
42 | 
43 |         return isValid;
44 |     },
45 | 
46 |     onFieldChange(field) {
47 |         let state    = {};
48 |         let val      = field === 'text' ? this.tiny.getContent() : (field === 'agreement' ? this.refs[field].getDOMNode().checked : this.refs[field].getDOMNode().value);
49 |         let errors   = this.state.errors;
50 |         state[field] = field === 'email' ? val.toLowerCase() : val;
51 | 
52 |         if (val && (field != 'email' || _emailRegexp.test(val))) {
53 |             for (let error in errors[field]) {
54 |                 errors[field][error] = false;
55 |             }
56 |         }
57 | 
58 |         this.setState({form: extend(this.state.form, state), errors});
59 |     },
60 | 
61 |     getClassName(field) {
62 |         let isValid = true;
63 | 
64 |         for (let err in this.state.errors[field]) {
65 |             if (this.state.errors[field][err]) {
66 |                 isValid = false;
67 |             }
68 |         }
69 | 
70 |         return isValid ? '' : 'error';
71 |     }
72 | };
73 | 


--------------------------------------------------------------------------------
/public/js/reducers/index.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 | const { VisibilityFilters, SET_STATE } = require('../actions');
3 | const ActionTypes = require('../constants/action-types');
4 | const {combineReducers} = require('redux');
5 | 
6 | const tickets = require('./tickets');
7 | const root = require('./root');
8 | 
9 | module.exports = combineReducers({root, tickets});


--------------------------------------------------------------------------------
/public/js/reducers/root.js:
--------------------------------------------------------------------------------
 1 | const extend = require('extend');
 2 | const ActionTypes = require('../constants/action-types');
 3 | const {translate, getCurLang, translateWithoutCode, i18n} = require('../i18n');
 4 | 
 5 | 
 6 | let project;
 7 | 
 8 | if (0 !== APP.projects.length) {
 9 |     project = APP.projects.filter(function(p) {
10 |         return p.domain === document.location.host;
11 |     }).shift();
12 | 
13 |     if (undefined === project) {
14 |         document.location.href = '//' + APP.projects[0].domain;
15 |     }
16 | }
17 | 
18 | 
19 | const initialState = {
20 |     modal: false,
21 |     user: window.APP.user,
22 |     allowedProjects: window.APP.countTickets,
23 |     tagsReference: window.APP.tagsReference,
24 |     lng: getCurLang(),
25 |     curProject: project
26 | };
27 | 
28 | function root(state = initialState, action={type: ''}) {
29 |     switch (action.type) {
30 |         case ActionTypes.UPDATE_COUNTERS:
31 |             let allowedProject = extend({}, state.allowedProjects);
32 |             let ticketProject = allowedProject[action.ticket.project];
33 | 
34 |             if (action.ticket.opened) {
35 |                 ticketProject.opened++;
36 |                 if (false === action.isNew)
37 |                     ticketProject.closed--;
38 |             } else {
39 |                 ticketProject.closed++;
40 |                 if (false === action.isNew)
41 |                     ticketProject.opened--;
42 |             }
43 | 
44 |             allowedProject[action.ticket.project] = ticketProject;
45 |             return extend({}, state, {allowedProjects: allowedProject});
46 | 
47 |         case ActionTypes.SHOW_MODAL:
48 |             return extend({}, state, {
49 |                 modal: action.content
50 |             });
51 |         case ActionTypes.HIDE_MODAL:
52 |             return extend({}, state, {
53 |                 modal: false
54 |             });
55 | 
56 |         case ActionTypes.LOGIN_SUCCESS:
57 |             return extend({}, state, {
58 |                 user: action.user,
59 |                 allowedProjects: action.countTickets
60 |             });
61 | 
62 |         case ActionTypes.LOGOUT_SUCCESS:
63 |             return extend({}, state, {
64 |                 user: false,
65 |                 allowedProjects: false
66 |             });
67 | 
68 |         case ActionTypes.CHANGE_LANG:
69 |             return extend({}, state, {
70 |                 lng: action.lng
71 |             });
72 | 
73 |         default:
74 |             return state;
75 |     }
76 | }
77 | 
78 | module.exports = root;
79 | 


--------------------------------------------------------------------------------
/public/js/reducers/tickets.js:
--------------------------------------------------------------------------------
  1 | const extend = require('extend');
  2 | const ActionTypes = require('../constants/action-types');
  3 | const VisibilityFilters = require('../constants/folder-type');
  4 | 
  5 | const initialTickets = {
  6 |     isDetailLoading: false,
  7 |     isLoading: false,
  8 |     sort: 'date asc',
  9 |     filter: {
 10 |         tags: [],
 11 |         email: '',
 12 |         state: VisibilityFilters.SHOW_OPENED,
 13 |         projects: (false === APP.countTickets) ? [] : Object.keys(APP.countTickets)
 14 |     },
 15 |     page: 1,
 16 |     detailedOpened: false,
 17 |     stateCount: {opened: 0, closed: 0},
 18 |     items: [],
 19 |     projects: [],
 20 | };
 21 | 
 22 | function tickedIsShowed(state, ticket) {
 23 |     switch (state.filter.state) {
 24 |         case VisibilityFilters.SHOW_OPENED:
 25 |             if (false === ticket.opened) {
 26 |                 return false;
 27 |             }
 28 |             break;
 29 |         case VisibilityFilters.SHOW_CLOSED:
 30 |             if (true === ticket.opened) {
 31 |                 return false;
 32 |             }
 33 |             break;
 34 |         default:
 35 |             break;
 36 |     }
 37 | 
 38 |     return (-1 !== state.filter.projects.indexOf(ticket.project));
 39 | }
 40 | 
 41 | function ticketsBy(sort) {
 42 |     if ('date' === sort[0]) {
 43 |         return function(i1, i2){
 44 |             if (i1.lastDate === i2.lastDate) {
 45 |                 return 0;
 46 |             }
 47 | 
 48 |             if ('asc' === sort[1]) {
 49 |                 return (i1.lastDate < i2.lastDate) ?  1 : -1;
 50 |             }
 51 | 
 52 |             return (i1.lastDate > i2.lastDate) ?  1 : -1;
 53 |         };
 54 |     }
 55 | 
 56 |     var ticketsByDate = ticketsBy(['date', 'asc']);
 57 | 
 58 |     return function(i1, i2){
 59 |         if (i1.opened === i2.opened) {
 60 |             return ticketsByDate(i1, i2);
 61 |         }
 62 | 
 63 |         if ('asc' === sort[1]) {
 64 |             return (i1.opened > i2.opened) ?  1 : -1;
 65 |         }
 66 | 
 67 |         return (i1.opened < i2.opened) ?  1 : -1;
 68 |     };
 69 | }
 70 | 
 71 | function tickets(state = initialTickets, action = {type: ''}) {
 72 |     let ticket, newState;
 73 | 
 74 |     switch (action.type) {
 75 |         case ActionTypes.RESET_TICKETS_STATE:
 76 |             return extend({}, initialTickets, extend({}, initialTickets.filter, { projects: []}));
 77 | 
 78 |         case ActionTypes.SET_STATE:
 79 |             newState = extend({}, state, {filter: extend({}, state.filter, { state: action.filter }), detailedOpened: false});
 80 | 
 81 |             return newState;
 82 | 
 83 |         case ActionTypes.SET_FILTER:
 84 |             newState = extend({}, state, {filter: extend({}, state.filter, action.filter), sort: action.sort});
 85 | 
 86 |             return newState;
 87 | 
 88 |         case ActionTypes.START_FETCH_ITEMS:
 89 |             return extend({}, state, {isLoading: true, sort: action.sort, filter: extend({}, state.filter, action.filter)});
 90 | 
 91 |         case ActionTypes.END_FETCH_ITEMS:
 92 |             let resultItems = state.items;
 93 | 
 94 |             if (action.clear) {
 95 |                 resultItems = action.items
 96 |             } else {
 97 |                 action.items.forEach((item) => resultItems.push(item));
 98 |             }
 99 | 
100 |             return extend({}, state, {isLoading: false, items: resultItems});
101 | 
102 |         case ActionTypes.CLOSE_DETAIL:
103 |             return extend({}, state, {detailedOpened: false});
104 | 
105 |         case ActionTypes.START_OPEN_DETAIL:
106 |             ticket = state.items.filter((t) => t.project === action.ticket.project && t.number == action.ticket.number);
107 |             return extend({}, state, {isDetailLoading: true, detailedOpened: ticket.length ? ticket[0] : action.ticket});
108 | 
109 |         case ActionTypes.END_OPEN_DETAIL:
110 |             ticket = action.ticket;
111 |             let items = state.items;
112 |             let ticketInArr = items.filter((t) => t.project === ticket.project && t.number == ticket.number);
113 | 
114 |             if (ticketInArr.length) { items[items.indexOf(ticketInArr[0])] = ticket; }
115 | 
116 |             return extend({}, state, {isDetailLoading: false, items, detailedOpened: ticket ? ticket : false});
117 | 
118 |         case ActionTypes.SET_NEW_PAGE:
119 |             return extend({}, state, {page: (state.page + 1)});
120 | 
121 |         case ActionTypes.SET_ACTIVE_PROJECTS:
122 |             return extend({}, state, {filter: extend({}, state.filter, {projects: Object.keys(action.projects)}), detailedOpened: false});
123 | 
124 |         case ActionTypes.UPDATE_TICKET:
125 |             let oldTickets = state.items.filter((ticket) =>
126 |                 ticket.project == action.ticket.project
127 |                 && ticket.number == action.ticket.number
128 |             );
129 | 
130 |             newState = {};
131 | 
132 |             if (state.detailedOpened.project == action.ticket.project && state.detailedOpened.number == action.ticket.number) {
133 |                 newState.detailedOpened = action.ticket;
134 |             }
135 | 
136 |             if (0 !== oldTickets.length) {
137 |                 let ticketIndex = state.items.indexOf(oldTickets[0]);
138 | 
139 |                 let copyItems = state.items.splice(0);
140 |                 copyItems[ticketIndex] = action.ticket;
141 | 
142 |                 let sort = state.sort.split(' ');
143 | 
144 |                 newState.items = copyItems.sort(ticketsBy(sort));
145 |             }
146 | 
147 |             return extend({}, state, newState);
148 | 
149 |         case ActionTypes.ADD_TICKET:
150 |             if (false === tickedIsShowed(state, action.ticket)) {
151 |                 return state;
152 |             }
153 | 
154 |             let oldTicketsAdd = state.items.filter((ticket) =>
155 |                 ticket.project == action.ticket.project
156 |                 && ticket.number == action.ticket.number
157 |             );
158 | 
159 |             if (0 === oldTicketsAdd.length) {
160 |                 let newItems = state.items;
161 |                 newItems.unshift(action.ticket);
162 |                 let sort = state.sort.split(' ');
163 | 
164 |                 return extend({}, state, {items: newItems.sort(ticketsBy(sort))});
165 |             }
166 | 
167 |             return state;
168 | 
169 |         case ActionTypes.TOGGLE_PROJECT:
170 |             var projects = state.filter.projects.slice(0);
171 | 
172 |             var indexProjectCode = projects.indexOf(action.code);
173 |             if (-1 === indexProjectCode) {
174 |                 projects.push(action.code);
175 |             } else {
176 |                 projects.splice(indexProjectCode,1);
177 |             }
178 | 
179 |             return extend({}, state, {filter: extend({}, state.filter, {projects}), detailedOpened: false});
180 | 
181 |         case ActionTypes.SET_TICKET_LIST_SORT:
182 |             return extend({}, state, { sort: action.sort});
183 | 
184 |         case ActionTypes.SET_TICKET_LIST_FILTER:
185 |             return extend({}, state, {filter: extend({}, state.filter, action.filter)});
186 | 
187 |         default:
188 |             return state;
189 |     }
190 | }
191 | 
192 | module.exports = tickets;
193 | 


--------------------------------------------------------------------------------
/public/js/store/configure-store.js:
--------------------------------------------------------------------------------
 1 | const {compose, createStore, applyMiddleware } = require('redux');
 2 | const reduxThunk = require('redux-thunk');
 3 | 
 4 | const rootReducers = require('../reducers');
 5 | 
 6 | //let store = createStore(rootReducers);
 7 | //const createStoreWithMiddleWare = applyMiddleware(reduxThunk)(createStore);
 8 | 
 9 | const finalCreateStore = compose(
10 |     // Enables your middleware:
11 |     applyMiddleware(reduxThunk)
12 | )(createStore);
13 | 
14 | module.exports = finalCreateStore(rootReducers);
15 | //module.exports = createStoreWithMiddleWare(rootReducers);
16 | 


--------------------------------------------------------------------------------
/public/locales/_lang_.example.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "projects": {
 3 |     "helpdesk": {
 4 |       "name": "HELPDESK",
 5 |       "title": "Helpdesk",
 6 |       "formTitle": "ЦЕНТР ПОДДЕРЖКИ"
 7 |     }
 8 |   },
 9 | 
10 |   "agreement": "agreement"
11 | }
12 | 


--------------------------------------------------------------------------------
/public/locales/en.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "name": "Helpdesk",
  3 |   "title": "Helpdesk",
  4 |   "formTitle": "Helpdesk",
  5 | 
  6 |   "files": {
  7 |     "manual1": "User manual"
  8 |   },
  9 | 
 10 |   "user": {
 11 |     "createResponsible": {
 12 |       "name": "Support",
 13 |       "subject": "Helpdesk — administrator's new password",
 14 |       "text": "<p>$t(projects.example.user.createResponsible.forProject_interval, {'postProcess': 'interval', 'count': {{projectCount}}}) {{projectNames}} new admin is assigned. Ticket list is avaliable <a href={{link}}>by the link</a><br>Login: {{login}}<br>Password: {{pass}}</p>",
 15 |       "forProject_interval": "(1){For project};(2-inf){For projects}"
 16 |     },
 17 | 
 18 |     "sendResetEmail": {
 19 |       "subject": "Helpdesk password reset",
 20 |       "text": "Hello! We received your request on password changing. If you did not do that then just ignore this message.<br>\n Click on <a href={{link}}>the link</a> to change the password."
 21 |     },
 22 | 
 23 |     "resetPassword": {
 24 |       "subject": "Helpdesk you password was changed",
 25 |       "text": "Hello! </br>\n You password was changed. New password: &mdash; {{pass}}"
 26 |     }
 27 |   },
 28 |   "mail": {
 29 |     "sendMail": {
 30 |       "additionalText": "The message contained attached files. You may look through them in your Helpdesk account",
 31 |       "text": "{{text}} \n\n------------\n {{sing}} \n {{footerText}}",
 32 |       "text_html": "{{text}} <br>\n<br>\n------------<br>\n {{sing}} <br>\n {{footerText}}"
 33 |     },
 34 |     "processMailObject": {
 35 |       "subject": "New ticket from the mail"
 36 |     },
 37 | 
 38 |     "endText": "Best regards, \n {{projectName}} Team",
 39 |     "endText_html": "Best regards, <br> {{projectName}} Team"
 40 |   },
 41 |   "ticket": {
 42 |     "addMessageFromMail": {
 43 |       "attachmentsText": "<br><br>Pay attention! Some of the files did not pass data validation, so they are not attached to the message."
 44 |     },
 45 |     "sendMailOnTicketAdd": {
 46 |       "subjectForResponsible": "Helpdesk new ticket: \"{{title}}\" [#{{ticketNumber}}]",
 47 |       "subjectForAuthor": "Helpdesk: ticket \"{{title}}\" [#{{ticketNumber}}]",
 48 |       "textForResponsible": "From: {{authorName}} <br> Subject: {{title}} <br><br> <p>Text:</p><br><br> {{text}}",
 49 |       "textForAuthor": "Hello! You have created a new ticket in {{projectName}} Helpdesk.<br> You may check the status of the ticket using your <a href={{link}}>Helpdesk account</a> or answering this message (please, save the ticket number in the subject)."
 50 |     },
 51 |     "sendMailOnTicketClose": {
 52 |       "subject": "Helpdesk ticket \"{{title}}\" is closed: [#{{ticketNumber}}]",
 53 |       "textForResponsible": "Ticket \"{{title}}\" is closed.",
 54 |       "textForAuthor": "Hello! Your ticket in {{projectName}} Helpdesk is closed.<br> You may re-open the ticket using your <a href={{link}}>Helpdesk account</a>."
 55 |     },
 56 |     "sendMailOnTicketOpen": {
 57 |       "subject": "Helpdesk ticket \"{{title}}\" is re-opened: [#{{ticketNumber}}]",
 58 |       "textForResponsible": "Ticket \"{{title}}\" is re-opened.",
 59 |       "textForAuthor": "Hello! Your ticket in {{projectName}} Helpdesk is re-opened.<br> You may re-open the ticket using your <a href={{link}}>Helpdesk account</a> or answering this message (please, save the ticket number in the subject)."
 60 |     },
 61 |     "sendMailOnTicketAddUserCreate": {
 62 |       "subjectForResponsible": "Helpdesk new ticket: \"{{title}}\" [#{{ticketNumber}}]",
 63 |       "subjectForAuthor": "Helpdesk: ticket \"{{title}}\" [#{{ticketNumber}}]",
 64 |       "textForResponsible": "<p>Text:</p> <br><br> {{text}}",
 65 |       "textForAuthor": "Hello! You have created a new ticket in {{projectName}} Helpdesk.<br> You may re-open the ticket using your <a href={{link}}>Helpdesk account</a>, or answering this message (please, save the ticket number in the subject).<br> Login: {{login}} <br> Password: {{pass}} <br>"
 66 |     },
 67 |     "sendMailOnMessageAdd": {
 68 |       "subject": "Helpdesk ticket \"{{title}}\" [#{{ticketNumber}}]: new message",
 69 |       "textForResponsible": "From: {{authorName}}<br> Subject: {{title}}<br><br> New message in the ticket:<br><br> {{text}}",
 70 |       "textForAuthor": "Subject: {{title}}<br><br> New message in the ticket:<br><br> {{text}}"
 71 |     }
 72 |   },
 73 |   "front": {
 74 |     "modal": {
 75 |       "header": "Error",
 76 |       "text" : "Whoops! something went wrong",
 77 |       "close": "Close"
 78 |     },
 79 | 
 80 |     "topLink": {
 81 |       "isAuth": "Ticket list",
 82 |       "isLogin": "Create a ticket",
 83 |       "notAuth": "Sign in"
 84 |     },
 85 | 
 86 |     "errors": {
 87 |       "email": {
 88 |         "empty": "Please, enter correct email"
 89 |       },
 90 |       "file": {
 91 |         "length": "Please, attach not more than {{count}} $t(projects.example.front.errors.file.lengthFile, {'count': {{count}}}).",
 92 |         "lengthFile": "file",
 93 |         "lengthFile_plural": "files",
 94 |         "size": "Please, attach files not larger than {{count}} Mb .",
 95 |         "extension": "Sorry, you can attach only these file extensions: {{extension}}"
 96 |       }
 97 |     },
 98 | 
 99 |     "login": {
100 |       "passChanged": {
101 |         "header": "Password Reset",
102 |         "text": "You password is changed. Now, you may sign in using it. Check the new password in your email box."
103 |       },
104 | 
105 |       "reset": {
106 |         "header": "Password Reset",
107 |         "text": "Password reset instruction is sent at your email!"
108 |       },
109 | 
110 |       "form": {
111 |         "email": {
112 |           "title": "Email",
113 |           "errors": {
114 |             "wrong": "User is not found",
115 |             "empty": "$t(projects.example.front.errors.email.empty)"
116 |           }
117 |         },
118 | 
119 |         "password": {
120 |           "title": "Password",
121 |           "errors": {
122 |             "wrong": "Password is incorrect",
123 |             "empty": "Enter your password"
124 |           }
125 |         },
126 | 
127 |         "reset": {
128 |           "title": "Reset password"
129 |         },
130 | 
131 |         "return": {
132 |           "title": "Back to sign in form"
133 |         },
134 | 
135 |         "submit": {
136 |           "title": "Send"
137 |         },
138 | 
139 |         "submitReset": {
140 |           "title": "Reset"
141 |         }
142 |       }
143 |     },
144 | 
145 |     "addTicket": {
146 |       "form": {
147 |         "name": {
148 |           "title": "Your name",
149 |           "errors": {
150 |             "empty": "Please, enter your name"
151 |           }
152 |         },
153 | 
154 |         "email": {
155 |           "title": "Email",
156 |           "errors": {
157 |             "empty": "$t(projects.example.front.errors.email.empty)"
158 |           }
159 |         },
160 | 
161 |         "title": {
162 |           "title": "Subject",
163 |           "errors": {
164 |             "empty": "Please, enter the subject"
165 |           }
166 |         },
167 | 
168 |         "text": {
169 |           "title": "Your message",
170 |           "errors": {
171 |             "empty": "Please, enter your message"
172 |           }
173 |         },
174 | 
175 |         "agreement": {
176 |           "text": "I agree to <a href=\"/agreement/\" target=\"_blank\">the Terms </a> of processing my personal data",
177 |           "errors": {
178 |             "empty": "Please, confirm your agreement"
179 |           }
180 |         },
181 | 
182 |         "file": {
183 |           "title": "Attach a file"
184 |         },
185 | 
186 |         "submit": {
187 |           "title": "Send"
188 |         }
189 |       },
190 | 
191 |       "popup": {
192 |         "isUser": "<span>Thank you for your request. <br/> We will contact you as soon as possible!</span>",
193 |         "notAuthUser": "<span>Congratulations! We are glad you are with us. <br/> To check the status of the ticket use your Helpdesk account.</span>",
194 |         "newUser": "<span>We have sent you a new password via email,<br/>use it to check the status of the ticket.</span>"
195 | 
196 |       }
197 |     },
198 | 
199 |     "tickets": {
200 |       "btnAdd": {
201 |         "title": "Create a ticket"
202 |       },
203 |       "status": {
204 |         "open": "Opened",
205 |         "close": "Closed"
206 |       },
207 | 
208 |       "do": {
209 |         "open": "Open the ticket",
210 |         "close": "Close the ticket",
211 |         "addTag": "Add a tag"
212 |       },
213 | 
214 |       "header": {
215 |         "filter": {
216 |           "tag": {
217 |             "title": "Search by tag"
218 |           },
219 | 
220 |           "email": {
221 |             "title": "Search by email"
222 |           }
223 |         }
224 |       },
225 | 
226 |       "sortTypes": {
227 |         "dateAsc": {
228 |           "name": "By last response",
229 |           "dir": "(new at the top)"
230 |         },
231 | 
232 |         "dateDesc": {
233 |           "name": "$t(projects.example.front.tickets.sortTypes.dateAsc.name)",
234 |           "dir": "(old at the top)"
235 |         },
236 | 
237 |         "openedAsc": {
238 |           "name": "By status",
239 |           "dir": "(closed at the top)"
240 |         },
241 | 
242 |         "openedDesc": {
243 |           "name": "$t(projects.example.front.tickets.sortTypes.openedAsc.name)",
244 |           "dir": "(opened at the top)"
245 |         }
246 |       }
247 |     },
248 | 
249 |     "messages": {
250 |       "file": {
251 |         "title": "Attached files:"
252 |       },
253 | 
254 |       "form": {
255 |         "answer": {
256 |           "errors": {
257 |             "empty": "Please, enter your message"
258 |           }
259 |         },
260 | 
261 |         "submit": {
262 |           "title": "Send",
263 |           "sub": "or press Ctrl+Enter"
264 |         },
265 | 
266 |         "file": {
267 |           "title": "Attach a file"
268 |         }
269 |       }
270 |     },
271 | 
272 |     "sidebar": {
273 |       "group": {
274 |         "title": "Groups"
275 |       },
276 | 
277 |       "folder": {
278 |         "allMessage": "All requests",
279 |         "openMessage": "Opened",
280 |         "closeMessage": "Closed"
281 |       }
282 |     },
283 | 
284 |     "copyright": "<a target=\"_blank\" href=\"http://www.sibirix.com/\"><span class=\"slon\" /></a><span class=\"text\"> — scrum studio</span>"
285 |   },
286 | 
287 |   "projects": {
288 |     "example": {
289 |       "name": "exampleApp",
290 |       "title": "exampleApp"
291 |     }
292 |   },
293 |   "agreement": "agreement-en"
294 | }
295 | 


--------------------------------------------------------------------------------
/public/locales/ru.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "name": "Helpdesk",
  3 |   "title": "Helpdesk",
  4 |   "formTitle": "ЦЕНТР ПОДДЕРЖКИ",
  5 |   "files": {
  6 |     "manual1": "Руководство пользователя"
  7 |   },
  8 |   "user": {
  9 |     "createResponsible": {
 10 |       "name": "Техническая поддержка",
 11 |       "subject": "Helpdesk — новый пароль администратора",
 12 |       "text": "<p>$t(projects.example.user.createResponsible.forProject_interval, {'postProcess': 'interval', 'count': {{projectCount}}}) {{projectNames}} создан новый администратор. Список тикетов доступен <a href={{link}}>по ссылке</a><br>Логин: {{login}}<br>Пароль: {{pass}}</p>",
 13 |       "forProject_interval": "(1){Для проекта};(2-inf){Для проектов}"
 14 |     },
 15 | 
 16 |     "sendResetEmail": {
 17 |       "subject": "Helpdesk восстановление пароля",
 18 |       "text": "Добрый день. Вы оставили запрос на смену пароля. Если вы этого не делали, просто проигнорируйте это письмо.<br>\n Чтобы поменять пароль, перейдите по этой <a href={{link}}>ссылке</a>."
 19 |     },
 20 | 
 21 |     "resetPassword": {
 22 |       "subject": "Helpdesk ваш пароль был изменен",
 23 |       "text": "Добрый день. </br>\n Ваш пароль был успешно изменен. Новый пароль &mdash; {{pass}}"
 24 |     }
 25 |   },
 26 |   "mail": {
 27 |     "sendMail": {
 28 |       "additionalText": "В ОТВЕТЕ БЫЛИ ПРИКРЕПЛЕНЫ ФАЙЛЫ, ПРОСМОТРЕТЬ ИХ ВЫ СМОЖЕТЕ НА ПОРТАЛЕ HELPDESK",
 29 |       "text": "{{text}} \n\n------------\n {{sing}} \n {{footerText}}",
 30 |       "text_html": "{{text}} <br>\n<br>\n------------<br>\n {{sing}} <br>\n {{footerText}}"
 31 |     },
 32 | 
 33 |     "processMailObject": {
 34 |       "subject": "Новый тикет из почты"
 35 |     },
 36 | 
 37 |     "endText": "С уважением, \n команда {{projectName}}",
 38 |     "endText_html": "С уважением, <br> команда {{projectName}}"
 39 |   },
 40 |   "ticket": {
 41 |     "addMessageFromMail": {
 42 |       "attachmentsText": "<br><br>Внимание! Некоторые файлы не прошли валидацию и не будут отображены в сообщении."
 43 |     },
 44 | 
 45 |     "sendMailOnTicketAdd": {
 46 |       "subjectForResponsible": "Helpdesk создан новый тикет: \"{{title}}\" [#{{ticketNumber}}]",
 47 |       "subjectForAuthor": "Helpdesk: тикет \"{{title}}\" [#{{ticketNumber}}]",
 48 |       "textForResponsible": "От кого: {{authorName}} <br> Тема обращения: {{title}} <br><br> <p>Сообщение:</p><br><br> {{text}}",
 49 |       "textForAuthor": "Добрый день. Вы подавали обращение в систему поддержки проекта {{projectName}}.<br> Вы можете отслеживать статус вашего обращения из <a href={{link}}>личного кабинета</a>, либо общаясь в этой цепочке писем (пожалуйста, не удаляйте номер тикета из темы письма при переписке)."
 50 |     },
 51 | 
 52 |     "sendMailOnTicketClose": {
 53 |       "subject": "Helpdesk тикет \"{{title}}\" закрыт: [#{{ticketNumber}}]",
 54 |       "textForResponsible": "Тикет \"{{title}}\" закрыт.",
 55 |       "textForAuthor": "Добрый день. Ваше обращение в систему поддержки проекта {{projectName}} было закрыто.<br> Вы можете переоткрыть ваше обращение из <a href={{link}}>личного кабинета</a>."
 56 |     },
 57 | 
 58 |     "sendMailOnTicketOpen": {
 59 |       "subject": "Helpdesk тикет \"{{title}}\" переоткрыт: [#{{ticketNumber}}]",
 60 |       "textForResponsible": "Тикет \"{{title}}\" переоткрыт.",
 61 |       "textForAuthor": "Добрый день. Ваше обращение в систему поддержки проекта {{projectName}} было переоткрыто.<br> Вы можете переоткрыть ваше обращение из <a href={{link}}>личного кабинета</a>, либо общаясь в этой цепочке писем (пожалуйста, не удаляйте номер тикета из темы письма при переписке)."
 62 |     },
 63 | 
 64 |     "sendMailOnTicketAddUserCreate": {
 65 |       "subjectForResponsible": "Helpdesk создан новый тикет: \"{{title}}\" [#{{ticketNumber}}]",
 66 |       "subjectForAuthor": "Helpdesk: тикет \"{{title}}\" [#{{ticketNumber}}]",
 67 |       "textForResponsible": "<p>Сообщение:</p> <br><br> {{text}}",
 68 |       "textForAuthor": "Добрый день. Вы подавали обращение в систему поддержки проекта {{projectName}} <br> Вы можете переоткрыть ваше обращение из <a href={{link}}>личного кабинета</a>, либо общаясь в этой цепочке писем (пожалуйста, не удаляйте номер тикета из темы письма при переписке).<br> Логин для доступа: {{login}} <br> Пароль: {{pass}} <br>"
 69 |     },
 70 | 
 71 |     "sendMailOnMessageAdd": {
 72 |       "subject": "Helpdesk тикет \"{{title}}\" [#{{ticketNumber}}]: новое сообщение",
 73 |       "textForResponsible": "От кого: {{authorName}}<br> Тема обращения: {{title}}<br><br> Новое сообщение в тикете:<br><br> {{text}}",
 74 |       "textForAuthor": "Тема обращения: {{title}}<br><br> Новое сообщение в тикете:<br><br> {{text}}"
 75 |     }
 76 |   },
 77 |   "front": {
 78 |     "modal": {
 79 |       "header": "Ошибка",
 80 |       "text" : "Что-то пошло не так!",
 81 |       "close": "Закрыть"
 82 |     },
 83 | 
 84 |     "topLink": {
 85 |       "isAuth": "Список тикетов",
 86 |       "isLogin": "Добавить тикет",
 87 |       "notAuth": "Войти"
 88 |     },
 89 | 
 90 |     "errors": {
 91 |       "email": {
 92 |         "empty": "Необходимо указать валидный Email"
 93 |       },
 94 |       "file": {
 95 |         "length": "Пожалуйста, не более {{count}} $t(projects.example.front.errors.file.lengthFile, {'count': {{count}}}).",
 96 |         "lengthFile_0": "файл",
 97 |         "lengthFile_1": "файла",
 98 |         "lengthFile_2": "файлов",
 99 |         "size": "Пожалуйста, файлы не более {{count}} МБ.",
100 |         "extension": "Извините, но я понимаю только следующие расширения файлов: {{extension}}"
101 |       }
102 |     },
103 | 
104 |     "login": {
105 |       "passChanged": {
106 |         "header": "Восстановление пароля",
107 |         "text": "Ваш пароль был успешно изменен и выслан вам на почту! Теперь вы можете авторизоваться, используя пароль из письма."
108 |       },
109 | 
110 |       "reset": {
111 |         "header": "Восстановление пароля",
112 |         "text": "Инструкция по восстановлению пароля отправлена вам на почту!"
113 |       },
114 | 
115 |       "form": {
116 |         "email": {
117 |           "title": "Email",
118 |           "errors": {
119 |             "wrong": "Пользователь не найден",
120 |             "empty": "$t(projects.example.front.errors.email.empty)"
121 |           }
122 |         },
123 | 
124 |         "password": {
125 |           "title": "Пароль",
126 |           "errors": {
127 |             "wrong": "Неверный пароль",
128 |             "empty": "Необходимо ввести пароль"
129 |           }
130 |         },
131 | 
132 |         "reset": {
133 |           "title": "Восстановить пароль"
134 |         },
135 | 
136 |         "return": {
137 |           "title": "Назад к форме входа"
138 |         },
139 | 
140 |         "submit": {
141 |           "title": "Отправить"
142 |         },
143 | 
144 |         "submitReset": {
145 |           "title": "Восстановить"
146 |         }
147 |       }
148 |     },
149 | 
150 |     "addTicket": {
151 |       "form": {
152 |         "name": {
153 |           "title": "Как к вам обратиться?",
154 |           "errors": {
155 |             "empty": "Необходимо указать имя"
156 |           }
157 |         },
158 | 
159 |         "email": {
160 |           "title": "Email",
161 |           "errors": {
162 |             "empty": "$t(projects.example.front.errors.email.empty)"
163 |           }
164 |         },
165 | 
166 |         "title": {
167 |           "title": "Тема обращения",
168 |           "errors": {
169 |             "empty": "Необходимо указать тему"
170 |           }
171 |         },
172 | 
173 |         "text": {
174 |           "title": "Описание проблемы",
175 |           "errors": {
176 |             "empty": "Необходимо описать проблему"
177 |           }
178 |         },
179 | 
180 |         "agreement": {
181 |           "text": "Я согласен на <a href=\"/agreement/\" target=\"_blank\">обработку</a> персональных данных",
182 |           "errors": {
183 |             "empty": "Необходимо дать свое согласие на обработку персональных данных"
184 |           }
185 |         },
186 | 
187 |         "file": {
188 |           "title": "Прикрепить файл"
189 |         },
190 | 
191 |         "submit": {
192 |           "title": "Отправить"
193 |         }
194 |       },
195 | 
196 |       "popup": {
197 |         "isUser": "<span>Спасибо за ваше обращение. <br/> Мы уже его получили и работаем!</span>",
198 |         "notAuthUser": "<span>О! Вы уже с нами. <br/> Для того, чтобы отслеживать тикеты — войдите в личный кабинет.</span>",
199 |         "newUser": "<span>Мы создали вам пароль и отправили его вам на почту,<br/>чтобы вы могли отcлеживать ваш тикет.</span>"
200 | 
201 |       }
202 |     },
203 | 
204 |     "tickets": {
205 |       "btnAdd": {
206 |         "title": "Добавить тикет"
207 |       },
208 |       "status": {
209 |         "open": "Открыт",
210 |         "close": "Закрыт"
211 |       },
212 | 
213 |       "do": {
214 |         "open": "Открыть тикет",
215 |         "close": "Закрыть тикет",
216 |         "addTag": "Добавить тег"
217 |       },
218 | 
219 |       "header": {
220 |         "filter": {
221 |           "tag": {
222 |             "title": "Поиск по тегу"
223 |           },
224 | 
225 |           "email": {
226 |             "title": "Поиск по email"
227 |           }
228 |         }
229 |       },
230 | 
231 |       "sortTypes": {
232 |         "dateAsc": {
233 |           "name": "По последнему ответу",
234 |           "dir": "(новые в начале)"
235 |         },
236 | 
237 |         "dateDesc": {
238 |           "name": "$t(projects.example.front.tickets.sortTypes.dateAsc.name)",
239 |           "dir": "(старые в начале)"
240 |         },
241 | 
242 |         "openedAsc": {
243 |           "name": "Статусу",
244 |           "dir": "(закрытые в начале)"
245 |         },
246 | 
247 |         "openedDesc": {
248 |           "name": "$t(projects.example.front.tickets.sortTypes.openedAsc.name)",
249 |           "dir": "(открытые в начале)"
250 |         }
251 |       }
252 |     },
253 | 
254 |     "messages": {
255 |       "file": {
256 |         "title": "Прикрепленные файлы:"
257 |       },
258 | 
259 |       "form": {
260 |         "answer": {
261 |           "errors": {
262 |             "empty": "Необходимо написать ответ"
263 |           }
264 |         },
265 | 
266 |         "submit": {
267 |           "title": "Отправить",
268 |           "sub": "или нажмите Ctrl+Enter"
269 |         },
270 | 
271 |         "file": {
272 |           "title": "Прикрепить файл"
273 |         }
274 |       }
275 |     },
276 | 
277 |     "sidebar": {
278 |       "group": {
279 |         "title": "Показывать группы"
280 |       },
281 | 
282 |       "folder": {
283 |         "allMessage": "Все обращения",
284 |         "openMessage": "Открытые",
285 |         "closeMessage": "Закрытые"
286 |       }
287 |     },
288 | 
289 |     "copyright": "<a target=\"_blank\" href=\"http://www.sibirix.ru/\"><span class=\"slon\" /></a><span class=\"text\"> — разработка сайта</span>"
290 |   },
291 | 
292 |   "projects": {
293 |     "example": {
294 |       "name": "exampleApp",
295 |       "title": "exampleApp"
296 |     }
297 |   },
298 |   "agreement": "agreement"
299 | }


--------------------------------------------------------------------------------
/public/pictures/logo-big.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SibirixScrum/HelpDesk/a96382f73c364705f0e935a745bb09425fb163f8/public/pictures/logo-big.jpg


--------------------------------------------------------------------------------
/public/pictures/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SibirixScrum/HelpDesk/a96382f73c364705f0e935a745bb09425fb163f8/public/pictures/logo.png


--------------------------------------------------------------------------------
/public/tickets/.gitignore:
--------------------------------------------------------------------------------
1 | *
2 | 
3 | !.gitignore


--------------------------------------------------------------------------------
/services/config.js:
--------------------------------------------------------------------------------
 1 | 
 2 | class Config {
 3 |     constructor() {
 4 |         this.config = global.config;
 5 |         this.projectsList = this.config.projects;
 6 |     }
 7 | 
 8 |     /**
 9 |      * Валидация конфига
10 |      * @returns {boolean}
11 |      */
12 |     validate() {
13 |         if (!this.projectsList || !this.projectsList.length) {
14 |             throw "No projects in config";
15 |         }
16 | 
17 |         let responsibles = {};
18 |         const colorLength = this.config.projectColors.length;
19 | 
20 |         projectsList.forEach((current, index) => {
21 |             current.color = '#' + this.config.projectColors[index % colorLength];
22 | 
23 |             if (!current.code || !current.name || !current.domain || !current.responsible) {
24 |                 throw "Projects config are invalid! Required fields: code, name, domain, responsible.";
25 |             }
26 |         });
27 | 
28 |         return true;
29 |     }
30 | }


--------------------------------------------------------------------------------
/services/i18n.js:
--------------------------------------------------------------------------------
 1 | const locale = require('../config/locale');
 2 | const userModel = require('../models/user');
 3 | 
 4 | /**
 5 |  * Internationalization
 6 |  */
 7 | let i18nObj = {};
 8 | 
 9 | class i18n {
10 |     constructor() {
11 |         this.language = locale.defaultLanguage;
12 |         this.translator = global.defaultTranslator;
13 |         this.i18n = {};
14 |     }
15 | 
16 |     setConfig(params) {
17 |         this.language = params.language;
18 |         this.i18n = params.i18n;
19 |         this.translator = this.getFixedT(params.language);
20 |     }
21 | 
22 |     getTranslatorForUser(user) {
23 |         return this.getFixedT(user.lng);
24 |     }
25 | 
26 |     getTranslatorForEmail(email) {
27 |         let userTranslator = this.translator;
28 | 
29 |         userModel.model.find({email: email}, (err, data) => {
30 |             if (data && data.length) {
31 |                 userTranslator = this.getTranslatorForUser(data[0]);
32 |             }
33 |         });
34 | 
35 |         return userTranslator;
36 |     }
37 | 
38 |     getFixedT(lng) {
39 |         return this.i18n.getFixedT(lng);
40 |     }
41 | 
42 | 
43 |     /**
44 |      *
45 |      * @param projects
46 |      * @returns {*}
47 |      */
48 |     translateProjects(projects) {
49 |         return projects;
50 |     }
51 | }
52 | 
53 | exports.i18n = i18n;
54 | 


--------------------------------------------------------------------------------
/services/template-string.js:
--------------------------------------------------------------------------------
 1 | let projectModel = require('../models/project');
 2 | 
 3 | let currentProjectCode = 'default';
 4 | 
 5 | /**
 6 |  * Получение стартовой строки для проекта
 7 |  * @returns {string}
 8 |  */
 9 | exports.getStartCode = () => `projects.${currentProjectCode}`;
10 | /**
11 |  * Получение строки заголовка для перевода
12 |  * @returns {string}
13 |  */
14 | exports.getTitleCode = () => `${this.getStartCode()}.title`;
15 | 
16 | /**
17 |  * Устанавливаем код текущего проекта
18 |  * @param projectCode
19 |  * @returns {string}
20 |  */
21 | exports.setCurrentProjectCode = (projectCode) => currentProjectCode = projectCode.toLowerCase();
22 | 
23 | /**
24 |  * Устанавливаем код текущего проекта по домену
25 |  * @param domain
26 |  */
27 | exports.setCurrentProjectByDomain = (domain) => {
28 |     const project = projectModel.getProjectByDomain(domain);
29 | 
30 |     if (project.code !== void 0) {
31 |         this.setCurrentProjectCode(project.code);
32 |     }
33 | };
34 | 


--------------------------------------------------------------------------------
/temp/.gitignore:
--------------------------------------------------------------------------------
1 | *
2 | 
3 | !.gitignore


--------------------------------------------------------------------------------
/views/_layout/footer.ejs:
--------------------------------------------------------------------------------
 1 | <!-- libs and plugins -->
 2 | <script>
 3 |     var APP = {
 4 |         lngData: <%- JSON.stringify(lngData) %>,
 5 |         translateStartCode: <%- JSON.stringify(translateStartCode) %>,
 6 |         user: <%- JSON.stringify(user) %>,
 7 |         projects: <%- JSON.stringify(projects) %>,
 8 |         countTickets: <%- JSON.stringify(countTickets) %>,
 9 |         passChanged: <%-passChanged ? passChanged : false%>,
10 |         files: <%- JSON.stringify(global.config.files) %>,
11 |         allowedTags: <%- JSON.stringify(global.config.tickets.editor.allowedTags.replace(/<(\w*)>/g, "$1,")) %>,
12 |         port: <%- global.config.port %>,
13 |         markDateRed: <%- global.config.markDateRed ? global.config.markDateRed : false %>,
14 |         tagsReference: <%- JSON.stringify(tagsReference) %>
15 |     };
16 | </script>
17 | 
18 | <script src="//tinymce.cachefly.net/4.2/tinymce.min.js"></script>
19 | <script src="/socket.io/socket.io.js"></script>
20 | <script src="/js/bundle.js"></script>
21 | 
22 | </body>
23 | </html>
24 | 


--------------------------------------------------------------------------------
/views/_layout/header.ejs:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
 3 | <!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
 4 | <!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
 5 | <!--[if IE 9]>         <html class="no-js ie9"> <![endif]-->
 6 | <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
 7 | <head>
 8 |     <meta charset="utf-8">
 9 |     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
10 |     <meta name="cmsmagazine" content="2c2951bb57cffc1481be768a629d3a6e" />
11 |     <meta name="description" content="">
12 |     <meta name="viewport" content="width=1000">
13 |     <meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" />
14 |     <meta content="telephone=no" name="format-detection">
15 | 
16 |     <title><%= title %></title>
17 | 
18 |     <link href='https://fonts.googleapis.com/css?family=Roboto:400,700&amp;subset=latin,cyrillic-ext,cyrillic' rel='stylesheet' type='text/css'>
19 | 
20 |     <link rel="stylesheet" href="/css/style.css?1">
21 |     <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
22 | </head>
23 | 
24 | <body id="app" <%= className ? 'class='+className+'' : '' %>>
25 | 


--------------------------------------------------------------------------------
/views/error.ejs:
--------------------------------------------------------------------------------
1 | <h1><%= message %></h1>
2 | <h2><%= error.status %></h2>
3 | <pre><%= error.stack %></pre>
4 | 


--------------------------------------------------------------------------------
/views/index.ejs:
--------------------------------------------------------------------------------
1 | <%- include _layout/header.ejs %>
2 | <%- include _layout/footer.ejs %>


--------------------------------------------------------------------------------