diff --git a/views/labeldesigner.jinja2 b/views/labeldesigner.jinja2
index aa7ea6b..f1576c7 100644
--- a/views/labeldesigner.jinja2
+++ b/views/labeldesigner.jinja2
@@ -78,7 +78,15 @@
@@ -125,11 +133,28 @@ function formData() {
font_size: $('#fontSize').val(),
label_size: $('#labelSize option:selected').val(),
align: $('input[name=fontAlign]:checked').val(),
- orientation: $('input[name=orientation]:checked').val()
+ orientation: $('input[name=orientation]:checked').val(),
+ margin_top: $('#marginTop').val(),
+ margin_bottom: $('#marginBottom').val(),
+ margin_left: $('#marginLeft').val(),
+ margin_right: $('#marginRight').val()
}
}
function preview() {
+ // http://stackoverflow.com/a/16284355
+ // http://stackoverflow.com/a/7697455
+ if ($('input[name=orientation]:checked').val() == 'standard') {
+ $('#marginTop').prop('disabled', false).removeAttr('title');
+ $('#marginBottom').prop('disabled',false).removeAttr('title');
+ $('#marginLeft').prop('disabled', true).prop('title', 'Only relevant if rotated orientation is selected.');
+ $('#marginRight').prop('disabled', true).prop('title', 'Only relevant if rotated orientation is selected.');
+ } else {
+ $('#marginTop').prop('disabled', true).prop('title', 'Only relevant if standard orientation is selected.');
+ $('#marginBottom').prop('disabled',true).prop('title', 'Only relevant if standard orientation is selected.');
+ $('#marginLeft').prop('disabled', false).removeAttr('title');
+ $('#marginRight').prop('disabled', false).removeAttr('title');
+ }
$.ajax({
type: 'POST',
url: '/api/preview/text?return_format=base64',