refs #27 make custom tile server blocks foldable

merge-requests/3/head
Julien Veyssier 2017-06-23 16:25:54 +02:00
parent ea9dee8640
commit 3470305b67
3 changed files with 35 additions and 8 deletions

View File

@ -898,3 +898,7 @@ div#ho button {
#overlayserveradd input[type=text]{
width:100%;
}
#tileserverdiv, #tilewmsserverdiv,
#overlayserverdiv, #overlaywmsserverdiv {
display: none;
}

View File

@ -1723,6 +1723,18 @@
gpxedit.hovermiddlemarker = null;
});
$('body').on('click','h3.customtiletitle', function(e) {
var forAttr = $(this).attr('for');
if ($('#'+forAttr).is(':visible')) {
$('#'+forAttr).slideUp();
$(this).find('i').removeClass('fa-angle-double-up').addClass('fa-angle-double-down');
}
else{
$('#'+forAttr).slideDown();
$(this).find('i').removeClass('fa-angle-double-down').addClass('fa-angle-double-up');
}
});
});
})(jQuery, OC);

View File

@ -122,8 +122,9 @@ echo '</ul>'."\n";
<label for="approximateele"><?php p($l->t('Approximate new points elevations'));?></label>
<input type="checkbox" id="approximateele"></input>
</div>
<hr/><br/>
<h3 class="sectiontitle"><?php p($l->t('Custom tile servers')); ?></h3>
<hr/>
<h3 class="sectiontitle customtiletitle" for="tileserverdiv"><b><?php p($l->t('Custom tile servers')); ?></b> <i class="fa fa-angle-double-down" aria-hidden="true"></i></h3>
<div id="tileserverdiv">
<div id="tileserveradd">
<p><?php p($l->t('Server name')); ?> :</p>
<input type="text" id="tileservername" title="<?php p($l->t('For example : my custom server')); ?>"/>
@ -159,8 +160,11 @@ if (count($_['usertileservers']) > 0){
?>
</ul>
</div>
<hr/><br/>
<h3 class="sectiontitle"><?php p($l->t('Custom overlay tile servers')); ?></h3>
</div>
<hr/>
<h3 class="sectiontitle customtiletitle" for="overlayserverdiv"><b><?php p($l->t('Custom overlay tile servers')); ?></b> <i class="fa fa-angle-double-down" aria-hidden="true"></i></h3>
<div id="overlayserverdiv">
<div id="overlayserveradd">
<p><?php p($l->t('Server name')); ?> :</p>
<input type="text" id="overlayservername" title="<?php p($l->t('For example : my custom server')); ?>"/>
@ -200,8 +204,11 @@ if (count($_['useroverlayservers']) > 0){
?>
</ul>
</div>
<hr/><br/>
<h3 class="sectiontitle"><?php p($l->t('Custom WMS tile servers')); ?></h3>
</div>
<hr/>
<h3 class="sectiontitle customtiletitle" for="tilewmsserverdiv"><b><?php p($l->t('Custom WMS tile servers')); ?></b> <i class="fa fa-angle-double-down" aria-hidden="true"></i></h3>
<div id="tilewmsserverdiv">
<div id="tilewmsserveradd">
<p><?php p($l->t('Server name')); ?> :</p>
<input type="text" id="tilewmsservername" title="<?php p($l->t('For example : my custom server')); ?>"/>
@ -243,8 +250,11 @@ if (count($_['usertileserverswms']) > 0){
?>
</ul>
</div>
<hr/><br/>
<h3 class="sectiontitle"><?php p($l->t('Custom WMS overlay servers')); ?></h3>
</div>
<hr/>
<h3 class="sectiontitle customtiletitle" for="overlaywmsserverdiv"><b><?php p($l->t('Custom WMS overlay servers')); ?></b> <i class="fa fa-angle-double-down" aria-hidden="true"></i></h3>
<div id="overlaywmsserverdiv">
<div id="overlaywmsserveradd">
<p><?php p($l->t('Server name')); ?> :</p>
<input type="text" id="overlaywmsservername" title="<?php p($l->t('For example : my custom server')); ?>"/>
@ -290,6 +300,7 @@ if (count($_['useroverlayserverswms']) > 0){
?>
</ul>
</div>
</div>
</div>
<div class="sidebar-pane" id="help">