christofsteel/warped
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

made help button clickable on disabled arguments

Browse source
This commit is contained in:
Christoph Stahl 2017-05-08 14:23:10 +02:00
parent d016acfd44
commit a3898b14ff
2 changed files with 14 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
warp/static/css/app.css
View file

@ -36,6 +36,11 @@ li.subparser {
color: #FFFFFF; color: #FFFFFF;
} }
.helpbutton {
position: relative;
z-index: 1;
}
#output .err { #output .err {
color: #990000; color: #990000;
} }
@ -66,7 +71,7 @@ li.action {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 0;
height: 100%; height: 100%;
background-color: #000000; background-color: #000000;
opacity: 0.5; opacity: 0.5;

11
warp/static/js/app.js
View file

@ -151,12 +151,14 @@ function createAction(action) {
} else { } else {
var li = $("<li/>",{'id': 'action-' + action['uuid']}).addClass("action"); var li = $("<li/>",{'id': 'action-' + action['uuid']}).addClass("action");
var row = $("<div/>").addClass("row").appendTo(li); var row = $("<div/>").addClass("row").appendTo(li);
var labeldiv = $("<div/>").addClass("columns small-3").appendTo(row); var labeldiv = $("<div/>").addClass("columns small-3").appendTo(row);
var label = $("<label/>", {for: action['uuid']}).addClass("middle").appendTo(labeldiv); var label = $("<label/>", {for: action['uuid']}).addClass("middle").appendTo(labeldiv);
var header = $("<b/>").text(action["dest"].toUpperCase()).appendTo(label); var header = $("<b/>").text(action["dest"].toUpperCase()).appendTo(label);
var inputdiv = $("<div/>").addClass("columns small-5").appendTo(row) var inputdiv = $("<div/>").addClass("columns small-5").appendTo(row);
var deldiv = $("<div/>").addClass("columns small-2").appendTo(row); var deldiv = $("<div/>").addClass("columns small-2").appendTo(row);
var unlock_button = $("<div/>").addClass('unlock-button').appendTo(row);
var helpdiv = $("<div/>").addClass("columns small-2").appendTo(row); var helpdiv = $("<div/>").addClass("columns small-2").appendTo(row);
if(action['is_const']) { if(action['is_const']) {
var input = createCheckboxAction(action).addClass("float-right").appendTo(inputdiv); var input = createCheckboxAction(action).addClass("float-right").appendTo(inputdiv);
@ -165,10 +167,13 @@ function createAction(action) {
} }
if(action.desc !== null) { if(action.desc !== null) {
var help = $("<button/>", {"type": "button", "data-open": 'modal_' + action['uuid']}) var help = $("<button/>", {"type": "button", "data-open": 'modal_' + action['uuid']})
.addClass("button helpbutton secondary") .addClass("button helpbutton")
.text("?").appendTo(helpdiv); .text("?").appendTo(helpdiv);
var modal = $("<div/>", {'id': 'modal_' + action['uuid'], "data-reveal":'reveal'}) var modal = $("<div/>", {'id': 'modal_' + action['uuid'], "data-reveal":'reveal'})
.addClass('reveal').appendTo(helpdiv); .addClass('reveal').appendTo(helpdiv);
close_button = $('<button/>').addClass("close-button").attr('data-close', '').attr('type', 'button').html("&times;").appendTo(modal);
var head = $("<h2/>").text(action['dest']).appendTo(modal);
var text = $("<span/>").text(action['desc']).appendTo(modal); var text = $("<span/>").text(action['desc']).appendTo(modal);
} else { } else {
var help = $("<button/>").attr("type", "button").addClass("button disabled secondary").text("?").appendTo(helpdiv); var help = $("<button/>").attr("type", "button").addClass("button disabled secondary").text("?").appendTo(helpdiv);
@ -179,8 +184,8 @@ function createAction(action) {
input.find('input').prop('disabled', true).addClass('disabled'); input.find('input').prop('disabled', true).addClass('disabled');
input.find('.addbutton').prop('disabled', true).addClass('disabled'); input.find('.addbutton').prop('disabled', true).addClass('disabled');
input.find('.rembutton').prop('disabled', true).addClass('disabled'); input.find('.rembutton').prop('disabled', true).addClass('disabled');
unlock_button.css('width', '100%')
var del = $("<button/>").attr("type", "button").addClass("button delbutton alert").html("&times;").appendTo(deldiv); var del = $("<button/>").attr("type", "button").addClass("button delbutton alert").html("&times;").appendTo(deldiv);
var unlock_button = $("<div/>").addClass('unlock-button').appendTo(li);
unlock_button.click(enableAction(action)); unlock_button.click(enableAction(action));
del.click(disableAction(action)); del.click(disableAction(action));
} else { } else {