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