Luca/thetool
1
0
Fork 0
Code Issues 5 Pull Requests 5 Actions Packages Projects Releases Wiki Activity

Added toggleable table rows in Network

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

72
Layout/default/Network/Index.php
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"); ?>

2
Layout/default/header.php
View File

@@ -15,7 +15,7 @@
<link href="<?=self::getResourcePath()?>assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="<?=self::getResourcePath()?>assets/css/icons.css" rel="stylesheet" type="text/css" />
<link href="<?=self::getResourcePath()?>assets/css/app.css" rel="stylesheet" type="text/css" />
<link href="<?=self::getResourcePath()?>assets/css/thetool.css" rel="stylesheet" type="text/css" />
<link href="<?=self::getResourcePath()?>assets/css/thetool.css?<?=date('U')?>" rel="stylesheet" type="text/css" />
<link href="<?=self::getResourcePath()?>assets/libs/select2/select2.min.css" rel="stylesheet" type="text/css" />

4
Layout/default/menu.php
View File

@@ -13,9 +13,9 @@
<i class="fas fa-database"></i>Stammdaten <div class="arrow-down"></div>
</a>
<ul class="submenu">
<li>
<li class="has-sub-submenu">
<a href="<?=self::getUrl("Address")?>">Personen & Firmen</a>
<ul class="subsubmenu">
<ul class="sub-submenu">
<li><a href="<?=self::getUrl("Address", "Index" , ["filter" => ["addresstype" => ["employee"]]])?>">Mitarbeiter</a></li>
<li><a href="<?=self::getUrl("Address", "Index" , ["filter" => ["addresstype" => ["customer"]]])?>">Kunden</a></li>
<li><a href="<?=self::getUrl("Address", "Index" , ["filter" => ["addresstype" => ["supplier"]]])?>">Lieferanten</a></li>

21
public/assets/css/thetool.css
View File

@@ -1,8 +1,10 @@
.subsubmenu {
padding-left: 12px !important;
background-color: #fafafa;
.has-sub-submenu {
border-bottom: 1px solid #eee;
}
.sub-submenu {
padding-left: 12px !important;
}
.select2-container .select2-selection--multiple .select2-selection__choice {
background-color: #00acc1 !important;
@@ -13,4 +15,17 @@
.select2-container .select2-selection--multiple .select2-selection__choice__remove {
color: #fff !important;
margin-right: 5px !important;
}
.network-list-tr {
cursor: pointer;
}
.network-list-tr .controls {
}
td.controls {
cursor: default;
text-align: left; letter-spacing: 4px; font-size: 1.1em;
}