Archived
1
0

Add general search and refactor header

This commit is contained in:
Marcel
2019-01-04 19:41:22 +01:00
parent 3337dbbdcd
commit 2d6fa02b85
10 changed files with 1352 additions and 208 deletions

View File

@@ -0,0 +1,60 @@
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?>
<div class="container">
<h1>Suchen nach: <input id="searchTerm" value="<?= $query ?>" class="form-control" /></h1>
<div class="row">
<div class="col-xs-12 col-md-4">
<div class="card">
<div class="card-body">
<h5 class="card-title">Filtern</h5>
</div>
<div class="list-group list-group-flush filter">
<button class="list-group-item list-group-item-action" data-filter="blogPost">
Blog-Post
</button>
<button class="list-group-item list-group-item-action" data-filter="blogCategory">
Blog-Kategorie
</button>
<button class="list-group-item list-group-item-action" data-filter="blogTag">
Blog-Tag
</button>
<button class="list-group-item list-group-item-action" data-filter="user">
Nutzer
</button>
<button class="list-group-item list-group-item-action" data-filter="userPost">
Post
</button>
<button class="list-group-item list-group-item-action" data-filter="project">
Projekt
</button>
<button class="list-group-item list-group-item-action" data-filter="projectCategory">
Projekt-Kategorie
</button>
</div>
</div>
</div>
<div class="col">
<ul id="searchResults" class="p-0">
</ul>
<div class="loadingSpinner"></div>
<div class="error-container text-center" style="display: none;">
<i class="far fa-frown fa-4x mb-2"></i>
<h4 class="message message-no-results">
Es wurden leider keine Suchergebnisse gefunden. Versuche es doch mal mit einem anderen Suchbegriff.
</h4>
<h4 class="message message-no-further-results">
Es wurden leider keine weiteren Suchergebnisse gefunden.
</h4>
<h4 class="message message-search-term">
Der angegebene Suchbegriff ist zu kurz. Wir benötigen min. 3 Zeichen zur erfolgreichen Suche!
</h4>
<h4 class="message message-general">
Ein unbekannter Fehler ist aufgetreten. Versuche es später erneut.
</h4>
</div>
</div>
</div>
</div>