|
|
@ -230,19 +230,13 @@ watch( |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
|
|
<div v-else class="flex flex-col pb-4"> |
|
|
|
<div v-else class="flex flex-col pb-4"> |
|
|
|
<div class="flex flex-row items-center pl-2 pb-1 h-[1rem]"> |
|
|
|
<div v-if="selectedUser" class="flex flex-row items-center pl-2 pb-1 h-[1rem]"> |
|
|
|
<component :is="iconMap.account" /> |
|
|
|
<component :is="iconMap.account" /> |
|
|
|
<div class="text-xs ml-0.5 mt-0.5">{{ selectedUser ? $t('activity.editUser') : $t('activity.inviteTeam') }}</div> |
|
|
|
<div class="text-xs ml-0.5 mt-0.5">{{ selectedUser ? $t('activity.editUser') : $t('activity.inviteTeam') }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a-form ref="formRef" :validate-on-rule-change="false" :model="usersData" validate-trigger="onBlur" @finish="saveUser"> |
|
|
|
<div class="border-1 py-3 px-4 rounded-md mt-1"> |
|
|
|
<div class="border-1 py-3 px-4 rounded-md mt-1"> |
|
|
|
<a-form |
|
|
|
|
|
|
|
ref="formRef" |
|
|
|
|
|
|
|
:validate-on-rule-change="false" |
|
|
|
|
|
|
|
:model="usersData" |
|
|
|
|
|
|
|
validate-trigger="onBlur" |
|
|
|
|
|
|
|
@finish="saveUser" |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
<div class="flex flex-row space-x-4"> |
|
|
|
<div class="flex flex-row space-x-4"> |
|
|
|
<div class="flex flex-col w-3/4"> |
|
|
|
<div class="flex flex-col w-3/4"> |
|
|
|
<a-form-item |
|
|
|
<a-form-item |
|
|
@ -256,6 +250,7 @@ watch( |
|
|
|
<a-input |
|
|
|
<a-input |
|
|
|
ref="emailField" |
|
|
|
ref="emailField" |
|
|
|
v-model:value="usersData.emails" |
|
|
|
v-model:value="usersData.emails" |
|
|
|
|
|
|
|
size="middle" |
|
|
|
validate-trigger="onBlur" |
|
|
|
validate-trigger="onBlur" |
|
|
|
:placeholder="$t('labels.email')" |
|
|
|
:placeholder="$t('labels.email')" |
|
|
|
:disabled="!!selectedUser" |
|
|
|
:disabled="!!selectedUser" |
|
|
@ -267,11 +262,16 @@ watch( |
|
|
|
<a-form-item name="role" :rules="[{ required: true, message: 'Role required' }]"> |
|
|
|
<a-form-item name="role" :rules="[{ required: true, message: 'Role required' }]"> |
|
|
|
<div class="ml-1 mb-1 text-xs text-gray-500">{{ $t('labels.selectUserRole') }}</div> |
|
|
|
<div class="ml-1 mb-1 text-xs text-gray-500">{{ $t('labels.selectUserRole') }}</div> |
|
|
|
|
|
|
|
|
|
|
|
<a-select v-model:value="usersData.role" class="nc-user-roles" dropdown-class-name="nc-dropdown-user-role"> |
|
|
|
<a-select |
|
|
|
|
|
|
|
v-model:value="usersData.role" |
|
|
|
|
|
|
|
size="middle" |
|
|
|
|
|
|
|
class="nc-user-roles !rounded-md" |
|
|
|
|
|
|
|
dropdown-class-name="nc-dropdown-user-role" |
|
|
|
|
|
|
|
> |
|
|
|
<a-select-option v-for="(role, index) in projectRoles" :key="index" :value="role" class="nc-role-option"> |
|
|
|
<a-select-option v-for="(role, index) in projectRoles" :key="index" :value="role" class="nc-role-option"> |
|
|
|
<div class="flex flex-row h-full justify-start items-center"> |
|
|
|
<div class="flex flex-row h-full justify-start items-center"> |
|
|
|
<div |
|
|
|
<div |
|
|
|
class="px-2 py-1 flex rounded-full text-xs" |
|
|
|
class="px-3 py-1 flex rounded-full text-xs" |
|
|
|
:style="{ backgroundColor: projectRoleTagColors[role] }" |
|
|
|
:style="{ backgroundColor: projectRoleTagColors[role] }" |
|
|
|
> |
|
|
|
> |
|
|
|
{{ role }} |
|
|
|
{{ role }} |
|
|
@ -283,8 +283,8 @@ watch( |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="flex flex-row justify-center"> |
|
|
|
<div class="flex flex-row justify-end"> |
|
|
|
<a-button type="primary" html-type="submit"> |
|
|
|
<a-button type="primary" html-type="submit" class="!rounded-md"> |
|
|
|
<div v-if="selectedUser">{{ $t('general.save') }}</div> |
|
|
|
<div v-if="selectedUser">{{ $t('general.save') }}</div> |
|
|
|
|
|
|
|
|
|
|
|
<div v-else class="flex flex-row justify-center items-center space-x-1.5"> |
|
|
|
<div v-else class="flex flex-row justify-center items-center space-x-1.5"> |
|
|
@ -293,11 +293,11 @@ watch( |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</a-button> |
|
|
|
</a-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</a-form> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</a-form> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="flex mt-4"> |
|
|
|
<div class="flex"> |
|
|
|
<LazyTabsAuthUserManagementShareBase /> |
|
|
|
<LazyTabsAuthUserManagementShareBase /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|