Mastodon
/
brutaldon-interfaccia-web-minimale
mirror of https://github.com/jfmcbrayer/brutaldon
2
0
Fork 0
Code Issues Releases Wiki Activity

Add search box to top of search results page just because.

This commit is contained in:
Jason McBrayer 2018-06-10 12:44:56 -04:00
parent cffa271394
commit 315d875f9b
1 changed files with 52 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

87
brutaldon/templates/main/search_results.html
View File

@ -4,52 +4,69 @@
{% load sanitizer %} {% load sanitizer %}
{% block title %} {% block title %}
Brutaldon - search results Brutaldon - search results
{% endblock %} {% endblock %}
{% comment %} {% comment %}
mastodon.search("<query>") mastodon.search("<query>")
# Returns the following dictionary # Returns the following dictionary
{ {
'accounts': # List of account dicts resulting from the query 'accounts': # List of account dicts resulting from the query
'hashtags': # List of hashtag dicts resulting from the query 'hashtags': # List of hashtag dicts resulting from the query
'statuses': # List of toot dicts resulting from the query 'statuses': # List of toot dicts resulting from the query
} }
{% endcomment %} {% endcomment %}
{% block content %}
<section>
<form method="get" action="{% url "search_results" %}">
<div class="field has-addons">
<label class="label">{{ form.instance.label }}</label>
<div class="control has-icons-left">
<input type="search" name="q" id="q" class="input">
<span class="icon is-small is-left">
<i class="fa fa-search"></i>
</span>
</div>
<input type="submit" value="Search" class="button is-primary" >
</div>
</form>
<br>
</section>
{% block content %}
<h1 class="title">Search results</h1> <h1 class="title">Search results</h1>
<div class="container"> <div class="container">
<h2 class="subtitle">Users</h2> <h2 class="subtitle">Users</h2>
{% for user in results.accounts %} {% for user in results.accounts %}
<article class="media user-info"> <article class="media user-info">
<figure class="media-left"> <figure class="media-left">
<p class="image is-64x64"> <p class="image is-64x64">
<a href="{% url "user" user.acct %}"> <a href="{% url "user" user.acct %}">
<img src="{{ user.avatar }}" <img src="{{ user.avatar }}"
alt=""> alt="">
</a> </a>
</p>
</figure>
<div class="media-content">
<div class="content">
<p>
<strong>{{ user.display_name }}</strong>
<small>
<a href="{% url "user" user.acct %}">
@{{ user.acct }}
</a>
</small>
</p>
{{ user.note | relink_toot | strip_html | safe }}
<p>
</p> </p>
</figure>
<div class="media-content">
<div class="content">
<p>
<strong>{{ user.display_name }}</strong>
<small>
<a href="{% url "user" user.acct %}">
@{{ user.acct }}
</a>
</small>
</p>
{{ user.note | relink_toot | strip_html | safe }}
<p>
</p>
</div>
</div> </div>
</article> </div>
</article>
{% endfor %} {% endfor %}
@ -58,13 +75,13 @@ mastodon.search("<query>")
<h2 class="subtitle">Tags</h2> <h2 class="subtitle">Tags</h2>
<ul> <ul>
{% for tag in results.hashtags %} {% for tag in results.hashtags %}
<li><a href="{% url 'tag' tag %}">#{{ tag }}</a></li> <li><a href="{% url 'tag' tag %}">#{{ tag }}</a></li>
{% endfor %} {% endfor %}
</ul> </ul>
<h2 class="subtitle">Toots</h2> <h2 class="subtitle">Toots</h2>
{% for toot in results.statuses %} {% for toot in results.statuses %}
{% include "main/toot_partial.html" with toot=toot reblog=False %} {% include "main/toot_partial.html" with toot=toot reblog=False %}
{% endfor %} {% endfor %}
</div> </div>
{% endblock %} {% endblock %}