Improve wishlist filter

This commit is contained in:
Jay Trees 2022-04-08 12:41:00 +02:00
parent 32592a315f
commit 0453e84836
2 changed files with 44 additions and 40 deletions

View file

@ -87,22 +87,21 @@ class Wishlist
/** /**
* Cards * Cards
*/ */
if (!empty($this->wishes)) { ?> ?>
<div class="ui three column doubling stackable grid"> <div class="ui three column doubling stackable grid">
<?php if (!empty($this->wishes)) { ?>
<?php foreach ($this->wishes as $wish) { ?> <?php foreach ($this->wishes as $wish) { ?>
<div class="column"> <div class="column">
<?= $wish->getCard($this->user) ?> <?= $wish->getCard($this->user) ?>
</div> </div>
<?php } ?> <?php } ?>
</div> <?php } else { ?>
<?php } else { ?>
<div class="ui container">
<div class="sixteen wide column"> <div class="sixteen wide column">
<?= Page::info('This wishlist seems to be empty.', 'Empty'); ?> <?= Page::info('This wishlist seems to be empty.', 'Empty'); ?>
</div> </div>
</div> <?php } ?>
<?php </div>
} <?php
$html = ob_get_clean(); $html = ob_get_clean();

View file

@ -11,44 +11,49 @@ $scriptPart = '/src/assets/js/parts/wishlist-filter.js';
<script defer src="/src/assets/js/parts/wishlist-filter.js?m=<?= filemtime(ROOT . $scriptPart) ?>"></script> <script defer src="/src/assets/js/parts/wishlist-filter.js?m=<?= filemtime(ROOT . $scriptPart) ?>"></script>
<div> <div>
<div class="ui small labeled icon basic white button floating dropdown filter priority"> <div class="ui stackable grid">
<input type="hidden" name="filters" /> <div class="column">
<i class="filter icon"></i> <div class="ui small labeled icon basic white button floating dropdown filter priority">
<span class="text"><?= __('Filter priorities') ?></span> <input type="hidden" name="filters" />
<div class="menu">
<div class="ui icon search input">
<i class="search icon"></i>
<input type="text" placeholder="<?= __('Search priorities') ?>" />
</div>
<div class="divider"></div>
<div class="header">
<i class="filter icon"></i> <i class="filter icon"></i>
<?= __('Priorities') ?> <span class="text"><?= __('Filter priorities') ?></span>
</div>
<div class="scrolling menu"> <div class="menu">
<div class="item" data-value="-1"> <div class="ui icon search input">
<i class="small circle icon"></i> <i class="search icon"></i>
<?= __('All priorities') ?> <input type="text" placeholder="<?= __('Search priorities') ?>" />
</div>
<div class="item" data-value="">
<i class="small circle outline icon"></i>
<?= __('No priority') ?>
</div>
<?php foreach (Wish::$priorities as $number => $priority) { ?>
<div class="item" data-value="<?= $number ?>">
<i class="small <?= $priority['color'] ?> circle icon"></i>
<?= $priority['name'] ?>
</div> </div>
<?php } ?>
<div class="divider"></div>
<div class="header">
<i class="filter icon"></i>
<?= __('Priorities') ?>
</div>
<div class="scrolling menu">
<div class="item" data-value="-1">
<i class="small circle icon"></i>
<?= __('All priorities') ?>
</div>
<div class="item" data-value="">
<i class="small circle outline icon"></i>
<?= __('No priority') ?>
</div>
<?php foreach (Wish::$priorities as $number => $priority) { ?>
<div class="item" data-value="<?= $number ?>">
<i class="small <?= $priority['color'] ?> circle icon"></i>
<?= $priority['name'] ?>
</div>
<?php } ?>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<br />