lukechilds
/
SuperNET
mirror of https://github.com/lukechilds/SuperNET.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

T356 - Iguana Widget Beta Version initial commit

release/v0.1
Cedomir Djosic 9 years ago
committed by vineetbhargav86
parent
ae6cac86eb
commit
20ff27bf71
5 changed files with 343 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 36
      widget/ReadMe.MD
  2. 21
      widget/index.html
  3. 109
      widget/pasted-widget.html
  4. 95
      widget/widguana-snippet.html
  5. 82
      widget/widguana.js

36
widget/ReadMe.MD
View File

@ -0,0 +1,36 @@
WIDGUANA widget
WidGuana is the simple widget which interacts with native Iguana at port 127.0.0.1:7778.
It was made to accomplish simple echo test. It has few predefined calls to API, and echos a
string in JSON format as a response.
It is made completely with plain JavaScript, so it doesn't depend on any JS framework.
Widguana can be easily upgraded and styled. It has a simple modal window which can be altered
in any desired shape and form.
INSTALLATION
There are two ways to install WIDGUANA:
1. INCLUDE AS A SEPARETE JAVASCRIPT FILE
1)Copy widguana.js file on your server.
2)Include this file with correct path.
Example:
<script src="/write /here /the /correct /path /to /the/widguana.js"></script>
3)put this HTML snippet where ever you want on your web page:
<div id="widguana-container"></div>
4)Save all
5)Done
2. COPY / PASTE SNIPPET
1)Open widguana-snippet.html in a text editor
2)Make <div></div> on your web page. You can add class or id attr in order to style it.
This will be a widget container for WIDGUANA.
3)Select all code from widguana-snippet.html and copy it.
4)Paste this between <div>here</div> tags you made
5)Save all
6)Done

21
widget/index.html
View File

@ -0,0 +1,21 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<title>WidGuana Test Page</title>
</head>
<body>
<h1>WidGuana - Iguana Widget Button Example</h1>
<h2>1st Example - External JS file</h2>
<div id="widguana-container"></div>
<script src="widguana.js"></script>
<h2>2nd Example - copy/paste entire widget to the container</h2>
<a href="pasted-widget.html">Click here to see 2nd example</a>
</body>
</html>

109
widget/pasted-widget.html
View File

@ -0,0 +1,109 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>WidGuana Test Page</title>
</head>
<body>
<h3>This is the test page for the widget WidGUana</h3>
<p>Widget has been pasted between HTML div tags</p>
<div class="widget-conatainer"><!-- Widget container -->
<!-- Beginning of the snippet -->
<script>
window.onload = function(){
var container = document.getElementById("widguana-container");
var content = '';
/* Style */
content += '<style>';
content += '#widguana-overlay {visibility: hidden; position: absolute; left: 0px; top: 0px; width:100%; height:100%; text-align:center; z-index: 1000; background:rgba(224, 224, 224, 0.8);}';
content += '#widguana-overlay div {width:400px;margin: 50px auto;background-color: #fff;border:1px solid #000;padding:15px;text-align:center;}';
content += '#widguana-overlay div label,#widguana-overlay div select{display: block;width: 100%;}';
content += '#widguana-bttn {display: block; margin-top: 15px; width: 100%}';
content += '#widguana-response { word-wrap: break-word; }';
content += '</style>';
/* HTML */
content += '<form id="widguana-1">';
content += '<button type="button" style="padding: 10px; height: 50px;" type="button" onclick="overlay()" autofocus>WIDGUANA</button>';
content += '</form><div id="widguana-overlay">';
content += '<div><h3>WidGuana</h3>';
content += '<p>Sends HTTP Request To Iguna Agent.</p>';
content += '<label>Select Predefined Agent and Method</label>';
content += '<select id="widguana-requests">';
content += '<option value="">SuperNET API</option>';
content += '<option value="/api/ramchain/getinfo?">Iguana Info</option>';
content += '<option value="/api/SuperNET/help?">Supernet Help</option>';
content += '<option value="/api/hash/NXT?passphrase=sometext" selected>Hash NXT, passphrase:sometext</option>'
content += '</select></form>';
content += '<h4>Send Request</h4>';
content += '<button class="widguana-bttn" type="button" onclick="httpGetIguna()">Send XMLHttpRequest to Iguana</button>';
content += '<h4>Response:</h4>';
content += '<p id="widguana-response"></p>';
content += 'Click here to [<a href="#" onclick="overlay()">close</a>]';
content += '</div></div>';
container.innerHTML = content;
}
/* Modal */
function overlay() {
el = document.getElementById("widguana-overlay");
el.style.visibility = (el.style.visibility == "visible") ? "hidden" : "visible";
}
/* XMLHttpRequest */
function httpGetIguna() {
var xhttp;
var request;
var el = document.getElementById("widguana-requests");
var selected = el.options[el.selectedIndex].value;
var response_cont = document.getElementById("widguana-response");
request = '//127.0.0.1:7778' + selected ;
if (window.XMLHttpRequest){
xhttp = new XMLHttpRequest();
}else{
xhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xhttp.onreadystatechange = function() {
if (xhttp.readyState == 4 && xhttp.status == 200) {
//response.innerHTML = '';
//response = JSON.parse(xhttp.responseText);
response = xhttp.responseText;
console.log(response);
response_cont.innerHTML = response;
}
};
xhttp.open("GET", request, true);
xhttp.onprogress = function(){
response.innerHTML = 'Status: ' + xhttp.status;
}
xhttp.send();
}
</script>
<div id="widguana-container"></div>
<!-- End of the snippet -->
</div> <!--End of Widget container -->
</body>
</html>

95
widget/widguana-snippet.html
View File

@ -0,0 +1,95 @@
<!--
/*** This snippet can be pasted at any part of the web page between div or other html tags ***/
-->
<!-- Beginning of the snippet -->
<script>
window.onload = function(){
var container = document.getElementById("widguana-container");
var content = '';
/* Style */
content += '<style>';
content += '#widguana-overlay {visibility: hidden; position: absolute; left: 0px; top: 0px; width:100%; height:100%; text-align:center; z-index: 1000; background:rgba(224, 224, 224, 0.8);}';
content += '#widguana-overlay div {width:400px;margin: 50px auto;background-color: #fff;border:1px solid #000;padding:15px;text-align:center;}';
content += '#widguana-overlay div label,#widguana-overlay div select{display: block;width: 100%;}';
content += '#widguana-bttn {display: block; margin-top: 15px; width: 100%}';
content += '#widguana-response { word-wrap: break-word; }';
content += '</style>';
/* HTML */
content += '<form id="widguana-1">';
content += '<button type="button" style="padding: 10px; height: 50px;" type="button" onclick="overlay()" autofocus>WIDGUANA</button>';
content += '</form><div id="widguana-overlay">';
content += '<div><h3>WidGuana</h3>';
content += '<p>Sends HTTP Request To Iguna Agent.</p>';
content += '<label>Select Predefined Agent and Method</label>';
content += '<select id="widguana-requests">';
content += '<option value="">SuperNET API</option>';
content += '<option value="/api/ramchain/getinfo?">Iguana Info</option>';
content += '<option value="/api/SuperNET/help?">Supernet Help</option>';
content += '<option value="/api/hash/NXT?passphrase=sometext" selected>Hash NXT, passphrase:sometext</option>'
content += '</select></form>';
content += '<h4>Send Request</h4>';
content += '<button class="widguana-bttn" type="button" onclick="httpGetIguna()">Send XMLHttpRequest to Iguana</button>';
content += '<h4>Response:</h4>';
content += '<p id="widguana-response"></p>';
content += 'Click here to [<a href="#" onclick="overlay()">close</a>]';
content += '</div></div>';
container.innerHTML = content;
}
/* Modal */
function overlay() {
el = document.getElementById("widguana-overlay");
el.style.visibility = (el.style.visibility == "visible") ? "hidden" : "visible";
}
/* XMLHttpRequest */
function httpGetIguna() {
var xhttp;
var request;
var el = document.getElementById("widguana-requests");
var selected = el.options[el.selectedIndex].value;
var response_cont = document.getElementById("widguana-response");
request = '//127.0.0.1:7778' + selected ;
if (window.XMLHttpRequest){
xhttp = new XMLHttpRequest();
}else{
xhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xhttp.onreadystatechange = function() {
if (xhttp.readyState == 4 && xhttp.status == 200) {
//response.innerHTML = '';
//response = JSON.parse(xhttp.responseText);
response = xhttp.responseText;
console.log(response);
response_cont.innerHTML = response;
}
};
xhttp.open("GET", request, true);
xhttp.onprogress = function(){
response.innerHTML = 'Status: ' + xhttp.status;
}
xhttp.send();
}
</script>
<div id="widguana-container"></div>
<!-- End of the snippet -->

82
widget/widguana.js
View File

@ -0,0 +1,82 @@
window.onload = function(){
var container = document.getElementById("widguana-container");
var content = '';
/* Style */
content += '<style>';
content += '#widguana-overlay {visibility: hidden; position: absolute; left: 0px; top: 0px; width:100%; height:100%; text-align:center; z-index: 1000; background:rgba(224, 224, 224, 0.8);}';
content += '#widguana-overlay div {width:400px;margin: 50px auto;background-color: #fff;border:1px solid #000;padding:15px;text-align:center;}';
content += '#widguana-overlay div label,#widguana-overlay div select{display: block;width: 100%;}';
content += '#widguana-bttn {display: block; margin-top: 15px; width: 100%}';
content += '#widguana-response { word-wrap: break-word; }';
content += '</style>';
/* HTML */
content += '<form id="widguana-1">';
content += '<button type="button" style="padding: 10px; height: 50px;" type="button" onclick="overlay()" autofocus>WIDGUANA</button>';
content += '</form><div id="widguana-overlay">';
content += '<div><h3>WidGuana</h3>';
content += '<p>Sends HTTP Request To Iguna Agent.</p>';
content += '<label>Select Predefined Agent and Method</label>';
content += '<select id="widguana-requests">';
content += '<option value="">SuperNET API</option>';
content += '<option value="/api/ramchain/getinfo?">Iguana Info</option>';
content += '<option value="/api/SuperNET/help?">Supernet Help</option>';
content += '<option value="/api/hash/NXT?passphrase=sometext" selected>Hash NXT, passphrase:sometext</option>'
content += '</select></form>';
content += '<h4>Send Request</h4>';
content += '<button class="widguana-bttn" type="button" onclick="httpGetIguna()">Send XMLHttpRequest to Iguana</button>';
content += '<h4>Response:</h4>';
content += '<p id="widguana-response"></p>';
content += 'Click here to [<a href="#" onclick="overlay()">close</a>]';
content += '</div></div>';
container.innerHTML = content;
}
/* Modal */
function overlay() {
el = document.getElementById("widguana-overlay");
el.style.visibility = (el.style.visibility == "visible") ? "hidden" : "visible";
}
/* XMLHttpRequest */
function httpGetIguna() {
var xhttp;
var request;
var el = document.getElementById("widguana-requests");
var selected = el.options[el.selectedIndex].value;
var response_cont = document.getElementById("widguana-response");
request = '//127.0.0.1:7778' + selected ;
if (window.XMLHttpRequest){
xhttp = new XMLHttpRequest();
}else{
xhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xhttp.onreadystatechange = function() {
if (xhttp.readyState == 4 && xhttp.status == 200) {
//response.innerHTML = '';
//response = JSON.parse(xhttp.responseText);
response = xhttp.responseText;
console.log(response);
response_cont.innerHTML = response;
}
};
xhttp.open("GET", request, true);
xhttp.onprogress = function(){
response.innerHTML = 'Status: ' + xhttp.status;
}
xhttp.send();
}
Write Preview
Loading…
Cancel
Save