Integration Upwork UI Plugin
The Upwork integration UI plugin provides the frontend interface for connecting and managing Upwork freelance projects, contracts, and payments within Ever Gauzy.
Plugin Detailsβ
| Property | Value |
|---|---|
| Plugin ID | integration-upwork |
| Package | @gauzy/plugin-integration-upwork-ui |
| Version | 1.0.0 |
| Location | integrations-sections |
| Type | Module-based (Angular) |
| Permission | INTEGRATION_VIEW |
Plugin Definitionβ
import { PluginUiDefinition } from '@gauzy/plugin-ui';
import { PermissionsEnum } from '@gauzy/contracts';
import { IntegrationUpworkUiModule } from './integration-upwork-ui.module';
import { INTEGRATION_UPWORK_PAGE_ROUTE } from './integration-upwork.routes';
export const IntegrationUpworkPlugin: PluginUiDefinition = {
id: 'integration-upwork',
version: '1.0.0',
location: 'integrations-sections',
module: IntegrationUpworkUiModule,
permissionKeys: [PermissionsEnum.INTEGRATION_VIEW],
routes: [INTEGRATION_UPWORK_PAGE_ROUTE as PluginRouteInput]
};
Registrationβ
Registered as a flat plugin in apps/gauzy/src/plugin-ui.config.ts:
import { IntegrationUpworkPlugin } from '@gauzy/plugin-integration-upwork-ui';
export const uiPluginConfig: PluginUiConfig = {
plugins: [
IntegrationUpworkPlugin,
// ...
]
};
Routesβ
| Path | URL | Component | Description |
|---|---|---|---|
/ | /pages/integrations/upwork | UpworkAuthorizeComponent | Authorization page |
/regenerate | /pages/integrations/upwork/regenerate | UpworkAuthorizeComponent | Re-authorize |
/:id | /pages/integrations/upwork/:id | UpworkComponent | Main integration view |
/:id/activities | /pages/integrations/upwork/:id/activities | TransactionsComponent | Activity log |
/:id/reports | /pages/integrations/upwork/:id/reports | ReportsComponent | Upwork reports |
/:id/transactions | /pages/integrations/upwork/:id/transactions | TransactionsComponent | Financial transactions |
/:id/contracts | /pages/integrations/upwork/:id/contracts | ContractsComponent | Contract management |
Featuresβ
- OAuth Authorization β Connect Upwork accounts via OAuth flow
- Contract Management β View and manage active Upwork contracts
- Activity Tracking β Browse synced activities and time entries
- Financial Reports β View transaction history and payment reports
- Data Sync Configuration β Select which Upwork data to synchronize
Componentsβ
| Component | Purpose |
|---|---|
IntegrationUpworkLayoutComponent | Main layout wrapper |
UpworkAuthorizeComponent | OAuth authorization flow |
UpworkComponent | Primary integration interface |
TransactionsComponent | Activities and transactions view |
ContractsComponent | Contract listing and management |
ReportsComponent | Financial reports |
SyncDataSelectionComponent | Data synchronization settings |
Relatedβ
- Plugin UI System β how UI plugins work
- Upwork Integration β backend integration setup