├── .github
└── FUNDING.yml
├── .gitignore
├── CHANGELOG.md
├── LICENSE
├── README.md
├── client
└── acp
│ ├── .eslintrc
│ ├── actions
│ ├── load-calculation-properties.js
│ ├── load-settings.js
│ ├── save-properties.js
│ ├── save-settings.js
│ └── simple-actions.js
│ ├── controller
│ └── actions.js
│ ├── index.js
│ ├── model
│ ├── action-types.js
│ ├── pages.js
│ ├── reducers.js
│ ├── redux-store.js
│ └── socket-api.js
│ ├── package.json
│ ├── service
│ └── socket-service.js
│ ├── style
│ ├── _layout.scss
│ └── acp.scss
│ ├── view
│ ├── display
│ │ └── save-button.js
│ └── widget
│ │ ├── dashboard.js
│ │ ├── page-manage.js
│ │ ├── page-plugins.js
│ │ ├── page-ranking.js
│ │ ├── page-settings.js
│ │ └── tab-host.js
│ ├── webpack.config.js
│ └── yarn.lock
├── package.json
├── plugin.json
├── plugin
├── .eslintrc
├── actions.js
├── constants.js
├── controller.js
├── database.js
├── default-ranking.js
├── files.js
├── filters.js
├── index.js
├── nodebb.js
├── settings.js
└── sockets.js
├── public
├── css
│ └── acp.css
├── js
│ ├── acp.js
│ └── overview.js
└── templates
│ ├── admin
│ └── plugins
│ │ └── points.tpl
│ ├── client
│ └── points
│ │ ├── overview.tpl
│ │ └── user.tpl
│ └── partials
│ └── points_profile.tpl
├── style
├── _animation.less
├── _vars.less
└── client.less
└── yarn.lock
/.github/FUNDING.yml:
--------------------------------------------------------------------------------
1 | # These are supported funding model platforms
2 |
3 | github: NicolasSiver # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
4 | patreon: # Replace with a single Patreon username
5 | open_collective: # Replace with a single Open Collective username
6 | ko_fi: # Replace with a single Ko-fi username
7 | tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
8 | community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
9 | liberapay: # Replace with a single Liberapay username
10 | issuehunt: # Replace with a single IssueHunt username
11 | otechie: # Replace with a single Otechie username
12 | custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']
13 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # Logs
2 | logs
3 | *.log
4 |
5 | # Runtime data
6 | pids
7 | *.pid
8 | *.seed
9 |
10 | # Directory for instrumented libs generated by jscoverage/JSCover
11 | lib-cov
12 |
13 | # Coverage directory used by tools like istanbul
14 | coverage
15 |
16 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
17 | .grunt
18 |
19 | # node-waf configuration
20 | .lock-wscript
21 |
22 | # Compiled binary addons (http://nodejs.org/api/addons.html)
23 | build/Release
24 |
25 | # Dependency directory
26 | # https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git
27 | node_modules
28 |
29 | # Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion
30 |
31 | *.iml
32 |
33 | ## Directory-based project format:
34 | .idea/
35 | # if you remove the above rule, at least ignore the following:
36 |
37 | # User-specific stuff:
38 | # .idea/workspace.xml
39 | # .idea/tasks.xml
40 | # .idea/dictionaries
41 |
42 | # Sensitive or high-churn files:
43 | # .idea/dataSources.ids
44 | # .idea/dataSources.xml
45 | # .idea/sqlDataSources.xml
46 | # .idea/dynamic.xml
47 | # .idea/uiDesigner.xml
48 |
49 | # Gradle:
50 | # .idea/gradle.xml
51 | # .idea/libraries
52 |
53 | # Mongo Explorer plugin:
54 | # .idea/mongoSettings.xml
55 |
56 | ## File-based project format:
57 | *.ipr
58 | *.iws
59 |
60 | ## Plugin-specific files:
61 |
62 | # IntelliJ
63 | /out/
64 |
65 | # mpeltonen/sbt-idea plugin
66 | .idea_modules/
67 |
68 | # JIRA plugin
69 | atlassian-ide-plugin.xml
70 |
71 | # Crashlytics plugin (for Android Studio and IntelliJ)
72 | com_crashlytics_export_strings.xml
73 | crashlytics.properties
74 | crashlytics-build.properties
75 |
--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
1 | # Changelog
2 |
3 | ### v6.0.1 - 5/30/2019
4 |
5 | - Fixed issue with the forum crash if there are purged posts in the topic
6 |
7 | ### v6.0.0 - 3/30/2019
8 |
9 | - Changed compatibility with NodeBB `v1.12.x`
10 |
11 | ### v5.0.0 - 5/22/2018
12 |
13 | - Changed compatibility with NodeBB `v1.9.x`
14 | - Changed `Overview` page to handle rendering process server-side
15 | - Removed development dependencies like `lodash` and `code-climate`
16 | - Fixed issue with long usernames on `Overview` page
17 | - Fixed issue where a deleted user was not removed completely
18 |
19 | ### v4.0.0 - 9/11/2016
20 |
21 | - Fully functional ACP panel with an ability to change different settings: weight for actions, base values for computation, general settings
22 | - Compatibility with `v1.x.x` forum
23 |
24 | ### v3.0.1 - 3/31/2016
25 |
26 | - Security update
27 |
28 | ### v3.0.0 - 11/26/2015
29 |
30 | - Compatibility with `v0.9.x` forum
31 | - Updated look for Overview page
32 | - Provided template for profile view, for easy include
33 |
34 | ### v2.1.0 - 10/8/2015
35 |
36 | - New posts now will be populated with points
37 | - Updated all package dependencies
38 | - Points section will show exactly 20 top users
39 |
40 | ### v2.0.0 - 10/2/2015
41 |
42 | - Compatibility with `v0.8.x` forum
43 | - Improved support for themes, you don't need inject templates anymore
44 | - Improved Overview page
45 |
46 | ### v1.2.0 - 5/10/2015
47 |
48 | - Use Posts filter
49 | - Added Settings to Topic View
50 |
51 | ### v1.1.0 - 5/10/2015
52 |
53 | - Rank calculation moved to client-side
54 |
55 | ### v1.0.0 - 4/26/2015
56 |
57 | - Very first release
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | The MIT License (MIT)
2 |
3 | Copyright (c) 2015 Nicolas Siver
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
23 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # NodeBB: Points
2 |
3 | Additional metrics for User Profiles. It's like experience in video games. Plugin is good for gamification of your board.
4 |
5 | 
6 | 
7 |
8 |
9 |
10 |
11 |
12 | - [The Ranking Calculation](#the-ranking-calculation)
13 | - [Themes](#themes)
14 | - [Profile View](#profile-view)
15 | - [Topic View](#topic-view)
16 |
17 |
18 |
19 | ## The Ranking Calculation
20 |
21 | The Ranking calculator is a function, that should accept 2 parameters - settings and raw points.
22 | Settings could vary from one calculator to another. Calculator must return object with properties listed below:
23 |
24 | - `rank` [Number] - user's rank, level
25 | - `rankProgress` [Number] - amount of points on current level
26 | - `rankTotal` [Number] - amount of points needed to level-up
27 | - `total` [Number] - raw amount of points
28 |
29 | Example: [Default Function](https://github.com/NicolasSiver/nodebb-plugin-ns-points/blob/f34a4cf6c69b4c8b1abbf88efc3a0f1d8ad6fcf2/public/js/ranking.js#L9-L27)
30 |
31 | ## Themes
32 |
33 | Plugin populates both: `Profile` and `Topic` views. Search for `points` property in corresponding entities.
34 | Don't forget to add link on _overview_ page, link should look like - `/points`
35 |
36 | ### Profile View
37 |
38 | If you want points in Profile, do very basic changes to your theme:
39 |
40 | > Example: Persona Theme, `v4`, find `templates/account/profile.tpl`, edit template in package directory - `node_modules`
41 |
42 | Find block that is responsible for [stats](https://github.com/NodeBB/nodebb-theme-persona/blob/4c32d4b0b16711bde6ee84d6b18dfb13dbfc24c0/templates/account/profile.tpl#L14-L41), and insert template where you want:
43 |
44 | ```html
45 |
46 |
47 | ...
48 |
49 |
50 |
51 | ...
52 |
53 |
54 | ```
55 |
56 | ### Topic View
57 |
58 | Every post will have additional field: `points`.
59 | If you want utilize points calculation feature in topic view, you should use theme that supports such type of integration.
60 |
--------------------------------------------------------------------------------
/client/acp/.eslintrc:
--------------------------------------------------------------------------------
1 | {
2 | "env": {
3 | "es6": true
4 | },
5 | "rules": {
6 | "no-multi-spaces": 0,
7 | "quotes": [
8 | 2,
9 | "single"
10 | ]
11 | },
12 | "ecmaFeatures": {
13 | "modules": true,
14 | "jsx": true
15 | }
16 | }
--------------------------------------------------------------------------------
/client/acp/actions/load-calculation-properties.js:
--------------------------------------------------------------------------------
1 | import {updateProperties} from './simple-actions';
2 | import SocketService from '../service/socket-service';
3 |
4 | export default function () {
5 | return (dispatch, getState) => {
6 | SocketService.getCalculationProperties((error, properties) => {
7 | if (!error) {
8 | dispatch(updateProperties(properties));
9 | }
10 | });
11 | };
12 | }
13 |
--------------------------------------------------------------------------------
/client/acp/actions/load-settings.js:
--------------------------------------------------------------------------------
1 | import {updateSettings} from './simple-actions';
2 | import SocketService from '../service/socket-service';
3 |
4 | export default function () {
5 | return (dispatch, getState) => {
6 | SocketService.getSettings((error, settings) => {
7 | if (!error) {
8 | dispatch(updateSettings(settings));
9 | }
10 | });
11 | };
12 | }
13 |
--------------------------------------------------------------------------------
/client/acp/actions/save-properties.js:
--------------------------------------------------------------------------------
1 | import {propertiesSaved} from './simple-actions';
2 | import SocketService from '../service/socket-service';
3 |
4 | export default function (properties) {
5 | return (dispatch, getState) => {
6 | SocketService.saveCalculationProperties(properties, (error) => {
7 | if (!error) {
8 | dispatch(propertiesSaved());
9 | }
10 | });
11 | };
12 | }
13 |
--------------------------------------------------------------------------------
/client/acp/actions/save-settings.js:
--------------------------------------------------------------------------------
1 | import {settingsSaved} from './simple-actions';
2 | import SocketService from '../service/socket-service';
3 |
4 | export default function (settings) {
5 | return (dispatch, getState) => {
6 | SocketService.saveSettings(settings, (error) => {
7 | if (!error) {
8 | dispatch(settingsSaved());
9 | }
10 | });
11 | };
12 | }
13 |
--------------------------------------------------------------------------------
/client/acp/actions/simple-actions.js:
--------------------------------------------------------------------------------
1 | import * as ActionTypes from '../model/action-types';
2 |
3 | export function changeSection(page) {
4 | return {
5 | type : ActionTypes.SECTION_WILL_CHANGE,
6 | payload: {
7 | section: page
8 | }
9 | };
10 | }
11 |
12 | export function propertiesSaved() {
13 | return {
14 | type: ActionTypes.CALCULATION_PROPERTIES_DID_STORE
15 | };
16 | }
17 |
18 | export function setMaxOverviewUsers(users) {
19 | return {
20 | type : ActionTypes.OVERVIEW_MAX_USERS_WILL_CHANGE,
21 | payload: parseInt(users, 10)
22 | };
23 | }
24 |
25 | export function settingsSaved() {
26 | return {
27 | type: ActionTypes.SETTINGS_DID_STORE
28 | };
29 | }
30 |
31 | export function updateProperties(properties) {
32 | return {
33 | type : ActionTypes.CALCULATION_PROPERTIES_DID_UPDATE,
34 | payload: properties
35 | };
36 | }
37 |
38 | export function updateProperty(property, value) {
39 | return {
40 | type : ActionTypes.CALCULATION_PROPERTY_WILL_UPDATE,
41 | payload: {property, value}
42 | };
43 | }
44 |
45 | export function updateSettings(settings) {
46 | return {
47 | type : ActionTypes.SETTINGS_DID_UPDATE,
48 | payload: settings
49 | };
50 | }
51 |
--------------------------------------------------------------------------------
/client/acp/controller/actions.js:
--------------------------------------------------------------------------------
1 | import * as ActionTypes from '../model/action-types';
2 |
3 | export function changeSection(page) {
4 | return {
5 | type : ActionTypes.SECTION_WILL_CHANGE,
6 | payload: {
7 | section: page
8 | }
9 | };
10 | }
--------------------------------------------------------------------------------
/client/acp/index.js:
--------------------------------------------------------------------------------
1 | import Dashboard from './view/widget/dashboard';
2 | import React from 'react';
3 | import ReactDom from 'react-dom';
4 |
5 | export function init() {
6 | return ReactDom.render(
7 | ,
8 | document.getElementsByClassName('points-acp-dashboard')[0]
9 | );
10 | }
11 |
--------------------------------------------------------------------------------
/client/acp/model/action-types.js:
--------------------------------------------------------------------------------
1 | export const CALCULATION_PROPERTIES_DID_STORE = 'calculationPropertiesDidStore';
2 | export const CALCULATION_PROPERTIES_DID_UPDATE = 'calculationPropertiesDidUpdate';
3 | export const CALCULATION_PROPERTY_WILL_UPDATE = 'calculationPropertyWillUpdate';
4 | export const OVERVIEW_MAX_USERS_WILL_CHANGE = 'overviewMaxUsersWillChange';
5 | export const SECTION_WILL_CHANGE = 'sectionWillChange';
6 | export const SETTINGS_DID_STORE = 'settingsDidStore';
7 | export const SETTINGS_DID_UPDATE = 'settingsDidUpdate';
--------------------------------------------------------------------------------
/client/acp/model/pages.js:
--------------------------------------------------------------------------------
1 | export const RANKING = 'ranking';
2 |
3 | export const MANAGE = 'manage';
4 |
5 | export const SETTINGS = 'settings';
6 |
--------------------------------------------------------------------------------
/client/acp/model/reducers.js:
--------------------------------------------------------------------------------
1 | import u from 'updeep';
2 |
3 | import * as ActionTypes from './action-types';
4 | import * as Pages from './pages';
5 |
6 | const PAGES = [
7 | {name: 'Ranking', value: Pages.RANKING},
8 | {name: 'Manage', value: Pages.MANAGE},
9 | {name: 'Settings', value: Pages.SETTINGS}
10 | ];
11 |
12 | export function calculationProperties(state = {}, action) {
13 | switch (action.type) {
14 | case ActionTypes.CALCULATION_PROPERTY_WILL_UPDATE:
15 | let propertyUpdate = {};
16 | propertyUpdate[action.payload.property] = action.payload.value;
17 | return u(propertyUpdate, state);
18 | case ActionTypes.CALCULATION_PROPERTIES_DID_UPDATE:
19 | return u(action.payload, state);
20 | default:
21 | return state;
22 | }
23 | }
24 |
25 | export function calculationPropertiesChanged(state = false, action) {
26 | switch (action.type) {
27 | case ActionTypes.CALCULATION_PROPERTY_WILL_UPDATE:
28 | return true;
29 | case ActionTypes.CALCULATION_PROPERTIES_DID_STORE:
30 | return false;
31 | default:
32 | return state;
33 | }
34 | }
35 |
36 | export function section(state = Pages.RANKING, action) {
37 | switch (action.type) {
38 | case ActionTypes.SECTION_WILL_CHANGE:
39 | return action.payload.section;
40 | default:
41 | return state;
42 | }
43 | }
44 |
45 | export function sections(state = PAGES, action) {
46 | return state;
47 | }
48 |
49 | export function settings(state = {}, action) {
50 | switch (action.type) {
51 | case ActionTypes.OVERVIEW_MAX_USERS_WILL_CHANGE:
52 | return u({maxUsers: action.payload}, state);
53 | case ActionTypes.SETTINGS_DID_UPDATE:
54 | return u(action.payload, state);
55 | default:
56 | return state;
57 | }
58 | }
59 |
60 | export function settingsChanged(state = false, action) {
61 | switch (action.type) {
62 | case ActionTypes.OVERVIEW_MAX_USERS_WILL_CHANGE:
63 | return true;
64 | case ActionTypes.SETTINGS_DID_STORE:
65 | return false;
66 | default:
67 | return state;
68 | }
69 | }
70 |
--------------------------------------------------------------------------------
/client/acp/model/redux-store.js:
--------------------------------------------------------------------------------
1 | import {applyMiddleware, combineReducers, createStore} from 'redux';
2 | import ReduxThunk from 'redux-thunk';
3 |
4 | import * as Reducers from './reducers';
5 |
6 | export default class ReduxStore {
7 | constructor() {
8 | this.store = createStore(combineReducers(Reducers), applyMiddleware(ReduxThunk));
9 | }
10 |
11 | dispatch(action) {
12 | return this.store.dispatch(action);
13 | }
14 |
15 | getStore() {
16 | return this.store;
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/client/acp/model/socket-api.js:
--------------------------------------------------------------------------------
1 | export const GET_CALCULATION_PROPERTIES = 'plugins.ns-points.getCalculationProperties';
2 | export const GET_SETTINGS = 'plugins.ns-points.getSettings';
3 | export const SAVE_CALCULATION_PROPERTIES = 'plugins.ns-points.saveCalculationProperties';
4 | export const SAVE_SETTINGS = 'plugins.ns-points.saveSettings';
5 |
--------------------------------------------------------------------------------
/client/acp/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "acp",
3 | "version": "1.0.0",
4 | "description": "ACP for Points management",
5 | "main": "index.js",
6 | "scripts": {
7 | "build": "NODE_ENV=production webpack --progress -p",
8 | "start": "parallelshell 'webpack --progress --colors --watch' 'node-sass --watch style/acp.scss ../../public/css/acp.css'",
9 | "test": "echo \"Error: no test specified\" && exit 1"
10 | },
11 | "keywords": [
12 | "acp"
13 | ],
14 | "repository": {
15 | "type": "git",
16 | "url": "git+https://github.com/NicolasSiver/nodebb-plugin-ns-points.git"
17 | },
18 | "author": "Nicolas Siver",
19 | "license": "MIT",
20 | "dependencies": {
21 | "classnames": "^2.2.5",
22 | "react": "^15.3.1",
23 | "react-dom": "^15.3.1",
24 | "react-redux": "^4.4.5",
25 | "redux": "^3.6.0",
26 | "redux-thunk": "^2.1.0",
27 | "updeep": "^0.16.1"
28 | },
29 | "devDependencies": {
30 | "babel-core": "^6.14.0",
31 | "babel-loader": "^6.2.5",
32 | "babel-preset-es2015": "^6.14.0",
33 | "babel-preset-react": "^6.11.1",
34 | "exports-loader": "^0.6.3",
35 | "imports-loader": "^0.6.5",
36 | "node-sass": "^3.9.3",
37 | "parallelshell": "^3.0.2",
38 | "webpack": "^1.13.2"
39 | }
40 | }
41 |
--------------------------------------------------------------------------------
/client/acp/service/socket-service.js:
--------------------------------------------------------------------------------
1 | import * as SocketApi from '../model/socket-api';
2 |
3 | export default class SocketService {
4 | static getCalculationProperties(done) {
5 | window.socket.emit(
6 | SocketApi.GET_CALCULATION_PROPERTIES,
7 | {},
8 | (error, properties) => {
9 | if (error) {
10 | //App.alertError(error.message);
11 | }
12 | done(error, properties);
13 | }
14 | );
15 | }
16 |
17 | static getSettings(done) {
18 | window.socket.emit(
19 | SocketApi.GET_SETTINGS,
20 | {},
21 | (error, settings) => {
22 | if (error) {
23 | //App.alertError(error.message);
24 | }
25 | done(error, settings);
26 | }
27 | );
28 | }
29 |
30 | static saveCalculationProperties(props, done) {
31 | window.socket.emit(
32 | SocketApi.SAVE_CALCULATION_PROPERTIES,
33 | props,
34 | (error) => {
35 | if (error) {
36 | //App.alertError(error.message);
37 | }
38 | done(error);
39 | }
40 | );
41 | }
42 |
43 | static saveSettings(settings, done) {
44 | window.socket.emit(
45 | SocketApi.SAVE_SETTINGS,
46 | settings,
47 | (error) => {
48 | if (error) {
49 | //App.alertError(error.message);
50 | }
51 | done(error);
52 | }
53 | );
54 | }
55 | }
56 |
--------------------------------------------------------------------------------
/client/acp/style/_layout.scss:
--------------------------------------------------------------------------------
1 | // Rhythm of 4px
2 | $vp-rhythm-base: 4px;
3 |
4 | $vp-rhythm-xs: $vp-rhythm-base;
5 | $vp-rhythm-s: $vp-rhythm-base * 2;
6 | $vp-rhythm: $vp-rhythm-base * 3;
7 | $vp-rhythm-l: $vp-rhythm-base * 4;
8 | $vp-rhythm-xl: $vp-rhythm-base * 5;
--------------------------------------------------------------------------------
/client/acp/style/acp.scss:
--------------------------------------------------------------------------------
1 | @import "layout";
2 |
3 | .points-acp-dashboard {
4 | .tab-content {
5 | margin-top: $vp-rhythm-l;
6 | }
7 | }
--------------------------------------------------------------------------------
/client/acp/view/display/save-button.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | const SaveButton = ({enabled, clickHandler}) => {
4 | if (enabled) {
5 | return (
6 |
11 | );
12 | }
13 |
14 | return null;
15 | };
16 |
17 | export default SaveButton;
18 |
--------------------------------------------------------------------------------
/client/acp/view/widget/dashboard.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import {Provider} from 'react-redux';
3 |
4 | import * as Actions from '../../controller/actions';
5 | import loadCalculationProperties from '../../actions/load-calculation-properties';
6 | import loadSettings from '../../actions/load-settings';
7 | import ReduxStore from '../../model/redux-store';
8 | import TabHost from './tab-host';
9 |
10 | export default class Dashboard extends React.Component {
11 | constructor(props) {
12 | super(props);
13 | this.mainStore = new ReduxStore();
14 | }
15 |
16 | componentDidMount() {
17 | this.mainStore.dispatch(loadCalculationProperties());
18 | this.mainStore.dispatch(loadSettings());
19 | }
20 |
21 | render() {
22 | return ;
29 | }
30 | }
31 |
--------------------------------------------------------------------------------
/client/acp/view/widget/page-manage.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import {connect} from 'react-redux';
3 |
4 | class PageManage extends React.Component {
5 | render() {
6 | return (
7 |
8 |
9 | Functionality will be added with a next big update.
10 | Ability to set points or grant particular amount for the user.
11 |
12 |
8 |
Functionality will be added with a next big update.
9 | Plugin
10 | will provide API for integration with another plugins.
11 |
12 |
84 | {rows.map(columnList => {
85 | return (
86 |
87 | {columnList.map(fieldKey => {
88 | let textData = this.texts[fieldKey];
89 | return (
90 |
91 |
92 |
93 | this.propertyDidChange(fieldKey, e.target.value)}/>
99 | {textData.hint}
100 |
101 |
102 | );
103 | })}
104 |
105 | );
106 | })}
107 |
Invalid. Level Grow isn't possible.
114 | }
115 |
116 | return
117 | {this.calculateLevels(basePoints, baseGrow).map(levelData => {
118 | return (
119 |
120 | Level {levelData.level}: {levelData.accumulatedPoints} points
121 |
122 | );
123 | })}
124 |
134 |
135 | {this.generateFields(this.props.calculationProperties)}
136 |
139 |
140 |
141 |
Preview Default Ranking
142 | {this.generateLevelPreview(
143 | this.props.calculationProperties['basePoints'],
144 | this.props.calculationProperties['baseGrow']
145 | )}
146 |
147 |
25 |
26 |
27 |
28 |
29 |
35 | How many persons should be shown at Overview page.
36 |
37 |
40 |
41 |
42 |
30 |
31 | {this.props.sections.map((section) => {
32 | let liClass = classNames({active: this.props.section === section.value});
33 | return (
34 | - this.props.dispatch(changeSection(section.value))}>
35 | {section.name}
36 |
37 | );
38 | })}
39 |
40 |
41 |
42 |
43 | {this.createSection(this.props.section)}
44 |
45 |
46 |
2 |
12 |
13 |
14 |
{username}
15 |
Points: {points}
16 |
Progress: {rankProgress}
17 |
18 |
25 |
26 |
3 |
{points}
4 |
Points
5 |
6 |
7 |