Creator and updater palette respect original size for elements with lower than 150 size - #90

This commit is contained in:
enriquecd 2017-03-07 17:28:22 +01:00
parent e5ec0cb35a
commit 65c31e9b7a
1 changed files with 46 additions and 35 deletions

View File

@ -243,30 +243,33 @@ function update_button_palette_callback() {
return false; return false;
} }
$("#text_" + idItem).html(values['label']); $("#text_" + idItem).html(values['label']);
if ((values['width'] == 0) || (values['height'] == 0)) {
if($('#preview > img')[0].naturalWidth > 150 || $('#preview > img')[0].naturalHeight > 150){
if ((values['width'] == 0) || (values['height'] == 0)) {
$("#image_" + idItem).removeAttr('width'); $("#image_" + idItem).removeAttr('width');
$("#image_" + idItem).removeAttr('height'); $("#image_" + idItem).removeAttr('height');
$("#image_" + idItem).attr('width', 70); $("#image_" + idItem).attr('width', 70);
$("#image_" + idItem).attr('height', 70); $("#image_" + idItem).attr('height', 70);
$("#image_" + idItem).css('width', '70px'); $("#image_" + idItem).css('width', '70px');
$("#image_" + idItem).css('height', '70px'); $("#image_" + idItem).css('height', '70px');
} }
else { else{
$("#image_" + idItem).removeAttr('width'); $("#image_" + idItem).removeAttr('width');
$("#image_" + idItem).removeAttr('height'); $("#image_" + idItem).removeAttr('height');
$("#image_" + idItem).attr('width', values['width']); $("#image_" + idItem).attr('width', $('#preview > img')[0].naturalHeight);
$("#image_" + idItem).attr('height', values['height']); $("#image_" + idItem).attr('height', $('#preview > img')[0].naturalHeight);
$("#image_" + idItem).css('width', values['width'] + 'px'); $("#image_" + idItem).css('width', $('#preview > img')[0].naturalHeight+'px');
$("#image_" + idItem).css('height', values['height'] + 'px'); $("#image_" + idItem).css('height', $('#preview > img')[0].naturalHeight+'px');
} }
}
else {
$("#image_" + idItem).removeAttr('width');
$("#image_" + idItem).removeAttr('height');
$("#image_" + idItem).attr('width', values['width']);
$("#image_" + idItem).attr('height', values['height']);
$("#image_" + idItem).css('width', values['width'] + 'px');
$("#image_" + idItem).css('height', values['height'] + 'px');
}
break; break;
case 'percentile_bar': case 'percentile_bar':
case 'percentile_item': case 'percentile_item':
@ -333,27 +336,33 @@ function update_button_palette_callback() {
alert('Undefined height'); alert('Undefined height');
return false; return false;
} }
$("#image_" + idItem).attr('src', "images/spinner.gif");
if ((values['width'] == 0) || (values['height'] == 0)) {
$("#image_" + idItem).attr('src', "images/spinner.gif"); if($('#preview > img')[0].naturalWidth > 150 || $('#preview > img')[0].naturalHeight > 150){
if ((values['width'] == 0) || (values['height'] == 0)) {
$("#image_" + idItem).removeAttr('width'); $("#image_" + idItem).removeAttr('width');
$("#image_" + idItem).removeAttr('height'); $("#image_" + idItem).removeAttr('height');
$("#image_" + idItem).attr('width', 70); $("#image_" + idItem).attr('width', 70);
$("#image_" + idItem).attr('height', 70); $("#image_" + idItem).attr('height', 70);
$("#image_" + idItem).css('width', '70px'); $("#image_" + idItem).css('width', '70px');
$("#image_" + idItem).css('height', '70px'); $("#image_" + idItem).css('height', '70px');
}
} else{
else {
$("#image_" + idItem).removeAttr('width'); $("#image_" + idItem).removeAttr('width');
$("#image_" + idItem).removeAttr('height'); $("#image_" + idItem).removeAttr('height');
$("#image_" + idItem).attr('width', values['width']); $("#image_" + idItem).attr('width', $('#preview > img')[0].naturalHeight);
$("#image_" + idItem).attr('height', values['height']); $("#image_" + idItem).attr('height', $('#preview > img')[0].naturalHeight);
$("#image_" + idItem).css('width', values['width'] + 'px'); $("#image_" + idItem).css('width', $('#preview > img')[0].naturalHeight+'px');
$("#image_" + idItem).css('height', values['height'] + 'px'); $("#image_" + idItem).css('height', $('#preview > img')[0].naturalHeight+'px');
} }
}
else {
$("#image_" + idItem).removeAttr('width');
$("#image_" + idItem).removeAttr('height');
$("#image_" + idItem).attr('width', values['width']);
$("#image_" + idItem).attr('height', values['height']);
$("#image_" + idItem).css('width', values['width'] + 'px');
$("#image_" + idItem).css('height', values['height'] + 'px');
}
var image = values['image'] + ".png"; var image = values['image'] + ".png";
set_image("image", idItem, image); set_image("image", idItem, image);
break; break;
@ -1959,8 +1968,10 @@ function createItem(type, values, id_data) {
if ((values['width'] == 0) || (values['height'] == 0)) { if ((values['width'] == 0) || (values['height'] == 0)) {
// Do none // Do none
$image.attr('width', '70') if($('#preview > img')[0].naturalWidth > 150 || $('#preview > img')[0].naturalHeight > 150){
.attr('height', '70'); $image.attr('width', '70')
.attr('height', '70');
}
} }
else { else {
$image.attr('width', values['width']) $image.attr('width', values['width'])
@ -2159,8 +2170,10 @@ function createItem(type, values, id_data) {
break; break;
case 'icon': case 'icon':
if ((values['width'] == 0) || (values['height'] == 0)) { if ((values['width'] == 0) || (values['height'] == 0)) {
sizeStyle = 'width: ' + '70' + 'px; height: ' + '70' + 'px;'; if($('#preview > img')[0].naturalWidth > 150 || $('#preview > img')[0].naturalHeight > 150){
imageSize = 'width="' + '70' + '" height="' + '70' + '"'; sizeStyle = 'width: ' + '70' + 'px; height: ' + '70' + 'px;';
imageSize = 'width="' + '70' + '" height="' + '70' + '"';
}
} }
else { else {
sizeStyle = 'width: ' + values['width'] + 'px; height: ' + values['height'] + 'px;'; sizeStyle = 'width: ' + values['width'] + 'px; height: ' + values['height'] + 'px;';
@ -2177,9 +2190,7 @@ function createItem(type, values, id_data) {
default: default:
//Maybe create in any Enterprise item. //Maybe create in any Enterprise item.
if (typeof(enterprise_createItem) == 'function') { if (typeof(enterprise_createItem) == 'function') {
if (values['image'] == "") { values['image'] = 'visualmap.services';
values['image'] = 'visualmap.services';
}
temp_item = enterprise_createItem(type, values, id_data); temp_item = enterprise_createItem(type, values, id_data);
if (temp_item != false) { if (temp_item != false) {
item = temp_item; item = temp_item;