Skip to content

Instantly share code, notes, and snippets.

@Irene-123

Irene-123/test.html

Created May 20, 2022 11:22
Show Gist options
  • Save Irene-123/b41012afdf44632b404d069c3ebd9e28 to your computer and use it in GitHub Desktop.
Save Irene-123/b41012afdf44632b404d069c3ebd9e28 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
test.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="{{ url_for('static', filename='images/favicon.ico') }}">
<!----======== CSS ======== -->
<link rel="stylesheet" href="{{url_for('static',filename='css/all_App_Styles.css')}}">
<!----===== Boxicons CSS ===== -->
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
<link rel="stylesheet" href="{{url_for('static',filename='boxicons-2.1.2/css/boxicons.min.css')}}">
<!--<title>Dashboard Sidebar Menu</title>-->
</head>
<body>
<nav class="sidebar close">
<header>
<div class="image-text">
<span class="image">
<img src="{{ url_for('static', filename='images/Dinosysinfotech_Logo.png') }}" alt="">
</span>
<div class="text logo-text">
<span class="name">Dinosys Infotech</span>
<span class="profession">MenuBar</span>
</div>
</div>
<i class='bx bx-chevron-right toggle'></i>
</header>
<div class="menu-bar">
<div class="menu">
<ul class="menu-links">
<li class="nav-link">
<a href="/viewExcel">
<i class='bx bx-spreadsheet icon'></i>
<span class="text nav-text ">View Excel</span>
</a>
</li>
<li class="nav-link">
<a href="/call">
<i class='bx bx-phone-call icon' ></i>
<span class="text nav-text ">Call Type</span>
</a>
</li>
<li class="nav-link">
<a href="/sandwich">
<i class='bx bxs-network-chart icon'></i>
<span class="text nav-text">Sandwitch</span>
</a>
</li>
<li class="nav-link">
<a href="/IMEI">
<i class='bx bx-trip icon '></i>
<span class="text nav-text">IMEI / IMSI</span>
</a>
</li>
<li class="nav-link">
<a href="/roam">
<i class='bx bxs-map-pin icon'></i>
<span class="text nav-text">Roam</span>
</a>
</li>
<li class="nav-link">
<a href="/wakeup">
<i class='bx bx-sun icon'></i>
<span class="text nav-text">Wakeup Call</span>
</a>
</li>
<li class="nav-link">
<a href="/weekday">
<i class='bx bx-time-five icon '></i>
<span class="text nav-text">By time Analysis</span>
</a>
</li>
<li class="nav-link">
<a href="/cellidcdr">
<i class='bx bx-id-card icon'></i>
<span class="text nav-text">Cell ID</span>
</a>
</li>
<li class="nav-link">
<a href="/WeeklySummary">
<i class='bx bxs-report icon'></i>
<span class="text nav-text">Weekly Summary</span>
</a>
</li>
<li class="nav-link">
<a href="/routechart">
<i class='bx bx-map'></i>
<span class="text nav-text">Route chart</span>
</a>
</li>
<li class="nav-link">
<a href="/findquery">
<i class='bx bx-search-alt-2 icon'></i>
<span class="text nav-text">Find</span>
</a>
</li>
</ul>
</div>
<div class="bottom-content">
<li class="">
<a href="/assistel">
<i class='bx bxs-spreadsheet icon'></i>
<span class="text nav-text">Assistel</span>
</a>
</li>
<li class="">
<a href="/">
<i class='bx bx-log-out icon' ></i>
<span class="text nav-text">Logout</span>
</a>
</li>
</div>
</div>
</nav>
<section class="home">
<div class="text"><i class='bx bxs-report icon'></i> Weekly summary </div>
<div class="graphButton">
<a href="/WeeklySummary">
<button class="graphButton button1 activeBtn"> Number of calls and messages </button>
</a>
<a href="/duration">
<button class="graphButton button1">Duration of each cell ID. </button>
</a>
<a href="/imei_imsi">
<button class="graphButton button1">Total IMEI's and IMSI's contacted</button>
</a>
</div>
<div class="dataframe">
<table>
{% for table in tables %}
{{ table|safe }}
{% endfor %}
</table>
</div>
</section>
<script>
const body = document.querySelector('body'),
sidebar = body.querySelector('nav'),
toggle = body.querySelector(".toggle"),
searchBtn = body.querySelector(".search-box"),
modeSwitch = body.querySelector(".toggle-switch"),
modeText = body.querySelector(".mode-text");
toggle.addEventListener("click" , () =>{
sidebar.classList.toggle("close");
})
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment