mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-05-24 06:35:10 +00:00
4771565486
## Summary Add team workspace member management and invite system. ## Changes - Add members panel with role management (owner/admin/member) and member removal - Add invite system with email invites, pending invite display, and revoke functionality - Add invite URL loading for accepting invites - Add subscription panel updates for member management - Add i18n translations for member and invite features ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-8245-Workspaces-4-members-invites-2f06d73d36508176b2caf852a1505c4a) by [Unito](https://www.unito.io) --------- Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com> Co-authored-by: GitHub Action <action@github.com>
44 lines
1.1 KiB
Vue
44 lines
1.1 KiB
Vue
<template>
|
|
<div
|
|
class="flex size-8 items-center justify-center rounded-md text-base font-semibold text-white"
|
|
:style="{
|
|
background: gradient,
|
|
textShadow: '0 1px 2px rgba(0, 0, 0, 0.2)'
|
|
}"
|
|
>
|
|
{{ letter }}
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { computed } from 'vue'
|
|
|
|
const { workspaceName } = defineProps<{
|
|
workspaceName: string
|
|
}>()
|
|
|
|
const letter = computed(() => workspaceName?.charAt(0)?.toUpperCase() ?? '?')
|
|
|
|
const gradient = computed(() => {
|
|
const seed = letter.value.charCodeAt(0)
|
|
|
|
function mulberry32(a: number) {
|
|
return function () {
|
|
let t = (a += 0x6d2b79f5)
|
|
t = Math.imul(t ^ (t >>> 15), t | 1)
|
|
t ^= t + Math.imul(t ^ (t >>> 7), t | 61)
|
|
return ((t ^ (t >>> 14)) >>> 0) / 4294967296
|
|
}
|
|
}
|
|
|
|
const rand = mulberry32(seed)
|
|
|
|
const hue1 = Math.floor(rand() * 360)
|
|
const hue2 = (hue1 + 40 + Math.floor(rand() * 80)) % 360
|
|
const sat = 65 + Math.floor(rand() * 20)
|
|
const light = 55 + Math.floor(rand() * 15)
|
|
|
|
return `linear-gradient(135deg, hsl(${hue1}, ${sat}%, ${light}%), hsl(${hue2}, ${sat}%, ${light}%))`
|
|
})
|
|
</script>
|