File Manager

✏️ assets/js/main.js

$(function() {

// ========================================================================= //
    //    Add remove class active has menu
    // ========================================================================= //

jQuery(".has-submenu:not(.has-arrow)").click(function() {
        // ROBUST FIX: If this item is inside the sidebar (MetisMenu), stop immediately.
        // This prevents the "double toggle" / bounce issue.
        if ($(this).closest('.metismenu').length > 0) {
            return;
        }

var $this = $(this);
        if ($this.hasClass('active')) {
            $this.removeClass('active');
        } else {
            // Only close other menus that are NOT in the sidebar
            jQuery(".has-submenu").not('.metismenu .has-submenu').removeClass("active");
            $this.addClass("active");
        }
    });

// ========================================================================= //
    //    Toggle Aside Menu
    // ========================================================================= //

jQuery(".hamburger").click(function() {
        jQuery("aside.left-panel").toggleClass("collapsed");
        jQuery("body").toggleClass("sidebar-toggled");
        jQuery("#main-wrapper").toggleClass("menu-toggle");
    });

// ========================================================================= //
    //    Set attibute isnide body
    // ========================================================================= //

jQuery('body').attr({
        'data-typography': "rubik",
        'data-sidebar-style': "full",
        'data-sidebar-position': "fixed",
        'data-header-position': "fixed",
    })

// ========================================================================= //
    //    resize 
    // ========================================================================= //

function resize() {
        if (window.matchMedia("(max-width: 767px)").matches) {
            $('body').attr('data-sidebar-style', 'overlay');
            $("#main-wrapper").addClass('overlay');

} else if (window.matchMedia("(max-width: 1199px)").matches) {

$('body').attr('data-sidebar-style', 'mini');
            $("#main-wrapper").addClass('mini');

} else {
            $('body').attr('data-sidebar-style', 'full');
            $("#main-wrapper").removeClass('mini');
        }
    }

resize();

jQuery(window).resize(function() {
        resize();
    })

});

// ========================================================================= //
//    upload image in drag
// ========================================================================= //

function showPreview(event) {
    if (event.target.files.length > 0) {
        var src = URL.createObjectURL(event.target.files[0]);
        var preview = document.getElementById("file-ip-1-preview");
        preview.src = src;
        preview.style.display = "block";
    }
}

// ========================================================================= //
//   Preview Pictures
// ========================================================================= //

$(".widget-3 input[type='file']").on("change", function() {
    $(".widget-3").addClass("custom-text");
});

// ========================================================================= //
//   Date Range
// ========================================================================= //

$('input[name="daterange"]').daterangepicker({
    opens: 'right'
}, function(start, end, label) {
    console.log("A new date selection was made: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD'));
});

// ========================================================================= //
//   Button Add Drugs
// ========================================================================= //
$('#butonAddDrug').click(function() {
    var structure = `   
        <form id="testmed">
            <div class="row">
                <div class="col-md-2">
                    <div class="form-group"><input type="text" class="form-control" placeholder="Type"></div>
                </div>
                <div class="col-md-6"> 
                <div class="form-group">
                <select class="form-control form-select"> <option value="">Select Drug...</option> <option value="19">csdfsff</option><option value="20">test trade name</option> </select> 
                
                </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group"> <input type="text" class="form-control" placeholder="Mg/Ml"></div>
                </div>
                <div class="col-md-6">
                    <div class="form-group"> <input type="text" class="form-control" placeholder="Dose"> </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group"> <input type="text" class="form-control" placeholder="Duration"> </div>
                </div>
                <div class="col-md-12">
                    <div class="form-group"> <input type="text" class="form-control" placeholder="Advice/Comment"></div>
                </div>
            </div>
        </form>
        <hr/>`;
    $(".drugslist").append(structure);
    // $('select').selectpicker();
});

// ========================================================================= //
//  Button Add Test
// ========================================================================= //

$('#butonAddTest').click(function() {
    var structure = `<form>
    <div class="row">
        <div class="col-md-6">
            <div class="form-group">
                <select class="form-control form-select">
                    <option>Select Test...</option>
                    <option>Scanner thoracique</option>
                    <option>Covid 19</option>
                    <option>dsdsfd</option>
                    <option>wqd</option>
                    <option>asdfsf</option>
                    <option>fgg</option>
                    <option>uohl</option>
                    <option>Pueba wilson</option>
                    <option>jjjhj</option>
                    <option>hh</option>
                    <option>Badanie Oberon</option>
                    <option>sdsadsa</option>
                    <option>test</option>
                </select>
            </div>
        </div>
        <div class="col-md-6">
            <div class="form-group">
                <input type="text" class="form-control" placeholder="Description">
            </div>
        </div>
    </div>
    <hr/>

</form>`;
    $(".addTest").append(structure);
    // $('select').selectpicker();

});

// ========================================================================= //
//  Change dates patient
// ========================================================================= //

$(function() {
    $('input[name="dates"]').daterangepicker({
        singleDatePicker: true,
        showDropdowns: true,
        minYear: 1901,
        maxYear: parseInt(moment().format('YYYY'), 10)
    }, function(start, end, label) {
        var years = moment().diff(start, 'years');
    });
});

// ========================================================================= //
//   refrech select picker inside modal
// ========================================================================= //
$('.selectRefresh').on('shown', function() {
    $('.selectpicker').selectpicker('refresh');
});

// ========================================================================= //
//   Responsive
// ========================================================================= //

function resize() {
    if (window.matchMedia("(max-width: 1199px)").matches) {
        $(".has-submenu").removeClass('active');
    }
}

resize();

jQuery(window).resize(function() {
    resize();
})

jQuery(function($) {
    var path = window.location.href;
    $('ul li a').each(function() {
        if (window.matchMedia("(max-width: 1199px) and (max-width: 1199px)").matches) {
            if (this.href === path) {
                if ($(this).parent().hasClass("has-submenu")) {
                    $(this).parent().addClass("active-submenu");
                } else {
                    $(this).parent().parent().parent().addClass('active-submenu');
                }
            }
        }
        
    });
});

Batal

⬅ assets 5 item

Nama	Tipe	Ukuran	Diubah	Aksi
📜apex-custom.js	js	8.1 KB	2024-10-08 00:25	✏️ 👁️
📜charts-custom.js	js	5.3 KB	2024-10-08 00:25	✏️ 👁️
📜init-tdatatable.js	js	4 KB	2024-10-08 00:25	✏️ 👁️
📜main.js	js	8.2 KB	2025-12-22 14:43	✏️ 👁️
📜toggleFullScreen.js	js	940 B	2024-10-08 00:25	✏️ 👁️

✏️ Rename