795b23fbae
- Introduced worklog form fields for start and end timestamps, contact, work item, completion status, follow-up, analysis, and notes. - Updated worklog.html to include a save button and improved layout. - Enhanced datalist.js for dynamic data binding between input fields and datalists. - Refactored inventory.html and user.html for consistency and readability. - Added form.html template for future use.
54 lines
No EOL
1.8 KiB
HTML
54 lines
No EOL
1.8 KiB
HTML
<!-- templates/layout.html -->
|
|
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>{% block title %}Inventory{% endblock %}</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/css/bootstrap.min.css" rel="stylesheet"
|
|
integrity="sha384-4Q6Gf2aSP4eDXB8Miphtr37CMZZQ5oXLH2yaXMJ2w8e2ZtHTl7GptT4jmndRuHDT" crossorigin="anonymous">
|
|
<style>
|
|
{% block style %}
|
|
.sticky-top {
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 1020;
|
|
}
|
|
|
|
table td,
|
|
th {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
input[type="checkbox"][disabled] {
|
|
pointer-events: none;
|
|
opacity: 1;
|
|
filter: none;
|
|
appearance: auto;
|
|
-webkit-appearance: checkbox;
|
|
background-color: white !important;
|
|
color: black !important;
|
|
}
|
|
|
|
input[type="checkbox"][disabled]::-moz-checkbox {
|
|
background-color: white;
|
|
}
|
|
{% endblock %}
|
|
</style>
|
|
</head>
|
|
|
|
<body class="bg-tertiary text-primary-emphasis">
|
|
<header class="bg-success text-light p-2">
|
|
<h1>{{ title }}</h1>
|
|
</header>
|
|
<main class="container-flex m-5">{% block content %}{% endblock %}</main>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/js/bootstrap.bundle.min.js"
|
|
integrity="sha384-j1CDi7MgGQ12Z7Qab0qlWQ/Qqz24Gc6BM0thvEMVjHnfYGF0rmFCozFSxQBxwHKO"
|
|
crossorigin="anonymous"></script>
|
|
<script src="{{ url_for('static', filename='js/datalist.js') }}"></script>
|
|
<script>{% block script %}{% endblock %}</script>
|
|
</body>
|
|
|
|
</html> |