|
|
|
@@ -1,6 +1,6 @@
|
|
|
|
|
import { MetricGrid } from "@govoplan/core-webui";
|
|
|
|
|
import { Download, Edit3, GitMerge, History, Link2, Network, Plus, RefreshCw, RotateCcw, Save, Search, ShieldCheck, Trash2, Upload, UserPlus, X } from "lucide-react";
|
|
|
|
|
import { useCallback, useEffect, useMemo, useState, type DragEvent as ReactDragEvent, type FormEvent } from "react";
|
|
|
|
|
import { Download, Edit3, GitMerge, History, Link2, Network, Plus, RefreshCw, RotateCcw, Save, Search, Settings2, ShieldCheck, Trash2, Upload, UserPlus, X } from "lucide-react";
|
|
|
|
|
import { useCallback, useEffect, useMemo, useRef, useState, type DragEvent as ReactDragEvent, type FormEvent } from "react";
|
|
|
|
|
import { useSearchParams } from "react-router";
|
|
|
|
|
import { DialogSection, DialogForm, FormGrid, ActionToolbar,
|
|
|
|
|
ApiError,
|
|
|
|
@@ -18,6 +18,7 @@ import { DialogSection, DialogForm, FormGrid, ActionToolbar,
|
|
|
|
|
FormSection,
|
|
|
|
|
LoadingFrame,
|
|
|
|
|
MetricCard,
|
|
|
|
|
PageActionBar,
|
|
|
|
|
PasswordField,
|
|
|
|
|
SegmentedControl,
|
|
|
|
|
SelectionList,
|
|
|
|
@@ -659,7 +660,7 @@ function canMergeConflict(conflict: AddressSyncConflict): boolean {
|
|
|
|
|
return Boolean(conflictPayload(conflict.local_value) && conflictRemotePayload(conflict));
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function defaultConflictMergeChoices(conflict: AddressSyncConflict): Record<string, ConflictMergeChoice> {
|
|
|
|
|
function defaultConflictMergeChoices(_conflict: AddressSyncConflict): Record<string, ConflictMergeChoice> {
|
|
|
|
|
return Object.fromEntries(CONFLICT_PAYLOAD_FIELDS.map((field) => [field, "local" as ConflictMergeChoice]));
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
@@ -963,7 +964,10 @@ export default function AddressBookPage({ settings, auth, onAuthChange }: Props)
|
|
|
|
|
const [selectedBookId, setSelectedBookId] = useState("");
|
|
|
|
|
const [selectedListId, setSelectedListId] = useState("");
|
|
|
|
|
const [selectedContactId, setSelectedContactId] = useState("");
|
|
|
|
|
const [selectedTreeGroup, setSelectedTreeGroup] = useState<Pick<AddressTreeNode, "id" | "label"> | null>(null);
|
|
|
|
|
const [expandedTreeIds, setExpandedTreeIds] = useState<Set<string>>(() => new Set());
|
|
|
|
|
const knownTreeBranchIds = useRef(new Set<string>());
|
|
|
|
|
const [addressActionsOpen, setAddressActionsOpen] = useState<"book" | "transfer" | "connections" | null>(null);
|
|
|
|
|
const [query, setQuery] = useState("");
|
|
|
|
|
const [showArchived, setShowArchived] = useState(false);
|
|
|
|
|
const [loading, setLoading] = useState(false);
|
|
|
|
@@ -1136,8 +1140,9 @@ export default function AddressBookPage({ settings, auth, onAuthChange }: Props)
|
|
|
|
|
.then((run) => {
|
|
|
|
|
if (!active) return;
|
|
|
|
|
setImportRun(run);
|
|
|
|
|
setSelectedTreeGroup(null);
|
|
|
|
|
setSelectedBookId(run.address_book_id);
|
|
|
|
|
setSelectedImportProfileId(run.profile_id);
|
|
|
|
|
setSelectedImportProfileId(run.profile_id ?? "");
|
|
|
|
|
})
|
|
|
|
|
.catch((err) => {
|
|
|
|
|
if (!active) return;
|
|
|
|
@@ -1161,9 +1166,9 @@ export default function AddressBookPage({ settings, auth, onAuthChange }: Props)
|
|
|
|
|
return () => {active = false;};
|
|
|
|
|
}, [auth.groups_loaded, auth.user.id, auth.active_tenant?.id, auth.tenant.id, settings.accessToken, settings.apiBaseUrl, settings.apiKey]);
|
|
|
|
|
|
|
|
|
|
const selectedBook = books.find((book) => book.id === selectedBookId) ?? books[0] ?? null;
|
|
|
|
|
const selectedBook = selectedTreeGroup ? null : books.find((book) => book.id === selectedBookId) ?? books[0] ?? null;
|
|
|
|
|
const importLifecycle = importRun ? importRunLifecycle(importRun.status) : null;
|
|
|
|
|
const selectedList = addressLists.find((list) => list.id === selectedListId) ?? null;
|
|
|
|
|
const selectedList = selectedTreeGroup ? null : addressLists.find((list) => list.id === selectedListId) ?? null;
|
|
|
|
|
const selectedBookSyncSources = useMemo(
|
|
|
|
|
() => selectedBook ? syncSources.filter((source) => source.address_book_id === selectedBook.id) : [],
|
|
|
|
|
[selectedBook, syncSources]
|
|
|
|
@@ -1172,7 +1177,7 @@ export default function AddressBookPage({ settings, auth, onAuthChange }: Props)
|
|
|
|
|
const addressTreeNodes = useMemo(() => buildAddressTree(books, addressLists), [addressLists, books]);
|
|
|
|
|
const selectedListContactIds = useMemo(() => listEntryContactIds(addressListEntries), [addressListEntries]);
|
|
|
|
|
const selectedListEntryKeys = useMemo(() => new Set(addressListEntries.map(addressListEntryKey)), [addressListEntries]);
|
|
|
|
|
const visibleContacts = contacts;
|
|
|
|
|
const visibleContacts = selectedTreeGroup ? [] : contacts;
|
|
|
|
|
const memberCandidateContacts = useMemo(() => {
|
|
|
|
|
const normalizedQuery = memberQuery.trim().toLowerCase();
|
|
|
|
|
return memberCandidates
|
|
|
|
@@ -1208,7 +1213,7 @@ export default function AddressBookPage({ settings, auth, onAuthChange }: Props)
|
|
|
|
|
return [];
|
|
|
|
|
}, [channelRuleForm.channel, governanceContact]);
|
|
|
|
|
const selectedContactListEntries = selectedContact && selectedList ? contactListEntries(addressListEntries, selectedContact.id) : [];
|
|
|
|
|
const activeTreeId = selectedList ? `list:${selectedList.id}` : selectedBook ? `book:${selectedBook.id}` : "";
|
|
|
|
|
const activeTreeId = selectedTreeGroup?.id ?? (selectedList ? `list:${selectedList.id}` : selectedBook ? `book:${selectedBook.id}` : "");
|
|
|
|
|
const loadingReason = loading ? "Address books are loading." : "";
|
|
|
|
|
const savingReason = saving ? "An address-book action is already in progress." : "";
|
|
|
|
|
const createBookReason = disabledReason(
|
|
|
|
@@ -1570,10 +1575,13 @@ export default function AddressBookPage({ settings, auth, onAuthChange }: Props)
|
|
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
|
const defaultExpanded = expandedAddressTreeIds(addressTreeNodes);
|
|
|
|
|
if (defaultExpanded.size === 0) return;
|
|
|
|
|
const previousBranchIds = knownTreeBranchIds.current;
|
|
|
|
|
knownTreeBranchIds.current = defaultExpanded;
|
|
|
|
|
setExpandedTreeIds((current) => {
|
|
|
|
|
const next = new Set(current);
|
|
|
|
|
for (const id of defaultExpanded) next.add(id);
|
|
|
|
|
const next = new Set([...current].filter((id) => defaultExpanded.has(id)));
|
|
|
|
|
for (const id of defaultExpanded) {
|
|
|
|
|
if (!previousBranchIds.has(id)) next.add(id);
|
|
|
|
|
}
|
|
|
|
|
return next;
|
|
|
|
|
});
|
|
|
|
|
}, [addressTreeNodes]);
|
|
|
|
@@ -1950,6 +1958,7 @@ export default function AddressBookPage({ settings, auth, onAuthChange }: Props)
|
|
|
|
|
|
|
|
|
|
function openTreeNode(node: AddressTreeNode) {
|
|
|
|
|
if (node.kind === "book" && node.book) {
|
|
|
|
|
setSelectedTreeGroup(null);
|
|
|
|
|
setContactPage(1);
|
|
|
|
|
setSelectedBookId(node.book.id);
|
|
|
|
|
setSelectedListId("");
|
|
|
|
@@ -1957,13 +1966,16 @@ export default function AddressBookPage({ settings, auth, onAuthChange }: Props)
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
if (node.kind === "list" && node.list) {
|
|
|
|
|
setSelectedTreeGroup(null);
|
|
|
|
|
setContactPage(1);
|
|
|
|
|
setSelectedBookId(node.list.address_book_id);
|
|
|
|
|
setSelectedListId(node.list.id);
|
|
|
|
|
setSelectedContactId("");
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
toggleTreeNode(node);
|
|
|
|
|
setSelectedTreeGroup({ id: node.id, label: node.label });
|
|
|
|
|
setSelectedListId("");
|
|
|
|
|
setSelectedContactId("");
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function toggleTreeNode(node: AddressTreeNode) {
|
|
|
|
@@ -2450,8 +2462,9 @@ export default function AddressBookPage({ settings, auth, onAuthChange }: Props)
|
|
|
|
|
try {
|
|
|
|
|
const run = await getAddressImportRun(settings, importRun?.id || requestedImportRunId);
|
|
|
|
|
retainImportRun(run);
|
|
|
|
|
setSelectedTreeGroup(null);
|
|
|
|
|
setSelectedBookId(run.address_book_id);
|
|
|
|
|
setSelectedImportProfileId(run.profile_id);
|
|
|
|
|
setSelectedImportProfileId(run.profile_id ?? "");
|
|
|
|
|
} catch (err) {
|
|
|
|
|
setImportRun(null);
|
|
|
|
|
setImportRunUnavailable(
|
|
|
|
@@ -2555,7 +2568,7 @@ export default function AddressBookPage({ settings, auth, onAuthChange }: Props)
|
|
|
|
|
|
|
|
|
|
function downloadImportCorrections() {
|
|
|
|
|
if (!importRun) return;
|
|
|
|
|
const quote = (value: unknown) => `"${String(value ?? "").replaceAll('"', '""')}"`;
|
|
|
|
|
const quote = (value: unknown) => `"${String(value ?? "").replace(/"/g, '""')}"`;
|
|
|
|
|
const lines = [
|
|
|
|
|
["severity", "row", "field", "code", "message"].map(quote).join(","),
|
|
|
|
|
...importRun.diagnostics.map((item) => [item.severity, item.row_number ?? "", item.field ?? "", item.code, item.message].map(quote).join(","))
|
|
|
|
@@ -2911,6 +2924,10 @@ export default function AddressBookPage({ settings, auth, onAuthChange }: Props)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function renderSelectedBookPanel() {
|
|
|
|
|
if (selectedTreeGroup) return <div className="address-source-summary">
|
|
|
|
|
<strong>{selectedTreeGroup.label}</strong>
|
|
|
|
|
<p>i18n:govoplan-addresses.explorer.choose_book_in_group</p>
|
|
|
|
|
</div>;
|
|
|
|
|
if (!selectedBook) return <p className="address-empty-note">No address book selected.</p>;
|
|
|
|
|
return (
|
|
|
|
|
<div className="address-source-summary">
|
|
|
|
@@ -2952,40 +2969,68 @@ export default function AddressBookPage({ settings, auth, onAuthChange }: Props)
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function renderSelectedBookActions() {
|
|
|
|
|
return (
|
|
|
|
|
<>
|
|
|
|
|
<Button type="button" title="Refresh address books" aria-label="Refresh address books" onClick={() => void refreshAll()} disabledReason={refreshReason}><RefreshCw size={15} /></Button>
|
|
|
|
|
<Button type="button" title="Review address quality" aria-label="Review address quality" onClick={() => void openQualityReview()} disabledReason={qualityDashboardReason}><ShieldCheck size={15} /></Button>
|
|
|
|
|
<Button type="button" title="Add address book" aria-label="Add address book" variant="primary" onClick={openCreateBookDialog} disabledReason={createBookReason}><Plus size={15} /></Button>
|
|
|
|
|
<Button type="button" title="Add address list" aria-label="Add address list" onClick={openCreateListDialog} disabledReason={createListReason}><Plus size={15} /></Button>
|
|
|
|
|
<Button type="button" title="Import contacts" aria-label="Import contacts" onClick={openImportDialog} disabledReason={importBookReason}><Upload size={15} /></Button>
|
|
|
|
|
<select aria-label="vCard export version" value={vcardExportVersion} onChange={(event) => setVcardExportVersion(event.target.value as "3.0" | "4.0")}>
|
|
|
|
|
<option value="4.0">vCard 4.0</option>
|
|
|
|
|
<option value="3.0">vCard 3.0</option>
|
|
|
|
|
</select>
|
|
|
|
|
<Button type="button" title={`Export selected ${selectedList ? "address list" : "address book"} as vCard ${vcardExportVersion}`} aria-label={`Export selected ${selectedList ? "address list" : "address book"} as vCard ${vcardExportVersion}`} onClick={() => void exportSelectedBook()} disabledReason={exportBookReason}><Download size={15} /></Button>
|
|
|
|
|
<Button type="button" title="Connect CardDAV" aria-label="Connect CardDAV" onClick={openCardDavDialog} disabledReason={connectCardDavReason}><Link2 size={15} /></Button>
|
|
|
|
|
<Button type="button" title="Connect LDAP or Active Directory" aria-label="Connect LDAP or Active Directory" onClick={openLdapDialog} disabledReason={connectLdapReason}><Network size={15} /></Button>
|
|
|
|
|
<Button type="button" title="Inspect sync source" aria-label="Inspect sync source" onClick={() => selectedSyncSource && void openSyncInspector(selectedSyncSource)} disabledReason={inspectSyncReason}><Search size={15} /></Button>
|
|
|
|
|
<Button type="button" title="Preview sync" aria-label="Preview sync" onClick={() => void previewSelectedSync()} disabledReason={previewSyncReason}>Preview</Button>
|
|
|
|
|
<Button type="button" title="Run sync" aria-label="Run sync" onClick={() => void runSelectedSync()} disabledReason={runSyncReason}>Sync</Button>
|
|
|
|
|
{selectedList ?
|
|
|
|
|
selectedList.deleted_at ?
|
|
|
|
|
<Button type="button" title="Restore address list" aria-label="Restore address list" disabledReason={restoreListReason(selectedList)} onClick={() => void restoreDeletedList(selectedList)}><RotateCcw size={15} /></Button> :
|
|
|
|
|
<>
|
|
|
|
|
<Button type="button" title="Edit address list" aria-label="Edit address list" disabledReason={editListReason(selectedList)} onClick={() => openEditListDialog(selectedList)}><Edit3 size={15} /></Button>
|
|
|
|
|
<Button type="button" variant="danger" title="Delete address list" aria-label="Delete address list" helpContextId="addresses.action.archive" helpModuleId="addresses" disabledReason={deleteListReason(selectedList)} onClick={() => setConfirmState({ kind: "list", list: selectedList })}><Trash2 size={15} /></Button>
|
|
|
|
|
</> :
|
|
|
|
|
selectedBook?.deleted_at ?
|
|
|
|
|
<Button type="button" title="Restore address book" aria-label="Restore address book" disabledReason={restoreBookReason(selectedBook)} onClick={() => void restoreBook(selectedBook)}><RotateCcw size={15} /></Button> :
|
|
|
|
|
<>
|
|
|
|
|
<Button type="button" title="Edit address book" aria-label="Edit address book" disabledReason={selectedBook ? editBookReason(selectedBook) : "Select an address book before editing."} onClick={() => selectedBook && openEditBookDialog(selectedBook)}><Edit3 size={15} /></Button>
|
|
|
|
|
<Button type="button" variant="danger" title="Delete address book" aria-label="Delete address book" helpContextId="addresses.action.archive" helpModuleId="addresses" disabledReason={selectedBook ? deleteBookReason(selectedBook) : "Select an address book before deleting."} onClick={() => selectedBook && setConfirmState({ kind: "book", book: selectedBook })}><Trash2 size={15} /></Button>
|
|
|
|
|
</>
|
|
|
|
|
function chooseAddressAction(action: () => void) {
|
|
|
|
|
setAddressActionsOpen(null);
|
|
|
|
|
action();
|
|
|
|
|
}
|
|
|
|
|
</>
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
function renderAddressActions() {
|
|
|
|
|
return <Dialog
|
|
|
|
|
open={addressActionsOpen !== null}
|
|
|
|
|
title={addressActionsOpen === "transfer" ? "i18n:govoplan-addresses.explorer.transfer" : addressActionsOpen === "connections" ? "i18n:govoplan-addresses.explorer.connections" : "i18n:govoplan-addresses.explorer.manage_selection"}
|
|
|
|
|
description={selectedList?.name ?? selectedBook?.name ?? "i18n:govoplan-addresses.explorer.no_book"}
|
|
|
|
|
onClose={() => setAddressActionsOpen(null)}
|
|
|
|
|
footer={<Button type="button" onClick={() => setAddressActionsOpen(null)}>i18n:govoplan-core.close.bbfa773e</Button>}>
|
|
|
|
|
{addressActionsOpen === "book" && <>
|
|
|
|
|
<FormSection title="i18n:govoplan-addresses.explorer.manage_selection">
|
|
|
|
|
<ActionToolbar surface="plain">
|
|
|
|
|
<Button type="button" onClick={() => chooseAddressAction(openCreateListDialog)} disabledReason={createListReason}><Plus size={16} aria-hidden="true" /> Add address list</Button>
|
|
|
|
|
{selectedList?.deleted_at ?
|
|
|
|
|
<Button type="button" disabledReason={restoreListReason(selectedList)} onClick={() => chooseAddressAction(() => void restoreDeletedList(selectedList))}><RotateCcw size={16} aria-hidden="true" /> Restore address list</Button> : selectedList ?
|
|
|
|
|
<Button type="button" disabledReason={editListReason(selectedList)} onClick={() => chooseAddressAction(() => openEditListDialog(selectedList))}><Edit3 size={16} aria-hidden="true" /> Edit address list</Button> : selectedBook?.deleted_at ?
|
|
|
|
|
<Button type="button" disabledReason={restoreBookReason(selectedBook)} onClick={() => chooseAddressAction(() => void restoreBook(selectedBook))}><RotateCcw size={16} aria-hidden="true" /> Restore address book</Button> :
|
|
|
|
|
<Button type="button" disabledReason={selectedBook ? editBookReason(selectedBook) : "Select an address book before editing."} onClick={() => selectedBook && chooseAddressAction(() => openEditBookDialog(selectedBook))}><Edit3 size={16} aria-hidden="true" /> Edit address book</Button>}
|
|
|
|
|
</ActionToolbar>
|
|
|
|
|
</FormSection>
|
|
|
|
|
{(selectedList ? !selectedList.deleted_at : selectedBook && !selectedBook.deleted_at) && <FormSection variant="separated" title="i18n:govoplan-addresses.explorer.archive_section">
|
|
|
|
|
<ActionToolbar surface="plain">
|
|
|
|
|
{selectedList ?
|
|
|
|
|
<Button type="button" variant="danger" helpContextId="addresses.action.archive" helpModuleId="addresses" disabledReason={deleteListReason(selectedList)} onClick={() => chooseAddressAction(() => setConfirmState({ kind: "list", list: selectedList }))}><Trash2 size={16} aria-hidden="true" /> Delete address list</Button> : selectedBook &&
|
|
|
|
|
<Button type="button" variant="danger" helpContextId="addresses.action.archive" helpModuleId="addresses" disabledReason={deleteBookReason(selectedBook)} onClick={() => chooseAddressAction(() => setConfirmState({ kind: "book", book: selectedBook }))}><Trash2 size={16} aria-hidden="true" /> Delete address book</Button>}
|
|
|
|
|
</ActionToolbar>
|
|
|
|
|
</FormSection>}
|
|
|
|
|
</>}
|
|
|
|
|
{addressActionsOpen === "transfer" && <>
|
|
|
|
|
<FormSection title="i18n:govoplan-addresses.explorer.import_section">
|
|
|
|
|
<ActionToolbar surface="plain"><Button type="button" onClick={() => chooseAddressAction(openImportDialog)} disabledReason={importBookReason}><Upload size={16} aria-hidden="true" /> Import contacts</Button></ActionToolbar>
|
|
|
|
|
</FormSection>
|
|
|
|
|
<FormSection variant="separated" title="i18n:govoplan-addresses.explorer.export_section">
|
|
|
|
|
<FormGrid columns={2} collapseAt="standard">
|
|
|
|
|
<FormField label="i18n:govoplan-addresses.explorer.vcard_version">
|
|
|
|
|
<select value={vcardExportVersion} onChange={(event) => setVcardExportVersion(event.target.value as "3.0" | "4.0")}>
|
|
|
|
|
<option value="4.0">vCard 4.0</option><option value="3.0">vCard 3.0</option>
|
|
|
|
|
</select>
|
|
|
|
|
</FormField>
|
|
|
|
|
</FormGrid>
|
|
|
|
|
<ActionToolbar surface="plain"><Button type="button" onClick={() => chooseAddressAction(() => void exportSelectedBook())} disabledReason={exportBookReason}><Download size={16} aria-hidden="true" /> {selectedList ? "i18n:govoplan-addresses.explorer.export_list" : "i18n:govoplan-addresses.explorer.export_book"}</Button></ActionToolbar>
|
|
|
|
|
</FormSection>
|
|
|
|
|
</>}
|
|
|
|
|
{addressActionsOpen === "connections" && <>
|
|
|
|
|
<FormSection title="i18n:govoplan-addresses.explorer.connect_section">
|
|
|
|
|
<ActionToolbar surface="plain">
|
|
|
|
|
<Button type="button" onClick={() => chooseAddressAction(openCardDavDialog)} disabledReason={connectCardDavReason}><Link2 size={16} aria-hidden="true" /> Connect CardDAV</Button>
|
|
|
|
|
<Button type="button" onClick={() => chooseAddressAction(openLdapDialog)} disabledReason={connectLdapReason}><Network size={16} aria-hidden="true" /> Connect LDAP or Active Directory</Button>
|
|
|
|
|
</ActionToolbar>
|
|
|
|
|
</FormSection>
|
|
|
|
|
<FormSection variant="separated" title="i18n:govoplan-addresses.explorer.sync_section" description={selectedSyncSource ? syncSourceLabel(selectedSyncSource) : "i18n:govoplan-addresses.explorer.no_sync_source"}>
|
|
|
|
|
<ActionToolbar surface="plain">
|
|
|
|
|
<Button type="button" onClick={() => selectedSyncSource && chooseAddressAction(() => void openSyncInspector(selectedSyncSource))} disabledReason={inspectSyncReason}><Search size={16} aria-hidden="true" /> Inspect sync source</Button>
|
|
|
|
|
<Button type="button" onClick={() => chooseAddressAction(() => void previewSelectedSync())} disabledReason={previewSyncReason}>Preview sync</Button>
|
|
|
|
|
<Button type="button" onClick={() => chooseAddressAction(() => void runSelectedSync())} disabledReason={runSyncReason}><RefreshCw size={16} aria-hidden="true" /> Run sync</Button>
|
|
|
|
|
</ActionToolbar>
|
|
|
|
|
</FormSection>
|
|
|
|
|
</>}
|
|
|
|
|
</Dialog>;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function renderContactRow(contact: Contact) {
|
|
|
|
@@ -3196,6 +3241,20 @@ export default function AddressBookPage({ settings, auth, onAuthChange }: Props)
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<div className="workspace-data-page module-entry-page address-book-page address-book-fullscreen">
|
|
|
|
|
<PageActionBar
|
|
|
|
|
variant="collection"
|
|
|
|
|
label="i18n:govoplan-addresses.explorer.page_actions"
|
|
|
|
|
className="address-page-actions"
|
|
|
|
|
refreshable
|
|
|
|
|
reloadAction={{ onReload: () => void refreshAll(), loading, disabledReason: refreshReason }}
|
|
|
|
|
contextActions={<>
|
|
|
|
|
<Button type="button" helpContextId="addresses.explorer.transfer" helpModuleId="addresses" helpTopicId="addresses.boundary" onClick={() => setAddressActionsOpen("transfer")} disabledReason={savingReason}><Upload size={16} aria-hidden="true" /> i18n:govoplan-addresses.explorer.transfer</Button>
|
|
|
|
|
<Button type="button" onClick={() => setAddressActionsOpen("connections")} disabledReason={savingReason}><Link2 size={16} aria-hidden="true" /> i18n:govoplan-addresses.explorer.connections</Button>
|
|
|
|
|
<Button type="button" onClick={() => void openQualityReview()} disabledReason={qualityDashboardReason}><ShieldCheck size={16} aria-hidden="true" /> i18n:govoplan-addresses.explorer.quality</Button>
|
|
|
|
|
</>}
|
|
|
|
|
helpAction={<DocumentationHelpLink reference={ADDRESSES_DOCUMENTATION} />}
|
|
|
|
|
createAction={<Button type="button" variant="primary" onClick={openCreateBookDialog} disabledReason={createBookReason}><Plus size={16} aria-hidden="true" /> Add address book</Button>}
|
|
|
|
|
/>
|
|
|
|
|
{error && <DismissibleAlert className="address-error" compact tone="danger" resetKey={error}>{error}</DismissibleAlert>}
|
|
|
|
|
{notice && !error && <DismissibleAlert className="address-error" compact tone="success" resetKey={notice}>{notice}</DismissibleAlert>}
|
|
|
|
|
{!canWriteBooks && !canWriteLists && !canWriteContacts && <ActionBlockerHint
|
|
|
|
@@ -3219,10 +3278,7 @@ export default function AddressBookPage({ settings, auth, onAuthChange }: Props)
|
|
|
|
|
<h2>Address books</h2>
|
|
|
|
|
<p>{books.length} book{books.length === 1 ? "" : "s"}</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="button-row compact-actions address-icon-actions">
|
|
|
|
|
<DocumentationHelpLink reference={ADDRESSES_DOCUMENTATION} />
|
|
|
|
|
{renderSelectedBookActions()}
|
|
|
|
|
</div>
|
|
|
|
|
<Button type="button" onClick={() => setAddressActionsOpen("book")} disabledReason={savingReason || (!selectedBook ? "i18n:govoplan-addresses.explorer.no_book" : "")}><Settings2 size={16} aria-hidden="true" /> i18n:govoplan-addresses.explorer.manage</Button>
|
|
|
|
|
</header>
|
|
|
|
|
<div className="address-tree-filter-row">
|
|
|
|
|
<ToggleSwitch
|
|
|
|
@@ -3266,7 +3322,7 @@ export default function AddressBookPage({ settings, auth, onAuthChange }: Props)
|
|
|
|
|
<div>
|
|
|
|
|
<h2>{selectedList ? selectedList.name : selectedBook ? selectedBook.name : "Contacts"}</h2>
|
|
|
|
|
<p>
|
|
|
|
|
{contactTotal} contact{contactTotal === 1 ? "" : "s"}
|
|
|
|
|
{selectedTreeGroup ? 0 : contactTotal} contact{!selectedTreeGroup && contactTotal === 1 ? "" : "s"}
|
|
|
|
|
{selectedList ? " in selected list" : selectedBook ? " in selected book" : ""}
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
@@ -3274,7 +3330,7 @@ export default function AddressBookPage({ settings, auth, onAuthChange }: Props)
|
|
|
|
|
{selectedList &&
|
|
|
|
|
<Button type="button" onClick={() => void openAddMembersDialog()} disabledReason={addMembersReason}><UserPlus size={16} /> Add to list</Button>
|
|
|
|
|
}
|
|
|
|
|
<Button type="button" variant="primary" onClick={openCreateContactDialog} disabledReason={createContactReason}><Plus size={16} /> Contact</Button>
|
|
|
|
|
<Button type="button" variant="primary" onClick={openCreateContactDialog} disabledReason={createContactReason}><Plus size={16} /> Add contact</Button>
|
|
|
|
|
</div>
|
|
|
|
|
</header>
|
|
|
|
|
<ActionToolbar className="address-contact-toolbar">
|
|
|
|
@@ -3299,7 +3355,7 @@ export default function AddressBookPage({ settings, auth, onAuthChange }: Props)
|
|
|
|
|
<DataGridPaginationBar
|
|
|
|
|
page={contactPage}
|
|
|
|
|
pageSize={contactPageSize}
|
|
|
|
|
totalRows={contactTotal}
|
|
|
|
|
totalRows={selectedTreeGroup ? 0 : contactTotal}
|
|
|
|
|
pageSizeOptions={[25, 50, 100, 200]}
|
|
|
|
|
disabled={loading || saving || !selectedBook}
|
|
|
|
|
className="address-contact-pagination"
|
|
|
|
@@ -3317,6 +3373,8 @@ export default function AddressBookPage({ settings, auth, onAuthChange }: Props)
|
|
|
|
|
</div>
|
|
|
|
|
</LoadingFrame>
|
|
|
|
|
|
|
|
|
|
{renderAddressActions()}
|
|
|
|
|
|
|
|
|
|
<Dialog
|
|
|
|
|
open={Boolean(bookDialog)}
|
|
|
|
|
title={bookDialog?.mode === "edit" ? "Edit address book" : "Add address book"}
|
|
|
|
@@ -3480,7 +3538,7 @@ export default function AddressBookPage({ settings, auth, onAuthChange }: Props)
|
|
|
|
|
<article className="address-governance-rule" key={rule.id}>
|
|
|
|
|
<div className="address-governance-rule-main">
|
|
|
|
|
<span className="address-governance-rule-heading">
|
|
|
|
|
<strong>{rule.channel.replace("_", " ")} · {rule.decision.replaceAll("_", " ")}</strong>
|
|
|
|
|
<strong>{rule.channel.replace("_", " ")} · {rule.decision.replace(/_/g, " ")}</strong>
|
|
|
|
|
<StatusBadge status={state} />
|
|
|
|
|
</span>
|
|
|
|
|
<span>{rule.purpose || "All purposes"}{rule.reason ? ` · ${rule.reason}` : ""}</span>
|
|
|
|
@@ -4480,7 +4538,7 @@ export default function AddressBookPage({ settings, auth, onAuthChange }: Props)
|
|
|
|
|
<StatusBadge status={conflictDialog.status} />
|
|
|
|
|
{conflictDialog.resolution && <StatusBadge status={conflictDialog.resolution} />}
|
|
|
|
|
</div>
|
|
|
|
|
{conflictDialog.metadata?.message && <p className="muted">{String(conflictDialog.metadata.message)}</p>}
|
|
|
|
|
{Boolean(conflictDialog.metadata?.message) && <p className="muted">{String(conflictDialog.metadata.message)}</p>}
|
|
|
|
|
{!canApplyRemoteConflict(conflictDialog) && <DismissibleAlert tone="warning" dismissible={false}>This conflict predates stored field payloads or came from a stale write. It can be marked resolved or ignored, but the remote value cannot be applied automatically.</DismissibleAlert>}
|
|
|
|
|
</div>
|
|
|
|
|
<div className="address-conflict-grid">
|
|
|
|
|
