core/vpn/ipsec: allow easier override of colors in themes (#3286)

This commit is contained in:
Fabian Franz BSc 2019-03-05 18:44:39 +01:00 committed by Ad Schellevis
parent 569abf9ac6
commit 36ea41ae68

View File

@ -77,29 +77,46 @@ if (isset($config['ipsec']['phase2'])) {
?>
<script>
$(document).ready(function() {
$(".ipsec-tab").unbind('click').click(function(){
$(".ipsec-tab").css('background-color', '#777777');
$(".ipsec-tab").css('color', 'white');
$(this).css('background-color', '#EEEEEE');
$(this).css('color', 'black');
$(".ipsec-tab").unbind('click').click(function() {
$('.ipsec-tab').removeClass('activetab');
$(this).addClass('activetab');
$(".ipsec-tab-content").hide();
$("#"+$(this).attr('data-for')).show();
});
});
</script>
<style>
.dashboard_grid_column table {
table-layout: fixed;
}
#ipsec #ipsec-mobile, #ipsec #ipsec-tunnel, #ipsec #ipsec-overview {
background-color: #EEEEEE;
}
#ipsec .ipsec-tab {
background-color: #777777;
color: white;
}
#ipsec .ipsec-tab.activetab {
background-color: #EEEEEE;
color: black;
}
</style>
<div id="tabs">
<div data-for="ipsec-Overview" class="ipsec-tab table-cell" style="background-color:#EEEEEE; color:black; cursor: pointer; display:table-cell">
<div data-for="ipsec-overview" class="ipsec-tab table-cell activetab" style="cursor: pointer; display:table-cell">
<strong>&nbsp;&nbsp;<?=gettext("Overview");?>&nbsp;&nbsp;</strong>
</div>
<div data-for="ipsec-tunnel" class="ipsec-tab table-cell" style="background-color:#777777; color:white; cursor: pointer; display:table-cell">
<div data-for="ipsec-tunnel" class="ipsec-tab table-cell" style="cursor: pointer; display:table-cell">
<strong>&nbsp;&nbsp;<?=gettext("Tunnels");?>&nbsp;&nbsp;</strong>
</div>
<div data-for="ipsec-mobile" class="ipsec-tab table-cell" style="background-color:#777777; color:white; cursor: pointer; display:table-cell">
<div data-for="ipsec-mobile" class="ipsec-tab table-cell" style="cursor: pointer; display:table-cell">
<strong>&nbsp;&nbsp;<?=gettext("Mobile");?>&nbsp;&nbsp;</strong>
</div>
</div>
<div id="ipsec-Overview" class="ipsec-tab-content" style="display:block;background-color:#EEEEEE;">
<div id="ipsec-overview" class="ipsec-tab-content" style="display:block;">
<table class="table table-striped">
<thead>
<tr>
@ -139,7 +156,7 @@ if (isset($config['ipsec']['phase2'])) {
</table>
</div>
<div id="ipsec-tunnel" class="ipsec-tab-content" style="display:none;background-color:#EEEEEE;">
<div id="ipsec-tunnel" class="ipsec-tab-content" style="display:none;">
<table class="table table-striped">
<thead>
<tr>
@ -166,7 +183,7 @@ if (isset($config['ipsec']['phase2'])) {
</tbody>
</table>
</div>
<div id="ipsec-mobile" class="ipsec-tab-content" style="display:none;background-color:#EEEEEE;">
<div id="ipsec-mobile" class="ipsec-tab-content" style="display:none;">
<table class="table table-striped">
<thead>
<tr>