Add API tools & Ripple resources

- RPC tool
- ripple.txt validator
- Test Net faucet
- Dev Blog link
- Ripple.com link
- GitHub org link
This commit is contained in:
mDuo13
2018-03-14 23:49:07 -07:00
parent b08dffcef4
commit 226f4ed699
16 changed files with 976 additions and 7 deletions

View File

@@ -36,7 +36,7 @@
</head>
<body class="{% block bodyclasses %} xrp-ledger-dev-portal sidebar-primary{% endblock %}">
<body class="xrp-ledger-dev-portal {% block bodyclasses %}sidebar-primary{% endblock %}">
<header role="banner" class="banner navbar navbar-default navbar-fixed-top initial_header">
<div class="container">
<div class="navbar-header">

View File

@@ -29,6 +29,12 @@
{% endfor %}
</ul>
{% endfor %}
<ul>
<li class="top"><h5><span class="dev_heading">Ripple Resources</span></h5></li>
<li><a href="https://ripple.com/">Official Website</a></li>
<li><a href="https://ripple.com/category/dev-blog/">Dev Blog</a></li>
<li><a href="https://github.com/ripple/">GitHub Organization</a></li>
</ul>
</div>
</div>
</div>
@@ -36,7 +42,7 @@
<aside class="related-projects">
<h3>Related Projects</h3>
<div class="project">
<p><a class="client-portal-link" href="https://clients.ripple.com/">
<p><a class="client-portal-link" href="https://clients.ripple.com/" target="_blank">
<img class="project-icon" src="assets/img/RippleNet-condensed.svg" />
<span class="project-name">Ripple Client Portal</span>
<span class="login-required">(login required)</span>
@@ -44,7 +50,7 @@
<p class="project-summary">For financial institutions using Ripple's proprietary solutions to send money globally.</p>
</div>
<div class="project">
<p><a class="interledger-link" href="https://interledger.org/">
<p><a class="interledger-link" href="https://interledger.org/" target="_blank">
<img class="project-icon" src="assets/img/ilp_logo.svg" />
<span class="project-name">Interledger</span>
</a></p>

View File

@@ -0,0 +1,39 @@
{% extends "template-base.html" %}
{% block main %}
<div id="container" class="lit">
<h1>ripple.txt Validator</h1>
<p>If you run a business that connects to the XRP Ledger, serving a <code>ripple.txt</code> file from your domain can help clarify which XRP Ledger addresses you own and use, and which validating server(s) you run.</p>
<p>This tool allows you to verify that your ripple.txt is syntactically
correct and deployed properly.</p><br/>
<form id="domain-entry">
<fieldset>
<input id="domain" type="text" required
placeholder="Domain name, e.g.example.com"
pattern="^([a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,6}$"><br>
<button class="cta_readmore btn">Verify ripple.txt</button>
</fieldset>
</form>
<div id="result">
<h5 class='result-title'>Result</h5>
<ul id="log">
</ul>
</div>
</div>
{% endblock %}
{% block sidebar %}
{% if currentpage.sidebar != "disabled" %}
{% include "template-sidebar_nav.html" %}
{% endif %}
{% endblock %}
{% block endbody %}
<link rel='stylesheet' type='text/css' href='assets/css/ripple-txt-validator.css' />
<script type='text/javascript' src='assets/vendor/async.min.js'></script>
<script type='text/javascript' src='assets/js/ripple-txt-validator.js'></script>
{% endblock %}

View File

@@ -29,5 +29,27 @@
</div><!-- /.panel -->
{% endfor %}
{# special Ripple Resources section #}
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="sidenav_cat_head_ripple_resources">
<h5 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#sidenav_accordion" href="#sidenav_collapse_ripple_resources" aria-expanded="true" aria-controls="sidenav_collapse_ripple_resources">
Ripple Resources
</a>
</h5>
</div><!-- /.panel-heading -->
<div id="sidenav_collapse_ripple_resources" class="collapse" role="tabpanel" aria-labelledby="sidenav_cat_head_ripple_resources">
<div class="panel-body">
<ul class="sidebar_cat_pagelist">
<li><a href="https://ripple.com/">Official Website</a></li>
<li><a href="https://ripple.com/category/dev-blog/">Dev Blog</a></li>
<li><a href="https://github.com/ripple/">GitHub Organization</a></li>
</ul>
</div><!-- /.panel-body -->
</div><!-- /#sidenav_collapseripple_resources -->
</div><!-- /.panel -->
</div><!-- /#sidenav_accordion -->
</div><!-- /.guide_toc -->

View File

@@ -0,0 +1,44 @@
{% extends "template-base.html" %}
{% block main %}
<div id="container" class="lit">
<h1>XRP Test Net Faucet</h1>
<p>Ripple has created this alternative XRP Ledger test network with nodes in every region of the world to provide a testing platform for any software products built on the XRP Ledger without using real funds.</p>
<p>Test Net funds are intended for <strong>testing</strong> only. The Test Net ledger and balances will be reset on a regular basis.</p>
<button class="cta_readmore btn">Generate credentials</button>
<div id='your-credentials'></div>
<div id='loader' style="display: none;"><img class='throbber' src="assets/img/rippleThrobber.png"> Generating Keys...</div>
<div id='address'></div>
<div id='secret'></div>
<div id='balance'></div>
</div>
<aside id="page-toc-wrapper" class="test-net-servers panel panel-default">
<div class="panel-body">
<p class="in-this-doc panel-heading">Test Net Servers</p>
<p>Use the following addresses to connect to the XRP Test Net and send transactions from your account.</p>
<h5>Websockets and Ripple API</h4>
<p>wss://s.altnet.rippletest.net:51233</p>
<h5>JSON-RPC</h4>
<p>https://s.altnet.rippletest.net:51234</p>
</div>
</div>
{% endblock %}
{% block sidebar %}
{% if currentpage.sidebar != "disabled" %}
{% include "template-sidebar_nav.html" %}
{% endif %}
{% endblock %}
{% block endbody %}
<link rel='stylesheet' type='text/css' href='assets/css/test-net.css'/>
<script type='text/javascript' src='assets/js/test-net.js'></script>
{% endblock %}

View File

@@ -0,0 +1,113 @@
{% extends "template-base.html" %}
{% block bodyclasses %}rpc-tool sidebar-primary{% endblock %}
{% block sidebar %}
{% include "template-sidebar_nav.html" %}
{% endblock %}
{% block main %}
<h1>RPC Tool</h1>
<div class="content">
<p>This is a debug tool for printing raw information about an account, a transaction (by hash) or a ledger (by sequence number).</p>
<form id="account-entry">
<fieldset><input id="target" class="input-xxlarge" required="" type="text" placeholder="Ripple address or transaction ID" />
<span class="help-block"><small>Try an account like <em>r9kiSEUEw6iSCNksDVKf9k3AyxjW3r1qPf</em>.</small></span>
<button class="btn btn-primary">Get info</button></fieldset>
</form>
<div id="result">
<h2>Result</h2>
<div id="progress" class="progress">
<div class="bar"></div>
</div>
<div id="error" class="alert alert-error"></div>
<ul id="links" class="nav nav-pills">
<li><a id="permalink" href="#" target="_blank" rel="noopener">Permalink</a></li>
<li><a id="graphlink" href="#" target="_blank" rel="noopener">Graph</a></li>
</ul>
<div class="alert alert-info"><strong>Tip:</strong> This page features intelligent copy/paste. Any
nodes you expand will be copied, any that you don't expand will show up
as a little <code>/* */</code> comment in your copy/pasted text.</div>
<div class="group group-tx">
<h3>tx</h3>
<ul class="tools nav nav-pills">
<li><a class="tx-expand">expand all</a></li>
<li><a class="tx-collapse">collapse all</a></li>
</ul>
<pre id="tx_info" class="json"></pre>
<ul class="tools nav nav-pills">
<li><a class="tx-expand">expand all</a></li>
<li><a class="tx-collapse">collapse all</a></li>
</ul>
</div>
<div class="group group-account">
<h3>account_info</h3>
<pre id="account_info" class="json"></pre>
<h3>account_lines</h3>
<ul class="tools nav nav-pills">
<li><a class="account-lines-expand">expand all</a></li>
<li><a class="account-lines-collapse">collapse all</a></li>
</ul>
<pre id="account_lines" class="json"></pre>
<ul class="tools nav nav-pills">
<li><a class="account-lines-expand">expand all</a></li>
<li><a class="account-lines-collapse">collapse all</a></li>
</ul>
<h3>account_tx (last 20)</h3>
<ul class="tools nav nav-pills">
<li><a class="account-tx-expand-tx">expand tx</a></li>
<li><a class="account-tx-expand">expand all</a></li>
<li><a class="account-tx-collapse">collapse all</a></li>
<li><a class="account-tx-more">next 20</a></li>
<li><a class="account-tx-back">prev 20</a></li>
</ul>
<pre id="account_tx" class="json"></pre>
<ul class="tools nav nav-pills">
<li><a class="account-tx-expand-tx">expand tx</a></li>
<li><a class="account-tx-expand">expand all</a></li>
<li><a class="account-tx-collapse">collapse all</a></li>
<li><a class="account-tx-more">next 20</a></li>
<li><a class="account-tx-back">prev 20</a></li>
</ul>
<h3>account_offers</h3>
<ul class="tools nav nav-pills">
<li><a class="account-offers-expand">expand all</a></li>
<li><a class="account-offers-collapse">collapse all</a></li>
</ul>
<pre id="account_offers" class="json"></pre>
<ul class="tools nav nav-pills">
<li><a class="account-offers-expand">expand all</a></li>
<li><a class="account-offers-collapse">collapse all</a></li>
</ul>
</div>
<div class="group group-ledger">
<h3>ledger</h3>
<ul class="tools nav nav-pills">
<li><a class="ledger-expand-tx">expand tx</a></li>
<li><a class="ledger-tx-expand">expand all</a></li>
<li><a class="ledger-tx-collapse">collapse all</a></li>
</ul>
<pre id="ledger_info" class="json"></pre>
<ul class="tools nav nav-pills">
<li><a class="ledger-tx-expand-tx">expand tx</a></li>
<li><a class="ledger-tx-expand">expand all</a></li>
<li><a class="ledger-tx-collapse">collapse all</a></li>
</ul>
</div>
</div>
</div>
{% endblock %}
{% block endbody %}
<link rel='stylesheet' type='text/css' href='assets/css/rpc-tool.css'/>
<script type='text/javascript' src='assets/js/es5-shim.js'></script>
<script type='text/javascript' src='assets/js/ripple-0.11.0-min.js'></script>
<script type='text/javascript' src='assets/vendor/async.min.js'></script>
<script type='text/javascript' src='assets/vendor/cm-javascript.min.js'></script>
<script type='text/javascript' src='assets/js/rpc-tool.js'></script>
{% endblock %}