Skip to content

B
baas-ide
Commit cf7ac731 authored by d11e9's avatar d11e9
Browse files
Options

fix file tab navigation to allow many files

parent 9ed734c3
Hide whitespace changes
Inline Side-by-side
Showing with 275 additions and 140 deletions
assets/css/browser-solidity.css
View file @ cf7ac731
...@@ -5,52 +5,99 @@ body { ...@@ -5,52 +5,99 @@ body {
font-weight: normal; font-weight: normal;
} }
#editor { #editor {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0px; left: 0;
width: auto; width: auto;
bottom: 0px; bottom: 0;
right: 37em; right: 37em;
} }
.scroller {
position: absolute;
z-index: 999;
text-align: center;
cursor: pointer;
display: none;
padding: 0 0.9em;
vertical-align: middle;
background-color: rgba(255,255,255,0.8);
height: 100%;
}
.scroller i {
line-height: 3em;
}
.scroller-right {
right: 0;
}
.scroller-left {
left: 0;
}
.files-wrapper {
position: absolute;
overflow: hidden;
top: 0;
left: 3em;
right: 3em;
}
#files { #files {
list-style: none;
margin: 0;
font-size: 15px; font-size: 15px;
height: 2.5em; height: 2.5em;
box-sizing: border-box; box-sizing: border-box;
line-height: 2em; line-height: 2em;
padding: 0.5em 0 0; padding: 0.5em 0 0;
position: relative;
left: 0;
top:0;
min-width:3000px;
border-bottom: 0 none;
} }
#files .file, #files .file {
#files .newFile {
display: inline-block; display: inline-block;
padding: 0 0.6em; padding: 0 0.6em;
box-sizing: border-box; box-sizing: border-box;
background-color: #f0f0f0; background-color: #F4F6FF;
cursor: pointer; cursor: pointer;
margin-right: 0.5em; border-right: 0.5em solid white;
position: relative; position: relative;
display:table-cell;
text-align: center;
vertical-align: middle;
color: #999;
} }
#files .newFile, .newFile,
#files .toggleRHP { .toggleRHP {
background-color: #B1EAC5; display: block;
float: left;
margin-top: 0.5em;
padding: 0.6em; padding: 0.6em;
font-weight: bold; font-weight: bold;
cursor: pointer; cursor: pointer;
color: black; color: black;
} }
#files .toggleRHP { .toggleRHP {
float: right; float: right;
width: 2em; position: absolute;
box-sizing: border-box; right: 0;
} }
#files .file.active { #files .file.active {
color: black;
font-weight: bold; font-weight: bold;
border-bottom: 0 none; border-bottom: 0 none;
padding-right: 2.5em; padding-right: 2em;
} }
#files .file .remove { #files .file .remove {
position: absolute; position: absolute;
...@@ -76,6 +123,8 @@ body { ...@@ -76,6 +123,8 @@ body {
#files .file.active .remove { display: inline-block; } #files .file.active .remove { display: inline-block; }
#input { #input {
border-top: 3px solid #F4F6FF;
padding-top: 0.5em;
font-size: 15px; font-size: 15px;
position: absolute; position: absolute;
top: 2.5em; top: 2.5em;
...@@ -93,42 +142,30 @@ body { ...@@ -93,42 +142,30 @@ body {
right: 0; right: 0;
bottom: 0px; bottom: 0px;
overflow: auto; overflow: auto;
border-left: 3px solid #efefef;
box-sizing: border-box; box-sizing: border-box;
} }
#output { #output {
border-top: 3px solid #efefef;
display: block; display: block;
} }
#header { #header {
font-size: 14px;
font-size: 12px; font-size: 12px;
} }
#header #helpButton {
float: left;
padding: 1.2em;
padding-left: 2.2em;
font-size: 1.5em;
cursor: pointer;
margin: auto;
color: #000;
outline: none;
}
#header #solIcon { #header #solIcon {
float: right; float: right;
height: 5.1em; height: 100%;
background-color: white; background-color: white;
} }
#header #menu { #header #menu {
border-bottom: 3px solid #F4F6FF;
overflow: hidden; overflow: hidden;
background-color: #efefef; height: 2em;
height: 5.1em; font-size: 1.25em;
padding-top: 0.5em;
box-sizing: content-box;
} }
...@@ -139,20 +176,26 @@ body { ...@@ -139,20 +176,26 @@ body {
} }
#header #options li { #header #options li {
color: #aaa;
float: left; float: left;
padding: 1.2em; padding: 0.5em 0.6em;
font-size: 1.5em; font-size: 1em;
cursor: pointer; cursor: pointer;
background-color: transparent;
margin-right: 0.5em;
} }
#header #options li.active { #header #options li.active {
color: black; background-color: #F4F6FF;
}
#header #options li a {
color: inherit;
} }
#header #optionViews { #header #optionViews {
clear: both; clear: both;
overflow: auto; overflow: auto;
background-color: #F4F6FF;
} }
#header #optionViews > div { #header #optionViews > div {
display: none; display: none;
...@@ -259,11 +302,11 @@ body { ...@@ -259,11 +302,11 @@ body {
#output .udapp { #output .udapp {
border: 0 none; border: 0 none;
box-shadow: none; box-shadow: none;
border-bottom: 3px solid #efefef; border-bottom: 3px solid #F4F6FF;
} }
.row { .crow {
overflow: auto; overflow: auto;
display: block; display: block;
clear: both; clear: both;
...@@ -297,7 +340,9 @@ body { ...@@ -297,7 +340,9 @@ body {
word-wrap: break-word; word-wrap: break-word;
cursor: pointer; cursor: pointer;
position: relative; position: relative;
margin: 0.25em; margin: 0.5em;
border-radius: 0.6em;
padding: 1em 1.5em;
} }
.sol.error pre, .sol.error pre,
...@@ -306,25 +351,26 @@ body { ...@@ -306,25 +351,26 @@ body {
margin: 0; margin: 0;
font-size: 10px; font-size: 10px;
border: 0 none; border: 0 none;
padding: 0;
border-radius: 0;
} }
.sol.error .close, .sol.error .close,
.sol.warning .close { .sol.warning .close {
font-weight: bold; font-weight: bold;
position: absolute; position: absolute;
color: rgba(0,0,0,0.5);
top: 0; top: 0;
right: 0; right: 0;
padding: 0.5em; padding: 0.5em;
} }
.sol.error { .sol.error {
background-color: rgba(255, 0, 0, 0.5); background-color: rgba(255, 0, 0, 0.4);
border: 1px solid #D00909;
} }
.sol.warning { .sol.warning {
background-color: rgba(210, 202, 36, 0.5); background-color: rgba(210, 202, 36, 0.4);
border: 1px solid #BBB427;
} }
#ghostbar { #ghostbar {
...@@ -338,17 +384,23 @@ body { ...@@ -338,17 +384,23 @@ body {
bottom: 0; bottom: 0;
} }
#dragbar{ #dragbar {
background-color: transparent; background-color: transparent;
position: absolute; position: absolute;
width: 10px; width: 1em;
right: -10px; right: -3px;
top: 0; top: 3em;
bottom: 0; bottom: 0;
cursor: col-resize; cursor: col-resize;
z-index: 999; z-index: 999;
border-right: 3px solid #F4F6FF;
} }
#editor .ace-tm .ace_gutter,
#editor .ace-tm .ace_gutter-active-line,
#editor .ace-tm .ace_marker-layer .ace_active-line {
background-color: rgba(225, 229, 251, 0.5);
}
input[readonly] { input[readonly] {
padding: .4em; padding: .4em;
......
assets/js/app.js
View file @ cf7ac731
...@@ -51,51 +51,51 @@ ...@@ -51,51 +51,51 @@
} }
// ----------------- storage -------------------- // ----------------- storage --------------------
function syncStorage() { function syncStorage() {
if (!chrome || !chrome.storage || !chrome.storage.sync) return; if (!chrome || !chrome.storage || !chrome.storage.sync) return;
var obj = {} var obj = {}
var done = false; var done = false;
var count = 0 var count = 0
var dont = 0; var dont = 0;
function check(key){ function check(key){
chrome.storage.sync.get( key, function(resp){ chrome.storage.sync.get( key, function(resp){
console.log("comparing to cloud", key, resp) console.log("comparing to cloud", key, resp)
if (typeof resp[key] != 'undefined' && obj[key] !== resp[key] && confirm("Overwrite '" + fileNameFromKey(key) + "'? Click Ok to overwrite local file with file from cloud. Cancel will push your local file to the cloud.")) { if (typeof resp[key] != 'undefined' && obj[key] !== resp[key] && confirm("Overwrite '" + fileNameFromKey(key) + "'? Click Ok to overwrite local file with file from cloud. Cancel will push your local file to the cloud.")) {
console.log("Overwriting", key ) console.log("Overwriting", key )
localStorage.setItem( key, resp[key] ); localStorage.setItem( key, resp[key] );
updateFiles(); updateFiles();
} else { } else {
console.log( "add to obj", obj, key) console.log( "add to obj", obj, key)
obj[key] = localStorage[key]; obj[key] = localStorage[key];
} }
done++ done++
if (done >= count) chrome.storage.sync.set( obj, function(){ if (done >= count) chrome.storage.sync.set( obj, function(){
console.log( "updated cloud files with: ", obj, this, arguments) console.log( "updated cloud files with: ", obj, this, arguments)
}) })
}) })
} }
for (var y in window.localStorage) { for (var y in window.localStorage) {
console.log("checking", y) console.log("checking", y)
obj[y] = window.localStorage.getItem(y); obj[y] = window.localStorage.getItem(y);
if (y.indexOf(SOL_CACHE_FILE_PREFIX) !== 0) continue; if (y.indexOf(SOL_CACHE_FILE_PREFIX) !== 0) continue;
count++; count++;
check(y) check(y)
} }
} }
window.syncStorage = syncStorage; window.syncStorage = syncStorage;
syncStorage() syncStorage()
// ----------------- editor ---------------------- // ----------------- editor ----------------------
var SOL_CACHE_FILE_PREFIX = 'sol-cache-file-'; var SOL_CACHE_FILE_PREFIX = 'sol-cache-file-';
...@@ -103,7 +103,8 @@ ...@@ -103,7 +103,8 @@
var SOL_CACHE_FILE = null; var SOL_CACHE_FILE = null;
var editor = ace.edit("input"); var editor = ace.edit("input");
var sessions = {}; var sessions = {};
var Range = ace.require('ace/range').Range; var Range = ace.require('ace/range').Range;
var errMarkerId = null; var errMarkerId = null;
...@@ -120,22 +121,21 @@ ...@@ -120,22 +121,21 @@
SOL_CACHE_FILE = getFiles()[0]; SOL_CACHE_FILE = getFiles()[0];
var files = getFiles();
for (var x in files) var files = getFiles();
sessions[files[x]] = newEditorSession(files[x]) for (var x in files)
sessions[files[x]] = newEditorSession(files[x])
editor.setSession( sessions[SOL_CACHE_FILE] );
editor.setSession( sessions[SOL_CACHE_FILE] );
editor.resize(true); editor.resize(true);
function newEditorSession(filekey) {
var s = new ace.EditSession(window.localStorage[filekey], "ace/mode/javascript")
function newEditorSession(filename) { s.setTabSize(4);
var s = new ace.EditSession(window.localStorage[filename]) s.setUseSoftTabs(true);
s.setMode("ace/mode/javascript"); aces[filekey] = s;
s.setTabSize(4); return s;
s.setUseSoftTabs(true); }
return s;
}
...@@ -143,7 +143,9 @@ ...@@ -143,7 +143,9 @@
$('#options li').click(function(ev){ $('#options li').click(function(ev){
var $el = $(this); var $el = $(this);
var cls = /[a-z]+View/.exec( $el.get(0).className )[0]; var match = /[a-z]+View/.exec( $el.get(0).className );
if (!match) return;
var cls = match[0];
if (!$el.hasClass('active')) { if (!$el.hasClass('active')) {
$el.parent().find('li').removeClass('active'); $el.parent().find('li').removeClass('active');
$('#optionViews').attr('class', '').addClass(cls); $('#optionViews').attr('class', '').addClass(cls);
...@@ -196,7 +198,7 @@ ...@@ -196,7 +198,7 @@
$('#gist').click(function(){ $('#gist').click(function(){
if (confirm("Are you sure you want to publish all your files anonymously as a public gist on github.com?")) { if (confirm("Are you sure you want to publish all your files anonymously as a public gist on github.com?")) {
var files = {}; var files = {};
var filesArr = getFiles(); var filesArr = getFiles();
var description = "Created using soleditor: Realtime Ethereum Contract Compiler and Runtime. Load this file by pasting this gists URL or ID at https://chriseth.github.io/browser-solidity/?gist="; var description = "Created using soleditor: Realtime Ethereum Contract Compiler and Runtime. Load this file by pasting this gists URL or ID at https://chriseth.github.io/browser-solidity/?gist=";
...@@ -225,6 +227,7 @@ ...@@ -225,6 +227,7 @@
// ----------------- file selector------------- // ----------------- file selector-------------
var $filesEl = $('#files'); var $filesEl = $('#files');
$filesEl.on('click','.newFile', function() { $filesEl.on('click','.newFile', function() {
while (window.localStorage[SOL_CACHE_UNTITLED + untitledCount]) while (window.localStorage[SOL_CACHE_UNTITLED + untitledCount])
...@@ -308,16 +311,17 @@ ...@@ -308,16 +311,17 @@
if (SOL_CACHE_FILE) { if (SOL_CACHE_FILE) {
var active = fileTabFromKey(SOL_CACHE_FILE); var active = fileTabFromKey(SOL_CACHE_FILE);
active.addClass('active'); active.addClass('active');
editor.setSession( sessions[SOL_CACHE_FILE] ); editor.setSession( sessions[SOL_CACHE_FILE] );
editor.focus(); editor.focus();
} }
$('#input').toggle( !!SOL_CACHE_FILE ); $('#input').toggle( !!SOL_CACHE_FILE );
$('#output').toggle( !!SOL_CACHE_FILE ); $('#output').toggle( !!SOL_CACHE_FILE );
reAdjust();
} }
function fileTabTemplate(key) { function fileTabTemplate(key) {
var name = fileNameFromKey(key); var name = fileNameFromKey(key);
return $('<span class="file"><span class="name">'+name+'</span><span class="remove"><i class="fa fa-close"></i></span></span>'); return $('<li class="file"><span class="name">'+name+'</span><span class="remove"><i class="fa fa-close"></i></span></li>');
} }
function fileKey( name ) { function fileKey( name ) {
...@@ -333,7 +337,7 @@ ...@@ -333,7 +337,7 @@
for (var f in localStorage ) { for (var f in localStorage ) {
if (f.indexOf( SOL_CACHE_FILE_PREFIX, 0 ) === 0) { if (f.indexOf( SOL_CACHE_FILE_PREFIX, 0 ) === 0) {
files.push(f); files.push(f);
if (!sessions[f]) sessions[f] = newEditorSession(f); if (!sessions[f]) sessions[f] = newEditorSession(f);
} }
} }
return files; return files;
...@@ -341,6 +345,68 @@ ...@@ -341,6 +345,68 @@
updateFiles(); updateFiles();
var hidWidth;
function widthOfList (){
var itemsWidth = 0;
$('.file').each(function(){
var itemWidth = $(this).outerWidth();
itemsWidth += itemWidth;
});
return itemsWidth;
};
function widthOfHidden(){
return (($('.files-wrapper').outerWidth()) - widthOfList() - getLeftPosi());
};
function widthOfVisible(){
return $('.files-wrapper').outerWidth();
};
function getLeftPosi(){
return $('#files').position().left;
};
function reAdjust (){
console.log("left start: ", getLeftPosi())
console.log("outer width: ", widthOfVisible(), "content width: ", widthOfList(), " left+vis: ", getLeftPosi() + widthOfVisible())
if (widthOfList() + getLeftPosi() > + widthOfVisible()) {
console.log( "show right scroll")
$('.scroller-right').fadeIn('fast');
} else {
console.log( "hide right scroll")
$('.scroller-right').fadeOut('fast');
}
if (getLeftPosi()<0) {
console.log( "show left scroll")
$('.scroller-left').fadeIn('fast');
} else {
console.log( "hide left scroll")
$('.scroller-left').fadeOut('fast');
$('#files').animate({left: getLeftPosi() + "px"},'slow');
}
}
$('.scroller-right').click(function() {
var delta = (getLeftPosi() - 200)
console.log(delta)
$('#files').animate({left: delta + "px"},'slow',function(){
reAdjust();
});
});
$('.scroller-left').click(function() {
var delta = Math.min( (getLeftPosi() + 200), 0 )
console.log(delta)
$('#files').animate({left: delta + "px"},'slow',function(){
reAdjust();
});
});
// ----------------- version selector------------- // ----------------- version selector-------------
// var soljsonSources is provided by bin/list.js // var soljsonSources is provided by bin/list.js
...@@ -395,6 +461,7 @@ ...@@ -395,6 +461,7 @@
dragging = false; dragging = false;
setEditorSize(delta); setEditorSize(delta);
window.localStorage.setItem(EDITOR_SIZE_CACHE_KEY, delta); window.localStorage.setItem(EDITOR_SIZE_CACHE_KEY, delta);
reAdjust();
} }
}); });
...@@ -408,10 +475,11 @@ ...@@ -408,10 +475,11 @@
var hidingRHP = false; var hidingRHP = false;
$('.toggleRHP').click(function(){ $('.toggleRHP').click(function(){
hidingRHP = !hidingRHP; hidingRHP = !hidingRHP;
setEditorSize( hidingRHP ? 0 : window.localStorage[EDITOR_SIZE_CACHE_KEY] ); setEditorSize( hidingRHP ? 0 : window.localStorage[EDITOR_SIZE_CACHE_KEY] );
$('.toggleRHP').toggleClass('hiding', hidingRHP); $('.toggleRHP i').toggleClass('fa-angle-double-right', !hidingRHP);
if (!hidingRHP) compile(); $('.toggleRHP i').toggleClass('fa-angle-double-left', hidingRHP);
if (!hidingRHP) compile();
}); });
...@@ -419,7 +487,7 @@ ...@@ -419,7 +487,7 @@
function onResize() { function onResize() {
editor.resize(); editor.resize();
var session = editor.getSession(); var session = editor.getSession();
session.setUseWrapMode(document.querySelector('#editorWrap').checked); session.setUseWrapMode(document.querySelector('#editorWrap').checked);
if(session.getUseWrapMode()) { if(session.getUseWrapMode()) {
var characterWidth = editor.renderer.characterWidth; var characterWidth = editor.renderer.characterWidth;
...@@ -429,6 +497,7 @@ ...@@ -429,6 +497,7 @@
session.setWrapLimit(parseInt(contentWidth / characterWidth, 10)); session.setWrapLimit(parseInt(contentWidth / characterWidth, 10));
} }
} }
reAdjust();
} }
window.onresize = onResize; window.onresize = onResize;
onResize(); onResize();
...@@ -634,9 +703,9 @@ ...@@ -634,9 +703,9 @@
loadVersion('soljson-latest.js'); loadVersion('soljson-latest.js');
editor.getSession().on('change', onChange); editor.getSession().on('change', onChange);
editor.on('changeSession', function(){ editor.on('changeSession', function(){
editor.getSession().on('change', onChange); editor.getSession().on('change', onChange);
}) })
document.querySelector('#optimize').addEventListener('change', compile); document.querySelector('#optimize').addEventListener('change', compile);
...@@ -756,9 +825,9 @@ ...@@ -756,9 +825,9 @@
$txOrigin.empty(); $txOrigin.empty();
for( var a in accounts) { $txOrigin.append($('<option />').val(accounts[a]).text(accounts[a])); } for( var a in accounts) { $txOrigin.append($('<option />').val(accounts[a]).text(accounts[a])); }
$txOrigin.val(accounts[0]); $txOrigin.val(accounts[0]);
} else $txOrigin.val('unknown'); } else $txOrigin.val('unknown');
} }
if (executionContext === 'vm') { if (executionContext === 'vm') {
dapp.getAccounts(renderAccounts); dapp.getAccounts(renderAccounts);
} else { } else {
...@@ -770,7 +839,7 @@ ...@@ -770,7 +839,7 @@
$('.col2 input,textarea').click(function() { this.select(); }); $('.col2 input,textarea').click(function() { this.select(); });
}; };
var tableRowItems = function(first, second, cls) { var tableRowItems = function(first, second, cls) {
return $('<div class="row"/>') return $('<div class="crow"/>')
.addClass(cls) .addClass(cls)
.append($('<div class="col1">').append(first)) .append($('<div class="col1">').append(first))
.append($('<div class="col2">').append(second)); .append($('<div class="col2">').append(second));
...@@ -861,6 +930,6 @@ ...@@ -861,6 +930,6 @@
return funABI; return funABI;
}; };
syncStorage() syncStorage()
}); });
\ No newline at end of file
index.html
View file @ cf7ac731
...@@ -38,6 +38,16 @@ ...@@ -38,6 +38,16 @@
<script src="https://ethereum.github.io/solc-bin/bin/list.js"></script> <script src="https://ethereum.github.io/solc-bin/bin/list.js"></script>
<script src="assets/js/jquery-2.1.3.min.js"></script> <script src="assets/js/jquery-2.1.3.min.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<script src="bin/list.js"></script>
<script src="assets/js/ace.js"></script> <script src="assets/js/ace.js"></script>
<script src="assets/js/mode-solidity.js"></script> <script src="assets/js/mode-solidity.js"></script>
<script src="assets/js/ethereumjs-vm.js"></script> <script src="assets/js/ethereumjs-vm.js"></script>
...@@ -50,10 +60,13 @@ ...@@ -50,10 +60,13 @@
<div id="editor"> <div id="editor">
<div id="files"> <span class="newFile" title="New File"><i class="fa fa-file-code-o"></i></span>
<span class="newFile" title="New File"><i class="fa fa-file-text-o"></i></span> <div class="files-wrapper">
<span class="toggleRHP" title="Toggle right hand panel"><i class="fa fa-columns"></i></span> <div class="scroller scroller-left"><i class="glyphicon glyphicon-chevron-left"></i></div>
<div class="scroller scroller-right"><i class="glyphicon glyphicon-chevron-right"></i></div>
<ul id="files" class="nav nav-tabs"></ul>
</div> </div>
<span class="toggleRHP" title="Toggle right hand panel"><i class="fa fa-angle-double-right"></i></span>
<div id="input"></div> <div id="input"></div>
<div id="dragbar"></div> <div id="dragbar"></div>
</div> </div>
...@@ -62,33 +75,33 @@ ...@@ -62,33 +75,33 @@
<div id="header"> <div id="header">
<div id="menu"> <div id="menu">
<ul id="options"> <ul id="options">
<li class="settingsView active"><i class="fa fa-gear"></i></li> <li class="settingsView active" title="Settings"><i class="fa fa-gear"></i></li>
<li class="txView"><i class="fa fa-send"></i></li> <li class="txView" title="Transaction"><i class="fa fa-send"></i></li>
<li class="envView"><i class="fa fa-cube"></i></li> <li class="envView" title="Environment"><i class="fa fa-cube"></i></li>
<li class="publishView"><i class="fa fa-cloud-upload"></i></li> <li class="publishView" title="Publish" ><i class="fa fa-cloud-upload"></i></li>
<li id="helpButton"><a href="https://solidity.readthedocs.org" target="_blank" title="Open Documentation" class="fa fa-question"></a></li>
</ul> </ul>
<a href="https://solidity.readthedocs.org" target="_blank" id="helpButton" class="fa fa-question" title="Documentation" class="fa fa-question"></a>
<img id="solIcon" title="Solidity realtime compiler and runtime" src="assets/img/sol.svg" alt="Solidity realtime compiler and runtime"> <img id="solIcon" title="Solidity realtime compiler and runtime" src="assets/img/sol.svg" alt="Solidity realtime compiler and runtime">
</div> </div>
<div id="optionViews" class="settingsView"> <div id="optionViews" class="settingsView">
<div id="txView"> <div id="txView">
<div class="row"> <div class="crow">
<label for="txorigin"><select name="txorigin" id="txorigin"></select> Transaction origin</label> <label for="txorigin"><select name="txorigin" id="txorigin"></select> Transaction origin</label>
</div> </div>
<div class="row hide"> <div class="crow hide">
<label for="gas"><input type="number" id="gas" value="0"> Gas</label> <label for="gas"><input type="number" id="gas" value="0"> Gas</label>
</div> </div>
<div class="row hide"> <div class="crow hide">
<label for="gasPrice"><input type="number" id="gasPrice" value="0"> Gas Price</label> <label for="gasPrice"><input type="number" id="gasPrice" value="0"> Gas Price</label>
</div> </div>
<div class="row"> <div class="crow">
<label for="value"><input type="text" id="value" value="0"> Value (e.g. .7 ether or 5 wei, defaults to ether)</label> <label for="value"><input type="text" id="value" value="0"> Value (e.g. .7 ether or 5 wei, defaults to ether)</label>
</div> </div>
</div> </div>
<div id="settingsView"> <div id="settingsView">
<div class="version row"><strong>Solidity version:</strong> <span id="version">(loading)</span></div> <div class="version crow"><strong>Solidity version:</strong> <span id="version">(loading)</span></div>
<div class="row">Change to: <select id="versionSelector"></select></div> <div class="crow">Change to: <select id="versionSelector"></select></div>
<div class="row"> <div class="crow">
<label for="editorWrap"><input id="editorWrap" type="checkbox">Text Wrap</label> <label for="editorWrap"><input id="editorWrap" type="checkbox">Text Wrap</label>
<label for="optimize"><input id="optimize" type="checkbox">Enable Optimization</label> <label for="optimize"><input id="optimize" type="checkbox">Enable Optimization</label>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment