IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2025-12-13 07:45:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

add default color on ds-chip in GroupForm.vue

Browse Source
This commit is contained in:
ogerly 2022-09-29 15:49:23 +02:00
parent 3ebfc7c145
commit cf7e61a2fc
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
webapp/components/Group/GroupForm.vue
View File

@ -20,7 +20,7 @@
size="base" size="base"
:color=" :color="
formData.name.length < formSchema.name.min formData.name.length < formSchema.name.min
? '' ? 'medium'
: 'success' && formData.name.length > formSchema.name.max : 'success' && formData.name.length > formSchema.name.max
? 'danger' ? 'danger'
: 'success' : 'success'
@ -59,7 +59,7 @@
</option> </option>
</select> </select>
<ds-text align="right"> <ds-text align="right">
<ds-chip size="base" :color="formData.groupType === '' ? '' : 'success'"> <ds-chip size="base" :color="formData.groupType === '' ? 'medium' : 'success'">
<base-icon :name="formData.groupType === '' ? 'warning' : 'check'" /> <base-icon :name="formData.groupType === '' ? 'warning' : 'check'" />
</ds-chip> </ds-chip>
</ds-text> </ds-text>
@ -76,7 +76,7 @@
<ds-text align="right"> <ds-text align="right">
<ds-chip <ds-chip
size="base" size="base"
:color="formData.goal.length < formSchema.goal.min ? '' : 'success'" :color="formData.goal.length < formSchema.goal.min ? 'medium' : 'success'"
> >
{{ `${formData.goal.length} / ${formSchema.goal.min}` }} {{ `${formData.goal.length} / ${formSchema.goal.min}` }}
<base-icon v-if="formData.goal.length < formSchema.goal.min" name="warning" /> <base-icon v-if="formData.goal.length < formSchema.goal.min" name="warning" />
@ -98,7 +98,7 @@
<ds-text align="right"> <ds-text align="right">
<ds-chip <ds-chip
size="base" size="base"
:color="descriptionLength >= formSchema.description.min ? 'success' : ''" :color="descriptionLength >= formSchema.description.min ? 'success' : 'medium'"
> >
{{ `${descriptionLength} / ${formSchema.description.min}` }} {{ `${descriptionLength} / ${formSchema.description.min}` }}
<base-icon v-if="descriptionLength < formSchema.description.min" name="warning" /> <base-icon v-if="descriptionLength < formSchema.description.min" name="warning" />
@ -126,7 +126,7 @@
</option> </option>
</select> </select>
<ds-text align="right"> <ds-text align="right">
<ds-chip size="base" :color="formData.actionRadius === '' ? '' : 'success'"> <ds-chip size="base" :color="formData.actionRadius === '' ? 'medium' : 'success'">
<base-icon :name="formData.actionRadius === '' ? 'warning' : 'check'" /> <base-icon :name="formData.actionRadius === '' ? 'warning' : 'check'" />
</ds-chip> </ds-chip>
</ds-text> </ds-text>
@ -161,7 +161,7 @@
:existingCategoryIds="formData.categoryIds" :existingCategoryIds="formData.categoryIds"
/> />
<ds-text align="right"> <ds-text align="right">
<ds-chip size="base" :color="formData.categoryIds.length < 1 ? '' : 'success'"> <ds-chip size="base" :color="formData.categoryIds.length < 1 ? 'medium' : 'success'">
{{ formData.categoryIds.length }} / 3 {{ formData.categoryIds.length }} / 3
<base-icon v-if="formData.categoryIds.length < 1" name="warning" /> <base-icon v-if="formData.categoryIds.length < 1" name="warning" />
</ds-chip> </ds-chip>