redo html hierarchy and add basic css

This commit is contained in:
Vladan Popovic 2024-09-18 01:58:35 +02:00
parent fcab3fb6c3
commit 2c19c2fd31
5 changed files with 86 additions and 12 deletions

View file

@ -1,5 +1,3 @@
{% extends 'index.html' %}
{% block content %}
<ul>
{% for torrent in torrents %}

View file

@ -5,18 +5,18 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Search and download torrents directly to mediacenter</title>
<script src="https://unpkg.com/htmx.org@2.0.0" integrity="sha384-wS5l5IKJBvK6sPTKa2WZ1js3d947pvWXbPJ1OmWfEuxLgeHcEbjUUA5i9V5ZkpCw" crossorigin="anonymous"></script>
<link href="{{ url_for('static', path='/style.css') }}" rel="stylesheet">
</head>
<body>
<div id="content">
<menu>
<li hx-get="/" hx-replace-url="/" hx-target="#content">Search</li>
<li hx-get="/search" hx-replace-url="/search" hx-target="#content">Search</li>
<li hx-get="/active" hx-replace-url="/active" hx-target="#content">Active downloads</li>
</menu>
<div id="content">
{% block content %}
<form hx-get="/list" hx-replace-url="true" hx-target="#content">
<input type=text name=query />
<button type=submit>search</button>
</form>
{% if include_template %}
{% include include_template %}
{% endif %}
{% endblock %}
</div>
</body>

6
templates/search.html Normal file
View file

@ -0,0 +1,6 @@
{% block content %}
<form hx-get="/list" hx-replace-url="true" hx-target="#content">
<input type=text name=query />
<button type=submit>search</button>
</form>
{% endblock %}

View file

@ -1,9 +1,7 @@
{% extends 'index.html' %}
{% block content %}
<ul>
<ul class="torrents">
{% for torrent in torrents %}
<li hx-get="/download?{{ torrent.magnetlink | safe }}" hx-target="#content" hx-replace-url="/active">
<li hx-get="/download?{{ torrent.magnetlink | safe }}" hx-target="#content" hx-replace-url="/active" hx-push-url="true">
<span>{{ torrent.title }}</span>
<span>({{ torrent.seeds }})</span>
<span>({{ torrent.leeches }})</span>