Max ce1844e521
feat(webapp): several group and personal invitation links (#8504)
* invite codes refactor

typo

* lint fixes

* remove duplicate initeCodes on User

* fix typo

* clean permissionMiddleware

* dummy permissions

* separate validateInviteCode call

* permissions group & user

* test validateInviteCode + adjustments

* more validateInviteCode fixes

* missing test

* generatePersonalInviteCode

* generateGroupInviteCode

* old tests

* lint fixes

* more lint fixes

* fix validateInviteCode

* fix redeemInviteCode, fix signup

* fix all tests

* fix lint

* uniform types in config

* test & fix invalidateInviteCode

* cleanup test

* fix & test redeemInviteCode

* permissions

* fix Group->inviteCodes

* more cleanup

* improve tests

* fix code generation

* cleanup

* order inviteCodes result on User and Group

* lint

* test max invite codes + fix

* better description of collision

* tests: properly define group ids

* reused old group query

* reuse old Groupmembers query

* remove duplicate skip

* update comment

* fix uniqueInviteCode

* fix test

* fix lint

* Get invite codes

* Show invitation data in registration

* Add invitation list to menu (WIP)

* Add mutations, add CreateInvitation, some fixes

* Improve style, fix long comments

* Lock scrolling when popover is open, but prevent layout change

* small fixes

* instant updates

* Introduce config for link limit; add texts, layout changes

* Validate comment length

* Improve layout

* Add message to copied link

* Add invite link section to group settings

* Handle hidden groups

* Add menu entry for group invite links

* Fix locale

* hotfix invite codes

* Add copy messages

* More styling (WIP)

* Design update

* Don't forget user state

* Localize placeholder

* Add locale

* Instant updates for group invites

* fix registration with invite code

* Fix text overflow

* Fix instant updates

* Overhaul styles, add locales, add heading

* Add test and snapshot for CreateInvitation

* Improve accessability; add invitation test

* Add tests for InvitationList

* Fix locales

* Round plus button

* Fix tests

* Fix tests

* fix locales

* fix linting

* Don't show name of hidden group in invite message

* Add more tests

* Update webapp/locales/de.json

Co-authored-by: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>

* Update webapp/locales/de.json

Co-authored-by: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>

---------

Co-authored-by: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Co-authored-by: Wolfgang Huß <wolle.huss@pjannto.com>
2025-05-10 08:25:03 +00:00

69 lines
1.3 KiB
Vue

<template>
<div class="create-invitation">
<div>{{ $t('invite-codes.generate-code-explanation') }}</div>
<form @submit.prevent="generateInviteCode" class="generate-invite-code-form">
<ds-input
name="comment"
:placeholder="$t('invite-codes.comment-placeholder')"
v-model="comment"
:schema="{ type: 'string', max: 30 }"
/>
<base-button
circle
class="generate-invite-code"
:aria-label="$t('invite-codes.generate-code')"
icon="plus"
type="submit"
:disabled="disabled"
/>
</form>
</div>
</template>
<script>
export default {
name: 'CreateInvitation',
props: {
disabled: {
type: Boolean,
default: false,
},
},
data() {
return {
comment: '',
}
},
methods: {
async generateInviteCode() {
this.$emit('generate-invite-code', this.comment)
this.comment = ''
},
},
}
</script>
<style scoped lang="scss">
.create-invitation {
display: flex;
flex-direction: column;
gap: $space-small;
}
.generate-invite-code-form {
display: flex;
align-items: center;
gap: $space-x-small;
}
::v-deep .ds-form-item {
margin-bottom: 0;
flex: auto;
}
::v-deep .ds-input-error {
margin-top: $space-xx-small;
margin-left: $space-x-small;
}
</style>