-
Development mode refers to the "development enviroment"
Development mode will fetch data from a remote pool server
Example: you can fetch data from different pools by just changing the variable isDevelopmentMode in enviroments/index.ts
-
Production mode refers to the "production enviroment"
Production mode will fetch data from the local pool server which you will host the web app
Per default the Development mode is activated automatically when running npm start
, but npm run build
activates Production mode
If you need - for whatever reasons - to develop on production mode you need to override the "isDevelopmentMode" variable
-
Go to the file "enviroments/index.ts"
-
You will find the variable "isDevelopmentMode"
- If that variable is equal to true, the website will fetch data from a remote pool node you can change the url
- If that variable is equal to false, the website will fetch data from your local pool node!
The variable "isDevelopmentMode" is assigned correspondingly, so it's not necessary to override it
-
The isTestNet variable refers to the network which may be used
Example: you can host your pool in the Testnet or Mainnet network by modifying the variable isTestNet in enviroments/index.ts
The variable "isTestNet" is assigned correspondingly, so it's not necessary to override it
Use this commands if you are going to deploy changes or start the deployment
- Make sure to have Node.js installed
- If you have not installed the dependencies, run
npm install
, if there is already a folder called/node_modules
, forget this step npm run build
- Build project's production site- After the build command has finished, you will only need the folder
/Build
- You will need to move the files from
/Build
folder to the/html
folder, in the production app of your pool node - Always serve the file
index.html
Discover the available languages you can set by default or users can freely choose!
en
Englishfr
Frenches
Spanishde
Deutscheit
Italianopt
Portuguêstr
Türknl
Nederlandspl
Polskiezh
Chinese (Simplified)ru
Russian
code
-> language name
If you want to share a link with some miners which talks a specific language, you can just add the following get parameter in the URL. Make sure that you assign a available language.
lang=ru
Example #1: http://poolUrlExample.com/?lang=ru
Example #2: http://poolUrlExample.com/randomRoute/?random=true&lang=ru
If you want extra links to be put in your header, you must go to the file pool.properties
and find and customize the variable extraMenuItems
The variable is a
String
which is contained as JSON data, look at the next example
The variable must be assigned completly in one line, maybe you can use bitly.com, for having shorter links and cleaner source code
# Example (How it should be in your source code)
extraMenuItems=[ {"label":"Signum", "url":"https://www.signum.network", "newTab": true }, {"label":"BTDEX", "url":"https://btdex.trade", "newTab": true } ]
# This example shows, that the website will have 2 websites, : signum.network and btdex.trade
# Example (Just take this example as a reference. This have line breaks, which it won't work)
extraMenuItems=[
{"label":"Signum", "url":"https://www.signum.network", "newTab": true },
{"label":"BTDEX", "url":"https://btdex.trade", "newTab": true },
{"label":"Miners", "url":"/miners", "newTab": false }
]
# You can add as many routes you want, you just need to add the object, and keep the variable asignation in just one line
# Look at the examples
# {"label":"My chat", "url":"https://telegram.org", "newTab":true }
# {"label":"My Pool", "url":"http://poolUrlExample.com", "newTab":true }
# Make sure to format correctly the JSON data
# Make sure to keep the variable asigned in just one line, NO LINE BREAKS
-
To add another route, you just need to add another object to that variable and then put the respective values in their properties:
- label: means what is the text of the Link
- URL: is the link or complete url which the user will be redirected to
- newTab: It indicates if the url will be an external or local one
- You must assign this property to false when you are making your own custom page in the pool
- You must assign this property to true if you are going to use an external link
Tip: If the external url is going to be large, i do recommend using an url shortener bitly.com
If you want your pool website to be shown on iframes, you can just add the following get parameter in the URL
embedMode=true
Example #1: http://poolUrlExample.com/?embedMode=true
Example #2: http://poolUrlExample.com/randomRoute/?random=true&embedMode=true
- Go to Google Analytics website and if you’re first time user, you’ll asked to set up an account including your data sharing settings.
- Create a new property
- Add a
Web Data Stream
- Fill up the remaining information for setting up your
web data stream
. Then you’ll get the tracking ID (e.g. G-XXXXXX) - Once you get the Tracking ID, you just need to assign that value in the variable
GOOGLETRACKINGID
- If you do not want google analytics, just leave the variable empty
Example of a tracking ID: G-XXXXXXX
DO NOT USE THE DEPRECATED UNIVERSAL ANALYTICS PROPERTY, EXAMPLE: UA-XXXXX