Added toggleable table rows in Network

This commit is contained in:
Frank Schubert
2021-06-29 20:08:46 +02:00
parent 366b304b1f
commit 032390a097
4 changed files with 87 additions and 12 deletions

View File

@@ -44,22 +44,68 @@
</div>
<?php if(is_array($networks) && count($networks)): ?>
<table class="table table-striped table-hover">
<table class="table table-hover table-striped">
<tr>
<th>Name</th>
<th>Besitzer</th>
<th></th>
</tr>
<?php foreach($networks as $network): ?>
<tr>
<td><?=$network->name?></td>
<td><?=nl2br($network->owner->getCompanyOrName())?></td>
<td style="text-align: left; letter-spacing: 4px; font-size: 1.1em;">
<a href="<?=self::getUrl("Pop", "Index", ["filter" => ["network_id" => $network->id]])?>" title="POPs anzeigen"><i class="fas fa-project-diagram"></i></a>
<tr class="network-list-tr" id="network-<?=$network->id?>">
<td onclick="toggleNetwork(<?=$network->id?>)"><?=$network->name?></td>
<td onclick="toggleNetwork(<?=$network->id?>)"><?=nl2br($network->owner->getCompanyOrName())?></td>
<td class="controls" style="text-align: left; letter-spacing: 4px; font-size: 1.1em;">
<!--<a href="<?=self::getUrl("Pop", "Index", ["filter" => ["network_id" => $network->id]])?>" title="POPs anzeigen"><i class="fas fa-project-diagram"></i></a>-->
<a href="<?=self::getUrl("Network", "edit", ["id" => $network->id])?>"><i class="far fa-edit" title="Bearbeiten"></i></a>
<a href="<?=self::getUrl("Network", "delete", ["id" => $network->id])?>" class="text-danger" title="Löschen"><i class="fas fa-trash"></i></a>
</td>
</tr>
<tr id="network-detail-<?=$network->id?>" style="display:none; background-color:#fff">
<td colspan="3">
<ul class="nav nav-pills navtab-bg nav-justified">
<li class="nav-item"><a class="nav-link active" href="#net-detail-<?=$network->id?>-detail" data-toggle="tab" aria-expanded="false">Details</a></li>
<li class="nav-item"><a class="nav-link" href="#net-detail-<?=$network->id?>-pops" data-toggle="tab" aria-expanded="false">POPs</a></li>
<li class="nav-item"><a class="nav-link" href="#net-detail-<?=$network->id?>-third" data-toggle="tab" aria-expanded="false">Noawos</a></li>
</ul>
<div class="tab-content">
<div id="net-detail-<?=$network->id?>-detail" class="tab-pane show active">
<h4>Details zu <strong><?=$network->name?></strong></h4>
<table class="table table-bordered table-striped">
<tr>
<th>Name</th>
<td><?=$network->name?></td>
</tr>
<tr>
<th>Besitzer</th>
<td><?=$network->owner->getCompanyOrName()?></td>
</tr>
<tr>
<th>Interne Notiz</th>
<td><?=nl2br($network->note)?></td>
</tr>
</table>
</div>
<div id="net-detail-<?=$network->id?>-pops" class="tab-pane">
<h4>POPs in <strong><?=$network->name?></strong></h4>
<?php if(is_array($network->pops) && count($network->pops)): ?>
<?php else: ?>
<p><i>Keine POPs vorhanden</i></p>
<?php endif; ?>
<a class="btn btn-primary" href="<?=self::getUrl("Pop", "add")?>"><i class="fas fa-plus"></i> Neuen POP anlegen</a>
</div>
<div id="net-detail-<?=$network->id?>-third" class="tab-pane">
<h4>3</h4>
</div>
</div>
</td>
</tr>
<tr style="display:none;">
<td colspan="3"></td>
</tr>
<?php endforeach; ?>
</table>
<?php else: ?>
@@ -75,4 +121,18 @@
</div>
<!-- end wrapper -->
<script type="text/javascript">
function toggleNetwork(id) {
$('#network-detail-' + id).toggle();
if($('#network-detail-' + id).is(":hidden")) {
$('#network-' + id).removeClass("table-info");
$('#network-' + id).removeClass("text-info");
} else {
$('#network-' + id).addClass("text-info");
$('#network-' + id).addClass("table-info");
}
}
</script>
<?php include(realpath(dirname(__FILE__)."/../")."/footer.php"); ?>