kavin/Yotter
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add autofocus to search input fields #194

Browse Source
This commit is contained in:
pluja 2021-02-23 15:06:04 +01:00
parent 39fb6294d7
commit 5770913103
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/templates/search.html
View File

@ -6,7 +6,7 @@
{{ form.hidden_tag() }}
<p>
{{ form.username.label }}<br>
{{ form.username(size=32) }}<br>
{{ form.username(size=32, autofocus=true) }}<br>
{% for error in form.username.errors %}
<span style="color: red;">[{{ error }}]</span>
{% endfor %}
@ -33,4 +33,4 @@
{% endif %}
</div>
{% endblock %}
{% endblock %}

12
app/templates/ytsearch.html
View File

@ -4,7 +4,7 @@
<div class="ui center aligned text container">
<form action="{{url_for('ytsearch', _method='GET')}}">
<div class="ui search">
<input class="prompt" name="q" type="text" placeholder="Search...">
<input class="prompt" name="q" type="text" placeholder="Search..." autofocus>
<select name="s" id="sort">
<option value="0">Relevance</option>
<option value="3">Views</option>
@ -19,13 +19,13 @@
{% if results.channels %}
<h3 class="ui dividing header">Users</h3>
{% endif %}
<div class="ui relaxed divided list">
<div class="ui relaxed divided list">
{% for res in results.channels %}
<div class="item">
<div class="image">
{% if config.isInstance %}
<img src="{{res.thumbnail}}" alt="Avatar">
{% else %}
{% else %}
<img alt="Avatar" src="{{ url_for('img', url=res.thumbnail) }}">
{% endif %}
</div>
@ -45,7 +45,7 @@
<div class="ui label">
<i class="video icon"></i> {{res.videos}}
</div>
{% if restricted or current_user.is_authenticated %}
<div class="right floated content">
{% if not current_user.is_following_yt(res.channelId) %}
@ -59,7 +59,7 @@
{{ btform.submit(value='Unfollow') }}
</form>
{% endif %}
</div>
</div>
{% endif %}
</div>
</div>
@ -94,4 +94,4 @@
{%endif%}
</div>
</div>
{% endblock %}
{% endblock %}