From 2ef4db18f2b4c162bc7c01d45faf490baeedfff1 Mon Sep 17 00:00:00 2001
From: imnavajas <imnavajas@coit.es>
Date: Sat, 13 Jan 2024 23:13:44 +0100
Subject: [PATCH] Desarrollado breadcrumb flotante

---
 ci4/.env                                      |  2 +-
 .../themes/backend/vuexy/main/breadcrumbs.php | 87 ++++++++++++++-----
 .../backend/vuexy/main/defaultlayout.php      | 20 ++---
 httpdocs/themes/vuexy/css/safekat.css         |  6 ++
 httpdocs/themes/vuexy/vendor/css/rtl/core.css |  2 +-
 5 files changed, 83 insertions(+), 34 deletions(-)

diff --git a/ci4/.env b/ci4/.env
index c2ec8729..8b1ca0f3 100755
--- a/ci4/.env
+++ b/ci4/.env
@@ -23,7 +23,7 @@ CI_ENVIRONMENT = development
 #--------------------------------------------------------------------
 
 #app.baseURL = 'https://sk-dev.imnavajas.es' 
-app.baseURL = 'https://sk-jjo.imnavajas.es'
+app.baseURL = 'https://sk-imn.imnavajas.es'
 # app.baseURL = 'https://sk-imn.imnavajas.es'
 # app.baseURL = "http://safekat.test/"
 # app.forceGlobalSecureRequests = false
diff --git a/ci4/app/Views/themes/backend/vuexy/main/breadcrumbs.php b/ci4/app/Views/themes/backend/vuexy/main/breadcrumbs.php
index b05a8562..ca33ed44 100755
--- a/ci4/app/Views/themes/backend/vuexy/main/breadcrumbs.php
+++ b/ci4/app/Views/themes/backend/vuexy/main/breadcrumbs.php
@@ -1,24 +1,69 @@
 <?php if (isset($breadcrumb)) { ?>
-    <nav aria-label="breadcrumb">
-        <ol class="breadcrumb">
-            <?php
-            foreach ($breadcrumb as $item) {
-                ?>
-                <li class="breadcrumb-item <?= $item['active'] ? 'active' : '' ?>">
-                    <a href="<?= $item['route'] ?>"><?= $item['title'] ?></a>
-                </li>
-                <?php
-            }
-            ?>
-        </ol>
-    </nav>
+    <div id="bc-card" class="card sticky-breadcrumb border border-secondary mb-3">
+        <div class="card-header header-elements">
+            <nav aria-label="breadcrumb">
+                <ol class="breadcrumb">
+                    <?php
+                    foreach ($breadcrumb as $item) {
+                        ?>
+                        <li class="breadcrumb-item <?= $item['active'] ? 'active' : '' ?>">
+                            <a href="<?= $item['route'] ?>"><?= $item['title'] ?></a>
+                        </li>
+                        <?php
+                    }
+                    ?>
+                </ol>
+            </nav>
+            <div id="bc-save-div" class="card-header-elements ms-auto" style="display: none">
+                <button id="bc-save"
+                        type="button"
+                        class="btn btn-sm btn-primary waves-effect waves-light"
+                >
+                    <?= lang('Basic.global.Save') ?>
+                </button>
+            </div>
+        </div>
+    </div>
     <?php
 } else { ?>
-    <nav aria-label="breadcrumb">
-        <ol class="breadcrumb">
-            <li class="breadcrumb-item active">
-                <a href="<?= site_url(); ?>">Home</a>
-            </li>
-        </ol>
-    </nav>
-<?php } ?>
\ No newline at end of file
+    <div class="card bg-secondary sticky-breadcrumb border border-secondary mb-3">
+        <div class="card-header header-elements">
+            <nav aria-label="breadcrumb">
+                <ol class="breadcrumb">
+                    <li class="breadcrumb-item active">
+                        <a href="<?= site_url(); ?>">Home</a>
+                    </li>
+                </ol>
+            </nav>
+        </div>
+    </div>
+<?php } ?>
+
+<?= $this->section('additionalInlineJs') ?>
+
+    function showBreadCrumbSaveButton(showIt = false){
+        if(showIt === true){
+            $('#bc-save-div').show();
+            $('#bc-card').addClass('bg-warning');
+        } else if(showIt === false){
+            $('#bc-save-div').hide();
+            $('#bc-card').removeClass('bg-warning');
+        }
+    }
+
+    // SOLO PARA TEST
+    $(document).on("keypress", function(event) {
+        if (event.keyCode === 112) {
+            event.preventDefault();
+            showBreadCrumbSaveButton(true);
+        }
+    });
+
+    $('#bc-save').on( "click", function() {
+        showBreadCrumbSaveButton(false);
+        alert('click action on save button');
+    } );
+    ///
+
+
+<?= $this->endSection() ?>
diff --git a/ci4/app/Views/themes/backend/vuexy/main/defaultlayout.php b/ci4/app/Views/themes/backend/vuexy/main/defaultlayout.php
index e20bb285..ae2649f7 100755
--- a/ci4/app/Views/themes/backend/vuexy/main/defaultlayout.php
+++ b/ci4/app/Views/themes/backend/vuexy/main/defaultlayout.php
@@ -92,7 +92,6 @@ if (!empty($token) && $tfa == false) {
     <script src="<?= site_url('themes/vuexy/vendor/js/helpers.js') ?>"></script>
     <script src="<?= site_url('themes/vuexy/js/config.js') ?>"></script>
 
-
 </head>
 
 <body>
@@ -118,11 +117,6 @@ if (!empty($token) && $tfa == false) {
                 </div>
 
                 <div class="navbar-nav-right d-flex align-items-center" id="navbar-collapse">
-                    <div class="navbar-nav align-items-center">
-                        <a class="nav-link style-switcher-toggle hide-arrow" href="javascript:void(0);">
-                            <i class="ti ti-sm"></i>
-                        </a>
-                    </div>
 
                     <ul class="navbar-nav flex-row align-items-center ms-auto">
 
@@ -270,6 +264,7 @@ if (!empty($token) && $tfa == false) {
                         <!--/ User -->
                     </ul>
                 </div>
+
             </nav>
             <!-- / Navbar -->
 
@@ -278,12 +273,15 @@ if (!empty($token) && $tfa == false) {
                 <!-- Content -->
 
                 <div class="container-fluid flex-grow-1 container-p-y">
-                    <h5 class="py-3 mb-4">
-                        <?php include "breadcrumbs.php" ?>
-                    </h5>
-
-                    <?= $this->renderSection('content') ?>
+                    <?php
+                    // Include breadcrumbs block
+                    include "breadcrumbs.php"
+                    ?>
 
+                    <?=
+                    // Render the content section
+                    $this->renderSection('content')
+                    ?>
                 </div>
                 <!-- / Content -->
 
diff --git a/httpdocs/themes/vuexy/css/safekat.css b/httpdocs/themes/vuexy/css/safekat.css
index 4914d797..b3ca639d 100755
--- a/httpdocs/themes/vuexy/css/safekat.css
+++ b/httpdocs/themes/vuexy/css/safekat.css
@@ -114,3 +114,9 @@
   text-align: center;
   margin-top: 1rem;
 }
+
+.sticky-breadcrumb {
+  position: sticky;
+  top: 90px;
+  z-index: 1020;
+}
\ No newline at end of file
diff --git a/httpdocs/themes/vuexy/vendor/css/rtl/core.css b/httpdocs/themes/vuexy/vendor/css/rtl/core.css
index 221f0a7f..9c84a8ac 100755
--- a/httpdocs/themes/vuexy/vendor/css/rtl/core.css
+++ b/httpdocs/themes/vuexy/vendor/css/rtl/core.css
@@ -3985,7 +3985,7 @@ textarea.form-control-lg {
 .breadcrumb {
   --bs-breadcrumb-padding-x: 0;
   --bs-breadcrumb-padding-y: 0;
-  --bs-breadcrumb-margin-bottom: 1rem;
+  /* --bs-breadcrumb-margin-bottom: 1rem;   IMN */
   --bs-breadcrumb-bg: transparent;
   --bs-breadcrumb-border-radius: ;
   --bs-breadcrumb-divider-color: #4b465c;