From 032390a097f4535f015caab9074bb397c77065a5 Mon Sep 17 00:00:00 2001
From: Frank Schubert <fronk@fronk.at>
Date: Tue, 29 Jun 2021 20:08:46 +0200
Subject: [PATCH] Added toggleable table rows in Network

---
 Layout/default/Network/Index.php | 72 +++++++++++++++++++++++++++++---
 Layout/default/header.php        |  2 +-
 Layout/default/menu.php          |  4 +-
 public/assets/css/thetool.css    | 21 ++++++++--
 4 files changed, 87 insertions(+), 12 deletions(-)

diff --git a/Layout/default/Network/Index.php b/Layout/default/Network/Index.php
index 56d261410..603d29530 100644
--- a/Layout/default/Network/Index.php
+++ b/Layout/default/Network/Index.php
@@ -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"); ?>
\ No newline at end of file
diff --git a/Layout/default/header.php b/Layout/default/header.php
index 9eef36faa..ba33a1243 100644
--- a/Layout/default/header.php
+++ b/Layout/default/header.php
@@ -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" />
         
diff --git a/Layout/default/menu.php b/Layout/default/menu.php
index 20e16213e..a0dc044f7 100644
--- a/Layout/default/menu.php
+++ b/Layout/default/menu.php
@@ -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>
diff --git a/public/assets/css/thetool.css b/public/assets/css/thetool.css
index 07f95bd32..7d6e8b562 100644
--- a/public/assets/css/thetool.css
+++ b/public/assets/css/thetool.css
@@ -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;
 }
\ No newline at end of file