features/bootstrapping #1
31
internal/views/articles/filter.templ
Normal file
31
internal/views/articles/filter.templ
Normal file
@ -0,0 +1,31 @@
|
||||
package articles
|
||||
|
||||
templ filterBar() {
|
||||
<!-- Main container -->
|
||||
<nav class="level">
|
||||
<!-- Left side -->
|
||||
<div class="level-left">
|
||||
<div class="level-item">
|
||||
<p class="subtitle is-5"><strong>123</strong> posts</p>
|
||||
</div>
|
||||
<div class="level-item">
|
||||
<div class="field has-addons">
|
||||
<p class="control">
|
||||
<input class="input" type="text" placeholder="Find a post"/>
|
||||
</p>
|
||||
<p class="control">
|
||||
<button class="button">Search</button>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Right side -->
|
||||
<div class="level-right">
|
||||
<p class="level-item"><strong>All</strong></p>
|
||||
<p class="level-item"><a>Published</a></p>
|
||||
<p class="level-item"><a>Drafts</a></p>
|
||||
<p class="level-item"><a>Deleted</a></p>
|
||||
<p class="level-item"><a class="button is-success">New</a></p>
|
||||
</div>
|
||||
</nav>
|
||||
}
|
@ -7,6 +7,7 @@ import (
|
||||
|
||||
templ List(model models.ListArticlesViewModel) {
|
||||
@layout.WithTemplate() {
|
||||
@filterBar()
|
||||
for _, item := range model.Items {
|
||||
<div class="card">
|
||||
<div class="card-image">
|
||||
|
Loading…
Reference in New Issue
Block a user