Rain/Front-end-Design-Project
1
0
Fork 0
mirror of https://github.com/Rainyy21/Front-end-Design-Project.git synced 2026-10-10 23:40:24 -04:00
Code Issues Packages Projects Releases Wiki Activity

got the button to open the form

Browse Source
This commit is contained in:
Rainy21
2026-02-25 14:13:07 -05:00
parent 9d5e894dc5
commit 69e2ee8258
4 changed files with 29 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/main.html
+9 -8
View File
@@ -7,14 +7,14 @@
<!-- Bootstrap CSS -->
<title>Show log</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- CSS -->
<link href="{{ url_for('static', filename='css/style.css') }}" rel="stylesheet">
<link href="{{ url_for('static', filename='css/card.css') }}" rel="stylesheet">
<!-- JS -->
<script src="{{ url_for('static', filename='js/main.js') }}"></script>
<script src="{{ url_for('static', filename='js/main.js') }}" defer></script>
</head>
<body>
@@ -50,7 +50,7 @@
<div id = "seach_bar">
</div>
<div id = "openForm">
<div id="openFormBtn1" class="open-form-btn">
+ log a book/show
</div>
</div>
@@ -79,13 +79,13 @@
<div class = "header-secton">
<h1>📚 My Library</h1>
{% comment %} button {% endcomment %}
<button id= "openForm">Add New Entry</button>
{# button #}
<button id="openFormBtn2" class="open-form-btn">Add New Entry</button>
{% comment %} this is the form {% endcomment %}
{# this is the form #}
<dialog id="formModal">
<form action ="/add" method ="dialog" enctype="multipart/form-data">
<form action ="/add" method ="POST" enctype="multipart/form-data">
<input type="text" name="title" placeholder="Title" required>
<select name="type">
<option value="Book">Book</option>
@@ -100,6 +100,7 @@
</select>
<input type="file" name="cover_image">
<button type="submit">Add Entry</button>
<button type="button" id="closeFormBtn">Close</button>
</form>
</dialog>
@@ -121,6 +122,6 @@
</div>
</div>
<!--Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>