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

static form html classnames return to tailwind classname for .vue

Browse Source
This commit is contained in:
Burak Civan
2022-06-10 10:16:41 +03:00
parent dd9b492aee
commit df5f9e7dc7
13 changed files with 108 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
resources/assets/js/components/AkauntingMoney.vue
View File

@ -1,7 +1,11 @@
<template>
<div v-if="! rowInput" class="form-group"
:class="[{'has-error': error}, {'required': required}, {'readonly': readonly}, {'disabled': disabled}, col]">
<label v-if="title" :for="name" class="form-control-label">{{ title }}</label>
<label v-if="title" :for="name" class="text-black text-sm font-medium">
{{ title }}
</label>
<span v-if="required" class="text-red ltr:ml-1 rtl:mr-1">*</span>
<div class="relative" :class="group_class">
<!-- <div class="input-group-prepend absolute left-2 bottom-3 text-light-gray">
@ -10,7 +14,7 @@
</span>
</div> -->
<money :name="name" @input="input" :placeholder="placeholder" v-bind="money" :value="model" :disabled="disabled" :masked="masked" class="form-element" :class="moneyClass"></money>
<money :name="name" @input="input" :placeholder="placeholder" v-bind="money" :value="model" :disabled="disabled" :masked="masked" class="input-money" :class="moneyClass"></money>
</div>
<div class="text-red text-sm mt-1 block" v-if="error" v-html="error"></div>
@ -18,7 +22,11 @@
<div v-else
:class="[{'has-error': error}, {'required': required}, {'readonly': readonly}, {'disabled': disabled}, col]">
<label v-if="title" :for="name" class="form-control-label">{{ title }}</label>
<label v-if="title" :for="name" class="text-black text-sm font-medium">
{{ title }}
</label>
<span v-if="required" class="text-red ltr:ml-1 rtl:mr-1">*</span>
<div v-if="icon" class="input-group input-group-merge" :class="group_class">
<div v-if="icon" class="input-group-prepend">
@ -27,10 +35,10 @@
</span>
</div>
<money :name="name" @input="input" :placeholder="placeholder" v-bind="money" :value="model" :disabled="disabled" :masked="masked" class="form-element" :class="moneyClass"></money>
<money :name="name" @input="input" :placeholder="placeholder" v-bind="money" :value="model" :disabled="disabled" :masked="masked" class="input-money" :class="moneyClass"></money>
</div>
<money v-else :name="name" @input="input" :placeholder="placeholder" v-bind="money" :value="model" :disabled="disabled" :masked="masked" class="form-element" :class="moneyClass"></money>
<money v-else :name="name" @input="input" :placeholder="placeholder" v-bind="money" :value="model" :disabled="disabled" :masked="masked" class="input-money" :class="moneyClass"></money>
<div class="text-red text-sm mt-1 block" v-if="error" v-html="error"></div>
</div>