-
Notifications
You must be signed in to change notification settings - Fork 1.1k
Home
ujjwaladubey edited this page Jul 8, 2023
·
1 revision
{% load static %}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> <link rel="stylesheet" type="text/css" href="{% static 'css/navbar.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'css/boxicons2.0.7.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'css/bootstrap3.41.css' %}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
html,body
{
overflow-y: hidden;
}
.tab-pane
{
overflow-y:scroll;
max-height:80vh;
}
</style>
{% block header %}
{% endblock header %}
INDIAN MACHINARY AND PLANT PORTAL
{{request.session.nav1|safe}}
</ul>
{% block content %} {% endblock content %}
<script> var sidebar = document.querySelector(".sidebar"); let closeBtn = document.querySelector("#btn"); let searchBtn = document.querySelector(".bx-search"); closeBtn.addEventListener("click", ()=>{ sidebar.classList.toggle("open"); menuBtnChange();//calling the function(optional) }); searchBtn.addEventListener("click", ()=>{ // Sidebar open when you click on the search iocn sidebar.classList.toggle("open"); menuBtnChange(); //calling the function(optional) }); // following are the code to change sidebar button(optional) function menuBtnChange() { if(sidebar.classList.contains("open")){ closeBtn.classList.replace("bx-menu", "bx-menu-alt-right");//replacing the iocns class }else { closeBtn.classList.replace("bx-menu-alt-right","bx-menu");//replacing the iocns class } } </script> <!-- <script>
let arrow = document.querySelectorAll(".arrow");
for (var i = 0; i < arrow.length; i++) {
arrow[i].addEventListener("click", (e)=>{
let arrowParent = e.target.parentElement.parentElement;//selecting main parent of arrow
arrowParent.classList.toggle("showMenu");
});
}
let sidebar = document.querySelector(".sidebar");
let sidebarBtn = document.querySelector(".bx-menu");
console.log(sidebarBtn);
sidebarBtn.addEventListener("click", ()=>{
sidebar.classList.toggle("close");
});
</script> -->