eosswedenorg/apt
1
0
Fork 0
mirror of https://github.com/eosswedenorg/apt synced 2026-06-18 04:50:03 +02:00
Code Releases Activity

_includes/header.html: add search component.

Browse source
This commit is contained in:
Henrik Hautakoski 2022-01-25 12:48:19 +01:00
parent bba64d5aec
commit 2c7c79b2ad
No known key found for this signature in database
GPG key ID: 608414D93E862CCD
1 changed files with 25 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

25
_includes/header.html
View file

@ -5,6 +5,31 @@
<h1 class="header-title"><a href="{{ "/" | absolute_url }}">{{ site.title }}</a></h1> <h1 class="header-title"><a href="{{ "/" | absolute_url }}">{{ site.title }}</a></h1>
{% endif %} {% endif %}
<div class="header-search search" x-data="searchComponent" @click.away="close()">
<input type="text" placeholder="search" x-model="query" @mousedown="open()" />
<div class="search-results" x-show="isOpen()" x-cloak>
<ul>
<template x-for="item in getResults" :key="item.id">
<li>
<div>
<span>
<a x-bind:href="item.url" class="search-results-name" x-text="item.name"></a>
<span class="search-results-version">(<span x-text="item.version"></span>)</span>
</span>
<span class="search-results-archive">
[<span x-text="item.archive"></span>:<span x-text="item.component"></span>]
</span>
</div>
<span class="search-results-description" x-text="item.description"></span>
</li>
</template>
</ul>
</div>
</div>
<ul class="header-links"> <ul class="header-links">
<li><a target="_blank" href="https://twitter.com/eossweden"><i class="fab fa-2x fa-twitter-square"></i></a></li> <li><a target="_blank" href="https://twitter.com/eossweden"><i class="fab fa-2x fa-twitter-square"></i></a></li>
<li><a target="_blank" href="https://www.facebook.com/EOS-sweden-554084258304426/"><i class="fab fa-2x fa-facebook-square"></i></a></li> <li><a target="_blank" href="https://www.facebook.com/EOS-sweden-554084258304426/"><i class="fab fa-2x fa-facebook-square"></i></a></li>