TheCloneArmy/crater
1
0
Fork 1
mirror of https://github.com/crater-invoice/crater.git synced 2025-10-28 20:21:10 -04:00
Code Issues Packages Projects Releases Wiki Activity

Converted <label> in <BaseLabel>

Browse Source
This commit is contained in:
varshapun
2023-03-23 17:24:03 +05:30
parent 87495e8055
commit cba602655d
19 changed files with 145 additions and 155 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
resources/scripts/components/CompanySwitcher.vue
View File

@ -50,20 +50,20 @@
pb-4
"
>
<label
<BaseLabel
class="
px-3
py-2
text-xs
font-semibold
text-gray-400
mb-0.5
block
uppercase
!px-3
!py-2
!text-xs
!font-semibold
!text-gray-400
!mb-0.5
!block
!uppercase
"
>
{{ $t('company_switcher.label') }}
</label>
</BaseLabel>
<div
v-if="companyStore.companies.length < 1"

10
resources/scripts/components/GlobalSearchBar.vue
View File

@ -62,9 +62,9 @@
</div>
<div v-else>
<div v-if="usersStore.customerList.length > 0">
<label class="text-sm text-gray-400 mb-0.5 block px-2 uppercase">
<BaseLabel class="!text-gray-400 !mb-0.5 !block !px-2 !uppercase">
{{ $t('global_search.customers') }}
</label>
</BaseLabel>
<div
v-for="(customer, index) in usersStore.customerList"
:key="index"
@ -108,11 +108,11 @@
</div>
<div v-if="usersStore.userList.length > 0" class="mt-2">
<label
class="text-sm text-gray-400 mb-2 block px-2 mb-0.5 uppercase"
<BaseLabel
class="!text-gray-400 !mb-2 !block !px-2 !uppercase"
>
{{ $t('global_search.users') }}
</label>
</BaseLabel>
<div
v-for="(user, index) in usersStore.userList"
:key="index"

2
resources/scripts/components/base/BaseCheckbox.vue
View File

@ -15,7 +15,7 @@
v-if="label"
:for="id"
:class="`font-medium ${
disabled ? 'text-gray-400 cursor-not-allowed' : 'text-gray-600'
disabled ? 'text-gray-400 cursor-not-allowed' : 'text-gray-600 dark:text-white'
} cursor-pointer `"
>
{{ label }}

83
resources/scripts/components/base/BaseCustomerSelectPopup.vue
View File

@ -69,31 +69,29 @@
</div>
<div class="grid grid-cols-2 gap-8 mt-2">
<div v-if="selectedCustomer.billing" class="flex flex-col">
<label
<BaseLabel
class="
mb-1
text-sm
font-medium
text-left text-gray-400
uppercase
whitespace-nowrap
!mb-1
!text-left !text-gray-400
!uppercase
!whitespace-nowrap
"
>
{{ $t('general.bill_to') }}
</label>
</BaseLabel>
<div
v-if="selectedCustomer.billing"
class="flex flex-col flex-1 p-0 text-left"
>
<label
<BaseLabel
v-if="selectedCustomer.billing.name"
class="relative w-11/12 text-sm truncate"
class="!relative !w-11/12 !truncate"
>
{{ selectedCustomer.billing.name }}
</label>
</BaseLabel>
<label class="relative w-11/12 text-sm truncate">
<BaseLabel class="!relative !w-11/12 !truncate">
<span v-if="selectedCustomer.billing.city">
{{ selectedCustomer.billing.city }}
</span>
@ -108,42 +106,40 @@
<span v-if="selectedCustomer.billing.state">
{{ selectedCustomer.billing.state }}
</span>
</label>
<label
</BaseLabel>
<BaseLabel
v-if="selectedCustomer.billing.zip"
class="relative w-11/12 text-sm truncate"
class="!relative !w-11/12 !truncate"
>
{{ selectedCustomer.billing.zip }}
</label>
</BaseLabel>
</div>
</div>
<div v-if="selectedCustomer.shipping" class="flex flex-col">
<label
<BaseLabel
class="
mb-1
text-sm
font-medium
text-left text-gray-400
uppercase
whitespace-nowrap
!mb-1
!text-left !text-gray-400
!uppercase
!whitespace-nowrap
"
>
{{ $t('general.ship_to') }}
</label>
</BaseLabel>
<div
v-if="selectedCustomer.shipping"
class="flex flex-col flex-1 p-0 text-left"
>
<label
<BaseLabel
v-if="selectedCustomer.shipping.name"
class="relative w-11/12 text-sm truncate"
class="!relative !w-11/12 !truncate"
>
{{ selectedCustomer.shipping.name }}
</label>
</BaseLabel>
<label class="relative w-11/12 text-sm truncate">
<BaseLabel class="!relative !w-11/12 !truncate">
<span v-if="selectedCustomer.shipping.city">
{{ selectedCustomer.shipping.city }}
</span>
@ -158,13 +154,13 @@
<span v-if="selectedCustomer.shipping.state">
{{ selectedCustomer.shipping.state }}
</span>
</label>
<label
</BaseLabel>
<BaseLabel
v-if="selectedCustomer.shipping.zip"
class="relative w-11/12 text-sm truncate"
class="!relative !w-11/12 !text-sm !truncate"
>
{{ selectedCustomer.shipping.zip }}
</label>
</BaseLabel>
</div>
</div>
</div>
@ -211,7 +207,7 @@
/>
<div class="mt-1">
<label class="text-lg font-medium text-gray-900">
<label class="text-lg font-medium text-gray-900 dark:text-white">
{{ $t('customers.new_customer') }}
<span class="text-red-500"> * </span>
</label>
@ -335,9 +331,9 @@
v-if="customerStore.customers.length === 0"
class="flex justify-center p-5 text-gray-400"
>
<label class="text-base text-gray-500 cursor-pointer">
<BaseLabel class="!text-base !text-gray-500 !cursor-pointer">
{{ $t('customers.no_customers_found') }}
</label>
</BaseLabel>
</div>
</ul>
</div>
@ -362,19 +358,18 @@
>
<BaseIcon name="UserAddIcon" class="text-primary-400" />
<label
<BaseLabel
class="
m-0
ml-3
text-sm
leading-none
cursor-pointer
font-base
text-primary-400
!m-0
!ml-3
!leading-none
!cursor-pointer
!font-base
!text-primary-400
"
>
{{ $t('customers.add_new_customer') }}
</label>
</BaseLabel>
</button>
</PopoverPanel>
</div>

4
resources/scripts/components/base/BaseEmptyPlaceholder.vue
View File

@ -4,10 +4,10 @@
<slot></slot>
</div>
<div class="mt-2">
<label class="font-medium">{{ title }}</label>
<BaseLabel >{{ title }}</BaseLabel>
</div>
<div class="mt-2">
<label class="text-gray-500">
<label class="text-gray-500 dark:text-gray-400">
{{ description }}
</label>
</div>

1
resources/scripts/components/base/BaseFilterWrapper.vue
View File

@ -20,6 +20,7 @@
hover:text-gray-700
top-2.5
right-3.5
dark:text-gray-300
"
@click="$emit('clear')"
>

18
resources/scripts/components/base/BaseInputGroup.vue
View File

@ -3,19 +3,15 @@
<BaseContentPlaceholders v-if="contentLoading">
<BaseContentPlaceholdersText :lines="1" :class="contentLoadClass" />
</BaseContentPlaceholders>
<label
<BaseLabel
v-else-if="label"
:class="labelClasses"
class="
flex
text-sm
not-italic
items-center
font-medium
text-gray-800
whitespace-nowrap
justify-between
dark:text-gray-300
!flex
!items-center
!text-gray-800
!whitespace-nowrap
!justify-between
"
>
<div>
@ -29,7 +25,7 @@
name="InformationCircleIcon"
class="h-4 text-gray-400 cursor-pointer hover:text-gray-600"
/>
</label>
</BaseLabel>
<div :class="inputContainerClasses">
<slot></slot>
<span v-if="helpText" class="text-gray-500 text-xs mt-1 font-light dark:text-gray-400">

2
resources/scripts/components/base/BaseLabel.vue
View File

@ -1,5 +1,5 @@
<template>
<label class="text-sm not-italic font-medium leading-5 text-primary-800 dark:text-gray-300">
<label class="text-sm not-italic font-medium leading-5 text-primary-800 dark:!text-gray-300">
<slot />
</label>
</template>