Polish team role and login UI

frontend/src/components/admin/useAdminTeamManager.ts

@@ -38,6 +38,9 @@ export function useAdminTeamManager() {
   const pendingPasswordChanges = computed(() => members.value.filter((member) => member.mustChangePassword).length)
   const roleOptions = computed(() => roles.value.map((role) => ({ value: role.key, label: role.label })))
   const selectedMember = computed(() => members.value.find((member) => member.id === editingMemberId.value) ?? null)
+  const assignableRoleOptions = computed(() => roleOptions.value.filter((role) =>
+    role.value !== 'creator' || selectedMember.value?.role === 'creator',
+  ))
   const hasRoleChanges = computed(() =>
     Boolean(savedRoleSnapshot.value) && JSON.stringify(rolePermissionDrafts.value) !== savedRoleSnapshot.value,
   )
@@ -260,6 +263,7 @@ export function useAdminTeamManager() {
     activeMembers,
     pendingPasswordChanges,
     roleOptions,
+    assignableRoleOptions,
     hasRoleChanges,
     loadTeam,
     startCreateMember,

frontend/src/views/LoginView.vue

@@ -11,7 +11,7 @@ const route = useRoute()
 const router = useRouter()
 
 const form = reactive({
-  login: 'jayuhime_admin',
+  login: '',
   password: '',
 })
 

frontend/src/views/admin/AdminTeamView.vue

@@ -41,7 +41,7 @@ const {
   selectedMember,
   activeMembers,
   pendingPasswordChanges,
-  roleOptions,
+  assignableRoleOptions,
   hasRoleChanges,
   startCreateMember,
   startEditMember,
@@ -343,7 +343,7 @@ async function changeOwnPassword() {
         </div>
         <Button type="button" :disabled="saving || !hasRoleChanges" @click="saveRolePermissions">
           <Save class="mr-2 h-4 w-4" />
-          Speicherbutton
+          Speichern
         </Button>
       </div>
 
@@ -433,7 +433,7 @@ async function changeOwnPassword() {
                 v-model="memberForm.role"
                 class="h-12 rounded-2xl border border-violet-100 bg-white px-4 text-base font-bold text-slate-900 outline-none transition focus:border-violet-300 focus:ring-4 focus:ring-violet-100"
               >
-                <option v-for="role in roleOptions" :key="role.value" :value="role.value">
+                <option v-for="role in assignableRoleOptions" :key="role.value" :value="role.value">
                   {{ role.label }}
                 </option>
               </select>