883a71ce8e
The external shares entry showed a "button" that, when pressed, replaced the button with the input to set the remote share address. The "button" was actually a label for the input, so when the label was focused it transferred the focus to the input and thus pressing enter or space did not show the input. Moreover, inputs inside links are not valid HTML, and once shown there was no way to hide the input again. Due to all this, and for consistency with the direct link input, the external share input was moved to a different menu item that is shown and hidden when the button, which nows is also a real button, is clicked. Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
46 lines
1.6 KiB
JavaScript
46 lines
1.6 KiB
JavaScript
/*
|
|
* @copyright Copyright (c) 2018 Julius Härtl <jus@bitgrid.net>
|
|
*
|
|
* @author Julius Härtl <jus@bitgrid.net>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version
|
|
*
|
|
* This program is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU Affero General Public License as
|
|
* published by the Free Software Foundation, either version 3 of the
|
|
* License, or (at your option) any later version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU Affero General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU Affero General Public License
|
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
*
|
|
*/
|
|
|
|
$(document).ready(function () {
|
|
|
|
$('#body-public').find('.header-right .menutoggle').click(function() {
|
|
$(this).next('.popovermenu').toggleClass('open');
|
|
});
|
|
|
|
$('#save-external-share').click(function () {
|
|
$('#external-share-menu-item').toggleClass('hidden')
|
|
$('#remote_address').focus();
|
|
});
|
|
|
|
});
|
|
|
|
$(document).mouseup(function(e) {
|
|
var toggle = $('#body-public').find('.header-right .menutoggle');
|
|
var container = toggle.next('.popovermenu');
|
|
|
|
// if the target of the click isn't the menu toggle, nor a descendant of the
|
|
// menu toggle, nor the container nor a descendant of the container
|
|
if (!toggle.is(e.target) && toggle.has(e.target).length === 0 &&
|
|
!container.is(e.target) && container.has(e.target).length === 0) {
|
|
container.removeClass('open');
|
|
}
|
|
});
|