scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-11-11 08:51:32 +08:00
Code Issues Projects Releases Packages Wiki Activity

Fix UI for team automations page [SCI-12343]

Browse source
This commit is contained in:
Andrej 2025-09-23 14:26:38 +02:00
parent c02eb36b50
commit c2b0c7219f
1 changed files with 22 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
app/javascript/vue/team_automations/container.vue
View file

@ -4,32 +4,28 @@
</div> </div>
<div v-if="teamObject?.teamAutomationGroups"> <div v-if="teamObject?.teamAutomationGroups">
<div class="flex flex-col gap-8 mb-4"> <div class="flex flex-col gap-8 mb-4 rounded">
<template v-for="(_subGroups, group) in teamObject?.teamAutomationGroups" :key="group"> <div v-for="(subGroups, group) in teamObject.teamAutomationGroups" :key="group">
<div>
<h2 class="mt-0">{{ i18n.t(`team_automations.groups.${group}`) }}</h2> <h2 class="mt-0">{{ i18n.t(`team_automations.groups.${group}`) }}</h2>
<template v-for="(subGroupElements, subGroup) in teamObject?.teamAutomationGroups[group]" :key="subGroup"> <div class="flex flex-col bg-sn-white gap-4 p-4 w-full">
<table class="bg-sn-white w-full"> <div v-for="(subGroupElements, subGroup) in subGroups" :key="subGroup">
<tbody> <h5>{{ i18n.t(`team_automations.sub_groups.${subGroup}`) }}</h5>
<tr class="text-base"> <div v-for="(subGroupElement, i) in subGroupElements" :key="subGroupElement" class="flex w-full">
<td colspan=2 class="pl-4"><h5>{{ i18n.t(`team_automations.sub_groups.${subGroup}`) }}</h5></td> <div class="w-1/2 border-0 border-t border-solid border-sn-super-light-grey">
</tr> <div class="text-base py-3 pl-2">
<template v-for="(subGroupElement, i) in subGroupElements" :key="subGroupElement"> {{ i18n.t(`team_automations.sub_group_element.${subGroupElement}`) }}
<tr class="text-base"> </div>
<td class="py-3 pl-6">{{ i18n.t(`team_automations.sub_group_element.${subGroupElement}`) }}</td> </div>
<td class="p-3"> <div class="flex-shrink-0 border-0 border-t border-solid border-sn-super-light-grey flex items-center">
<div class="sci-toggle-checkbox-container"> <div class="sci-toggle-checkbox-container py-3">
<input v-model="teamAutomationSettings[group][subGroup][subGroupElement]" type="checkbox" class="sci-toggle-checkbox" @change="setTeamAutomationsSettings"/> <input v-model="teamAutomationSettings[group][subGroup][subGroupElement]" type="checkbox" class="sci-toggle-checkbox" @change="setTeamAutomationsSettings"/>
<label class="sci-toggle-checkbox-label"></label> <label class="sci-toggle-checkbox-label"></label>
</div> </div>
</td>
</tr>
</template>
</tbody>
</table>
</template>
</div> </div>
</template> </div>
</div>
</div>
</div>
</div> </div>
</div> </div>
</template> </template>