diff --git a/loleaflet/dist/toolbar.css b/loleaflet/dist/toolbar.css index 552c92fe6..b98dfcff0 100644 --- a/loleaflet/dist/toolbar.css +++ b/loleaflet/dist/toolbar.css @@ -310,11 +310,6 @@ button.leaflet-control-search-next .w2ui-icon.specialcharacter{ background: url('../images/lc_insertsymbol.svg') no-repeat center !important; } .w2ui-icon.insertobjectchart{ background: url('../images/lc_drawchart.svg') no-repeat center !important; } -#inserttable-wrapper { - position: relative; - right: 230px; /* insertable popup has ~230px width, place it to open from its right edge to the left */ -} - .inserttable-pop { z-index: 1000; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); @@ -345,7 +340,6 @@ button.leaflet-control-search-next position: relative; padding: 2px; display: block; - width: 232px; height: 232px; } diff --git a/loleaflet/dist/toolbar/toolbar.js b/loleaflet/dist/toolbar/toolbar.js index 78a587110..2791d423f 100644 --- a/loleaflet/dist/toolbar/toolbar.js +++ b/loleaflet/dist/toolbar/toolbar.js @@ -213,9 +213,6 @@ function onClick(e, id, item, subItem) { else if (id === 'insertgraphic') { L.DomUtil.get('insertgraphic').click(); } - else if (id === 'inserttable') { - $('#inserttable-popup').toggle(); - } else if (id === 'fontcolor' && e.color) { onColorPick(id, e.color); } @@ -251,14 +248,8 @@ function insertTable() { var rows = 10; var cols = 10; var $grid = $('.inserttable-grid'); - var $popup = $('#inserttable-popup'); var $status = $('#inserttable-status'); - // Return if already initialized - if ($grid.children().length) { - return; - } - // init for (var r = 0; r < rows; r++) { var $row = $('
').addClass('row'); @@ -283,7 +274,6 @@ function insertTable() { click: function() { var col = $(this).index() + 1; var row = $(this).parent().index() + 1; - $popup.toggle(); $('.col').removeClass('bright'); $status.html('
'); var msg = 'uno .uno:InsertTable {' + @@ -291,18 +281,16 @@ function insertTable() { + col + ' }, "Rows": { "type": "long","value": ' + row + ' }}'; + + if ($('#w2ui-overlay-toolbar-up').length > 0) { + $('#w2ui-overlay-toolbar-up').removeData('keepOpen')[0].hide(); + } + map._socket.sendMessage(msg); // refocus map due popup map.focus(); } }, '.col'); - - // close dialog on mouseleave - $popup.mouseleave(function() { - $(this).hide(); - $('.col').removeClass('bright'); - $status.html('
'); - }); } function onColorPick(id, color) { @@ -396,8 +384,8 @@ $(function () { {type: 'button', id: 'incrementindent', img: 'incrementindent', hint: _UNO('.uno:IncrementIndent', '', true), uno: 'IncrementIndent', disabled: true}, {type: 'button', id: 'decrementindent', img: 'decrementindent', hint: _UNO('.uno:DecrementIndent', '', true), uno: 'DecrementIndent', disabled: true}, {type: 'break', id: 'incdecindent'}, - {type: 'html', id: 'inserttable-html', html: '
'}, - {type: 'button', id: 'inserttable', img: 'inserttable', hint: _('Insert table')}, + {type: 'drop', id: 'inserttable', img: 'inserttable', hint: _('Insert table'), overlay: {onShow: insertTable}, + html: '

'}, {type: 'button', id: 'insertobjectchart', img: 'insertobjectchart', hint: _UNO('.uno:InsertObjectChart', '', true), uno: 'InsertObjectChart'}, {type: 'button', id: 'insertannotation', img: 'annotation', hint: _UNO('.uno:InsertAnnotation', '', true)}, {type: 'button', id: 'insertgraphic', img: 'insertgraphic', hint: _UNO('.uno:InsertGraphic', '', true)},