feat: add custom filter component for square meters and integrate int… #227
Conversation
…o resource selection
| break; | ||
| case 'medium': | ||
| emit('update:modelValue', [ |
There was a problem hiding this comment.
@NoOne7135 is ti possible to use Filters.AND here?
| switch (size) { | ||
| case 'small': | ||
| emit('update:modelValue', [{ operator: 'lt', value: 25 }]); |
There was a problem hiding this comment.
Is it possible to use Filters.LT here?
| <p class="font-medium mb-1 dark:text-white">{{ $t('Square meters filter') }}</p> | ||
| <div class="flex gap-2"> | ||
| <button |
There was a problem hiding this comment.
@NoOne7135 could u use v-for to render 3 buttons? after this change, please use next classes:
class="flex gap-1 items-center py-1 px-3 text-sm font-medium rounded-default border focus:outline-none focus:z-10 focus:ring-4"
:class="{
'text-white bg-blue-500 border-blue-500 hover:bg-blue-600 focus:ring-blue-200 dark:focus:ring-blue-800': active,
'text-gray-900 bg-white border-gray-300 hover:bg-gray-100 hover:text-blue-500 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700': !active
}
|
|
||
| if (ops.includes('lt:25')) selected.value = 'small'; | ||
| else if (ops.includes('gte:25') && ops.includes('lte:90')) selected.value = 'medium'; |
There was a problem hiding this comment.
I think u can store the selected state directly and generate ops from it?
…d improve selection handling
…o resource selection