shihaam/akaunting
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #3004 from mervekaraman/master

Browse Source 
Scroll added when items are too many
This commit is contained in:
Cüneyt Şentürk 2023-07-13 15:53:16 +03:00 committed by GitHub
commit 6a7e4f07ef
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 27 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
resources/assets/js/components/AkauntingItemButton.vue
View File

@ -23,36 +23,38 @@
/> />
</div> </div>
<ul class="w-full text-sm rounded-lg border-light-gray text-black placeholder-light-gray bg-white disabled:bg-gray-200 focus:outline-none focus:ring-transparent focus:border-purple p-0 mt-0 border-0 cursor-pointer"> <div v-bind:class="(sortedItems.length > 7) ? 'h-72 overflow-y-auto' : ''">
<div <ul class="w-full text-sm rounded-lg border-light-gray text-black placeholder-light-gray bg-white disabled:bg-gray-200 focus:outline-none focus:ring-transparent focus:border-purple p-0 mt-0 border-0 cursor-pointer">
class="hover:bg-gray-100 px-4" <div
v-for="(item, index) in sortedItems" class="hover:bg-gray-100 px-4"
:key="index" v-for="(item, index) in sortedItems"
:class="isItemMatched ? 'highlightItem' : ''" :key="index"
@click="onItemSelected(item)" :class="isItemMatched ? 'highlightItem' : ''"
> @click="onItemSelected(item)"
<div class="w-full flex items-center justify-between"> >
<span>{{ item.name }}</span> <div class="w-full flex items-center justify-between">
<span>{{ item.name }}</span>
<money <money
:name="'item-id-' + item.id" :name="'item-id-' + item.id"
:value="item.price" :value="item.price"
v-bind="money" v-bind="money"
masked masked
disabled disabled
class="ltr:text-right rtl:text-left disabled-money text-gray" class="ltr:text-right rtl:text-left disabled-money text-gray"
></money> ></money>
</div>
</div> </div>
</div>
<div class="hover:bg-gray-100 text-center py-2 px-4" v-if="!sortedItems.length"> <div class="hover:bg-gray-100 text-center py-2 px-4" v-if="!sortedItems.length">
<div class="text-center"> <div class="text-center">
<span v-if="!items.length && !search">{{ noDataText }}</span> <span v-if="!items.length && !search">{{ noDataText }}</span>
<span v-else>{{ noMatchingDataText }}</span> <span v-else>{{ noMatchingDataText }}</span>
</div>
</div> </div>
</div> </ul>
</ul> </div>
<div class="flex items-center justify-center h-11 text-center text-purple font-bold border border-l-0 border-r-0 border-b-0 rounded-bl-lg rounded-br-lg hover:bg-gray-100 cursor-pointer" @click="onItemCreate"> <div class="flex items-center justify-center h-11 text-center text-purple font-bold border border-l-0 border-r-0 border-b-0 rounded-bl-lg rounded-br-lg hover:bg-gray-100 cursor-pointer" @click="onItemCreate">
<span class="material-icons text-lg font-bold mr-1">add</span> <span class="material-icons text-lg font-bold mr-1">add</span>