You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
84 lines
2.9 KiB
HTML
84 lines
2.9 KiB
HTML
{% extends 'base.html' %}
|
|
|
|
{% block content %}
|
|
<h1>{% block title %} Welcome to grgr's library {% endblock %}</h1>
|
|
|
|
<div class="all-cards">
|
|
{% for category, cards in categories.items() %}
|
|
|
|
|
|
{% for card in cards %}
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h6>{{ category }}</h6>
|
|
|
|
<!-- this part has to be ckecked!!! -->
|
|
{% if card['topics'] %}
|
|
{% for topic in card['topics'] %}
|
|
<h6 class="badge badge-primary">
|
|
{{ topic['content'] }}
|
|
</h6>
|
|
{% endfor %}
|
|
{% endif %}
|
|
<!-- till here -->
|
|
</div>
|
|
|
|
|
|
|
|
<div class="list-group-card">{{ card['content'] }}</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-12 col-md-3">
|
|
<a class="btn btn-warning btn-sm" href="{{ url_for('edit', id=card['id']) }}">Edit</a>
|
|
</div>
|
|
|
|
|
|
<div class="col-12 col-md-3">
|
|
<form action="{{ url_for('delete', id=card['id']) }}" method="POST">
|
|
<input type="submit" value="Delete" class="btn btn-danger btn-sm">
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
|
|
{% endfor %}
|
|
|
|
</div>
|
|
|
|
{% endblock %}
|
|
<!-- {#<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>library</title>
|
|
<link rel="stylesheet" href="{{url_for('static', filename='style_default.css')}}">
|
|
<script src="{{url_for('static', filename='addnew_panel.js')}}"></script>
|
|
</head>
|
|
<body>
|
|
hello here a list of:
|
|
<button id="new" onclick="openPanel()">add new element</button>
|
|
<table>
|
|
{% for row in reading_list%}
|
|
<tr>
|
|
<td>{{row['author']| safe}}</td>
|
|
<td>{{row['title']|safe}}</td>
|
|
<td>{{row['description']|safe}}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</table>
|
|
|
|
<div class="formPanel" id="formPanel">
|
|
<button onclick="closePanel()">X</button>
|
|
<form method="POST" enctype="multipart/form-data">
|
|
<input type="text" name="author" placeholder="Author"/>
|
|
<input type="text" name="title" placeholder="Title"/>
|
|
<textarea name="description" cols="30" rows="10" placeholder="description"></textarea>
|
|
<input type="submit" value="Add" />
|
|
</form>
|
|
</div>
|
|
|
|
</body>
|
|
</html> #}-->
|