8 |
9 | ## Available Scripts
10 |
11 | No configuration or complicated folder structures, just the files you need to build your app.
43 |
44 | Now you have two choices to make:
45 | #### 1. Login as an Admin with `11111` verification key
46 |
47 | #### 2 Or Login as a User with `12345` verification key
48 |
49 | ### `npm test` or `yarn test`
50 |
51 | Runs the test watcher in an interactive mode.
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
76 |
77 |
78 |
79 |
80 |
81 |
82 |
83 |
84 |
--------------------------------------------------------------------------------
/scripts/build.js:
--------------------------------------------------------------------------------
1 | // Do this as the first thing so that any code reading it knows the right env.
2 | process.env.NODE_ENV = 'production';
3 |
4 | // Load environment variables from .env file. Surpress warnings using silent
5 | // if this file is missing. dotenv will never modify any environment variables
6 | // that have already been set.
7 | // https://github.com/motdotla/dotenv
8 | require('dotenv').config({silent: true});
9 |
10 | var chalk = require('chalk');
11 | var fs = require('fs-extra');
12 | var path = require('path');
13 | var filesize = require('filesize');
14 | var gzipSize = require('gzip-size').sync;
15 | var rimrafSync = require('rimraf').sync;
16 | var webpack = require('webpack');
17 | var config = require('../config/webpack.config.prod');
18 | var paths = require('../config/paths');
19 | var checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
20 | var recursive = require('recursive-readdir');
21 | var stripAnsi = require('strip-ansi');
22 |
23 | // Warn and crash if required files are missing
24 | if (!checkRequiredFiles([paths.appHtml, paths.appIndexJs])) {
25 | process.exit(1);
26 | }
27 |
28 | // Input: /User/dan/app/build/static/js/main.82be8.js
29 | // Output: /static/js/main.js
30 | function removeFileNameHash(fileName) {
31 | return fileName
32 | .replace(paths.appBuild, '')
33 | .replace(/\/?(.*)(\.\w+)(\.js|\.css)/, (match, p1, p2, p3) => p1 + p3);
34 | }
35 |
36 | // Input: 1024, 2048
37 | // Output: "(+1 KB)"
38 | function getDifferenceLabel(currentSize, previousSize) {
39 | var FIFTY_KILOBYTES = 1024 * 50;
40 | var difference = currentSize - previousSize;
41 | var fileSize = !Number.isNaN(difference) ? filesize(difference) : 0;
42 | if (difference >= FIFTY_KILOBYTES) {
43 | return chalk.red('+' + fileSize);
44 | } else if (difference < FIFTY_KILOBYTES && difference > 0) {
45 | return chalk.yellow('+' + fileSize);
46 | } else if (difference < 0) {
47 | return chalk.green(fileSize);
48 | } else {
49 | return '';
50 | }
51 | }
52 |
53 | // First, read the current file sizes in build directory.
54 | // This lets us display how much they changed later.
55 | recursive(paths.appBuild, (err, fileNames) => {
56 | var previousSizeMap = (fileNames || [])
57 | .filter(fileName => /\.(js|css)$/.test(fileName))
58 | .reduce((memo, fileName) => {
59 | var contents = fs.readFileSync(fileName);
60 | var key = removeFileNameHash(fileName);
61 | memo[key] = gzipSize(contents);
62 | return memo;
63 | }, {});
64 |
65 | // Remove all content but keep the directory so that
66 | // if you're in it, you don't end up in Trash
67 | rimrafSync(paths.appBuild + '/*');
68 |
69 | // Start the webpack build
70 | build(previousSizeMap);
71 |
72 | // Merge with the public folder
73 | copyPublicFolder();
74 | });
75 |
76 | // Print a detailed summary of build files.
77 | function printFileSizes(stats, previousSizeMap) {
78 | var assets = stats.toJson().assets
79 | .filter(asset => /\.(js|css)$/.test(asset.name))
80 | .map(asset => {
81 | var fileContents = fs.readFileSync(paths.appBuild + '/' + asset.name);
82 | var size = gzipSize(fileContents);
83 | var previousSize = previousSizeMap[removeFileNameHash(asset.name)];
84 | var difference = getDifferenceLabel(size, previousSize);
85 | return {
86 | folder: path.join('build', path.dirname(asset.name)),
87 | name: path.basename(asset.name),
88 | size: size,
89 | sizeLabel: filesize(size) + (difference ? ' (' + difference + ')' : '')
90 | };
91 | });
92 | assets.sort((a, b) => b.size - a.size);
93 | var longestSizeLabelLength = Math.max.apply(null,
94 | assets.map(a => stripAnsi(a.sizeLabel).length)
95 | );
96 | assets.forEach(asset => {
97 | var sizeLabel = asset.sizeLabel;
98 | var sizeLength = stripAnsi(sizeLabel).length;
99 | if (sizeLength < longestSizeLabelLength) {
100 | var rightPadding = ' '.repeat(longestSizeLabelLength - sizeLength);
101 | sizeLabel += rightPadding;
102 | }
103 | console.log(
104 | ' ' + sizeLabel +
105 | ' ' + chalk.dim(asset.folder + path.sep) + chalk.cyan(asset.name)
106 | );
107 | });
108 | }
109 |
110 | // Create the production build and print the deployment instructions.
111 | function build(previousSizeMap) {
112 | console.log('Creating an optimized production build...');
113 | webpack(config).run((err, stats) => {
114 | if (err) {
115 | console.error('Failed to create a production build. Reason:');
116 | console.error(err.message || err);
117 | process.exit(1);
118 | }
119 |
120 | console.log(chalk.green('Compiled successfully.'));
121 | console.log();
122 |
123 | console.log('File sizes after gzip:');
124 | console.log();
125 | printFileSizes(stats, previousSizeMap);
126 | console.log();
127 |
128 | var openCommand = process.platform === 'win32' ? 'start' : 'open';
129 | var homepagePath = require(paths.appPackageJson).homepage;
130 | var publicPath = config.output.publicPath;
131 | if (homepagePath && homepagePath.indexOf('.github.io/') !== -1) {
132 | // "homepage": "http://user.github.io/project"
133 | console.log('The project was built assuming it is hosted at ' + chalk.green(publicPath) + '.');
134 | console.log('You can control this with the ' + chalk.green('homepage') + ' field in your ' + chalk.cyan('package.json') + '.');
135 | console.log();
136 | console.log('The ' + chalk.cyan('build') + ' folder is ready to be deployed.');
137 | console.log('To publish it at ' + chalk.green(homepagePath) + ', run:');
138 | console.log();
139 | console.log(' ' + chalk.cyan('git') + ' commit -am ' + chalk.yellow('"Save local changes"'));
140 | console.log(' ' + chalk.cyan('git') + ' checkout -B gh-pages');
141 | console.log(' ' + chalk.cyan('git') + ' add -f build');
142 | console.log(' ' + chalk.cyan('git') + ' commit -am ' + chalk.yellow('"Rebuild website"'));
143 | console.log(' ' + chalk.cyan('git') + ' filter-branch -f --prune-empty --subdirectory-filter build');
144 | console.log(' ' + chalk.cyan('git') + ' push -f origin gh-pages');
145 | console.log(' ' + chalk.cyan('git') + ' checkout -');
146 | console.log();
147 | } else if (publicPath !== '/') {
148 | // "homepage": "http://mywebsite.com/project"
149 | console.log('The project was built assuming it is hosted at ' + chalk.green(publicPath) + '.');
150 | console.log('You can control this with the ' + chalk.green('homepage') + ' field in your ' + chalk.cyan('package.json') + '.');
151 | console.log();
152 | console.log('The ' + chalk.cyan('build') + ' folder is ready to be deployed.');
153 | console.log();
154 | } else {
155 | // no homepage or "homepage": "http://mywebsite.com"
156 | console.log('The project was built assuming it is hosted at the server root.');
157 | if (homepagePath) {
158 | // "homepage": "http://mywebsite.com"
159 | console.log('You can control this with the ' + chalk.green('homepage') + ' field in your ' + chalk.cyan('package.json') + '.');
160 | console.log();
161 | } else {
162 | // no homepage
163 | console.log('To override this, specify the ' + chalk.green('homepage') + ' in your ' + chalk.cyan('package.json') + '.');
164 | console.log('For example, add this to build it for GitHub Pages:')
165 | console.log();
166 | console.log(' ' + chalk.green('"homepage"') + chalk.cyan(': ') + chalk.green('"http://myname.github.io/myapp"') + chalk.cyan(','));
167 | console.log();
168 | }
169 | console.log('The ' + chalk.cyan('build') + ' folder is ready to be deployed.');
170 | console.log('You may also serve it locally with a static server:')
171 | console.log();
172 | console.log(' ' + chalk.cyan('npm') + ' install -g pushstate-server');
173 | console.log(' ' + chalk.cyan('pushstate-server') + ' build');
174 | console.log(' ' + chalk.cyan(openCommand) + ' http://localhost:9000');
175 | console.log();
176 | }
177 | });
178 | }
179 |
180 | function copyPublicFolder() {
181 | fs.copySync(paths.appPublic, paths.appBuild, {
182 | dereference: true,
183 | filter: file => file !== paths.appHtml
184 | });
185 | }
186 |
--------------------------------------------------------------------------------
/scripts/test.js:
--------------------------------------------------------------------------------
1 | process.env.NODE_ENV = 'test';
2 | process.env.PUBLIC_URL = '';
3 |
4 | // Load environment variables from .env file. Surpress warnings using silent
5 | // if this file is missing. dotenv will never modify any environment variables
6 | // that have already been set.
7 | // https://github.com/motdotla/dotenv
8 | require('dotenv').config({silent: true});
9 |
10 | const jest = require('jest');
11 | const argv = process.argv.slice(2);
12 |
13 | // Watch unless on CI
14 | if (!process.env.CI) {
15 | argv.push('--watch');
16 | }
17 |
18 |
19 | jest.run(argv);
20 |
--------------------------------------------------------------------------------
/src/actions/action-types.js:
--------------------------------------------------------------------------------
1 | // login
2 | export const LOGIN_REQUEST = 'LOGIN_REQUEST';
3 | export const LOGIN_SUCCESS = 'LOGIN_SUCCESS';
4 | export const LOGIN_FAILURE = 'LOGIN_FAILURE';
5 | export const GETVERIFYCODE_REQUEST = 'GETVERIFYCODE_REQUEST';
6 | export const GETVERIFYCODE_SUCCESS = 'GETVERIFYCODE_SUCCESS';
7 | export const LOGOUT_REQUEST = 'LOGOUT_REQUEST';
8 | export const LOGOUT_SUCCESS = 'LOGOUT_SUCCESS';
9 | export const LOGIN_ERROR_MESSAGES = 'LOGIN_ERROR_MESSAGES';
10 | export const LOGIN_LOAD_TAB = 'LOGIN_LOAD_TAB';
11 | export const LOGIN_UPDATE_FREEZETIME = 'LOGIN_UPDATE_FREEZETIME';
12 |
13 | // identity
14 | export const GET_PROFILE_SUCCESS = 'GET_PROFILE_SUCCESS';
15 |
16 | // articles
17 | export const GET_ARTICLE_TAGS = 'GET_ARTICLE_TAGS';
18 | export const UPDATE_ARTICLE_TAGS = 'UPDATE_ARTICLE_TAGS';
19 | export const UPDATE_ARTICLE_IMAGES = 'UPDATE_ARTICLE_IMAGES';
20 | export const UPDATE_ARTICLE_MODEL = 'UPDATE_ARTICLE_MODEL';
21 | export const UPDATE_ARTICLE_LIST = 'UPDATE_ARTICLE_LIST';
22 | export const GET_ARTICLES_SUCCESS = 'GET_ARTICLES_SUCCESS';
23 | export const DELETE_ARTICLE_SUCCESS = 'DELETE_ARTICLE_SUCCESS';
24 | export const RESET_ARTICLE_MODEL = 'RESET_ARTICLE_MODEL';
25 |
26 | // JOBOWNER job
27 | export const GET_JOBOWNERJOB_GUILDS = 'GET_JOBOWNERJOB_TAGS';
28 | export const UPDATE_JOBOWNERJOB_GUILD = 'UPDATE_JOBOWNERJOB_TAGS';
29 | export const UPDATE_JOBOWNERJOB_USER = 'UPDATE_JOBOWNERJOB_USER';
30 | export const UPDATE_JOBOWNERJOB_IMAGES = 'UPDATE_JOBOWNERJOB_IMAGES';
31 | export const UPDATE_JOBOWNERJOB_MODEL = 'UPDATE_JOBOWNERJOB_MODEL';
32 | export const DELETE_JOBOWNERJOB_SUCCESS = 'DELETE_JOBOWNERJOB_SUCCESS';
33 | export const RESET_JOBOWNERJOB_MODEL = 'RESET_JOBOWNERJOB_MODEL';
34 |
35 | // SERVICE job
36 | export const GET_SERVICE_SERVICETYPES = 'GET_SERVICE_SERVICETYPES';
37 | export const UPDATE_SERVICE_SERVICETYPE = 'UPDATE_SERVICE_SERVICETYPE';
38 | export const UPDATE_SERVICE_IMAGES = 'UPDATE_SERVICE_IMAGES';
39 | export const UPDATE_SERVICE_MODEL = 'UPDATE_SERVICE_MODEL';
40 | export const DELETE_SERVICE_SUCCESS = 'DELETE_SERVICE_SUCCESS';
41 | export const RESET_SERVICE_MODEL = 'RESET_SERVICE_MODEL';
42 | export const UPDATE_SERVICE_LIST = 'UPDATE_SERVICE_LIST';
43 |
44 | // Widgets
45 | export const GET_WIDGETS_SUCCESS = 'GET_WIDGETS_SUCCESS';
46 | export const DELETE_WIDGET_SUCCESS = 'DELETE_WIDGET_SUCCESS';
47 |
48 | // Search Layout
49 | export const LOAD_SEARCH_LAYOUT = 'LOAD_SEARCH_LAYOUT';
50 |
51 | // Dashboard Layout
52 | export const LOAD_DASHBOARD_LAYOUT = 'LOAD_DASHBOARD_LAYOUT';
53 | export const LOAD_DASHBOARD_TITLE = 'LOAD_DASHBOARD_TITLE';
54 | export const LOAD_DASHBOARD_COMPLETED = 'LOAD_DASHBOARD_COMPLETED';
55 | export const UPDATE_DASHBOARD_TAGS = 'UPDATE_DASHBOARD_TAGS';
56 | export const ALERT = 'ALERT';
57 |
58 | export const TEST = 'TEST';
59 |
--------------------------------------------------------------------------------
/src/actions/article-actions.js:
--------------------------------------------------------------------------------
1 | import * as types from './action-types';
2 |
3 | export function getArticlesSuccess(articles) {
4 | return {
5 | type: types.GET_ARTICLES_SUCCESS,
6 | articles
7 | };
8 | }
9 |
10 | export function getArticleTags(tags) {
11 | return {
12 | type: types.GET_ARTICLE_TAGS,
13 | tags
14 | };
15 | }
16 |
17 | export function updateArticleTags(tags) {
18 | return {
19 | type: types.UPDATE_ARTICLE_TAGS,
20 | tags
21 | };
22 | }
23 | export function updateArticleImages(images) {
24 | return {
25 | type: types.UPDATE_ARTICLE_IMAGES,
26 | images
27 | };
28 | }
29 | export function updateArticleList(articleList) {
30 | return {
31 | type: types.UPDATE_ARTICLE_LIST,
32 | articleList
33 | };
34 | }
35 |
36 | export function updateArticleModel(article) {
37 | return {
38 | type: types.UPDATE_ARTICLE_MODEL,
39 | article
40 | };
41 | }
42 |
43 | export function resetArticleModel() {
44 | return {
45 | type: types.RESET_ARTICLE_MODEL
46 | };
47 | }
48 |
49 |
50 | export function deleteArticleSuccess(articleId) {
51 | return {
52 | type: types.DELETE_ARTICLE_SUCCESS,
53 | articleId
54 | };
55 | }
56 |
57 | export function articleSuccess(article) {
58 | return {
59 | type: types.USER_PROFILE_SUCCESS,
60 | article
61 | };
62 | }
63 |
--------------------------------------------------------------------------------
/src/actions/dashboard-actions.js:
--------------------------------------------------------------------------------
1 | import * as types from './action-types';
2 |
3 | export function loadDashboardTitle(title) {
4 | return {
5 | type: types.LOAD_DASHBOARD_TITLE,
6 | title
7 | };
8 | }
9 |
10 | export function loadDashboardCompleted() {
11 | return {
12 | type: types.LOAD_DASHBOARD_COMPLETED
13 | };
14 | }
15 |
16 | export function updateDashboardSuggestions(suggestions) {
17 | return {
18 | type: types.LOAD_DASHBOARD_SUGGESTIONS,
19 | suggestions
20 | };
21 | }
22 |
23 | export function showAlert(alert) {
24 | return {
25 | type: types.ALERT,
26 | alert
27 | };
28 | }
--------------------------------------------------------------------------------
/src/actions/job-actions.js:
--------------------------------------------------------------------------------
1 | import * as types from './action-types';
2 |
3 | export function getJOBsSuccess(JOBs) {
4 | return {
5 | type: types.GET_JOBS_SUCCESS,
6 | JOBs
7 | };
8 | }
9 |
10 | export function getJOBTags(guilds) {
11 | return {
12 | type: types.GET_JOB_GUILDS,
13 | guilds
14 | };
15 | }
16 |
17 | export function updateJOBGuild(guild) {
18 | return {
19 | type: types.UPDATE_JOB_GUILD,
20 | guild
21 | };
22 | }
23 | export function updateJOBUser(user) {
24 | return {
25 | type: types.UPDATE_JOB_USER,
26 | user
27 | };
28 | }
29 | export function updateJOBImages(images) {
30 | return {
31 | type: types.UPDATE_JOB_IMAGES,
32 | images
33 | };
34 | }
35 | export function updateJOBList(jobList) {
36 | return {
37 | type: types.UPDATE_JOB_LIST,
38 | jobList
39 | };
40 | }
41 |
42 | export function updateJOBModel(job) {
43 | return {
44 | type: types.UPDATE_JOB_MODEL,
45 | job
46 | };
47 | }
48 |
49 | export function resetJOBModel() {
50 | return {
51 | type: types.RESET_JOB_MODEL
52 | };
53 | }
54 |
55 | export function deleteJOBSuccess(JOBId) {
56 | return {
57 | type: types.DELETE_JOB_SUCCESS,
58 | JOBId
59 | };
60 | }
--------------------------------------------------------------------------------
/src/actions/jobowner-actions.js:
--------------------------------------------------------------------------------
1 | import * as types from './action-types';
2 |
3 | export function getJOBTags(guilds) {
4 | return {
5 | type: types.GET_JOBOWNERJOB_GUILDS,
6 | guilds
7 | };
8 | }
9 |
10 | export function updateJOBGuild(guild) {
11 | return {
12 | type: types.UPDATE_JOBOWNERJOB_GUILD,
13 | guild
14 | };
15 | }
16 | export function updateJOBUser(user) {
17 | return {
18 | type: types.UPDATE_JOBOWNERJOB_USER,
19 | user
20 | };
21 | }
22 | export function updateJOBImages(images) {
23 | return {
24 | type: types.UPDATE_JOBOWNERJOB_IMAGES,
25 | images
26 | };
27 | }
28 |
29 | export function updateJOBModel(jobownerJob) {
30 | return {
31 | type: types.UPDATE_JOBOWNERJOB_MODEL,
32 | jobownerJob
33 | };
34 | }
35 | export function resetJOBModel() {
36 | return {
37 | type: types.RESET_JOBOWNERJOB_MODEL
38 | };
39 | }
40 |
41 | export function deleteJOBSuccess(jobownerJobId) {
42 | return {
43 | type: types.DELETE_JOBOWNERJOB_SUCCESS,
44 | jobownerJobId
45 | };
46 | }
--------------------------------------------------------------------------------
/src/actions/login-actions.js:
--------------------------------------------------------------------------------
1 | import * as types from './action-types';
2 |
3 | export function requestLogin(creds) {
4 | return {
5 | type: types.LOGIN_REQUEST,
6 | isFetching: true,
7 | isAuthenticated: false,
8 | creds
9 | }
10 | }
11 |
12 | export function receiveLogin(token) {
13 | return {
14 | type: types.LOGIN_SUCCESS,
15 | isFetching: false,
16 | isAuthenticated: true,
17 | token: token
18 | }
19 | }
20 |
21 | export function requestGETVERIFYCODE(tel) {
22 | return {
23 | type: types.GETVERIFYCODE_REQUEST,
24 | tel
25 | }
26 | }
27 |
28 | export function loginLoadTab(index) {
29 | return {
30 | type: types.LOGIN_LOAD_TAB,
31 | activeTab: index
32 | }
33 | }
34 |
35 | export function receiveGETVERIFYCODE() {
36 | return {
37 | type: types.GETVERIFYCODE_SUCCESS
38 | }
39 | }
40 |
41 | export function loginErrorMessages(messages) {
42 | return {
43 | type: types.LOGIN_ERROR_MESSAGES,
44 | messages: messages
45 | }
46 | }
47 |
48 | export function loginError(key,message) {
49 | return {
50 | type: types.LOGIN_FAILURE,
51 | isFetching: false,
52 | isAuthenticated: false,
53 | messages: [[key, message]]
54 | }
55 | }
56 |
57 | export function requestLogout() {
58 | return {
59 | type: types.LOGOUT_REQUEST,
60 | isFetching: true,
61 | isAuthenticated: true
62 | }
63 | }
64 |
65 | export function receiveLogout() {
66 | return {
67 | type: types.LOGOUT_SUCCESS,
68 | isFetching: false,
69 | isAuthenticated: false
70 | }
71 | }
72 |
73 | export function updateFreezeTime(t) {
74 | return {
75 | type: types.LOGIN_UPDATE_FREEZETIME,
76 | freezeTime: t.minutes + ':' + t.seconds,
77 | isActive: t.total !== 0
78 | }
79 | }
80 |
81 | export const LOGIN_TAB = 'LOGIN_TAB';
82 | export const REGISTER_TAB = 'REGISTER_TAB';
--------------------------------------------------------------------------------
/src/actions/service-actions.js:
--------------------------------------------------------------------------------
1 | import * as types from './action-types';
2 |
3 | export function getServiceTypes(serviceTypes) {
4 | return {
5 | type: types.GET_SERVICE_SERVICETYPES,
6 | serviceTypes
7 | };
8 | }
9 |
10 | export function updateServiceType(serviceType) {
11 | return {
12 | type: types.UPDATE_SERVICE_SERVICETYPES,
13 | serviceType
14 | };
15 | }
16 | export function updateServiceImages(images) {
17 | return {
18 | type: types.UPDATE_SERVICE_IMAGES,
19 | images
20 | };
21 | }
22 |
23 | export function updateServiceModel(service) {
24 | return {
25 | type: types.UPDATE_SERVICE_MODEL,
26 | service
27 | };
28 | }
29 | export function updateBMultiInput(multiInput) {
30 | return {
31 | type: types.UPDATE_BMULTI,
32 | multiInput
33 | };
34 | }
35 |
36 | export function resetServiceModel() {
37 | return {
38 | type: types.RESET_SERVICE_MODEL
39 | };
40 | }
41 |
42 | export function deleteServiceSuccess(serviceId) {
43 | return {
44 | type: types.DELETE_SERVICE_SUCCESS,
45 | serviceId
46 | };
47 | }
48 |
49 | export function updateServiceList(serviceList) {
50 | return {
51 | type: types.UPDATE_SERVICE_LIST,
52 | serviceList
53 | };
54 | }
--------------------------------------------------------------------------------
/src/api/article-api.js:
--------------------------------------------------------------------------------
1 | import api from './urls';
2 | import store from '../store';
3 | import { getArticleTags, updateArticleModel,updateArticleList } from '../actions/article-actions';
4 | import * as urls from './urls';
5 | import qs from 'qs';
6 | import ArticleModel from '../models/article';
7 |
8 | // Get all tags
9 |
10 | export function getTags() {
11 |
12 | // mock action -----------------------------------------
13 | //------------------------------------------------------
14 |
15 | return new Promise((resolve, reject) => {
16 |
17 | setTimeout(function () {
18 |
19 | let tags = [{ label: 'سلام', value: 1 }, { label: 'دات نت', value: 2 }, { label: 'جاوا اسکریپت', value: 3 }, { label: 'تست', value:4 }, { label: 'test', value: 5 }, { label: 'tag', value: 6 }, { label: 'mock test', value:7 }];
20 | store.dispatch(getArticleTags(tags));
21 |
22 | resolve('ok');
23 |
24 | }, 500);
25 |
26 | });
27 |
28 | //------------------------------------------------------
29 |
30 |
31 | // a real example --------------------------------------
32 | //------------------------------------------------------
33 |
34 | // return api.get(urls.GETARTICLETAGS)
35 | // .then(response => {
36 | // store.dispatch(getArticleTags(response.data));
37 | // return response;
38 | // });
39 |
40 | //------------------------------------------------------
41 | }
42 |
43 | // Add or Update an article
44 |
45 | export function addOrUpdate(article) {
46 |
47 | console.log(article.Id);
48 |
49 | if(article.Id>0)
50 | return update(article);
51 | else
52 | return add(article);
53 |
54 | }
55 |
56 | // Add article
57 |
58 | export function add(article) {
59 |
60 | return api.post(urls.ARTICLE, qs.stringify(article))
61 | .then(response => {
62 | if (response.status === 200) {
63 | // store.dispatch(receiveGETVERIFYCODE(response.data));
64 | // store.dispatch(push("/"));
65 | } else {
66 | // store.dispatch(loginError('',response.data));
67 | }
68 | })
69 | .catch(error => {
70 | if (error.response) {
71 | // store.dispatch(loginError('',error.response.data));
72 | } else {
73 | // store.dispatch(loginError('',error.message));
74 | }
75 | });
76 | }
77 |
78 | // Update an article
79 |
80 | export function update(article) {
81 |
82 | return api.put(urls.ARTICLE, qs.stringify(article))
83 | .then(response => {
84 | if (response.status === 200) {
85 | // store.dispatch(receiveGETVERIFYCODE(response.data));
86 | // store.dispatch(push("/"));
87 | } else {
88 | // store.dispatch(loginError('',response.data));
89 | }
90 | })
91 | .catch(error => {
92 | if (error.response) {
93 | // store.dispatch(loginError('',error.response.data));
94 | } else {
95 | // store.dispatch(loginError('',error.message));
96 | }
97 | });
98 | }
99 |
100 | // get article
101 |
102 | export function getArticle(id) {
103 |
104 | // mock action -----------------------------------------
105 | //------------------------------------------------------
106 |
107 | return new Promise((resolve, reject) => {
108 |
109 | setTimeout(function () {
110 |
111 | let imageBaseUrl = 'https://unsplash.it/300/400/?random=';
112 |
113 | let model = new ArticleModel();
114 |
115 | model.Id = id;
116 | model.Title = 'عنوان مقاله '+id;
117 | model.Abstract = 'متن خلاصه '+id;
118 | model.Images = [{ name: "1", url: imageBaseUrl+"1" }, { name: "2", url: imageBaseUrl+"2" }, { name: "3", url: imageBaseUrl+"3" }];
119 | model.SelectedTags = [{ label: 'سلام', value: 1 }, { label: 'دات نت', value: 2 }, { label: 'جاوا اسکریپت', value: 3 }];
120 |
121 | store.dispatch(updateArticleModel(model));
122 |
123 | resolve('ok');
124 |
125 |
126 | }, 500);
127 |
128 | });
129 |
130 | //------------------------------------------------------
131 |
132 | // a real example --------------------------------------
133 | //------------------------------------------------------
134 |
135 | // return api.get(urls.ARTICLE+"/"+id)
136 | // .then(response => {
137 | // if (response.status === 200) {
138 | // store.dispatch(updateArticleModel(response.data));
139 | // // store.dispatch(push("/"));
140 | // } else {
141 | // // store.dispatch(loginError('',response.data));
142 | // }
143 | // })
144 | // .catch(error => {
145 | // if (error.response) {
146 | // // store.dispatch(loginError('',error.response.data));
147 | // } else {
148 | // // store.dispatch(loginError('',error.message));
149 | // }
150 | // });
151 |
152 | //------------------------------------------------------
153 |
154 | }
155 |
156 | // get article list
157 |
158 | export function getArticleList() {
159 |
160 | // a real example --------------------------------------
161 | //------------------------------------------------------
162 |
163 | return new Promise((resolve, reject) => {
164 |
165 | setTimeout(function () {
166 |
167 | let articles=[{Id:1,Title:"عنوان ۱"},{Id:2,Title:"عنوان ۲"},{Id:3,Title:"عنوان ۳"}];
168 |
169 | store.dispatch(updateArticleList(articles));
170 |
171 | resolve('ok');
172 | }, 500);
173 |
174 | });
175 |
176 | //------------------------------------------------------
177 |
178 | // a real example --------------------------------------
179 | //------------------------------------------------------
180 |
181 | // return api.get(urls.ARTICLE)
182 | // .then(response => {
183 | // if (response.status === 200) {
184 | // store.dispatch(updateArticleList(response.data));
185 | // // store.dispatch(push("/"));
186 | // } else {
187 | // // store.dispatch(loginError('',response.data));
188 | // }
189 | // })
190 | // .catch(error => {
191 | // if (error.response) {
192 | // // store.dispatch(loginError('',error.response.data));
193 | // } else {
194 | // // store.dispatch(loginError('',error.message));
195 | // }
196 | // });
197 |
198 | //------------------------------------------------------
199 | }
--------------------------------------------------------------------------------
/src/api/article-list-container.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { connect } from 'react-redux';
3 | import SimpleList from '../views/simple-list';
4 | import store from '../../store';
5 | import { loadDashboardTitle, showAlert } from '../../actions/dashboard-actions';
6 | import * as articleApi from '../../api/article-api';
7 | import * as swAlert from '../../helpers/sweet-alert';
8 | import { push } from 'react-router-redux';
9 |
10 | class ArticleContainer extends React.Component {
11 | constructor(props) {
12 | super(props);
13 | this.deleteItem = this.handleClick.bind(this);
14 | }
15 | componentDidMount() {
16 | store.dispatch(loadDashboardTitle(this.props.route.title));
17 | articleApi.getArticleList();
18 | }
19 | componentDidUpdate() {
20 | //ajax update
21 | if (!this.props.title) {
22 | store.dispatch(loadDashboardTitle(this.props.route.title));
23 | return;
24 | }
25 | //change route
26 | if (this.props.route.title === this.props.title)
27 | return;
28 | store.dispatch(loadDashboardTitle(this.props.route.title));
29 | }
30 | editItem(id) {
31 | store.dispatch(push('/ReactAdmin/admin/article/edit/' + id));
32 | }
33 | deleteItem(id) {
34 | swAlert.warning(() => this.onConfirmDelete(id));
35 | }
36 | onConfirmDelete(payload) {
37 | swAlert.success(() => { alert(`deleted item id:${payload}asd`); });
38 | }
39 | hideAlert() {
40 | store.dispatch(showAlert(null));
41 | }
42 | render() {
43 | return (
44 |
9 |
11 | );
12 | }
13 | };
14 |
15 | const mapStateToProps = store => {
16 | return store.loginState;
17 | };
18 |
19 | export default connect(mapStateToProps)(DashboardContainer);
20 |
--------------------------------------------------------------------------------
/src/components/containers/jobownerJob-container.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { connect } from 'react-redux';
3 | import JobOwnerJob from '../views/jobownerJob';
4 | import store from '../../store';
5 | import { loadDashboardTitle } from '../../actions/dashboard-actions';
6 | import * as jobApi from '../../api/jobowner-api';
7 |
8 | class jobownerJobContainer extends React.Component {
9 | componentDidMount() {
10 | let _current = this;
11 |
12 | store.dispatch(loadDashboardTitle(this.props.route.title));
13 |
14 | jobApi.getGuilds().then(function () {
15 |
16 | jobApi.getJOB();
17 |
18 | });
19 |
20 | }
21 | submit() {
22 |
23 | event.preventDefault();
24 | let data = this.refs.child.getData();
25 | console.log(data);
26 | // jobApi.update(data);
27 |
28 | }
29 | render() {
30 | return (
31 |
90 |
99 | );
100 | }
101 |
102 | };
103 |
104 | const mapStateToProps = store => {
105 | return store.loginState;
106 | };
107 |
108 | export default connect(mapStateToProps)(LoginContainer);
--------------------------------------------------------------------------------
/src/components/containers/main-layout-container.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { connect } from 'react-redux';
3 | import MainLayout from '../layouts/main-layout';
4 |
5 | class MainLayoutContainer extends React.Component {
6 |
7 | render() {
8 | return (
9 |
8 | {props.alert}
9 |
13 | {props.children}
14 |
15 | );
16 | };
17 |
18 | export default mainLayout;
--------------------------------------------------------------------------------
/src/components/layouts/menu.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import MetisMenu from 'react-metismenu';
3 | import RouterLink from 'react-metismenu-router-link';
4 | import _ from 'lodash';
5 | import store from '../../store';
6 | import { syncHistoryWithStore } from 'react-router-redux';
7 | import { browserHistory } from 'react-router';
8 | import { hasRole } from '../../api/identity-api';
9 |
10 | let content = [
11 | {
12 | icon: 'home',
13 | label: 'داشبورد',
14 | to: '/ReactAdmin/'
15 | }
16 | ];
17 |
18 | const userMenu = [{
19 | icon: 'gear',
20 | label: 'ویرایش مشخصات',
21 | to: '/ReactAdmin/job/edit'
22 | }];
23 |
24 | const adminMenu = [{
25 | icon: 'book',
26 | label: 'مقالات',
27 | content: [
28 | {
29 | label: 'مقاله جدید',
30 | to: '/ReactAdmin/admin/article/add'
31 | },
32 | {
33 | label: 'مدیریت مقالات',
34 | to: '/ReactAdmin/admin/article/manage'
35 | }
36 | ]
37 | },
38 | {
39 | icon: 'shopping-cart',
40 | label: 'سرویسها',
41 | content: [
42 | {
43 | label: 'سرویس جدید',
44 | to: '/ReactAdmin/admin/service/add'
45 | },
46 | {
47 | label: 'مدیریت سرویسها',
48 | to: '/ReactAdmin/admin/service/manage'
49 | }
50 | ]
51 | }];
52 |
53 |
54 | class menu extends React.Component {
55 | constructor(props) {
56 | super(props);
57 | this.activeLink = this.activeLink.bind(this);
58 | }
59 | componentWillMount() {
60 |
61 | if (hasRole('Admin')) {
62 | content = content.concat(adminMenu);
63 | } else {
64 | content = content.concat(userMenu);
65 | }
66 | }
67 | componentDidMount() {
68 |
69 | let current = this;
70 | const history = syncHistoryWithStore(browserHistory, store);
71 |
72 | history.listen(location => {
73 |
74 | if (_.includes(location.pathname, '/ReactAdmin/admin/article/edit'))
75 | current.activeLink('/ReactAdmin/admin/article/manage');
76 |
77 | if (_.includes(location.pathname, '/ReactAdmin/admin/plan/edit'))
78 | current.activeLink('/ReactAdmin/admin/plan/manage');
79 |
80 | });
81 |
82 | }
83 | activeLink(link) {
84 |
85 | this.refs.menu.changeActiveLinkTo(link);
86 |
87 | }
88 | render() {
89 | return (
90 |
95 | );
96 | }
97 | };
98 |
99 | export default menu;
--------------------------------------------------------------------------------
/src/components/layouts/page-layout.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | const pageLayout = props => {
4 | return (
5 |
6 |
13 | );
14 | };
15 |
16 | export default pageLayout;
--------------------------------------------------------------------------------
/src/components/layouts/panel-layout.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | const panelLayout = props => {
4 | return (
5 |
7 |
11 | {props.children}
12 |
8 |
10 | {props.title}
9 |
6 |
11 | );
12 | };
13 |
14 | export default panelLayout;
--------------------------------------------------------------------------------
/src/components/views/article.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Button } from 'react-bootstrap';
3 | import PanelLayout from '../layouts/panel-layout';
4 | import 'react-tagsinput/react-tagsinput.css';
5 | import { updateArticleModel } from '../../actions/article-actions';
6 | import BTagsInput from '../../helpers/btags-input';
7 | import BFileInput from '../../helpers/bfile-input';
8 | import ArticleModel from '../../models/article';
9 | import store from '../../store';
10 | import ReactJson from 'react-json-view';
11 | import * as urls from '../../api/urls';
12 |
13 | class article extends React.Component {
14 | constructor(props) {
15 | super(props);
16 | this.handleTextChange = this.handleTextChange.bind(this);
17 | this.updateTags = this.updateTags.bind(this);
18 | this.updateImages = this.updateImages.bind(this);
19 | this.refreshModel = this.refreshModel.bind(this);
20 | this.getData = this.getData.bind(this);
21 | }
22 | handleTextChange(event) {
23 | this.refreshModel();
24 | }
25 | updateTags (tags) {
26 | this.refreshModel();
27 | }
28 | updateImages (images) {
29 | this.refreshModel();
30 | }
31 | refreshModel () {
32 | let model = new ArticleModel(this.refs);
33 | console.log(this.props.article.Images);
34 | console.log(model);
35 | store.dispatch(updateArticleModel(model));
36 | }
37 | clearFiles () {
38 | this.refs.Images.clearFiles();
39 | }
40 | getData () {
41 | let model = new ArticleModel(this.refs);
42 | return model;
43 | }
44 | render () {
45 | return (
46 |
7 | {props.title}
8 |
9 | {props.children}
10 |
48 |
75 |
79 |
76 |
78 |
6 |
95 | );
96 | }};
97 |
98 | export default dashboard;
--------------------------------------------------------------------------------
/src/components/views/jobownerJob.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Button } from 'react-bootstrap';
3 | import PanelLayout from '../layouts/panel-layout';
4 | import 'react-tagsinput/react-tagsinput.css';
5 | import { updateJOBModel } from '../../actions/jobowner-actions';
6 | import BFileInput from '../../helpers/bfile-input';
7 | import jobownerJobModel from '../../models/jobownerJob';
8 | import store from '../../store';
9 | import BSelectInput from '../../helpers/bselect-input';
10 | import BMultiInput from '../../helpers/bmulti-input';
11 | import 'react-select/dist/react-select.css';
12 | import * as urls from '../../api/urls';
13 | import ReactJson from 'react-json-view';
14 |
15 | class jobownerJob extends React.Component {
16 | constructor(props) {
17 | super(props);
18 | this.getData = this.getData.bind(this);
19 | this.handleTextChange = this.handleTextChange.bind(this);
20 | this.refreshModel = this.refreshModel.bind(this);
21 | this.updateSelect = this.updateSelect.bind(this);
22 | this.updateImages = this.updateImages.bind(this);
23 | }
24 | getData () {
25 | let model = new jobownerJobModel(this.refs);
26 | return model;
27 | }
28 | handleTextChange(event) {
29 | this.refreshModel();
30 | }
31 | refreshModel () {
32 | let model = new jobownerJobModel(this.refs);
33 | store.dispatch(updateJOBModel(model));
34 | }
35 | updateSelect (item) {
36 | this.refreshModel();
37 | }
38 | updateMulti (items) {
39 | console.log('updateMulti', items);
40 | // store.dispatch(updateBMultiInput(items));
41 | }
42 | updateImages (images) {
43 | this.refreshModel();
44 | }
45 | render () {
46 | return (
47 |
7 |
28 |
8 |
27 |
9 |
19 |
20 |
10 |
18 |
11 |
12 |
13 |
14 |
17 | ۲۶
15 | نظرات جدید!
16 |
21 | مشاهده جزییات
22 |
23 |
24 |
25 |
26 |
29 |
50 |
30 |
49 |
31 |
41 |
42 |
32 |
40 |
33 |
34 |
35 |
36 |
39 | ۱۲
37 | وظایف جدید!
38 |
43 | مشاهده جزییات
44 |
45 |
46 |
47 |
48 |
51 |
72 |
52 |
71 |
53 |
63 |
64 |
54 |
62 |
55 |
56 |
57 |
58 |
61 | ۱۲۳
59 | سفارشات جدید!
60 |
65 | مشاهده جزییات
66 |
67 |
68 |
69 |
70 |
73 |
94 |
74 |
93 |
75 |
85 |
86 |
76 |
84 |
77 |
78 |
79 |
80 |
83 | ۱۴
81 | تیکتهای جدید!
82 |
87 | مشاهده جزییات
88 |
89 |
90 |
91 |
92 |
49 |
121 |
125 |
122 |
124 |
20 |
74 | );
75 | }
76 | };
77 |
78 | export default login;
--------------------------------------------------------------------------------
/src/components/views/service.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Button } from 'react-bootstrap';
3 | import PanelLayout from '../layouts/panel-layout';
4 | import 'react-tagsinput/react-tagsinput.css';
5 | import { updateServiceModel } from '../../actions/service-actions';
6 | import BFileInput from '../../helpers/bfile-input';
7 | import BSelectInput from '../../helpers/bselect-input';
8 | import serviceModel from '../../models/service';
9 | import store from '../../store';
10 | import BMultiInput from '../../helpers/bmulti-input';
11 | import BDateInput from '../../helpers/bdate-input';
12 | import moment from 'moment-jalaali';
13 | import ReactJson from 'react-json-view';
14 | import * as urls from '../../api/urls';
15 |
16 | class service extends React.Component {
17 | constructor(props) {
18 | super(props);
19 | this.getData = this.getData.bind(this);
20 | this.handleTextChange = this.handleTextChange.bind(this);
21 | this.refreshModel = this.refreshModel.bind(this);
22 | this.updateSelect = this.updateSelect.bind(this);
23 | this.updateImages = this.updateImages.bind(this);
24 | }
25 | getData() {
26 | let model = new serviceModel(this.refs);
27 | return model;
28 | }
29 | handleTextChange(event) {
30 | this.refreshModel();
31 | }
32 | refreshModel() {
33 | let model = new serviceModel(this.refs);
34 | store.dispatch(updateServiceModel(model));
35 | }
36 | updateSelect(item) {
37 | this.refreshModel();
38 | }
39 | updateImages(images) {
40 | this.refreshModel();
41 | }
42 | clearFiles () {
43 | this.refs.Images.clearFiles();
44 | }
45 | render() {
46 | return (
47 |
21 | { }} />
22 |
23 | { }} />
24 |
25 |
73 |
26 |
72 |
27 |
36 |
28 |
29 | +98 |
30 |
31 |
32 |
33 |
34 |
35 |
37 |
71 |
38 | {this.props.tel}
39 | ویرایش
40 |
41 |
42 | یک پیامک حاوی کد فعالسازی برای تلفن همراه شما ارسال شدهاست.
43 |
44 |
45 |
46 |
47 |
48 |
49 |
57 |
58 |
59 | {this.props.isActive &&
60 |
61 | {this.props.freezeTime}
62 | دقیقه دیگر میتوانید درخواست مجدد کد فعالسازی را ارسال کنید.
63 |
64 | }
65 | {!this.props.isActive &&
66 |
67 | ارسال کد از طریق SMS
68 |
69 | }
70 |
49 |
50 |
148 |
149 |
153 |
150 |
152 | | # | 13 |Title | 14 |15 | |
|---|---|---|
| {++idx} | 23 |{item.Title} | 24 |25 | 26 | 27 | | 28 |
124 | {
125 | this.state.value.map((item, idx) => {
126 | return (
127 |
138 | 139 |
140 | );
141 | }
142 |
143 | }
144 |
--------------------------------------------------------------------------------
/src/helpers/bselect-input.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Select from 'react-select';
3 | import 'react-select/dist/react-select.css';
4 |
5 | export default class BSelectInput extends React.Component {
6 | constructor(props) {
7 | super(props);
8 |
9 | this.state = { value: props.value || {} };
10 |
11 | this.value = props.value || {};
12 |
13 | this.onSelectChange = (selectedItem) => {
14 |
15 | if (this.props.async) {
16 | //if it's in async mode get label name from mocked or selected option
17 | this.value = selectedItem || {};
18 | }
19 | else {
20 | //if it's NOT in async mode get label name from exist options
21 | this.value = selectedItem.value || selectedItem || {};
22 | }
23 |
24 | props.onChangeHandler(selectedItem);
25 | this.setState({ value: this.value });
26 | }
27 |
28 | }
29 |
30 | // fired after value props changed
31 | componentWillReceiveProps(nextProps) {
32 | this.setState({ value: nextProps.value });
33 | }
34 | // fired after state changed
35 | shouldComponentUpdate(nextProps, nextState) {
36 | return (this.props.value !== nextProps.value) && typeof nextProps.value !== 'undefined';
37 | }
38 | // fired after component render
39 | componentDidUpdate() {
40 | this.onSelectChange(this.state.value);
41 | }
42 |
43 | render() {
44 | // console.log(this.props.async);
45 | // console.log(this.props.loadOptions);
46 | return (this.props.async === true) ?
47 | (
48 |
128 |
129 | {
130 | this.renderChildren(item, idx)
131 | }
132 |
133 |
134 | );
135 | })
136 | }
137 | 138 | 139 |
' + 31 | // 'hours: '+ t.hours + '
' + 32 | // 'minutes: ' + t.minutes + '
' + 33 | // 'seconds: ' + t.seconds; 34 | if (t.total <= 0) { 35 | console.log(t.total); 36 | clearInterval(timeinterval); 37 | } 38 | } 39 | 40 | 41 | export function getTimerMin(min) { 42 | let t = getTimeRemaining(endtime); 43 | // clock.innerHTML = 'days: ' + t.days + '
' + 44 | // 'hours: ' + t.hours + '
' + 45 | // 'minutes: ' + t.minutes + '
' + 46 | // 'seconds: ' + t.seconds; 47 | if (t.total <= 0) { 48 | console.log(t.total); 49 | clearInterval(timeinterval); 50 | } 51 | } 52 | 53 | export function initTimer(min, callback) { 54 | _callback=callback; 55 | let currentTime = Date.parse(new Date()); 56 | endtime = new Date(currentTime + min * 60 * 1000); 57 | 58 | updateClock(); // run function once at first to avoid delay 59 | if(timeinterval) 60 | clearInterval(timeinterval); 61 | timeinterval = setInterval(updateClock, 1000); 62 | 63 | } 64 | -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import { Provider } from 'react-redux'; 4 | import store from './store'; 5 | import router from './router'; 6 | 7 | require('es6-promise').polyfill(); 8 | 9 | // Provider is a top-level component that wrapps our entire application, including 10 | // the Router. We pass it a reference to the store so we can use react-redux's 11 | // connect() method for Component Containers. 12 | ReactDOM.render( 13 |