Файл: Documentation/index.html
Строк: 2283
<?php
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Documentation</title>
<!-- Bootstrap core CSS -->
<link href="assets/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
</head>
<body>
<nav class="navbar navbar-expand navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="#">
<img src="assets/logo_wallet.png" width="30" height="30" alt="">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Just Wallet <span class="badge badge-success">DOCUMENTATION</span></a>
</li>
</ul>
</div>
</div>
</nav>
<div class="container mt-5">
<div class="row">
<div class="col-md-3 menu">
<ul class="list-group">
<li class="list-group-item"><a class="scroll" data-speed="2000" href="#system">System Requrements</a></li>
<li class="list-group-item"><a class="scroll" data-speed="2000" href="#install">New installation</a></li>
<li class="list-group-item"><a class="scroll" data-speed="2000" href="#update">Update script v. 1.1.5</a></li>
<li class="list-group-item"><a class="scroll" data-speed="2000" href="#first">First steps</a></li>
<li class="list-group-item"><a class="scroll" data-speed="2000" href="#deposit">Deposit settings</a></li>
<li class="list-group-item"><a class="scroll" data-speed="2000" href="#ipn">IPN for merchants</a></li>
<li class="list-group-item"><a class="scroll" data-speed="2000" href="#transactions">Transactions status</a></li>
<li class="list-group-item"><a class="scroll" data-speed="2000" href="#fa">Two-factor authorization</a></li>
<li class="list-group-item"><a class="scroll" data-speed="2000" href="#email">Email settings</a></li>
<li class="list-group-item"><a class="scroll" data-speed="2000" href="#language">Language</a></li>
<li class="list-group-item"><a class="scroll" data-speed="2000" href="#template">Design template</a></li>
<li class="list-group-item"><a class="scroll" data-speed="2000" href="#faq">FAQ error</a></li>
<li class="list-group-item"><a class="scroll" data-speed="2000" href="#credits">Sources and Credits</a></li>
</ul>
</div>
<div class="col-md-9">
<h5 class="text-primary" id="system">Welcome to Just Wallet 2.0</h5>
<h5 class="text-primary" id="system"><a target="_blank" href="">Shared by prowebber.ru</a></h5>
<p>Let me thank you for buying and waiting for updates! I worked alone for 1.5 years so that you could finally use this code in your projects. </p>
<h5 class="mt-4 text-primary" id="system">System Requrements</h5>
<p>To install you can use any web hosting or server technologies support:</p>
<ul>
<li>PHP 5.6</li>
<li>MYSQL 5+</li>
<li>PHP MYSQL Extension</li>
<li>PHP CURL Extention</li>
<li>mod_rewrite enabled for your server</li>
<li>php short tags enabled for your server</li>
<li>unlocked allow_url_fopen <span class="text-danger">(for Google reCAPTCHA)</span></li>
</ul>
<h5 class="mt-4 text-primary mt-5" id="install">New installation</h5>
<p><strong>Step 1</strong></p>
<p>Connect to your web server using any FTP program (ie. FileZilla) or the webinterface of your webhost and upload all files and folders which are inside the "Just Wallet Application" folder from the .zip file you have downloaded from site Just Wallet, Codecanyon or Codester.</p>
<img src="assets/img/1.png" class="w-100">
<p><strong>Step 2</strong></p>
<p>The folder "upload" and it's subfolders must have write permissions, so just give the folder write permissions (755).<p>
<img src="assets/img/2.png" class="w-100 pt-3">
<p><strong>Step 3</strong></p>
<p>Before you can use your product, you will need to edit the config files. First locate the config file in: <code>application/config/production/config.php</code> and open it up using a text editor such as notepad. The only line you should need to edit is the:<p>
<div class="form-group">
<textarea class="form-control form-control-sm" rows="1" disabled>$config['base_url'] = 'http://example.com/';</textarea>
</div>
<p>The second file you will need to edit is your database file. Find the file: <code>application/config/production/database.php</code> and open it up using a text editor like Notepad. You will need to edit the lines listed below with your own database login information. For the most part, host stays the same as localhost unless your web host specifies to you otherwise. You will need your database name, database username and database password.</p>
<div class="form-group">
<textarea class="form-control form-control-sm" rows="4" disabled>$db['default']['hostname'] = 'localhost';
$db['default']['username'] = 'your_username';
$db['default']['password'] = 'your_password';
$db['default']['database'] = 'database_name';</textarea>
</div>
<p><strong>Step 4</strong></p>
<p> Next you will need to execute the SQL file that came with the product download. This file will create the database tables that are used to store the data of your application. Usually you can import the SQL tables by using a database management system like PHPmyAdmin. The SQL file is located in foldier "Install SQL" in the product download.
To Import the file, login to your database management system, such as PHPmyAdmin. Make sure you are on the database that you named in the database.php config file then locate the Import Tab on PHPmyAdmin.<p>
<img src="assets/img/3.png" class="w-100 pt-3">
<p><strong>Step 5</strong></p>
<p> Next select the browse button (as shown in the screenshot above) and locate the SQL file (<code>new_install.sql</code> - for new install, <code>update_install.sql</code> - for update install) from your product download file.<p>
<img src="assets/img/4.png" class="w-100 pt-3">
<p> Next click the Go! button and you should now see database tables appear in the left sidebar.
When you have successfully installed the Just Wallet system, you should be presented with a frontpage like the one below. This is the login screen that is presented to all your users. You can login by using the username "admin" and password" password.<p>
<img src="assets/img/5.png" class="w-100 pt-3">
<p><strong>Step 6</strong></p>
<p>For secure sign-in use Google reCAPTCHA. You should get the captcha keys on the site <a href="https://www.google.com/recaptcha/">https://www.google.com/recaptcha/</a>. Enter keys in the table Settings:</p>
<img src="assets/img/24.png" class="w-100 pt-3">
<h5 class="mt-4 text-primary mt-5" id="update">Update script v. 1.1.5</h5>
<p class="text-info">If you have performed a new installation, skip this section.</p>
<p class="text-danger">WARNING! Do not forget to back up all data before performing all the steps.</p>
<p>We changed the platform code and code structure, so the update process can not be automatic. We propose to perform a new installation and transfer the most important values from the current database. You will not lose users and transaction history.</p>
<p><strong>Step 1</strong></p>
<p>Stop the work of the site, so as not to lose new transactions and registration of users. Open the database in the panel phpMyAdmin. Go to "SQL" and run query:</p>
<div class="form-group">
<textarea class="form-control form-control-sm" rows="3" disabled>SELECT `id`, `username`, `password`, `salt`, `first_name`, `last_name`, `email`, `language`, `is_admin`, `status`, `deleted`, `validation_code`, `created`, `updated`, `debit_base`, `debit_extra1`, `debit_extra2`, `debit_extra3`, `debit_extra4`, `debit_extra5` FROM `users`</textarea>
</div>
<img src="assets/img/16.png" class="w-100 mt-3 mb-3">
<p>Now export the result of the query:</p>
<img src="assets/img/17.png" class="w-100 mt-3 mb-3">
<img src="assets/img/18.png" class="w-100 mt-3 mb-3">
<p>Complete a new query:</p>
<div class="form-group">
<textarea class="form-control form-control-sm" rows="2" disabled>SELECT `id`, `type`, `sum`, `fee`, `amount`, `status`, `sender`, `receiver`, `time`, `user_comment`, `admin_comment`, `currency` FROM `transactions`</textarea>
</div>
<p>Now export the result of the query:</p>
<img src="assets/img/19.png" class="w-100 mt-3 mb-3">
<img src="assets/img/20.png" class="w-100 mt-3 mb-3">
<p><strong>Step 2</strong></p>
<p>Install the new version on your server. Use the installation SQL dump <code>update_install.sql</code> when installing. </p>
<p>Import the saved results into a new database. Open the database in the panel phpMyAdmin. </p>
<p>Select the table 'Transactions' and click on the Import button </p>
<img src="assets/img/21.png" class="w-100 mt-3 mb-3">
<p>Upload resulting SQL file from the previous database that contains the transactions. You can ignore any mistakes. After upload, verify that the table has been successfully loaded.</p>
<img src="assets/img/22.png" class="w-100 mt-3 mb-3">
p>Select the table 'Users' and click on the Import button </p>
<img src="assets/img/23.png" class="w-100 mt-3 mb-3">
<p>Upload resulting SQL file from the previous database that contains the users. You can ignore any mistakes. After upload, verify that the table has been successfully loaded.</p>
<img src="assets/img/22.png" class="w-100 mt-3 mb-3">
<h5 class="mt-4 text-primary mt-5" id="first">First steps</h5>
<p><strong>Change password and admin username</strong></p>
<p>You will need to change the password and administrator username. Go to Admin Panel Users -> Users -> Edit user admin</p>
<img src="assets/img/6.png" class="w-100 mt-3 mb-3">
<p>You must use only complex combinations of letters and numbers. We recommend protecting the directory with an additional password via the file .htaccess.</p>
<p><strong>Change page content</strong></p>
<p>We deliver statrt design and content for the pages, but you need to change some links and names to change. Go to Admin Panel Settings -> Pages manager -> Edit page -> Select language. You can use any HTML code or visual editor.</p>
<img src="assets/img/7.png" class="w-100 mt-3 mb-3">
<p><strong>Global settings</strong></p>
<p><span class="badge badge-info">Site name</span> - the name of your project. The name is used for page title in the browser and for signature to transactional Email messages. This parameter corresponds to the SEO value "title".</p>
<p><span class="badge badge-info">Meta Keywords</span> - SEO keys for your website. Used in meta-tags on every page of the site.
</p>
<p><span class="badge badge-info">Meta Description</span> - SEO description for your website. Used in meta-tags on every page of the site.</p>
<p><span class="badge badge-info">Site Email</span> - Email of the project. Used to display in a footer on the site and as a sender of transactional messages.
</p>
<p><span class="badge badge-info">Items Per Page</span> - number of rows of values on one page. Used for both the user interface and the administrator interface. For example, if you select value 25, in the transaction history, the user will see a maximum of 25 transactions.</p>
<p><span class="badge badge-info">Timezone</span> - the timezone of the system. The parameter determines the official system time, which is specified for all events within the project.</p>
<p><span class="badge badge-info">Transfer fee</span> - amount of the commission for money transfer transaction and activation of the voucher. It is set in percentage and depends on the amount of transaction.</p>
<p><span class="badge badge-info">Invoice fee</span> - amount of the commission for pay invoice transaction. It is set in percentage and depends on the amount of transaction.</p>
<p><span class="badge badge-info">reCAPTCHA secret</span> <span class="badge badge-info">reCAPTCHA site key</span> - it is used to verify the user's login and sending support requests via Google CAPTCHA. You can get these values by reference <a href="https://www.google.com/recaptcha">https://www.google.com/recaptcha</a></p>
<p><span class="badge badge-info">Phone</span> - this is a public phone number. It is used on the support page.</p>
<p><span class="badge badge-info">Skype</span> - this is a public Skype username. It is used on the support page.</p>
<p><span class="badge badge-info">Twilio SID</span> <span class="badge badge-info">Twilio token</span> <span class="badge badge-info">Twilio phone number</span> - these values are used to send sms notifications to the user. You can get these values by reference <a href="http://twilio.com/">http://twilio.com/</a></p>
<p><strong>Currency settings</strong></p>
<p>You can use one basic currency and five additional currencies in your project.</p>
<p>Go to Admin Panel Settings -> Currencys. Enter local currency rates or use values through via API Fixer.io. Commission fees are set for the currency exchange in the user's account.</p>
<img src="assets/img/8.png" class="w-100 mt-3 mb-3">
<h5 class="mt-4 text-primary" id="deposit">Deposit</h5>
<p>Just Wallet script uses 8 automatic and 2 manual deposit methods. For each automatic method, a third-party payment gateway is used. Payment gateway can support multiple currencies and payment methods:</p>
<table class="table mt-3 table-responsive-sm table-hover table-bordered">
<thead>
<tr>
<th scope="col">Method</th>
<th scope="col">Gateway methods</th>
<th scope="col">Currencies</th>
</tr>
</thead>
<tbody>
<tr>
<td>PayPal<br><small><a href="https://www.paypal.com" target="_blank">https://www.paypal.com</a></small></td>
<td>PayPal wallet, linked Credit cards, linked Bank accounts</td>
<td><a href="https://developer.paypal.com/docs/classic/api/currency_codes/" target="_blank">Check in PayPal site</a></td>
</tr>
<tr>
<td>Perfect Money<br><small><a href="http://perfectmoney.is/" target="_blank">http://perfectmoney.is</a></small></td>
<td>Perfect Money wallet, PM e-Voucher, PM Prepaid Card</td>
<td>USD, EUR</td>
</tr>
<tr>
<td>ADV Cash<br><small><a href="https://advcash.com/" target="_blank">https://advcash.com</a></small></td>
<td>ADV Cash Wallet, Bitcoin, Payeer, Perfect Money, WEX, EXMO, Epese, Epay</td>
<td>USD, EUR, RUB</td>
</tr>
<tr>
<td>Payeer<br><small><a href="https://payeer.com" target="_blank">https://payeer.com</a></small></td>
<td>Payeer wallet, QIWI wallet, ADV Cash, Bitcoin, VISA, Master Card, Maestro, Money exchangers</td>
<td>USD, EUR, RUB</td>
</tr>
<tr>
<td>Skrill<br><small><a href="http://skrill.com/" target="_blank">http://skrill.com</a></small></td>
<td>Skrill Digital Wallet, Neteller, Paysafecard, Resurs, Visa, MasterCard, Visa Electron, Maestro, American Express, Diners, JCB, Carte Bleue, Dankort, PostePay, CartaSi, Rapid Transfer, giropay, Direct Debit/SEPA, Klarna (was Sofort), Nordea Solo, iDEAL, EPS (Netpay), POLi, Przelewy24, ePay.bg, Trustly, Alipay, Astropay, Unionpay</td>
<td>EUR, USD, GBP, HKD, SGD, JPY, CAD, AUD, CHF, DKK, SEK, NOK, ILS, MYR, NZD, TRY, AED, MAD, QAR, SAR</td>
</tr>
<tr>
<td>PayGol<br><small><a href="https://payeer.com" target="_blank">https://payeer.com</a></small></td>
<td>Visa, MasterCard, American Express, Diners, Paysafecard, Sofort, iDEAL, Bancontact, Przelewy24, SEPA, Servipag, Webpay, Multicaja, Boleto Bancário, Itaú, Banco do Brasil, Bradesco, CAIXA, Oxxo, Santander bank, Banamex bank, Rapipago, Pago Fácil, PSE, Efecty, Davivienda bank, PagoEfectivo, Redpagos, UnionPay, SMS payments, Pay per call</td>
<td><a href="http://www.xe.com/currency/" target="_blank">ISO 4217</a></td>
</tr>
<tr>
<td>Blockchain<br><small><a href="https://blockchain.info/" target="_blank">https://blockchain.info</a></small></td>
<td>Bitcoin</td>
<td>USD, JPY, CNY, SGD, HKD, CAD, NZD, AUD, CLP, GBP, DKK, SEK, ISK, CHF, BRL, EUR, RUB, PLN, THB, KRW, TWD</td>
</tr>
<tr>
<td>Coinpayments<br><small><a href="https://www.coinpayments.net/" target="_blank">https://www.coinpayments.net/</a></small></td>
<td>Bitcoin, Litecoin, AudioCoin, Bitcoin Cash, Bytecoin, BitBean, BlackCoin, Breakout, CloakCoin, Crown, CureCoin, Dash, Decred, DigiByte, Dogecoin, eBoost, Ether Classic, Ether, Expanse, FLASH, GameCredits, Byteball Gigabytes, GCRCoin, Goldcoin, Groestlcoin, Komodo ,LeoCoin, LISK, MonetaryUnit, NAV Coin, NEO, NoLimitCoin, Namecoin, NVO Token, Nexus, NXT, Onix, PinkCoin, PIVX, PoSW Coin, PotCoin, Peercoin, ProCurrency, Pura, Quark, Qtum, RegalCoin, Steem Dollars, SibCoin, SmartCash, STEEM, Stratis, SativaCoin, Syscoin, Ubiq, Voxels, Vertcoin, Waves, Counterparty, NEM, Monero, VERGE, ZCoin, ZCash, ZenCash</td>
<td>Any crypto or fiat currency on the Supported Coins page</td>
</tr>
</tbody>
</table>
<p>The availability of the payment gateway and methods for your country and currency should be specified on the website of the payment system.</p>
<p>You need to set up methods to accept deposits on the site. Go to the Admin panel Settings - Deposit settings and choose a method for customization.</p>
<p><strong>Fee and limits</strong></p>
<p>To use the method, you do not need a moderation or a business account.</p>
<p><span class="badge badge-info">Account for receiving deposits</span> - your PayPal main email. You can use one address for multiple currencies, if this is allowed for your country. This parameter is available for viewing by the client.</p>
<p><span class="badge badge-info">API value 1</span> - not used for this method.</p>
<p><span class="badge badge-info">API value 2</span> - not used for this method.</p>
<p><strong>Perfect Money</strong></p>
<p>To use the method, you do not need a moderation or verified account.</p>
<p><span class="badge badge-info">Account for receiving deposits</span> - your Dollar or Euro account Perfect Money. This is not your email address. For example, U10373808 or E10066858.</p>
<p><span class="badge badge-info">API value 1</span> - alternate Passphrase. You can get this setting in your account settings https://perfectmoney.is/settings.html. Make sure that this parameter consists of letters, numbers and symbols. Treat this parameter as a password.</p>
<p><span class="badge badge-info">API value 2</span> - not used for this method.</p>
<p><strong>Payeer</strong></p>
<p>You will need to pass the moderation of the project in the merchant's settings.</p>
<p>To add and configure a new merchant, go to your Payeer account. </p>
<p>1. Add merchants - enter name merchant, secret key (keep it) and domain.</p>
<p>2. Confirm the domain for further customization. You need to download the confirmation file and publish it on your server.</p>
<p>3. Enter the parameters for your project:</p>
<p><span class="badge badge-info">Key for encryption additional parameters</span> - you have to come up with this parameter yourself;</p>
<p><span class="badge badge-info">Key for encryption additional parameters</span> - you have to come up with this parameter yourself;</p>
<p><span class="badge badge-info">Success URL</span> - http://yousite.com/account/transactions;</p>
<p><span class="badge badge-info">Fail URL</span> - http://yousite.com/account/deposit;</p>
<p><span class="badge badge-info">Status URL</span> - http://yousite.com/ipn/payeer;</p>
<p>After successful moderation, check the form of the deposit. If the form does not work and you get the error of generating a digital signature Your project was announced as an intermediary for financial transactions. You need to uncomment out the code line 209, 234, 235, 238, 241 on the page application/views/account/deposit/confirm.php. This code will allow you to send encrypted additional parameters to the server Payeer.</p>
<p>Settings for Admin panel:</p>
<p><span class="badge badge-info">Account for receiving deposits</span> - your ID merchant from settings merchant.</p>
<p><span class="badge badge-info">API value 1</span> - secret key merchant Payeer.</p>
<p><span class="badge badge-info">API value 2</span> - key for encryption additional parameters.</p>
<p><strong>ADV Cash</strong></p>
<p>You will need to pass the moderation of the project in the merchant's settings.</p>
<p>To add and configure a new merchant, go to your ADV Cash account. </p>
<p>1. Complete the verification by confirming your documents.</p>
<p>2. Create new SCI: Your name - API and SCI developers - Create new SCI</p>
<p><span class="badge badge-info">Use a digital signature in the request to SCI</span> - yes.</p>
<p><span class="badge badge-info">SCI NAME</span> - name your project.</p>
<p><span class="badge badge-info">WEBSITE ADDRESS</span> - fulld site address.</p>
<p><span class="badge badge-info">EMAIL FOR NOTIFICATIONS</span> - to this email address will be sent notices of deposits.</p>
<p><span class="badge badge-info">EMAIL TO DISPLAY IN SCI</span> - this email address will be displayed to the customer at the time of payment of the invoice.</p>
<p><span class="badge badge-info">PASSWORD</span> - any complex combination of letters and numbers.</p>
<p><span class="badge badge-info">SUCCESSFUL TRANSACTION PAGE</span> - HTTP method GET. Link http://yousite.com/account/transactions</p>
<p><span class="badge badge-info">FAILED TRANSACTION PAGE</span> - HTTP method GET. Link http://yousite.com/account/deposit</p>
<p><span class="badge badge-info">STATUS PAGE</span> - HTTP method POST. Link http://yousite.com/ipn/advcash</p>
<p>Settings for Admin panel:</p>
<p><span class="badge badge-info">Account for receiving deposits</span> - your ADV Cash email.</p>
<p><span class="badge badge-info">API value 1</span> - SCI name.</p>
<p><span class="badge badge-info">API value 2</span> - password SCI.</p>
<p><strong>Skrill</strong></p>
<p>You will need to pass the moderation of the project in the merchant's settings.</p>
<p>Settings for Admin panel:</p>
<p><span class="badge badge-info">Account for receiving deposits</span> - your business Skrill email.</p>
<p><span class="badge badge-info">API value 1</span> - unique ID of your Skrill account. ONLY needed for the calculation of the MD5 signature.</p>
<p><span class="badge badge-info">API value 2</span> - password SCI.</p>
<p>Test Merchant Accounts for Skrill:</p>
<table class="table mt-3 table-responsive-sm table-hover table-bordered">
<thead>
<tr>
<th scope="col">Merchant account</th>
<th scope="col">MQI/API password and secret word</th>
<th scope="col">Type</th>
</tr>
</thead>
<tbody>
<tr>
<td>demoqco@sun-fish.com</td>
<td>mqi: skrill123, secretword: skrill</td>
<td>Fixed Payment Options (Fixed Split Gateway)</td>
</tr>
<tr>
<td>demoqcoflexible@sun-fish.com</td>
<td>mqi: skrill123, secretword: skrill</td>
<td>Fixed Payment Options (Fixed Split Gateway)</td>
</tr>
<tr>
<td>demoqcofixedhh@sun-fish.com </td>
<td>mqi: skrill123, secretword: skrill</td>
<td>Fixed Payment Options (Fixed Split Gateway) with Reduced header option enabled</td>
</tr>
</tbody>
</table>
<p>
This is the live production payment form. If you use a standard (non-test) pay_to_email merchant account and a valid credit card or standard Skrill account the payments will be processed and deducted from your card or Skrill wallet.
</p>
<p>Test Cards for payment Skrill:</p>
<table class="table mt-3 table-responsive-sm table-hover table-bordered">
<thead>
<tr>
<th scope="col">Brand</th>
<th scope="col">Card Number</th>
</tr>
</thead>
<tbody>
<tr>
<td>Mastercard</td>
<td>5438311234567890</td>
</tr>
<tr>
<td>VISA</td>
<td>4000001234567890</td>
</tr>
<tr>
<td>Amex</td>
<td>371234500012340</td>
</tr>
</tbody>
</table>
<p><strong>PayGol</strong></p>
<p>You will need to pass the moderation of the project in the merchant's settings.</p>
<p>Settings for PayGol account:</p>
<p><span class="badge badge-info">IPN URL</span> - http://yousite.com/ipn/paygol.</p>
<p>Settings for Admin panel:</p>
<p><span class="badge badge-info">Account for receiving deposits</span> - your Service ID.</p>
<p><span class="badge badge-info">API value 1</span> - secret key.</p>
<p><span class="badge badge-info">API value 2</span> - not used.</p>
<p><strong>BlockChain</strong></p>
<p>You need to get API key to use this method. You must request it by following the <a href="https://api.blockchain.info/customer/signup" target="_blank">link</a>.</p>
<p>BlockChain used GAP limit. If the limit is exceeded, you will receive a message on this to your e-mail. You can get more information about the GAP limit by following the <a href="https://blog.blockchain.com/2016/06/15/receive-payments-api-update-address-gap-limits/" target="_blank">link</a>.</p>
<p>All deposits are credited to the user's account in Fiat currency. We use API quotations BlockChain for currency exchange. The exchange rate is applied at the time of receipt of the 6 network confirmation. </p>
<p>After creating a unique payment BTC address, a pending transaction is created.</p>
<p>Settings for Admin panel:</p>
<p><span class="badge badge-info">Account for receiving deposits</span> - xPub BlockChain address. You can get this value in your account: Settings - Address - Manage - More options - Show xPub.</p>
<p><span class="badge badge-info">API value 1</span> - API key.</p>
<p><span class="badge badge-info">API value 2</span> - secret word. You must independently come up with this value for verifying the signature of the incoming request from the server BlockChain. This setting is not configurable in your account BlockChain. </p>
<p><strong>Coinpayments</strong></p>
<p>To use the method, you do not need a moderation or verified account.</p>
<p>Settings for Coinpayments account:</p>
<p><span class="badge badge-info">IPN Secret</span> - this is used to verify that an IPN is from us, use a good random string nobody can guess.</p>
<p><span class="badge badge-info">IPN URL</span> - http://yousite.com/ipn/coinpayments.</p>
<p>Make sure that you do not accept test coins for payment <a href="https://www.coinpayments.net/acct-coins" target="_blank">https://www.coinpayments.net/acct-coins</a></p>
<p>Settings for Admin panel:</p>
<p><span class="badge badge-info">Account for receiving deposits</span> - Your Merchant ID.</p>
<p><span class="badge badge-info">API value 1</span> - secret word.</p>
<p><span class="badge badge-info">API value 2</span> - not used. </p>
<p><strong>SWIFT</strong></p>
<p>This is a manual deposit method. The user can create a pending transaction and receive the details of your baccount account for an international money transfer. For each transaction, a unique note number is created, which will help you to identify the payment in the bank statement.</p>
<p>After receiving the details of the invoice, the user sends money through his bank. The administrator must independently check his bank account, because such a transaction will not be processed automatically. After receiving the money, you must confirm the transaction in the admin panel.</p>
<p>Remember that US dollars are usually used for international money transfers.</p>
<p><span class="badge badge-info">Account for receiving deposits</span> - Your USD bank account.</p>
<p><span class="badge badge-info">API value 1</span> - not used.</p>
<p><span class="badge badge-info">API value 2</span> - not used. </p>
<p><strong>Local bank transfer</strong></p>
<p>This is a manual deposit method. The user can create a pending transaction and receive the details of your baccount account for an international money transfer. For each transaction, a unique note number is created, which will help you to identify the payment in the bank statement.</p>
<p>In this method, you can use the local currency for local bank money transfers.</p>
<p>After receiving the details of the invoice, the user sends money through his bank. The administrator must independently check his bank account, because such a transaction will not be processed automatically. After receiving the money, you must confirm the transaction in the admin panel.</p>
<p><span class="badge badge-info">Account for receiving deposits</span> - Your any local bank account.</p>
<p><span class="badge badge-info">API value 1</span> - not used.</p>
<p><span class="badge badge-info">API value 2</span> - not used. </p>
<p><strong>Secure method name change</strong></p>
<p>You can name the deposit methods in the Administrator Panel. After the change, you need to add a new name to the exception list username <code> application/libraries/Protect_username.php</code>:</p>
<div class="form-group">
<textarea class="form-control form-control-sm" id="exampleFormControlTextarea1" rows="3" disabled>$forbidden_user = ['system', 'PayPal', 'Perfect Money', 'ADV Cash', 'Payeer', 'Credit card via Skrill', 'Credit card via Paygol', 'SWIFT', 'Bank of America / Local bank transfer', 'Bitcoin and other crypto-currencies', 'Blockchain', 'Credit card', 'Bitcoin', 'Skrill', 'Payza', 'admin', 'New method example'];</textarea>
</div>
<h5 class="mt-4 text-primary" id="ipn">IPN for merchants</h5>
<p>The script can accept external requests for wallet deposit. The interface can be used by merchants who have undergone complete verification of the account and merchant. The user needs to perform several steps to activate the merchant interface: </p>
<p><strong>Step 1</strong></p>
<p>The user must perform full account verification.</p>
<img src="assets/img/9.png" class="w-100 mt-3 mb-3">
<p><strong>Step 2</strong></p>
<p>User must add the merchant project and the administrator must set the enabled status.</p>
<img src="assets/img/10.png" class="w-100 mt-3 mb-3">
<img src="assets/img/11.png" class="w-100 mt-3 mb-3">
<p>The user must enter values:</p>
<p><span class="badge badge-info">Name</span> - name merchant. This value is searchable on the store page and displayed on the payment page.</p>
<p><span class="badge badge-info">URL site</span> - site link merchant.</p>
<p><span class="badge badge-info">Status IPN link</span> - an instant notification of payment will be sent to this address. Available only when used HTML form.</p>
<p><span class="badge badge-info">Success link</span> - the buyer will be redirected to this page after successful payment. Available only when used HTML form.</p>
<p><span class="badge badge-info">Fail link</span> - the buyer will be redirected to this page after fail payment. Available only when used HTML form.</p>
<p><span class="badge badge-info">Merchant IPN password</span> - this password is used to verify the payment notification.</p>
<p><span class="badge badge-info">Logo</span> - merchant's logo. Only GIF, JPEG, PNG. Max size - 5 MB.</p>
<p><span class="badge badge-info">Categories</span> - available category merchant for section Shops and Payments.</p>
<p><span class="badge badge-info">Show in Shops and payment?</span> - if es, the merchant will be displayed in the section Shops snd Payments.</p>
<p><span class="badge badge-info">Who pays the fees?</span> - user can choose who pays the commission of the system.</p>
<p><span class="badge badge-info">Note for payment</span> - note for payment via user account:</p>
<img src="assets/img/12.png" class="w-100 mt-3 mb-3">
<p><span class="badge badge-info">Comment for administration</span> - any comment for the administrator</p>
<p>After activating the merchant administrator, he can use HTML form:</p>
<div class="form-group">
<textarea class="form-control form-control-sm" id="exampleFormControlTextarea1" rows="8" disabled><form method="POST" action="http://yousite.com/sci/form" target="_blank">
<input type="hidden" name="merchant" value="7">
<input type="hidden" name="item_name" value="Testing payment">
<input type="hidden" name="amount" value="112">
<input type="hidden" name="currency" value="debit_base">
<input type="hidden" name="custom" value="comment">
<button type="submit">Pay now!</button>
<form/></textarea>
</div>
<p>This form will trigger merchant payment page.</p>
<p><strong>HTML form variable</strong></p>
<table class="table table-hover table-responsive">
<thead>
<tr>
<th scope="col">Variable</th>
<th scope="col">Description</th>
<th scope="col">Conditions</th>
<th scope="col">Necessarily</th>
</tr>
</thead>
<tbody>
<tr>
<th><code>merchant</code></th>
<td>Merchant ID in the system Just Wallet. Assigned to the merchant automatically after adding a store to your account. Your store must be moderated</td>
<td>Not equal to 0</td>
<td><strong>Yes</strong></td>
</tr>
<tr>
<th><code>item_name</code></th>
<td>Product name or purpose of payment. This item is visible to the payer</td>
<td>Minimum number of characters 3, maximum - 100</td>
<td><strong>Yes</strong></td>
</tr>
<tr>
<th><code>amount</code></th>
<td>The sum in any form. The sum is rounded to decimal places. The total amount including commission will be calculated automatically</td>
<td>Sum is more than 1</td>
<td><strong>Yes</strong></td>
</tr>
<tr>
<th><code>currency</code></th>
<td>Currency of payment. Available currencies <code>debit_base</code>, <code>debit_extra1</code>, <code>debit_extra2</code>, <code>debit_extra3</code>, <code>debit_extra4</code>, <code>debit_extra5</code></td>
<td>Only values from the list</td>
<td><strong>Yes</strong></td>
</tr>
<tr>
<th><code>custom</code></th>
<td>Comment to the payment. For example, the order number in your store. This item is not displayed to the buyer</td>
<td>Maximum - 100</td>
<td><strong>Yes</strong></td>
</tr>
</tbody>
</table>
<p>After payment, the merchant will be POST notified of the payment</p>
<p><strong>IPN variable</strong></p>
<table class="table table-hover table-responsive">
<thead>
<tr>
<th scope="col">Variable</th>
<th scope="col">Description</th>
<th scope="col">Example</th>
</tr>
</thead>
<tbody>
<tr>
<th><code>$POST['amount']</code></th>
<td>The received amount without commissions</td>
<td><code>100.00</code></td>
</tr>
<tr>
<th><code>$POST['fee']</code></th>
<td>Fee for payment. Paid by the buyer or merchant according to the settings</td>
<td><code>0.20</code></td>
</tr>
<tr>
<th><code>$POST['total']</code></th>
<td>Total transaction amount including commission</td>
<td><code>100.20</code></td>
</tr>
<tr>
<th><code>$POST['currency']</code></th>
<td>Transaction currency for which payment was made</td>
<td><code>debit_base</code></td>
</tr>
<tr>
<th><code>$POST['payer']</code></th>
<td>Buyer username in the system Just Wallet</td>
<td><code>johndoe</code></td>
</tr>
<tr>
<th><code>$POST['receiver']</code></th>
<td>Merchant username in the system Just Wallet</td>
<td><code>envato</code></td>
</tr>
<tr>
<th><code>$POST['status']</code></th>
<td>The status of the transaction. Always Value "Confirmed"</td>
<td><code>Confirmed</code></td>
</tr>
<tr>
<th><code>$POST['date']</code></th>
<td>Transaction date</td>
<td><code>2018-01-09 03:11:07</code></td>
</tr>
<tr>
<th><code>$POST['id_transfer']</code></th>
<td>Unique transaction number in the system Just Wallet</td>
<td><code>58954</code></td>
</tr>
<tr>
<th><code>$POST['merchant_name']</code></th>
<td>Merchant store name in the system Just Wallet</td>
<td><code>Google Inc</code></td>
</tr>
<tr>
<th><code>$POST['merchant_id']</code></th>
<td>Unique number of merchant in the system Just Wallet</td>
<td><code>21</code></td>
</tr>
<tr>
<th><code>$POST['balance']</code></th>
<td>Available merchant balance in transaction currency</td>
<td><code>2100.56</code></td>
</tr>
<tr>
<th><code>$POST['item_name']</code></th>
<td>Name of paid goods</td>
<td><code>Test payment</code></td>
</tr>
<tr>
<th><code>$POST['custom']</code></th>
<td>Comment on payment, formed by the merchant in the HTML form</td>
<td><code>INV 1452485</code></td>
</tr>
<tr>
<th><code>$POST['hash']</code></th>
<td>A unique signature that is used to verify the validity of a notification. A string join is created of the total amount, merchant password, date transaction and transaction ID. The string is encrypted using an algorithm MD5.</td>
<td><code>C93D3BF7A7C4AFE94B64E30C2CE39F4F</code></td>
</tr>
</tbody>
</table>
<p><strong>Example of a notification handler in PHP</strong></p>
<div class="form-group">
<textarea class="form-control form-control-sm" id="exampleFormControlTextarea1" rows="20" disabled>// merchant password
$merchant_password = "t43t43t34t43t34t6545845";
// transaction info
$amount = $_POST['amount'];
$fee = $_POST['fee'];
$total = $_POST['total'];
$currency = $_POST['currency'];
$payer = $_POST['payer'];
$receiver = $_POST['receiver'];
$status = $_POST['status'];
$date = $_POST['date'];
$id_transfer = $_POST['id_transfer'];
// Merchant info
$merchant_name = $_POST['merchant_name'];
$merchant_id = $_POST['merchant_id'];
$balance = $_POST['balance'];
// Purchase Information
$item_name = $_POST['item_name'];
$custom = $_POST['custom'];
// Verification of the transaction
$hash = $_POST['hash'];
$hash_string = $total.':'.$merchant_password.':'.$date.':'.$id_transfer;
$user_hash = strtoupper(md5($hash_string));
if ($hash_string == $user_hash) {
echo "Confirmed!";
} else {
echo "Disabled!";
}</textarea>
</div>
<h5 class="mt-4 text-primary" id="transactions">Transactions status</h5>
<p><strong>Types transactions</strong></p>
<p>The script uses 5 types of transactions:</p>
<table class="table table-hover table-responsive">
<thead>
<tr>
<th scope="col">Code</th>
<th scope="col" width="20%">Type</th>
<th scope="col">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>1</code></td>
<td><code>Deposit</code></td>
<td>Used for any transactions of balance replenishment, exchange transactions and activate vouchers.</td>
</tr>
<tr>
<td><code>2</code></td>
<td><code>Withdrawal</code></td>
<td>Used for any transactions withdrawal of balance from the system and create voucher.</td>
</tr>
<tr>
<td><code>3</code></td>
<td><code>Transfer</code></td>
<td>Used for any transactions money transfer.</td>
</tr>
<tr>
<td><code>4</code></td>
<td><code>Exchange</code></td>
<td>Used for any transactions money exchange.</td>
</tr>
<tr>
<td><code>5</code></td>
<td><code>Purchase</code></td>
<td>Used for any merchant transactions and Shops.</td>
</tr>
</tbody>
</table>
<p><strong>Status transactions</strong></p>
<p>The script uses 5 status of transactions:</p>
<table class="table table-hover table-responsive">
<thead>
<tr>
<th scope="col">Code</th>
<th scope="col" width="20%">Type</th>
<th scope="col">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>1</code></td>
<td><code>Pending</code></td>
<td>Transaction is displayed in history, but the funds have not yet been credited to the balance.</td>
</tr>
<tr>
<td><code>2</code></td>
<td><code>Confirmed</code></td>
<td>Any successful transaction.</td>
</tr>
<tr>
<td><code>3</code></td>
<td><code>Refund</code></td>
<td>The funds are returned to the sender of the payment and debited from the balance of the payee. If the refund occurs in a dispute, the transaction amount is returned without commission fees.</td>
</tr>
<tr>
<td><code>4</code></td>
<td><code>Disputed</code></td>
<td>This transaction was contested by the sender of the payment. The amount of the transaction is hold on the user's balance.</td>
</tr>
<tr>
<td><code>5</code></td>
<td><code>Blocked</code></td>
<td>This transaction was contested by Administrator. The amount of the transaction is hold on the user's balance.</td>
</tr>
</tbody>
</table>
<p>Hold balance can not be used for transactions. Funds will be unlocked when the disputed or blocked transaction changes its status.</p>
<h5 class="mt-4 text-primary" id="fa">Two-factor authorization</h5>
<p>For secure authorization on the site, the user can use one of the input verification methods.</p>
<img src="assets/img/13.png" class="w-100 mt-3 mb-3">
<p><strong>No checking</strong></p>
<p>Additional methods do not apply. It is used by default.</p>
<p><strong>Two-factor authentication</strong></p>
<p>Available to all users. To configure the user, click on the gear symbol:</p>
<img src="assets/img/14.png" class="w-100 mt-3 mb-3">
<p>The user must scan the QR code and enter the received token. Resetting this method is available only through the administrator. To reset, you need to delete the method values for the user:</p>
<img src="assets/img/15.png" class="w-100 mt-3 mb-3">
<p><strong>SMS authentication</strong></p>
<p>A one-time token will be sent to the user in sms message. Remember that you must be set up SMS Twilio account in Global Settings and SMS template enabled.</p>
<p><strong>Email authentication</strong></p>
<p>A one-time token will be sent to the user in Email message. Remember that you must be Email template enabled.</p>
<p class="text-info">To deactivate the input, the user must always press the exit button. </p>
<h5 class="mt-4 text-primary" id="email">Email settings</h5>
<p>To send email notifications, the script uses the methods of framework Codeigniter. If the messages do not arrive or are sent to spam, you need to enter STMP account details in file <code>application/config/email.php</code>: </p>
<div class="form-group">
<textarea class="form-control form-control-sm" id="exampleFormControlTextarea1" rows="8" disabled>$config['protocol'] = 'smtp';
$config['smtp_host'] = 'host';
$config['smtp_port'] = 'port';
$config['smtp_user'] = 'usermmail';
$config['smtp_pass'] = 'password';
$config['charset'] = 'utf8';
$config['mailtype'] = 'html';
$config['wordwrap'] = TRUE</textarea>
</div>
<p>For Gmail account:</p>
<div class="form-group">
<textarea class="form-control form-control-sm" id="exampleFormControlTextarea1" rows="18" disabled>$config['useragent'] = 'CodeIgniter';
$config['protocol'] = 'smtp';
//$config['mailpath'] = '/usr/sbin/sendmail';
$config['smtp_host'] = 'ssl://smtp.googlemail.com';
$config['smtp_user'] = 'YOUREMAILHERE@gmail.com';
$config['smtp_pass'] = 'YOURPASSWORDHERE';
$config['smtp_port'] = 465;
$config['smtp_timeout'] = 5;
$config['wordwrap'] = TRUE;
$config['wrapchars'] = 76;
$config['mailtype'] = 'html';
$config['charset'] = 'utf-8';
$config['validate'] = FALSE;
$config['priority'] = 3;
$config['crlf'] = "rn";
$config['newline'] = "rn";
$config['bcc_batch_mode'] = FALSE;
$config['bcc_batch_size'] = 200;</textarea>
</div>
<p>Your SMTP account must be accessible for calling from third-party applications.</p>
<h5 class="mt-4 text-primary" id="language">Language</h5>
<p>You can change the values of the language variables in the folder <code>application/language/{you_lang}</code>:</p>
<p><span class="badge badge-info">admin_lang</span> - variable for Admin panel.</p>
<p><span class="badge badge-info">contact_lang</span> - variable for contact page.</p>
<p><span class="badge badge-info">core_lang</span> - global language variable.</p>
<p><span class="badge badge-info">dashboard_lang</span> - variable for Admin panel - Dashboard.</p>
<p><span class="badge badge-info">settings_lang</span> - variable for Admin panel - Settings.</p>
<p><span class="badge badge-info">user_lang</span> - variable for User account.</p>
<p><span class="badge badge-info">welcome_lang</span> - variable for index page.</p>
<p>For version 2.0 we supply English. We are constantly adding new localizations. You can check them on the site <a href="http://justigniter.io/">http://justigniter.io/</a></p>
<p>To add a new language, you need to copy the language folder and enter a name for this folder with the new language. New language will appear on the site automatically.</p>
<h5 class="mt-4 text-primary" id="template">Design template</h5>
<p>To change template styles, you can use files:</p>
<p><code>assets/account</code> - user account template;</p>
<p><code>assets/modulat_just</code> - admin template;</p>
<p><code>assets/sci</code> - merchant payment template;</p>
<p><code>assets/escrow</code> - publick template;</p>
<p><code>application/views</code> - view page design;</p>
<h5 class="mt-4 text-primary" id="faq">FAQ error</h5>
<p><strong>If you get 404 page not found error after installation</strong></p>
<p>In this case your server needs the RewriteBase option to be set. Open the .htaccess file in the main folder and add the following line to it: RewriteBase / The .htaccess should look like this:</p>
<div class="form-group">
<textarea class="form-control form-control-sm" id="exampleFormControlTextarea1" rows="5" disabled>RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php/$1 [L]
RewriteBase /</textarea>
</div>
<p>If you have installed the application into a sub folder you need to add the sub folder name after the / The .htaccess file should look like this in this case:</p>
<div class="form-group">
<textarea class="form-control form-control-sm" id="exampleFormControlTextarea1" rows="5" disabled>RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php/$1 [L]
RewriteBase /your_sub_folder/</textarea>
</div>
<p><strong>On Dreamhost you have to amend the .htaccess. If you get a “No Input File” error</strong></p>
<p>The htaccess file should look like this:</p>
<div class="form-group">
<textarea class="form-control form-control-sm" id="exampleFormControlTextarea1" rows="5" disabled>RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php/?$1 [L]
RewriteBase /</textarea>
</div>
<p><strong>If you get “no input file specified” error on goDaddy web host</strong></p>
<p>You need to change the .htaccess as follows:</p>
<div class="form-group">
<textarea class="form-control form-control-sm" id="exampleFormControlTextarea1" rows="7" disabled><IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond $1 !.(gif|jpe?g|png)$ [NC]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ /index.php?/$1 [L]
</IfModule> </textarea>
</div>
<p><strong>If you get a 500 Error after the installation try the following as .htaccess</strong></p>
<p>The htaccess file should look like this:</p>
<div class="form-group">
<textarea class="form-control form-control-sm" id="exampleFormControlTextarea1" rows="5" disabled>RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond $1 !^(index.php|robots.txt)
RewriteRule ^(.*)$ /index.php?/$1 [L]</textarea>
</div>
<h5 class="mt-4 text-primary" id="credits">Sources and Credits</h5>
<p>When developing Just Wallet, we used the Codeigniter 3.1.6 framework. You can see the documentation <a href="https://codeigniter.com/">https://codeigniter.com/</a></p>
<p>For the layout template we used the Admin Panel under the MIT license template Modular <a href="https://github.com/modularcode/modular-admin-html/">https://github.com/modularcode/modular-admin-html/</a></p>
<p>For the layout template we used the Account under the MIT license template Bootstrap 4 <a href="http://getbootstrap.com/">http://getbootstrap.com/</a></p>
<p>In the design of Just Wallet, we used a collection of icons from <a href="https://fontawesome.com/icons">Font awesome</a> and <a href="http://simplelineicons.com/">Simple Line Icons</a>.</p>
<p>To edit Email templates we use the editor CK Editor <a href="http://ckeditor.com/">http://ckeditor.com/</a></p>
<p>To convert bitcoins with a patch through BlockChain, script use rate BlockChain - <a href="https://blockchain.info/api/exchange_rates_api">https://blockchain.info/api/exchange_rates_api</a></p>
<p>To display img sender for money transfers in transactions, script use API Gravatar <a href="https://gravatar.com/">https://gravatar.com/</a></p>
<p>All logos of payment systems belong to their rightholders.</p>
<strong>
<p class="text-success">If you have any questions about the product Just Wallet, write to us at mail justwalletpw@gmail.com.</p>
<p class="text-success">The standard response time is up to 5 business days.</p>
<p class="text-success">Response time per bug - 1 business day</p>
<p class="text-success">Time to respond to security concerns - 1 business day</p>
</strong>
</div>
</div>
</div>
<script src="assets//jquery-3.2.1.slim.min.js"></script>
<script src="assets/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="assets/bootstrap.min.js" ></script>
<script>
// Create a clone of the menu, right next to original.
$('.menu').addClass('original').clone().insertAfter('.menu').addClass('cloned').css('position','fixed').css('top','0').css('margin-top','0').css('z-index','500').removeClass('original').hide();
scrollIntervalID = setInterval(stickIt, 10);
function stickIt() {
var orgElementPos = $('.original').offset();
orgElementTop = orgElementPos.top;
if ($(window).scrollTop() >= (orgElementTop)) {
// scrolled past the original position; now only show the cloned, sticky element.
// Cloned element should always have same left position and width as original element.
orgElement = $('.original');
coordsOrgElement = orgElement.offset();
leftOrgElement = coordsOrgElement.left;
widthOrgElement = orgElement.css('width');
$('.cloned').css('left',leftOrgElement+'px').css('top',15).css('width',widthOrgElement).show();
$('.original').css('visibility','hidden');
} else {
// not scrolled past the menu; only show the original menu.
$('.cloned').hide();
$('.original').css('visibility','visible');
}
}
</script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
</script>
<script>
(function() {
'use strict';
// Feature Test
if ( 'querySelector' in document && 'addEventListener' in window && Array.prototype.forEach ) {
// Function to animate the scroll
var smoothScroll = function (anchor, duration) {
// Calculate how far and how fast to scroll
var startLocation = window.pageYOffset;
var endLocation = anchor.offsetTop;
var distance = endLocation - startLocation;
var increments = distance/(duration/16);
var stopAnimation;
// Scroll the page by an increment, and check if it's time to stop
var animateScroll = function () {
window.scrollBy(0, increments);
stopAnimation();
};
// If scrolling down
if ( increments >= 0 ) {
// Stop animation when you reach the anchor OR the bottom of the page
stopAnimation = function () {
var travelled = window.pageYOffset;
if ( (travelled >= (endLocation - increments)) || ((window.innerHeight + travelled) >= document.body.offsetHeight) ) {
clearInterval(runAnimation);
}
};
}
// If scrolling up
else {
// Stop animation when you reach the anchor OR the top of the page
stopAnimation = function () {
var travelled = window.pageYOffset;
if ( travelled <= (endLocation || 0) ) {
clearInterval(runAnimation);
}
};
}
// Loop the animation function
var runAnimation = setInterval(animateScroll, 16);
};
// Define smooth scroll links
var scrollToggle = document.querySelectorAll('.scroll');
// For each smooth scroll link
[].forEach.call(scrollToggle, function (toggle) {
// When the smooth scroll link is clicked
toggle.addEventListener('click', function(e) {
// Prevent the default link behavior
e.preventDefault();
// Get anchor link and calculate distance from the top
var dataID = toggle.getAttribute('href');
var dataTarget = document.querySelector(dataID);
var dataSpeed = toggle.getAttribute('data-speed');
// If the anchor exists
if (dataTarget) {
// Scroll to the anchor
smoothScroll(dataTarget, dataSpeed || 500);
}
}, false);
});
}
})();
</script>
</body>
</html>
?>