@syndew/oluso-admin-ui 0.0.0-stage → 1.30.1

package/fesm2022/syndew-oluso-admin-ui-team-detail-page.component-CjrQ89qU.mjs

@@ -0,0 +1,566 @@
+import * as i0 from '@angular/core';
+import { inject, signal, computed, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { ActivatedRoute, Router } from '@angular/router';
+import { Subject, debounceTime, distinctUntilChanged, switchMap, of } from 'rxjs';
+import { ButtonComponent, BadgeComponent, IconComponent, ModalComponent } from '@syndew/oluso-ui-core';
+import { c as TeamService, U as UserService, d as managedByLabel } from './syndew-oluso-admin-ui-syndew-oluso-admin-ui-BVs_bAxm.mjs';
+
+class TeamDetailPageComponent {
+    route = inject(ActivatedRoute);
+    router = inject(Router);
+    teamService = inject(TeamService);
+    userService = inject(UserService);
+    teamId = signal('', ...(ngDevMode ? [{ debugName: "teamId" }] : /* istanbul ignore next */ []));
+    team = signal(null, ...(ngDevMode ? [{ debugName: "team" }] : /* istanbul ignore next */ []));
+    members = signal([], ...(ngDevMode ? [{ debugName: "members" }] : /* istanbul ignore next */ []));
+    memberUserById = signal(new Map(), ...(ngDevMode ? [{ debugName: "memberUserById" }] : /* istanbul ignore next */ []));
+    loading = signal(true, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    loadingMembers = signal(false, ...(ngDevMode ? [{ debugName: "loadingMembers" }] : /* istanbul ignore next */ []));
+    saving = signal(false, ...(ngDevMode ? [{ debugName: "saving" }] : /* istanbul ignore next */ []));
+    rowBusy = signal(null, ...(ngDevMode ? [{ debugName: "rowBusy" }] : /* istanbul ignore next */ []));
+    showAddModal = signal(false, ...(ngDevMode ? [{ debugName: "showAddModal" }] : /* istanbul ignore next */ []));
+    showRemoveModal = signal(false, ...(ngDevMode ? [{ debugName: "showRemoveModal" }] : /* istanbul ignore next */ []));
+    selectedUser = signal(null, ...(ngDevMode ? [{ debugName: "selectedUser" }] : /* istanbul ignore next */ []));
+    userSearchResults = signal([], ...(ngDevMode ? [{ debugName: "userSearchResults" }] : /* istanbul ignore next */ []));
+    addMemberError = signal(null, ...(ngDevMode ? [{ debugName: "addMemberError" }] : /* istanbul ignore next */ []));
+    memberToRemove = signal(null, ...(ngDevMode ? [{ debugName: "memberToRemove" }] : /* istanbul ignore next */ []));
+    addMemberSearchTerm = '';
+    addMemberRole = 'Member';
+    userSearch$ = new Subject();
+    /** Archived teams, and teams a module maintains, can't be edited here. */
+    readOnly = computed(() => {
+        const t = this.team();
+        return !t || !t.isActive || !!t.managedBy;
+    }, ...(ngDevMode ? [{ debugName: "readOnly" }] : /* istanbul ignore next */ []));
+    managedByLabel = computed(() => managedByLabel(this.team()), ...(ngDevMode ? [{ debugName: "managedByLabel" }] : /* istanbul ignore next */ []));
+    memberUserIds = computed(() => new Set(this.members().map((m) => m.userId)), ...(ngDevMode ? [{ debugName: "memberUserIds" }] : /* istanbul ignore next */ []));
+    ngOnInit() {
+        this.userSearch$
+            .pipe(debounceTime(250), distinctUntilChanged(), switchMap((term) => {
+            if (!term.trim()) {
+                return of({ items: [], totalCount: 0, page: 1, pageSize: 10, totalPages: 0 });
+            }
+            return this.userService.getUsers({ page: 1, pageSize: 10 }, { search: term.trim() });
+        }))
+            .subscribe({
+            next: (resp) => this.userSearchResults.set(resp.items),
+            error: () => this.userSearchResults.set([]),
+        });
+        this.route.paramMap.subscribe((params) => {
+            const id = params.get('id');
+            if (!id)
+                return;
+            this.teamId.set(id);
+            this.loadTeam();
+            this.loadMembers();
+        });
+    }
+    loadTeam() {
+        this.loading.set(true);
+        this.teamService.getById(this.teamId()).subscribe({
+            next: (t) => {
+                this.team.set(t);
+                this.loading.set(false);
+            },
+            error: () => {
+                this.team.set(null);
+                this.loading.set(false);
+            },
+        });
+    }
+    loadMembers() {
+        this.loadingMembers.set(true);
+        this.teamService.getMembers(this.teamId()).subscribe({
+            next: (list) => {
+                this.members.set(list);
+                this.loadingMembers.set(false);
+                this.hydrateMemberNames(list);
+            },
+            error: () => this.loadingMembers.set(false),
+        });
+    }
+    // Resolve display names for the members in one go so the table doesn't
+    // show raw user IDs. Done after the membership list lands so we can do a
+    // single search query per page rather than N round-trips.
+    hydrateMemberNames(members) {
+        if (members.length === 0)
+            return;
+        this.userService.getUsers({ page: 1, pageSize: 200 }, {}).subscribe({
+            next: (resp) => {
+                const map = new Map();
+                for (const u of resp.items)
+                    map.set(u.id, u);
+                this.memberUserById.set(map);
+            },
+        });
+    }
+    memberDisplayName(m) {
+        const u = this.memberUserById().get(m.userId);
+        if (u)
+            return u.displayName || u.email || m.userId;
+        return m.userId;
+    }
+    openAddMemberModal() {
+        this.addMemberSearchTerm = '';
+        this.addMemberRole = 'Member';
+        this.selectedUser.set(null);
+        this.userSearchResults.set([]);
+        this.addMemberError.set(null);
+        this.showAddModal.set(true);
+    }
+    closeAddMemberModal() {
+        this.showAddModal.set(false);
+    }
+    onUserSearch(term) {
+        this.addMemberSearchTerm = term;
+        this.userSearch$.next(term);
+    }
+    selectUser(u) {
+        if (this.memberUserIds().has(u.id)) {
+            this.addMemberError.set(`${u.displayName || u.email} is already a member.`);
+            return;
+        }
+        this.addMemberError.set(null);
+        this.selectedUser.set(u);
+        this.addMemberSearchTerm = u.displayName || u.email || '';
+        this.userSearchResults.set([]);
+    }
+    confirmAddMember() {
+        const user = this.selectedUser();
+        if (!user)
+            return;
+        this.saving.set(true);
+        this.addMemberError.set(null);
+        this.teamService.addMember(this.teamId(), { userId: user.id, role: this.addMemberRole }).subscribe({
+            next: () => {
+                this.saving.set(false);
+                this.closeAddMemberModal();
+                this.loadMembers();
+            },
+            error: (err) => {
+                this.saving.set(false);
+                this.addMemberError.set(err?.error?.message ?? 'Failed to add member');
+            },
+        });
+    }
+    onRoleChange(m, newRole) {
+        if (m.role === newRole)
+            return;
+        this.rowBusy.set(m.userId);
+        this.teamService.changeRole(this.teamId(), m.userId, { role: newRole }).subscribe({
+            next: (updated) => {
+                this.members.update((list) => list.map((x) => (x.id === m.id ? updated : x)));
+                this.rowBusy.set(null);
+            },
+            error: () => {
+                this.rowBusy.set(null);
+                this.loadMembers();
+            },
+        });
+    }
+    openRemoveModal(m) {
+        this.memberToRemove.set(m);
+        this.showRemoveModal.set(true);
+    }
+    closeRemoveModal() {
+        this.showRemoveModal.set(false);
+        this.memberToRemove.set(null);
+    }
+    confirmRemove() {
+        const m = this.memberToRemove();
+        if (!m)
+            return;
+        this.saving.set(true);
+        this.teamService.removeMember(this.teamId(), m.userId).subscribe({
+            next: () => {
+                this.saving.set(false);
+                this.closeRemoveModal();
+                this.loadMembers();
+            },
+            error: () => this.saving.set(false),
+        });
+    }
+    onBack() {
+        this.router.navigate(['/teams']);
+    }
+    formatDate(iso) {
+        return new Date(iso).toLocaleDateString();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: TeamDetailPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: TeamDetailPageComponent, isStandalone: true, selector: "admin-team-detail-page", ngImport: i0, template: `
+    <div class="p-6 space-y-6">
+      <div class="flex items-center gap-3">
+        <ui-button variant="ghost" (clicked)="onBack()">
+          <ui-icon name="arrow-left" class="h-4 w-4 mr-2" />
+          Back
+        </ui-button>
+      </div>
+
+      @if (loading()) {
+        <div class="flex items-center justify-center h-64 text-sm text-gray-500">Loading team…</div>
+      } @else if (!team()) {
+        <div class="text-sm text-red-600">Team not found.</div>
+      } @else {
+        <div class="bg-white border border-gray-200 rounded-lg p-6">
+          <div class="flex items-start justify-between gap-4">
+            <div>
+              <div class="flex items-center gap-2">
+                <h1 class="text-2xl font-semibold text-gray-900">{{ team()!.name }}</h1>
+                <ui-badge [variant]="team()!.isActive ? 'success' : 'default'">
+                  {{ team()!.isActive ? 'Active' : 'Archived' }}
+                </ui-badge>
+                @if (team()!.managedBy) {
+                  <ui-badge variant="info">Managed by {{ managedByLabel() }}</ui-badge>
+                }
+              </div>
+              <p class="mt-1 text-sm text-gray-500 font-mono">{{ team()!.code }} · {{ team()!.type }} · {{ team()!.visibility }}</p>
+              @if (team()!.description) {
+                <p class="mt-2 text-sm text-gray-700">{{ team()!.description }}</p>
+              }
+              @if (team()!.managedBy) {
+                <p class="mt-2 text-sm text-gray-600">
+                  {{ managedByLabel() }} creates this team and keeps its members in sync from its own records.
+                  To change it, make the change in {{ managedByLabel() }}.
+                </p>
+              }
+            </div>
+          </div>
+        </div>
+
+        <div class="bg-white border border-gray-200 rounded-lg">
+          <div class="flex items-center justify-between p-4 border-b border-gray-200">
+            <div>
+              <h2 class="text-sm font-medium text-gray-900">Members ({{ members().length }})</h2>
+              <p class="mt-0.5 text-xs text-gray-500">Users who belong to this team. Add members to use the team as an approver or distribution target.</p>
+            </div>
+            <ui-button (clicked)="openAddMemberModal()" [disabled]="readOnly()">
+              <ui-icon name="plus" class="h-4 w-4 mr-1.5" />
+              Add member
+            </ui-button>
+          </div>
+
+          @if (loadingMembers()) {
+            <div class="px-4 py-8 text-sm text-center text-gray-500">Loading members…</div>
+          } @else if (members().length === 0) {
+            <div class="px-4 py-12 text-center">
+              <p class="text-sm text-gray-500">No members yet.</p>
+              <p class="mt-1 text-xs text-gray-400">Click "Add member" to assign users to this team.</p>
+            </div>
+          } @else {
+            <table class="w-full text-sm">
+              <thead class="bg-gray-50 text-xs uppercase tracking-wide text-gray-500">
+                <tr>
+                  <th class="px-4 py-2 text-left">User</th>
+                  <th class="px-4 py-2 text-left">Role</th>
+                  <th class="px-4 py-2 text-left">Joined</th>
+                  <th class="px-4 py-2 text-right">Actions</th>
+                </tr>
+              </thead>
+              <tbody class="divide-y divide-gray-100">
+                @for (m of members(); track m.id) {
+                  <tr>
+                    <td class="px-4 py-3">
+                      <div class="font-medium text-gray-900">{{ memberDisplayName(m) }}</div>
+                      <div class="text-xs text-gray-500 font-mono">{{ m.userId }}</div>
+                    </td>
+                    <td class="px-4 py-3">
+                      <select
+                        [ngModel]="m.role"
+                        (ngModelChange)="onRoleChange(m, $event)"
+                        [disabled]="readOnly() || rowBusy() === m.userId"
+                        class="text-sm rounded-md border-gray-300 shadow-sm focus:border-primary-500 focus:ring-primary-500"
+                      >
+                        <option value="Member">Member</option>
+                        <option value="Lead">Lead</option>
+                      </select>
+                    </td>
+                    <td class="px-4 py-3 text-gray-500">{{ formatDate(m.joinedAt) }}</td>
+                    <td class="px-4 py-3 text-right">
+                      <button
+                        type="button"
+                        (click)="openRemoveModal(m)"
+                        [disabled]="readOnly() || rowBusy() === m.userId"
+                        class="text-xs text-red-600 hover:text-red-800 disabled:opacity-50"
+                      >
+                        Remove
+                      </button>
+                    </td>
+                  </tr>
+                }
+              </tbody>
+            </table>
+          }
+        </div>
+      }
+    </div>
+
+    <ui-modal [open]="showAddModal()" title="Add member" (closed)="closeAddMemberModal()">
+      <div class="space-y-4">
+        <div>
+          <label class="block text-xs font-medium text-gray-700">User</label>
+          <input
+            type="text"
+            [ngModel]="addMemberSearchTerm"
+            (ngModelChange)="onUserSearch($event)"
+            placeholder="Search by name or email…"
+            class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-primary-500 focus:ring-primary-500 text-sm"
+            autocomplete="off"
+          />
+          @if (userSearchResults().length > 0) {
+            <div class="mt-1 max-h-48 overflow-y-auto border border-gray-200 rounded-md divide-y divide-gray-100">
+              @for (u of userSearchResults(); track u.id) {
+                <button
+                  type="button"
+                  (click)="selectUser(u)"
+                  class="w-full px-3 py-2 text-left text-sm hover:bg-gray-50"
+                  [class.bg-primary-50]="selectedUser()?.id === u.id"
+                >
+                  <div class="font-medium text-gray-900">{{ u.displayName || u.email }}</div>
+                  <div class="text-xs text-gray-500">{{ u.email }}</div>
+                </button>
+              }
+            </div>
+          }
+          @if (selectedUser()) {
+            <p class="mt-2 text-xs text-gray-600">Selected: <strong>{{ selectedUser()!.displayName || selectedUser()!.email }}</strong></p>
+          }
+        </div>
+
+        <div>
+          <label class="block text-xs font-medium text-gray-700">Role</label>
+          <select
+            [(ngModel)]="addMemberRole"
+            class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-primary-500 focus:ring-primary-500 text-sm"
+          >
+            <option value="Member">Member</option>
+            <option value="Lead">Lead</option>
+          </select>
+        </div>
+
+        @if (addMemberError()) {
+          <p class="text-xs text-red-600">{{ addMemberError() }}</p>
+        }
+      </div>
+
+      <div modal-footer class="flex justify-end gap-2">
+        <ui-button variant="secondary" (clicked)="closeAddMemberModal()">Cancel</ui-button>
+        <ui-button (clicked)="confirmAddMember()" [disabled]="!selectedUser() || saving()">
+          {{ saving() ? 'Adding…' : 'Add member' }}
+        </ui-button>
+      </div>
+    </ui-modal>
+
+    <ui-modal [open]="showRemoveModal()" title="Remove member" (closed)="closeRemoveModal()">
+      @if (memberToRemove()) {
+        <p class="text-sm text-gray-700">
+          Remove <strong>{{ memberDisplayName(memberToRemove()!) }}</strong> from this team?
+        </p>
+        <p class="mt-2 text-xs text-gray-500">
+          The user keeps their account; only the team membership is ended.
+        </p>
+      }
+
+      <div modal-footer class="flex justify-end gap-2">
+        <ui-button variant="secondary" (clicked)="closeRemoveModal()">Cancel</ui-button>
+        <ui-button variant="danger" (clicked)="confirmRemove()" [disabled]="saving()">
+          {{ saving() ? 'Removing…' : 'Remove' }}
+        </ui-button>
+      </div>
+    </ui-modal>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ButtonComponent, selector: "ui-button", inputs: ["variant", "size", "disabled", "loading", "type", "fullWidth"], outputs: ["clicked"] }, { kind: "component", type: BadgeComponent, selector: "ui-badge", inputs: ["variant", "size"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["name", "strokeWidth"] }, { kind: "component", type: ModalComponent, selector: "ui-modal", inputs: ["open", "title", "size", "showCloseButton", "closeOnBackdrop", "closeOnEscape", "scrollable"], outputs: ["closed"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: TeamDetailPageComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'admin-team-detail-page',
+                    standalone: true,
+                    imports: [CommonModule, FormsModule, ButtonComponent, BadgeComponent, IconComponent, ModalComponent],
+                    template: `
+    <div class="p-6 space-y-6">
+      <div class="flex items-center gap-3">
+        <ui-button variant="ghost" (clicked)="onBack()">
+          <ui-icon name="arrow-left" class="h-4 w-4 mr-2" />
+          Back
+        </ui-button>
+      </div>
+
+      @if (loading()) {
+        <div class="flex items-center justify-center h-64 text-sm text-gray-500">Loading team…</div>
+      } @else if (!team()) {
+        <div class="text-sm text-red-600">Team not found.</div>
+      } @else {
+        <div class="bg-white border border-gray-200 rounded-lg p-6">
+          <div class="flex items-start justify-between gap-4">
+            <div>
+              <div class="flex items-center gap-2">
+                <h1 class="text-2xl font-semibold text-gray-900">{{ team()!.name }}</h1>
+                <ui-badge [variant]="team()!.isActive ? 'success' : 'default'">
+                  {{ team()!.isActive ? 'Active' : 'Archived' }}
+                </ui-badge>
+                @if (team()!.managedBy) {
+                  <ui-badge variant="info">Managed by {{ managedByLabel() }}</ui-badge>
+                }
+              </div>
+              <p class="mt-1 text-sm text-gray-500 font-mono">{{ team()!.code }} · {{ team()!.type }} · {{ team()!.visibility }}</p>
+              @if (team()!.description) {
+                <p class="mt-2 text-sm text-gray-700">{{ team()!.description }}</p>
+              }
+              @if (team()!.managedBy) {
+                <p class="mt-2 text-sm text-gray-600">
+                  {{ managedByLabel() }} creates this team and keeps its members in sync from its own records.
+                  To change it, make the change in {{ managedByLabel() }}.
+                </p>
+              }
+            </div>
+          </div>
+        </div>
+
+        <div class="bg-white border border-gray-200 rounded-lg">
+          <div class="flex items-center justify-between p-4 border-b border-gray-200">
+            <div>
+              <h2 class="text-sm font-medium text-gray-900">Members ({{ members().length }})</h2>
+              <p class="mt-0.5 text-xs text-gray-500">Users who belong to this team. Add members to use the team as an approver or distribution target.</p>
+            </div>
+            <ui-button (clicked)="openAddMemberModal()" [disabled]="readOnly()">
+              <ui-icon name="plus" class="h-4 w-4 mr-1.5" />
+              Add member
+            </ui-button>
+          </div>
+
+          @if (loadingMembers()) {
+            <div class="px-4 py-8 text-sm text-center text-gray-500">Loading members…</div>
+          } @else if (members().length === 0) {
+            <div class="px-4 py-12 text-center">
+              <p class="text-sm text-gray-500">No members yet.</p>
+              <p class="mt-1 text-xs text-gray-400">Click "Add member" to assign users to this team.</p>
+            </div>
+          } @else {
+            <table class="w-full text-sm">
+              <thead class="bg-gray-50 text-xs uppercase tracking-wide text-gray-500">
+                <tr>
+                  <th class="px-4 py-2 text-left">User</th>
+                  <th class="px-4 py-2 text-left">Role</th>
+                  <th class="px-4 py-2 text-left">Joined</th>
+                  <th class="px-4 py-2 text-right">Actions</th>
+                </tr>
+              </thead>
+              <tbody class="divide-y divide-gray-100">
+                @for (m of members(); track m.id) {
+                  <tr>
+                    <td class="px-4 py-3">
+                      <div class="font-medium text-gray-900">{{ memberDisplayName(m) }}</div>
+                      <div class="text-xs text-gray-500 font-mono">{{ m.userId }}</div>
+                    </td>
+                    <td class="px-4 py-3">
+                      <select
+                        [ngModel]="m.role"
+                        (ngModelChange)="onRoleChange(m, $event)"
+                        [disabled]="readOnly() || rowBusy() === m.userId"
+                        class="text-sm rounded-md border-gray-300 shadow-sm focus:border-primary-500 focus:ring-primary-500"
+                      >
+                        <option value="Member">Member</option>
+                        <option value="Lead">Lead</option>
+                      </select>
+                    </td>
+                    <td class="px-4 py-3 text-gray-500">{{ formatDate(m.joinedAt) }}</td>
+                    <td class="px-4 py-3 text-right">
+                      <button
+                        type="button"
+                        (click)="openRemoveModal(m)"
+                        [disabled]="readOnly() || rowBusy() === m.userId"
+                        class="text-xs text-red-600 hover:text-red-800 disabled:opacity-50"
+                      >
+                        Remove
+                      </button>
+                    </td>
+                  </tr>
+                }
+              </tbody>
+            </table>
+          }
+        </div>
+      }
+    </div>
+
+    <ui-modal [open]="showAddModal()" title="Add member" (closed)="closeAddMemberModal()">
+      <div class="space-y-4">
+        <div>
+          <label class="block text-xs font-medium text-gray-700">User</label>
+          <input
+            type="text"
+            [ngModel]="addMemberSearchTerm"
+            (ngModelChange)="onUserSearch($event)"
+            placeholder="Search by name or email…"
+            class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-primary-500 focus:ring-primary-500 text-sm"
+            autocomplete="off"
+          />
+          @if (userSearchResults().length > 0) {
+            <div class="mt-1 max-h-48 overflow-y-auto border border-gray-200 rounded-md divide-y divide-gray-100">
+              @for (u of userSearchResults(); track u.id) {
+                <button
+                  type="button"
+                  (click)="selectUser(u)"
+                  class="w-full px-3 py-2 text-left text-sm hover:bg-gray-50"
+                  [class.bg-primary-50]="selectedUser()?.id === u.id"
+                >
+                  <div class="font-medium text-gray-900">{{ u.displayName || u.email }}</div>
+                  <div class="text-xs text-gray-500">{{ u.email }}</div>
+                </button>
+              }
+            </div>
+          }
+          @if (selectedUser()) {
+            <p class="mt-2 text-xs text-gray-600">Selected: <strong>{{ selectedUser()!.displayName || selectedUser()!.email }}</strong></p>
+          }
+        </div>
+
+        <div>
+          <label class="block text-xs font-medium text-gray-700">Role</label>
+          <select
+            [(ngModel)]="addMemberRole"
+            class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-primary-500 focus:ring-primary-500 text-sm"
+          >
+            <option value="Member">Member</option>
+            <option value="Lead">Lead</option>
+          </select>
+        </div>
+
+        @if (addMemberError()) {
+          <p class="text-xs text-red-600">{{ addMemberError() }}</p>
+        }
+      </div>
+
+      <div modal-footer class="flex justify-end gap-2">
+        <ui-button variant="secondary" (clicked)="closeAddMemberModal()">Cancel</ui-button>
+        <ui-button (clicked)="confirmAddMember()" [disabled]="!selectedUser() || saving()">
+          {{ saving() ? 'Adding…' : 'Add member' }}
+        </ui-button>
+      </div>
+    </ui-modal>
+
+    <ui-modal [open]="showRemoveModal()" title="Remove member" (closed)="closeRemoveModal()">
+      @if (memberToRemove()) {
+        <p class="text-sm text-gray-700">
+          Remove <strong>{{ memberDisplayName(memberToRemove()!) }}</strong> from this team?
+        </p>
+        <p class="mt-2 text-xs text-gray-500">
+          The user keeps their account; only the team membership is ended.
+        </p>
+      }
+
+      <div modal-footer class="flex justify-end gap-2">
+        <ui-button variant="secondary" (clicked)="closeRemoveModal()">Cancel</ui-button>
+        <ui-button variant="danger" (clicked)="confirmRemove()" [disabled]="saving()">
+          {{ saving() ? 'Removing…' : 'Remove' }}
+        </ui-button>
+      </div>
+    </ui-modal>
+  `,
+                }]
+        }] });
+
+export { TeamDetailPageComponent };
+//# sourceMappingURL=syndew-oluso-admin-ui-team-detail-page.component-CjrQ89qU.mjs.map

package/fesm2022/syndew-oluso-admin-ui-team-detail-page.component-CjrQ89qU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"syndew-oluso-admin-ui-team-detail-page.component-CjrQ89qU.mjs","sources":["../../../../libs/admin-ui/src/lib/pages/teams/team-detail-page.component.ts"],"sourcesContent":["import { Component, inject, signal, computed } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { Subject, debounceTime, distinctUntilChanged, switchMap, of } from 'rxjs';\nimport {\n  ButtonComponent,\n  BadgeComponent,\n  IconComponent,\n  ModalComponent,\n} from '@syndew/oluso-ui-core';\nimport { TeamService } from '../../services/team.service';\nimport { UserService } from '../../services/user.service';\nimport { Team, TeamMembership, TeamMemberRole, managedByLabel } from '../../models/team.model';\nimport { UserDto } from '../../models/user.model';\n\n@Component({\n  selector: 'admin-team-detail-page',\n  standalone: true,\n  imports: [CommonModule, FormsModule, ButtonComponent, BadgeComponent, IconComponent, ModalComponent],\n  template: `\n    <div class=\"p-6 space-y-6\">\n      <div class=\"flex items-center gap-3\">\n        <ui-button variant=\"ghost\" (clicked)=\"onBack()\">\n          <ui-icon name=\"arrow-left\" class=\"h-4 w-4 mr-2\" />\n          Back\n        </ui-button>\n      </div>\n\n      @if (loading()) {\n        <div class=\"flex items-center justify-center h-64 text-sm text-gray-500\">Loading team…</div>\n      } @else if (!team()) {\n        <div class=\"text-sm text-red-600\">Team not found.</div>\n      } @else {\n        <div class=\"bg-white border border-gray-200 rounded-lg p-6\">\n          <div class=\"flex items-start justify-between gap-4\">\n            <div>\n              <div class=\"flex items-center gap-2\">\n                <h1 class=\"text-2xl font-semibold text-gray-900\">{{ team()!.name }}</h1>\n                <ui-badge [variant]=\"team()!.isActive ? 'success' : 'default'\">\n                  {{ team()!.isActive ? 'Active' : 'Archived' }}\n                </ui-badge>\n                @if (team()!.managedBy) {\n                  <ui-badge variant=\"info\">Managed by {{ managedByLabel() }}</ui-badge>\n                }\n              </div>\n              <p class=\"mt-1 text-sm text-gray-500 font-mono\">{{ team()!.code }} · {{ team()!.type }} · {{ team()!.visibility }}</p>\n              @if (team()!.description) {\n                <p class=\"mt-2 text-sm text-gray-700\">{{ team()!.description }}</p>\n              }\n              @if (team()!.managedBy) {\n                <p class=\"mt-2 text-sm text-gray-600\">\n                  {{ managedByLabel() }} creates this team and keeps its members in sync from its own records.\n                  To change it, make the change in {{ managedByLabel() }}.\n                </p>\n              }\n            </div>\n          </div>\n        </div>\n\n        <div class=\"bg-white border border-gray-200 rounded-lg\">\n          <div class=\"flex items-center justify-between p-4 border-b border-gray-200\">\n            <div>\n              <h2 class=\"text-sm font-medium text-gray-900\">Members ({{ members().length }})</h2>\n              <p class=\"mt-0.5 text-xs text-gray-500\">Users who belong to this team. Add members to use the team as an approver or distribution target.</p>\n            </div>\n            <ui-button (clicked)=\"openAddMemberModal()\" [disabled]=\"readOnly()\">\n              <ui-icon name=\"plus\" class=\"h-4 w-4 mr-1.5\" />\n              Add member\n            </ui-button>\n          </div>\n\n          @if (loadingMembers()) {\n            <div class=\"px-4 py-8 text-sm text-center text-gray-500\">Loading members…</div>\n          } @else if (members().length === 0) {\n            <div class=\"px-4 py-12 text-center\">\n              <p class=\"text-sm text-gray-500\">No members yet.</p>\n              <p class=\"mt-1 text-xs text-gray-400\">Click \"Add member\" to assign users to this team.</p>\n            </div>\n          } @else {\n            <table class=\"w-full text-sm\">\n              <thead class=\"bg-gray-50 text-xs uppercase tracking-wide text-gray-500\">\n                <tr>\n                  <th class=\"px-4 py-2 text-left\">User</th>\n                  <th class=\"px-4 py-2 text-left\">Role</th>\n                  <th class=\"px-4 py-2 text-left\">Joined</th>\n                  <th class=\"px-4 py-2 text-right\">Actions</th>\n                </tr>\n              </thead>\n              <tbody class=\"divide-y divide-gray-100\">\n                @for (m of members(); track m.id) {\n                  <tr>\n                    <td class=\"px-4 py-3\">\n                      <div class=\"font-medium text-gray-900\">{{ memberDisplayName(m) }}</div>\n                      <div class=\"text-xs text-gray-500 font-mono\">{{ m.userId }}</div>\n                    </td>\n                    <td class=\"px-4 py-3\">\n                      <select\n                        [ngModel]=\"m.role\"\n                        (ngModelChange)=\"onRoleChange(m, $event)\"\n                        [disabled]=\"readOnly() || rowBusy() === m.userId\"\n                        class=\"text-sm rounded-md border-gray-300 shadow-sm focus:border-primary-500 focus:ring-primary-500\"\n                      >\n                        <option value=\"Member\">Member</option>\n                        <option value=\"Lead\">Lead</option>\n                      </select>\n                    </td>\n                    <td class=\"px-4 py-3 text-gray-500\">{{ formatDate(m.joinedAt) }}</td>\n                    <td class=\"px-4 py-3 text-right\">\n                      <button\n                        type=\"button\"\n                        (click)=\"openRemoveModal(m)\"\n                        [disabled]=\"readOnly() || rowBusy() === m.userId\"\n                        class=\"text-xs text-red-600 hover:text-red-800 disabled:opacity-50\"\n                      >\n                        Remove\n                      </button>\n                    </td>\n                  </tr>\n                }\n              </tbody>\n            </table>\n          }\n        </div>\n      }\n    </div>\n\n    <ui-modal [open]=\"showAddModal()\" title=\"Add member\" (closed)=\"closeAddMemberModal()\">\n      <div class=\"space-y-4\">\n        <div>\n          <label class=\"block text-xs font-medium text-gray-700\">User</label>\n          <input\n            type=\"text\"\n            [ngModel]=\"addMemberSearchTerm\"\n            (ngModelChange)=\"onUserSearch($event)\"\n            placeholder=\"Search by name or email…\"\n            class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-primary-500 focus:ring-primary-500 text-sm\"\n            autocomplete=\"off\"\n          />\n          @if (userSearchResults().length > 0) {\n            <div class=\"mt-1 max-h-48 overflow-y-auto border border-gray-200 rounded-md divide-y divide-gray-100\">\n              @for (u of userSearchResults(); track u.id) {\n                <button\n                  type=\"button\"\n                  (click)=\"selectUser(u)\"\n                  class=\"w-full px-3 py-2 text-left text-sm hover:bg-gray-50\"\n                  [class.bg-primary-50]=\"selectedUser()?.id === u.id\"\n                >\n                  <div class=\"font-medium text-gray-900\">{{ u.displayName || u.email }}</div>\n                  <div class=\"text-xs text-gray-500\">{{ u.email }}</div>\n                </button>\n              }\n            </div>\n          }\n          @if (selectedUser()) {\n            <p class=\"mt-2 text-xs text-gray-600\">Selected: <strong>{{ selectedUser()!.displayName || selectedUser()!.email }}</strong></p>\n          }\n        </div>\n\n        <div>\n          <label class=\"block text-xs font-medium text-gray-700\">Role</label>\n          <select\n            [(ngModel)]=\"addMemberRole\"\n            class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-primary-500 focus:ring-primary-500 text-sm\"\n          >\n            <option value=\"Member\">Member</option>\n            <option value=\"Lead\">Lead</option>\n          </select>\n        </div>\n\n        @if (addMemberError()) {\n          <p class=\"text-xs text-red-600\">{{ addMemberError() }}</p>\n        }\n      </div>\n\n      <div modal-footer class=\"flex justify-end gap-2\">\n        <ui-button variant=\"secondary\" (clicked)=\"closeAddMemberModal()\">Cancel</ui-button>\n        <ui-button (clicked)=\"confirmAddMember()\" [disabled]=\"!selectedUser() || saving()\">\n          {{ saving() ? 'Adding…' : 'Add member' }}\n        </ui-button>\n      </div>\n    </ui-modal>\n\n    <ui-modal [open]=\"showRemoveModal()\" title=\"Remove member\" (closed)=\"closeRemoveModal()\">\n      @if (memberToRemove()) {\n        <p class=\"text-sm text-gray-700\">\n          Remove <strong>{{ memberDisplayName(memberToRemove()!) }}</strong> from this team?\n        </p>\n        <p class=\"mt-2 text-xs text-gray-500\">\n          The user keeps their account; only the team membership is ended.\n        </p>\n      }\n\n      <div modal-footer class=\"flex justify-end gap-2\">\n        <ui-button variant=\"secondary\" (clicked)=\"closeRemoveModal()\">Cancel</ui-button>\n        <ui-button variant=\"danger\" (clicked)=\"confirmRemove()\" [disabled]=\"saving()\">\n          {{ saving() ? 'Removing…' : 'Remove' }}\n        </ui-button>\n      </div>\n    </ui-modal>\n  `,\n})\nexport class TeamDetailPageComponent {\n  private readonly route = inject(ActivatedRoute);\n  private readonly router = inject(Router);\n  private readonly teamService = inject(TeamService);\n  private readonly userService = inject(UserService);\n\n  readonly teamId = signal<string>('');\n  readonly team = signal<Team | null>(null);\n  readonly members = signal<TeamMembership[]>([]);\n  readonly memberUserById = signal<Map<string, UserDto>>(new Map());\n  readonly loading = signal(true);\n  readonly loadingMembers = signal(false);\n  readonly saving = signal(false);\n  readonly rowBusy = signal<string | null>(null);\n\n  readonly showAddModal = signal(false);\n  readonly showRemoveModal = signal(false);\n  readonly selectedUser = signal<UserDto | null>(null);\n  readonly userSearchResults = signal<UserDto[]>([]);\n  readonly addMemberError = signal<string | null>(null);\n  readonly memberToRemove = signal<TeamMembership | null>(null);\n\n  addMemberSearchTerm = '';\n  addMemberRole: TeamMemberRole = 'Member';\n\n  private readonly userSearch$ = new Subject<string>();\n\n  /** Archived teams, and teams a module maintains, can't be edited here. */\n  readonly readOnly = computed(() => {\n    const t = this.team();\n    return !t || !t.isActive || !!t.managedBy;\n  });\n  readonly managedByLabel = computed(() => managedByLabel(this.team()));\n\n  readonly memberUserIds = computed(() => new Set(this.members().map((m) => m.userId)));\n\n  ngOnInit(): void {\n    this.userSearch$\n      .pipe(\n        debounceTime(250),\n        distinctUntilChanged(),\n        switchMap((term) => {\n          if (!term.trim()) {\n            return of({ items: [] as UserDto[], totalCount: 0, page: 1, pageSize: 10, totalPages: 0 });\n          }\n          return this.userService.getUsers({ page: 1, pageSize: 10 }, { search: term.trim() });\n        }),\n      )\n      .subscribe({\n        next: (resp) => this.userSearchResults.set(resp.items),\n        error: () => this.userSearchResults.set([]),\n      });\n\n    this.route.paramMap.subscribe((params) => {\n      const id = params.get('id');\n      if (!id) return;\n      this.teamId.set(id);\n      this.loadTeam();\n      this.loadMembers();\n    });\n  }\n\n  private loadTeam(): void {\n    this.loading.set(true);\n    this.teamService.getById(this.teamId()).subscribe({\n      next: (t) => {\n        this.team.set(t);\n        this.loading.set(false);\n      },\n      error: () => {\n        this.team.set(null);\n        this.loading.set(false);\n      },\n    });\n  }\n\n  private loadMembers(): void {\n    this.loadingMembers.set(true);\n    this.teamService.getMembers(this.teamId()).subscribe({\n      next: (list) => {\n        this.members.set(list);\n        this.loadingMembers.set(false);\n        this.hydrateMemberNames(list);\n      },\n      error: () => this.loadingMembers.set(false),\n    });\n  }\n\n  // Resolve display names for the members in one go so the table doesn't\n  // show raw user IDs. Done after the membership list lands so we can do a\n  // single search query per page rather than N round-trips.\n  private hydrateMemberNames(members: TeamMembership[]): void {\n    if (members.length === 0) return;\n    this.userService.getUsers({ page: 1, pageSize: 200 }, {}).subscribe({\n      next: (resp) => {\n        const map = new Map<string, UserDto>();\n        for (const u of resp.items) map.set(u.id, u);\n        this.memberUserById.set(map);\n      },\n    });\n  }\n\n  memberDisplayName(m: TeamMembership): string {\n    const u = this.memberUserById().get(m.userId);\n    if (u) return u.displayName || u.email || m.userId;\n    return m.userId;\n  }\n\n  openAddMemberModal(): void {\n    this.addMemberSearchTerm = '';\n    this.addMemberRole = 'Member';\n    this.selectedUser.set(null);\n    this.userSearchResults.set([]);\n    this.addMemberError.set(null);\n    this.showAddModal.set(true);\n  }\n\n  closeAddMemberModal(): void {\n    this.showAddModal.set(false);\n  }\n\n  onUserSearch(term: string): void {\n    this.addMemberSearchTerm = term;\n    this.userSearch$.next(term);\n  }\n\n  selectUser(u: UserDto): void {\n    if (this.memberUserIds().has(u.id)) {\n      this.addMemberError.set(`${u.displayName || u.email} is already a member.`);\n      return;\n    }\n    this.addMemberError.set(null);\n    this.selectedUser.set(u);\n    this.addMemberSearchTerm = u.displayName || u.email || '';\n    this.userSearchResults.set([]);\n  }\n\n  confirmAddMember(): void {\n    const user = this.selectedUser();\n    if (!user) return;\n    this.saving.set(true);\n    this.addMemberError.set(null);\n    this.teamService.addMember(this.teamId(), { userId: user.id, role: this.addMemberRole }).subscribe({\n      next: () => {\n        this.saving.set(false);\n        this.closeAddMemberModal();\n        this.loadMembers();\n      },\n      error: (err) => {\n        this.saving.set(false);\n        this.addMemberError.set(err?.error?.message ?? 'Failed to add member');\n      },\n    });\n  }\n\n  onRoleChange(m: TeamMembership, newRole: TeamMemberRole): void {\n    if (m.role === newRole) return;\n    this.rowBusy.set(m.userId);\n    this.teamService.changeRole(this.teamId(), m.userId, { role: newRole }).subscribe({\n      next: (updated) => {\n        this.members.update((list) => list.map((x) => (x.id === m.id ? updated : x)));\n        this.rowBusy.set(null);\n      },\n      error: () => {\n        this.rowBusy.set(null);\n        this.loadMembers();\n      },\n    });\n  }\n\n  openRemoveModal(m: TeamMembership): void {\n    this.memberToRemove.set(m);\n    this.showRemoveModal.set(true);\n  }\n\n  closeRemoveModal(): void {\n    this.showRemoveModal.set(false);\n    this.memberToRemove.set(null);\n  }\n\n  confirmRemove(): void {\n    const m = this.memberToRemove();\n    if (!m) return;\n    this.saving.set(true);\n    this.teamService.removeMember(this.teamId(), m.userId).subscribe({\n      next: () => {\n        this.saving.set(false);\n        this.closeRemoveModal();\n        this.loadMembers();\n      },\n      error: () => this.saving.set(false),\n    });\n  }\n\n  onBack(): void {\n    this.router.navigate(['/teams']);\n  }\n\n  formatDate(iso: string): string {\n    return new Date(iso).toLocaleDateString();\n  }\n}\n"],"names":[],"mappings":"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"}