Partial bootstrap 4.5 support

public/dist/script.js

@@ -45,7 +45,7 @@ function revalidate_screen() {
         $(this).mask($(this).data('format'), {});
     });
 
-    $('[data-toggle="popover"]').popover();
+    //$('[data-toggle="popover"]').popover();
 
     $('select').each(function () {
         if (typeof $(this).data('value') !== "undefined" && $(this).data('value') !== '') {
@@ -68,6 +68,19 @@ function revalidate_screen() {
             liveSearch: true
         });
     });
+    
+    $(".wysiwyg").each(function () {
+        $(this).trumbowyg();
+    });
+    
+    $(".form-control-range").each(function(i, item){
+        $(item).on('change', function(item, i){
+            $(item.currentTarget)
+                    .parent()
+                    .find('.range-monitor')
+                    .html(item.currentTarget.value + "%");
+        })
+    });
 
     $('.popup-toggle').each(() => {
         var template = '<div class="modal-dialog"> <div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal"> X </button><h4 class="modal-title">Modal Header</h4></div><div class="modal-body">{{aaa}}</div><div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">Close</button></div></div>';
@@ -436,7 +449,7 @@ $('.remote-element').each(function () {
 //============================== Template Boot
 
 /* Função de aparecer ou desaparecer o menu lateral */
-$("#menu-toggle").on('click', function (e) {
+$(".menu-toggle").on('click', function (e) {
     e.preventDefault();
     //e.preventPropagation();
     $("#wrapper").toggleClass("toggled");
@@ -449,7 +462,7 @@ if (user_config.menu_default) {
 }
 
 /* Função de aparecer ou desaparecer o menu lateral Secundário*/
-$("#menu-toggle").on('contextmenu', function (e) {
+$(".menu-toggle").on('contextmenu', function (e) {
     e.preventDefault();
     //e.preventPropagation();
     alert("Configs maluquinhas");
@@ -597,4 +610,4 @@ function open_popup(source) {
         $('#modal').html(template).modal('show');
         revalidate_screen();
     });
-}
+}

public/dist/style.css

@@ -10,9 +10,24 @@ table tr .selected{
     overflow: hidden;
 }
 
-/*
-* Bootstrap Overwrite
-*/
+body a, body a:visited  {
+    text-decoration: none;
+    color: #000;
+}
+
+.dropdown-toggle{
+    color: #fff;
+}
+
+.dropdown-toggle:hover{
+    color: #666;
+}
+
+/* Bootstrap Overwrite */
+
+.card{
+    border-radius: 0px !important;
+}
 
 .form-group div{
     padding: 0px;
@@ -31,9 +46,13 @@ body{
     font-size: 1pc;
 }
 
-/*
--------------------------------------------------------
-*/
+/* Prevent bootstrap to interfere with metis menu */
+.nav .active .collapse{
+   display: block !important;
+}
+
+
+/*-------------------------------------------------------*/
 
 textarea{
     resize: vertical;
@@ -59,18 +78,17 @@ textarea{
 /* BreadCrumbs -------------------------------- */
 
 .breadcrumb{
-    width:100%; 
+    width:100%;
     background-color:#ddd;
 }
 
 /*
-   _____ _____ _____  ______ ____          _____   
-  / ____|_   _|  __ \|  ____|  _ \   /\   |  __ \  
- | (___   | | | |  | | |__  | |_) | /  \  | |__) | 
-  \___ \  | | | |  | |  __| |  _ < / /\ \ |  _  /  
-  ____) |_| |_| |__| | |____| |_) / ____ \| | \ \  
- |_____/|_____|_____/|______|____/_/    \_\_|  \_\ 
-
+   _____ _____ _____  ______ ____          _____
+  / ____|_   _|  __ \|  ____|  _ \   /\   |  __ \
+ | (___   | | | |  | | |__  | |_) | /  \  | |__) |
+  \___ \  | | | |  | |  __| |  _ < / /\ \ |  _  /
+  ____) |_| |_| |__| | |____| |_) / ____ \| | \ \
+ |_____/|_____|_____/|______|____/_/    \_\_|  \_\
 */
 
 #wrapper {
@@ -79,17 +97,22 @@ textarea{
 
 #sidebar-wrapper {
     background-color: #000 !important;
+    height: 1000px;
+    width: 200px;
+    background-color: #fff;
+    position: fixed!important;
+    z-index: 10000;
 }
 
 #wrapper.toggled {
-    padding-left: 250px;
+    /*padding-left: 250px;*/
 }
 
 #sidebar-wrapper {
     position: fixed;
     left: 250px;
     width: 0;
-    height: 100%;	
+    height: 100%;
     margin-left: -250px;
     overflow-y: auto;
 }
@@ -106,7 +129,7 @@ textarea{
 #page-content-wrapper {
     width: 100%;
     position: absolute;
-    padding: 15px;
+    padding: 0px !important;
 }
 
 #wrapper .toggled #page-content-wrapper {
@@ -118,49 +141,6 @@ textarea{
     display: block !important;
 }
 
-
-/* ------------------------------------------------------- */
-.logo{
-    text-align: center; 
-    margin-top: 15px;
-}
-
-.logo > img {
-    width:50%;
-}
-
-/*-------------------------------------------------------*/
-
-.search-nav{
-    text-align: center;
-    margin-bottom:15px;
-}
-
-.search-nav > input{
-    margin: 0 auto;    
-    border-radius: 0px;
-}
-
-#side-second-menu{
-    display:none;
-}
-
-#side-menu li, #side-second-menu li{
-    width:100%;
-}
-
-#side-menu li a, #side-second-menu li a{
-    font-size: 1.1em;
-}
-
-#side-menu li i, #side-second-menu li i{
-    margin-right: 10px;
-}
-
-.nav-dropdown{
-    margin-right: 20px !important;    
-}
-
 /* Sidebar responsiveness */
 @media(min-width:768px) {
     #wrapper {
@@ -188,6 +168,49 @@ textarea{
         position: relative;
         margin-right: 0;
     }
+
+    .menu-small{
+        display: none;
+    }
+}
+
+.logo{
+    text-align: center;
+    margin-top: 15px;
+}
+
+.logo > img {
+    width:50%;
+}
+
+.search-nav{
+    text-align: center;
+    margin-bottom:15px;
+}
+
+.search-nav > input{
+    margin: 0 auto;
+    border-radius: 0px;
+}
+
+#side-second-menu{
+    display:none;
+}
+
+#side-menu li, #side-second-menu li{
+    width:100%;
+}
+
+#side-menu li a, #side-second-menu li a{
+    font-size: 1.1em;
+}
+
+#side-menu li i, #side-second-menu li i{
+    margin-right: 10px;
+}
+
+.nav-dropdown{
+    margin-right: 20px !important;
 }
 
 /* Header ---------------------------*/
@@ -201,15 +224,15 @@ textarea{
 
 }
 
-#menu-toggle:hover, 
+#menu-toggle:hover,
 #menu-toggle:focus{
     background-color:transparent;
 }
 
 #progress{
-    margin-bottom:0px; 
+    margin-bottom:0px;
     height:10px;
-    border-radius: 0px !important;  
+    border-radius: 0px !important;
 }
 
 /* HELPER ---------------------------- */
@@ -227,7 +250,7 @@ textarea{
     right: 20px;
 }
 
-@media print {    
-   #sidebar-wrapper, #header{ display: none !important; }
-   #wrapper { padding-left: 0px; }
-}
+@media print {
+    #sidebar-wrapper, #header{ display: none !important; }
+    #wrapper { padding-left: 0px; }
+}

public/dist/themes/black_and_white.css

@@ -10,7 +10,7 @@
     color: #000000 !important;
     background-color: #fff !important;
 }
-
+ 
 .nav-dropdown .dropdown-toggle{
     color: #ffffff !important;
 }