{
6 | return i18n.init({
7 | resources: {
8 | en: {
9 | translation: resource || translation
10 | }
11 | },
12 | lng: 'en',
13 | fallbackLng: 'en'
14 | });
15 | }
16 |
--------------------------------------------------------------------------------
/app/utils/hooks/useManager.ts:
--------------------------------------------------------------------------------
1 | import { useSelector } from 'react-redux';
2 | import { useMemo } from 'react';
3 | import type { ReduxState } from '../../reducers';
4 | import Manager from '../Manager';
5 |
6 | /**
7 | * Gets current manager from context.
8 | * @returns current manager object
9 | */
10 | export default function useManager() {
11 | const manager = useSelector((state: ReduxState) => state.manager);
12 | return useMemo(() => new Manager(manager), [manager]);
13 | }
14 |
--------------------------------------------------------------------------------
/app/widgets/common/inputs/utils/getConstraintValueFunction.ts:
--------------------------------------------------------------------------------
1 | import type { Constraint } from '../types';
2 |
3 | export default function getConstraintValueFunction(constraints: Constraint[]) {
4 | return (constraintName: string) => {
5 | if (_.isEmpty(constraints)) {
6 | return undefined;
7 | }
8 | const index = _.findIndex(constraints, constraintName);
9 | return index >= 0 ? constraints[index][constraintName] : null;
10 | };
11 | }
12 |
--------------------------------------------------------------------------------
/widgets/filter/src/types.ts:
--------------------------------------------------------------------------------
1 | import type { PollingTimeConfiguration } from 'app/utils/GenericConfig';
2 |
3 | export interface FilterConfiguration extends PollingTimeConfiguration {
4 | filterByBlueprints: boolean;
5 | filterByDeployments: boolean;
6 | filterByExecutions: boolean;
7 | filterByNodes: boolean;
8 | filterByNodeInstances: boolean;
9 | filterByExecutionsStatus: boolean;
10 | filterBySiteName: boolean;
11 | allowMultipleSelection: boolean;
12 | }
13 |
--------------------------------------------------------------------------------
/test/cypress/integration/widgets/servers_num_spec.ts:
--------------------------------------------------------------------------------
1 | describe('Number of nodes widget', () => {
2 | before(() =>
3 | cy
4 | .activate('valid_trial_license')
5 | .usePageMock('serversNum', { pollingTime: 1 })
6 | .mockLogin()
7 | .killRunningExecutions()
8 | .deleteDeployments('', true)
9 | );
10 |
11 | it('should display nodes count', () => {
12 | cy.contains('.serversNumWidget', '0');
13 | });
14 | });
15 |
--------------------------------------------------------------------------------
/packaging/files/usr/lib/systemd/system/cloudify-stage.service:
--------------------------------------------------------------------------------
1 | [Unit]
2 | Description=Cloudify Console Service
3 | Wants=network-online.target
4 | After=network-online.target
5 |
6 | [Service]
7 | TimeoutStartSec=0
8 | Restart=always
9 | RestartSec=10
10 | EnvironmentFile=/etc/sysconfig/cloudify-stage
11 | User=stage_user
12 | Group=stage_group
13 | WorkingDirectory=/opt/cloudify-stage/backend
14 | ExecStart=/usr/bin/npm run start
15 | UMask=0002
16 |
17 | [Install]
18 | WantedBy=multi-user.target
19 |
--------------------------------------------------------------------------------
/test/jest/widgets/common/PollHelper.test.ts:
--------------------------------------------------------------------------------
1 | import PollHelper from 'widgets/common/utils/PollHelper';
2 |
3 | describe('(Widgets common) PollHelper', () => {
4 | it('should reject when maximum number of attempts is exceeded', async () => {
5 | const pollHelper = new PollHelper(1);
6 |
7 | await pollHelper.wait();
8 | pollHelper.resetAttempts();
9 | await pollHelper.wait();
10 | await expect(pollHelper.wait()).rejects.toThrowError();
11 | });
12 | });
13 |
--------------------------------------------------------------------------------
/widgets/composerLink/README.md:
--------------------------------------------------------------------------------
1 | # Composer link
2 | Opens the [{{< param cfy_composer_name >}}]({{< param cfy_composer_link >}}), which allows creating blueprints with a graphical drag-and-drop tool.
3 |
4 |
5 | The {{< param cfy_composer_name >}} comes as part of the {{< param mgr_premium_title >}}, and is only available for users with certain roles.
6 |
7 |
8 | 
9 |
10 |
11 | ## Settings
12 |
13 | None
14 |
--------------------------------------------------------------------------------
/app/components/overlays/gettingStarted/common/icons.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Icon } from 'semantic-ui-react';
3 |
4 | const iconStyle = { marginLeft: '0.5em', verticalAlign: 'middle', display: 'inline-block' };
5 |
6 | export const SuccessIcon = () => ;
7 | export const ErrorIcon = () => ;
8 | export const ProcessingIcon = () => ;
9 |
--------------------------------------------------------------------------------
/widgets/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tsconfig.base.json",
3 | "compilerOptions": {
4 | "types": ["react", "react-dom", "moment", "lodash"],
5 | "plugins": [{ "name": "typescript-styled-plugin" }],
6 | "paths": {
7 | "*": ["../*"]
8 | }
9 | },
10 | "include": ["**/*", "**/*.json", "../app/typings", "../app/utils/consts.ts", "../backend/routes/*.types.ts"],
11 | "exclude": ["*/backend.ts"],
12 | "references": [{ "path": "../app" }]
13 | }
14 |
--------------------------------------------------------------------------------
/app/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tsconfig.base.json",
3 | "compilerOptions": {
4 | "types": [],
5 | "plugins": [{ "name": "typescript-styled-plugin" }],
6 | "paths": {
7 | "*": ["../*"]
8 | }
9 | },
10 | "include": ["**/*", "**/*.json", "../backend/consts.ts", "../backend/serverSettings.ts", "../backend/**/types.ts",
11 | "../backend/**/*.types.ts", "../backend/sharedUtils.ts", "../conf/*.json"],
12 | "files": ["../package.json"]
13 | }
14 |
--------------------------------------------------------------------------------
/app/widgets/common/deployments/DeploymentUpdatesActions.ts:
--------------------------------------------------------------------------------
1 | export default class DeploymentUpdatesActions {
2 | constructor(private toolbox: Stage.Types.WidgetlessToolbox) {
3 | this.toolbox = toolbox;
4 | }
5 |
6 | doGetUpdate(id: string) {
7 | return this.toolbox.getManager().doGet(`/deployment-updates/${id}`);
8 | }
9 |
10 | doGetExecutionParameters(id: string) {
11 | return this.toolbox.getManager().doGet(`/executions/${id}?_include=parameters`);
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/backend/routes/GitHub.types.ts:
--------------------------------------------------------------------------------
1 | /* eslint-disable import/no-extraneous-dependencies,node/no-unpublished-import */
2 | import type { Endpoints } from '@octokit/types';
3 |
4 | export type { Endpoints } from '@octokit/types';
5 |
6 | export type GetGitHubSearchRepositoriesResponse = Endpoints['GET /search/repositories']['response']['data'] & {
7 | isAuth: boolean;
8 | };
9 |
10 | export type GetGitHubReposTreesResponse =
11 | Endpoints['GET /repos/{owner}/{repo}/git/trees/{tree_sha}']['response']['data'];
12 |
--------------------------------------------------------------------------------
/widgets/deploymentActionButtons/src/widget.types.ts:
--------------------------------------------------------------------------------
1 | import type { FullDeploymentData } from 'app/widgets/common/deployments/DeploymentActions';
2 | import type { fetchedDeploymentFields } from './widget.consts';
3 |
4 | export type FetchedDeployment = Pick;
5 |
6 | export type FetchedDeploymentState =
7 | // eslint-disable-next-line camelcase
8 | { status: 'success'; data: FetchedDeployment } | { status: 'loading' } | { status: 'error'; error: Error };
9 |
--------------------------------------------------------------------------------
/app/components/page/content/PageContent.css:
--------------------------------------------------------------------------------
1 | .draggedTab {
2 | border: 1px solid #d4d4d5;
3 | border-bottom: none;
4 | border-top-left-radius: 4px;
5 | border-top-right-radius: 4px;
6 | margin-bottom: 4px;
7 | padding-top: 13px;
8 | text-align: center;
9 | color: rgba(0, 0, 0, 0.95);
10 | background-color: white;
11 | opacity: 0.9;
12 | }
13 |
14 | .draggedTab.active {
15 | font-weight: bold;
16 | }
17 |
18 | .draggedTab button {
19 | margin-right: 0 !important;
20 | }
21 |
--------------------------------------------------------------------------------
/app/widgets/common/map/MarkerIcon.ts:
--------------------------------------------------------------------------------
1 | import Consts from '../../../utils/consts';
2 |
3 | export type MarkerIconColor = 'blue' | 'green' | 'grey' | 'red' | 'yellow';
4 |
5 | export function createMarkerIcon(color: MarkerIconColor) {
6 | return new window.L.Icon({
7 | iconUrl: `${Consts.CONTEXT_PATH}/static/images/marker-icon-${color}.png`,
8 | shadowUrl: `${Consts.CONTEXT_PATH}/static/images/marker-shadow.png`,
9 | iconAnchor: [12, 41],
10 | popupAnchor: [1, -34]
11 | });
12 | }
13 |
--------------------------------------------------------------------------------
/semantic-ui/site/collections/menu.overrides.less:
--------------------------------------------------------------------------------
1 | /*******************************
2 | Site Overrides
3 | *******************************/
4 |
5 | .ui.pagination.menu {
6 | box-shadow: none;
7 | border-color: @lightGrey;
8 | .item {
9 | &::before {
10 | width: 0;
11 | }
12 | &.active {
13 | &::before {
14 | width: 0;
15 | }
16 | }
17 | &:hover {
18 | color: @blue;
19 | }
20 | }
21 | }
22 |
--------------------------------------------------------------------------------
/app/components/overlays/gettingStarted/useCloudSetupUrlParam.ts:
--------------------------------------------------------------------------------
1 | import useSearchParam from '../../../utils/hooks/useSearchParam';
2 |
3 | const cloudSetupParameterName = 'cloudSetup';
4 | const cloudSetupParameterValue = 'true';
5 |
6 | export default function useCloudSetupUrlParam(): [boolean, () => void] {
7 | const [cloudSetupParameter, , deleteCloudSetupParameter] = useSearchParam(cloudSetupParameterName);
8 |
9 | return [cloudSetupParameter === cloudSetupParameterValue, deleteCloudSetupParameter];
10 | }
11 |
--------------------------------------------------------------------------------
/app/index.tmpl.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Cloudify Console
6 |
7 |
8 |
9 |
10 |
11 |
17 |
18 |
--------------------------------------------------------------------------------
/app/utils/hooks/useEventListener.ts:
--------------------------------------------------------------------------------
1 | import { useEffect } from 'react';
2 |
3 | export default function useEventListener(
4 | toolbox: Stage.Types.WidgetlessToolbox,
5 | event: string | undefined,
6 | handler: (...args: any[]) => void
7 | ) {
8 | useEffect(() => {
9 | if (event) {
10 | toolbox.getEventBus().on(event, handler);
11 | return () => toolbox.getEventBus().off(event, handler);
12 | }
13 |
14 | return undefined;
15 | }, [event, handler]);
16 | }
17 |
--------------------------------------------------------------------------------
/widgets/filters/src/FilterAddModal.tsx:
--------------------------------------------------------------------------------
1 | import type { FunctionComponent } from 'react';
2 | import type { FilterModalProps } from './FilterModal';
3 | import FilterModal from './FilterModal';
4 |
5 | type FilterAddModalProps = Pick;
6 |
7 | const FilterAddModal: FunctionComponent = props => {
8 | return ;
9 | };
10 |
11 | export default FilterAddModal;
12 |
--------------------------------------------------------------------------------
/app/widgets/common/deploymentsView/index.ts:
--------------------------------------------------------------------------------
1 | import * as DCommon from './common';
2 | import { getSharedConfiguration, sharedDefinition } from './configuration';
3 | import { DeploymentsView as DDeploymentsView } from './DeploymentsView';
4 | import './styles.scss';
5 | import { DeploymentStatus } from './types';
6 |
7 | export default {
8 | sharedDefinition,
9 | Common: DCommon,
10 | Configuration: { getSharedConfiguration },
11 | DeploymentsView: DDeploymentsView,
12 | Types: { DeploymentStatus }
13 | };
14 |
--------------------------------------------------------------------------------
/backend/routes/Filters.ts:
--------------------------------------------------------------------------------
1 | import express from 'express';
2 | import type { Response } from 'express';
3 | import { getFilterUsage } from '../handler/FilterHandler';
4 | import type { GetFiltersUsageResponse } from './Filters.types';
5 |
6 | const router = express.Router();
7 |
8 | router.get('/usage/:filterId', (req, res: Response, next) => {
9 | getFilterUsage(req.params.filterId)
10 | .then(result => res.send(result))
11 | .catch(next);
12 | });
13 |
14 | export default router;
15 |
--------------------------------------------------------------------------------
/backend/test/routes/Widgets.test.ts:
--------------------------------------------------------------------------------
1 | import request from 'supertest';
2 | import app from 'app';
3 | import { isAuthorized } from 'handler/AuthHandler';
4 |
5 | jest.mock('handler/AuthHandler');
6 |
7 | (isAuthorized).mockReturnValue(false);
8 |
9 | describe('/widgets endpoint', () => {
10 | it('should validate install widget permission', async () => {
11 | const response = await request(app).delete('/console/widgets/widgetId');
12 | expect(response.statusCode).toBe(403);
13 | });
14 | });
15 |
--------------------------------------------------------------------------------
/app/widgets/common/labels/LabelErrorPopup.tsx:
--------------------------------------------------------------------------------
1 | import type { ComponentProps, FunctionComponent } from 'react';
2 | import React from 'react';
3 |
4 | interface LabelsErrorPopupProps {
5 | content: ComponentProps['content'];
6 | }
7 |
8 | const LabelsErrorPopup: FunctionComponent = ({ content }) => {
9 | const { Popup } = Stage.Basic;
10 | return } content={content} position="top left" pinned wide />;
11 | };
12 | export default LabelsErrorPopup;
13 |
--------------------------------------------------------------------------------
/backend/migrations/common/types.ts:
--------------------------------------------------------------------------------
1 | // eslint-disable-next-line import/no-extraneous-dependencies,node/no-unpublished-import
2 | import type { DataTypes } from 'sequelize';
3 | import type { UpDownFunction } from 'cloudify-ui-common-backend';
4 |
5 | export type DataTypes = typeof DataTypes;
6 | // eslint-disable-next-line import/no-extraneous-dependencies,node/no-unpublished-import
7 | export type { QueryInterface, QueryInterfaceIndexOptions } from 'sequelize';
8 | export type MigrationObject = { up: UpDownFunction; down: UpDownFunction };
9 |
--------------------------------------------------------------------------------
/backend/handler/__mocks__/AuthHandler.ts:
--------------------------------------------------------------------------------
1 | export const isAuthorized = jest.fn(() => {
2 | return true;
3 | });
4 |
5 | export const getRBAC = jest.fn(() => {
6 | return Promise.resolve({ permissions: {} });
7 | });
8 |
9 | export const getToken = jest.fn();
10 |
11 | export const isProductLicensed = jest.fn();
12 |
13 | export const getManagerVersion = jest.fn();
14 |
15 | export const getAndCacheConfig = jest.fn();
16 |
17 | export const getLicense = jest.fn();
18 |
19 | export const getTokenViaSamlResponse = jest.fn();
20 |
--------------------------------------------------------------------------------
/backend/routes/index.d.ts:
--------------------------------------------------------------------------------
1 | import type { GroupSystemRoles, TenantsRoles } from '../types';
2 |
3 | declare global {
4 | namespace Express {
5 | interface User {
6 | username: string;
7 | role: string;
8 | // eslint-disable-next-line camelcase
9 | group_system_roles: GroupSystemRoles;
10 | tenants: TenantsRoles;
11 | // eslint-disable-next-line camelcase
12 | show_getting_started: boolean;
13 | }
14 | }
15 | }
16 |
17 | export {};
18 |
--------------------------------------------------------------------------------
/widgets/agents/src/consts.ts:
--------------------------------------------------------------------------------
1 | import type { InstallMethod } from './types';
2 |
3 | interface InstallMethodsOption {
4 | text: string;
5 | name: string;
6 | value: InstallMethod;
7 | }
8 |
9 | export const installMethodsOptions: InstallMethodsOption[] = [
10 | { text: 'Remote', name: 'Remote', value: 'remote' },
11 | { text: 'Plugin', name: 'Plugin', value: 'plugin' },
12 | { text: 'Init Script', name: 'Init Script', value: 'init_script' },
13 | { text: 'Provided', name: 'Provided', value: 'provided' }
14 | ];
15 |
--------------------------------------------------------------------------------
/widgets/executionNum/README.md:
--------------------------------------------------------------------------------
1 | # Number of running executions
2 | Displays the total number of executions which are currently running, i.e, in one of the following statuses:
3 | 'pending', 'started', 'cancelling', 'force_cancelling', 'kill_cancelling' according to the user’s permissions.
4 |
5 | 
6 |
7 |
8 | ## Settings
9 |
10 | * `Refresh time interval` - The time interval in which the widget’s data will be refreshed, in seconds. Default: 10 seconds.
11 |
--------------------------------------------------------------------------------
/widgets/tokens/src/TokensTableHeader/CreateTokenModal.types.ts:
--------------------------------------------------------------------------------
1 | export interface ReceivedToken {
2 | id: string;
3 | description: string;
4 | // eslint-disable-next-line camelcase
5 | expiration_date: null;
6 | // eslint-disable-next-line camelcase
7 | last_used: null;
8 | username: string;
9 | value: string;
10 | role: string;
11 | }
12 |
13 | export interface TokensPostRequestBody {
14 | description?: string;
15 | // eslint-disable-next-line camelcase
16 | expiration_date?: string;
17 | }
18 |
--------------------------------------------------------------------------------
/app/widgets/common/labels/index.ts:
--------------------------------------------------------------------------------
1 | import { sortLabels, isLabelModifiable } from './common';
2 | import DuplicationErrorPopup from './DuplicationErrorPopup';
3 | import Input from './LabelsInput';
4 | import Modal from './LabelsModal';
5 | import ManageModal from './ManageLabelsModal';
6 | import ValidationErrorPopup from './ValidationErrorPopup';
7 |
8 | export default {
9 | DuplicationErrorPopup,
10 | Input,
11 | Modal,
12 | ManageModal,
13 | ValidationErrorPopup,
14 | sortLabels,
15 | isLabelModifiable
16 | };
17 |
--------------------------------------------------------------------------------
/semantic-ui/site/collections/message.overrides.less:
--------------------------------------------------------------------------------
1 | /*******************************
2 | Site Overrides
3 | *******************************/
4 |
5 | .ui.message {
6 | &.icon {
7 | & {
8 | align-items: flex-start;
9 | }
10 |
11 | & > .icon:not(.close) {
12 | @relativeIconSizeScaling: @emSize / 30;
13 |
14 | margin-right: @horizontalPadding * @relativeIconSizeScaling;
15 | margin-top: @relative2px * @relativeIconSizeScaling;
16 | }
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/widgets/deploymentActionButtons/README.md:
--------------------------------------------------------------------------------
1 | # Deployment action buttons
2 | Buttons which allow running workflows of the deployment currently set in the context, updating it or deleting it.
3 |
4 | See [notes](/working_with/console/widgets/index.html) for more information on resource context.
5 |
6 | 
7 |
8 |
9 | ## Settings
10 |
11 | * `Refresh time interval` - The time interval in which the widget’s data will be refreshed, in seconds. Default: 5 seconds.
12 |
--------------------------------------------------------------------------------
/widgets/filters/src/FilterEditModal.tsx:
--------------------------------------------------------------------------------
1 | import type { FunctionComponent } from 'react';
2 | import type { FilterModalProps } from './FilterModal';
3 | import FilterModal from './FilterModal';
4 |
5 | type FilterEditModalProps = Omit;
6 |
7 | const FilterEditModal: FunctionComponent = props => {
8 | return ;
9 | };
10 |
11 | export default FilterEditModal;
12 |
--------------------------------------------------------------------------------
/app/actions/manager/version.ts:
--------------------------------------------------------------------------------
1 | import type { VersionResponse } from 'backend/handler/AuthHandler.types';
2 | import type { PayloadAction } from '../types';
3 | import { ActionType } from '../types';
4 |
5 | export type SetVersionAction = PayloadAction;
6 | export type VersionAction = SetVersionAction;
7 |
8 | export function setVersion(version: VersionResponse): SetVersionAction {
9 | return {
10 | type: ActionType.SET_MANAGER_VERSION,
11 | payload: version
12 | };
13 | }
14 |
--------------------------------------------------------------------------------
/app/widgets/common/components/IconButtonsGroup.tsx:
--------------------------------------------------------------------------------
1 | import type { FunctionComponent } from 'react';
2 | import React from 'react';
3 | import styled from 'styled-components';
4 |
5 | const RightAlignedDiv = styled.div`
6 | display: flex;
7 | justify-content: flex-end;
8 | && > * {
9 | margin-left: 15px;
10 | }
11 | `;
12 |
13 | const IconButtonsGroup: FunctionComponent = ({ children }) => {
14 | return children ? {children} : null;
15 | };
16 |
17 | export default IconButtonsGroup;
18 |
--------------------------------------------------------------------------------
/app/widgets/common/deployModal/useFetchTrigger.ts:
--------------------------------------------------------------------------------
1 | import type { DependencyList } from 'react';
2 | import { useCallback, useEffect } from 'react';
3 | import { debounce } from 'lodash';
4 |
5 | const useFetchTrigger = (fetchTrigger: () => void, fetchDependencies: DependencyList) => {
6 | const delayMs = 500;
7 | const debouncedFetchTrigger = useCallback(debounce(fetchTrigger, delayMs), []);
8 |
9 | useEffect(() => {
10 | debouncedFetchTrigger();
11 | }, fetchDependencies);
12 | };
13 |
14 | export default useFetchTrigger;
15 |
--------------------------------------------------------------------------------
/backend/routes/SourceBrowser.types.ts:
--------------------------------------------------------------------------------
1 | import type { ScanningDir } from '../handler/SourceHandler.types';
2 |
3 | export type GetSourceBrowseBlueprintFileResponse = string;
4 |
5 | interface ScanningDirWithTimestamp extends ScanningDir {
6 | timestamp: string;
7 | }
8 |
9 | export type GetSourceBrowseBlueprintArchiveResponse = ScanningDirWithTimestamp | null;
10 |
11 | export interface PutSourceListYamlQueryParams {
12 | includeFilename?: string;
13 | url?: string;
14 | }
15 |
16 | export type PutSourceListYamlResponse = string[];
17 |
--------------------------------------------------------------------------------
/widgets/userGroups/src/widget.types.ts:
--------------------------------------------------------------------------------
1 | import type { UserGroupResponse } from 'backend/handler/AuthHandler.types';
2 | import type { DataTableConfiguration, PollingTimeConfiguration } from '../../../app/utils/GenericConfig';
3 |
4 | export type UserGroup = UserGroupResponse;
5 |
6 | export declare namespace UserGroupManagmentWidget {
7 | export type Params = unknown;
8 |
9 | export type Data = Stage.Types.PaginatedResponse;
10 |
11 | export type Configuration = PollingTimeConfiguration & DataTableConfiguration;
12 | }
13 |
--------------------------------------------------------------------------------
/backend/migrations/20220523121125-6_4-RemoveApplicationsTable.ts:
--------------------------------------------------------------------------------
1 | import { createApplicationModel } from './20170425132017-4_0-init';
2 | import type { MigrationObject } from './common/types';
3 |
4 | export const { up, down }: MigrationObject = {
5 | up: queryInterface =>
6 | queryInterface
7 | .dropTable('Applications')
8 | .then(() => queryInterface.removeIndex('Applications', ['id'], { type: 'UNIQUE' })),
9 |
10 | down: (queryInterface, Sequelize) => createApplicationModel(queryInterface, Sequelize)
11 | };
12 |
--------------------------------------------------------------------------------
/backend/test/handlers/services/LoggerService.test.ts:
--------------------------------------------------------------------------------
1 | import { getLogger } from 'handler/LoggerHandler';
2 | import Logger from 'handler/services/LoggerService';
3 |
4 | jest.mock('handler/LoggerHandler');
5 | const loggerMock = {};
6 | (getLogger).mockReturnValue(loggerMock);
7 |
8 | describe('LoggerService', () => {
9 | it('should return logger instance', () => {
10 | const logger = Logger();
11 | expect(logger).toBe(loggerMock);
12 | expect(getLogger).toHaveBeenCalledWith('WidgetBackend');
13 | });
14 | });
15 |
--------------------------------------------------------------------------------
/app/utils/ConfigLoader.ts:
--------------------------------------------------------------------------------
1 | import log from 'loglevel';
2 | import fetch from 'isomorphic-fetch';
3 |
4 | import type { GetConfigResponse } from 'backend/routes/Config.types';
5 | import StageUtils from './stageUtils';
6 |
7 | export default class ConfigLoader {
8 | static load(): Promise {
9 | return fetch(StageUtils.Url.url('/config'))
10 | .then(response => response.json())
11 | .catch(e => {
12 | log.debug('Error fetching configuration file', e);
13 | });
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/app/widgets/common/filters/index.ts:
--------------------------------------------------------------------------------
1 | import { environmentFilterRule, filterIdQueryParameterName } from './common';
2 | import FilterActions from './FilterActions';
3 | import FilterIdDropdown from './FilterIdDropdown';
4 | import RulesForm from './RulesForm';
5 | import { FilterRuleOperators, FilterRuleType } from './types';
6 |
7 | export default {
8 | Actions: FilterActions,
9 | environmentFilterRule,
10 | FilterIdDropdown,
11 | filterIdQueryParameterName,
12 | RulesForm,
13 | FilterRuleOperators,
14 | FilterRuleType
15 | };
16 |
--------------------------------------------------------------------------------
/backend/migrations/20220523115533-6_4-RemoveClientConfigsTable.ts:
--------------------------------------------------------------------------------
1 | import { createClientConfigs } from './20170425132017-4_0-init';
2 | import type { MigrationObject } from './common/types';
3 |
4 | export const { up, down }: MigrationObject = {
5 | up: queryInterface =>
6 | queryInterface
7 | .dropTable('ClientConfigs')
8 | .then(() => queryInterface.removeIndex('ClientConfigs', ['managerIp'], { type: 'UNIQUE' })),
9 |
10 | down: (queryInterface, Sequelize) => createClientConfigs(queryInterface, Sequelize)
11 | };
12 |
--------------------------------------------------------------------------------
/widgets/blueprintCatalog/src/consts.ts:
--------------------------------------------------------------------------------
1 | export default {
2 | WIDGET_ID: 'blueprintCatalog',
3 | GITHUB_DATA_SOURCE: 'github',
4 | JSON_DATA_SOURCE: 'json',
5 | BLUEPRINT_IMAGE_FILENAME: 'blueprint.png',
6 | GITHUB_BLUEPRINT_IMAGE_URL: (user: string, repo: string) => `/github/content/${user}/${repo}/master/blueprint.png`,
7 | CONTEXT_KEY: {
8 | UPLOADING_BLUEPRINT: 'uploadingBlueprint',
9 | UPLOADING_BLUEPRINT_ERROR: 'uploadingBlueprintError',
10 | SELECTED_BLUEPRINT_ID: 'selectedBlueprintId'
11 | }
12 | };
13 |
--------------------------------------------------------------------------------
/widgets/snapshots/src/widget.types.ts:
--------------------------------------------------------------------------------
1 | import type { Visibility } from 'app/widgets/common/types';
2 | import type { DataTableConfiguration } from 'app/utils/GenericConfig';
3 | import type { Widget } from 'app/utils/StageAPI';
4 |
5 | export interface Snapshot {
6 | id?: string;
7 | /* eslint-disable camelcase */
8 | created_at?: string;
9 | created_by?: string;
10 | /* eslint-enable camelcase */
11 | visibility?: Visibility;
12 | status?: string;
13 | }
14 |
15 | export type SnapshotsWidget = Widget;
16 |
--------------------------------------------------------------------------------
/app/utils/props/Toolbox.ts:
--------------------------------------------------------------------------------
1 | import PropTypes from 'prop-types';
2 |
3 | const ToolboxPropType = PropTypes.shape({
4 | drillDown: PropTypes.func,
5 | getContext: PropTypes.func,
6 | getEventBus: PropTypes.func,
7 | getManager: PropTypes.func,
8 | getManagerState: PropTypes.func,
9 | getWidget: PropTypes.func,
10 | getWidgetBackend: PropTypes.func,
11 | goToPage: PropTypes.func,
12 | goToParentPage: PropTypes.func,
13 | loading: PropTypes.func,
14 | refresh: PropTypes.func
15 | });
16 | export default ToolboxPropType;
17 |
--------------------------------------------------------------------------------
/widgets/pluginsCatalog/README.md:
--------------------------------------------------------------------------------
1 | # Plugins Catalog
2 | A widget listing all the latest releases of the certified plugins, allowing plugin upload to the current tenant. You can upload selected plugins or upload all plugins at once by clicking the **Upload all plugins** button.
3 |
4 | 
5 |
6 |
7 | ## Settings
8 |
9 | * `Plugins Catalog JSON Source` - The json file from which the widget reads the plugins list.
10 | * `Sort by name` - if set to true, then plugins will be sorted by name. Default: No
11 |
--------------------------------------------------------------------------------
/app/styles/colors.scss:
--------------------------------------------------------------------------------
1 | // TODO(RD-6464): After moving theme related files to cloudify-ui-common, make sure that those colors would be also relocated
2 |
3 | /*--- Cloudify Site Colors ---*/
4 |
5 | $cloudify-red: #ef5350;
6 | $cloudify-yellow: #fee584;
7 | $cloudify-blue: #65adff;
8 | $cloudify-grey: #5f6368;
9 | $cloudify-black: #050229;
10 |
11 | :export {
12 | cloudifyRed: $cloudify-red;
13 | cloudifyYellow: $cloudify-yellow;
14 | cloudifyBlue: $cloudify-blue;
15 | cloudifyGrey: $cloudify-grey;
16 | cloudifyBlack: $cloudify-black;
17 | }
18 |
--------------------------------------------------------------------------------
/backend/migrations/20170821121958-4_2-ResourceModelJsonField.ts:
--------------------------------------------------------------------------------
1 | import type { MigrationObject } from './common/types';
2 |
3 | const DATA_COLUMN_NAME = 'data';
4 |
5 | export const { up, down }: MigrationObject = {
6 | up(queryInterface, Sequelize) {
7 | return queryInterface.addColumn('Resources', DATA_COLUMN_NAME, {
8 | type: Sequelize.JSONB,
9 | allowNull: true
10 | });
11 | },
12 |
13 | down(queryInterface) {
14 | return queryInterface.removeColumn('Resources', DATA_COLUMN_NAME);
15 | }
16 | };
17 |
--------------------------------------------------------------------------------
/widgets/events/src/widget.css:
--------------------------------------------------------------------------------
1 | .ui.table td.row-error, .ui.table tr.row-error {
2 | box-shadow: 0 0 0 #FFA3A3 inset;
3 | background: #FFD6D6 !important;
4 | color: #7F1E1E !important;
5 | }
6 |
7 | .ui.table td.row-debug, .ui.table tr.row-debug {
8 | box-shadow: 0 0 0 #A3C2FF inset;
9 | background: #D5FFFF !important;
10 | color: #245396 !important;
11 | }
12 |
13 | .ui.table td.row-warning, .ui.table tr.row-warning {
14 | box-shadow: 0 0 0 #FFFFA3 inset;
15 | background: #FFFFD6 !important;
16 | color: #68681A !important;
17 | }
18 |
--------------------------------------------------------------------------------
/widgets/labels/src/AddLabelsModal.tsx:
--------------------------------------------------------------------------------
1 | import type { LabelsModalProps } from 'app/widgets/common/labels/LabelsModal';
2 |
3 | type AddLabelsModalProps = Omit;
4 | export default function AddLabelsModal(props: AddLabelsModalProps) {
5 | const { Modal } = Stage.Common.Labels;
6 | return (
7 |
13 | );
14 | }
15 |
--------------------------------------------------------------------------------
/app/widgets/common/deploymentsView/detailsPane/drilldownButtons/common.ts:
--------------------------------------------------------------------------------
1 | import { i18nDrillDownPrefix } from '../../common';
2 | import type { SubdeploymentsResult } from './subdeployments-result';
3 | import StageUtils from '../../../../../utils/stageUtils';
4 |
5 | const i18nDrillDownButtonsPrefix = `${i18nDrillDownPrefix}.buttons`;
6 |
7 | export const tDrillDownButtons = StageUtils.getT(i18nDrillDownButtonsPrefix);
8 |
9 | export const shouldDisplaySubdeploymentButton = (result: SubdeploymentsResult) => {
10 | return !result.loading && result.count > 0;
11 | };
12 |
--------------------------------------------------------------------------------
/backend/handler/widgets/validateUniqueness.ts:
--------------------------------------------------------------------------------
1 | import _ from 'lodash';
2 | import { getBuiltInWidgets, getUserWidgets } from './WidgetsHandler';
3 |
4 | function getAllWidgets() {
5 | return _.concat(getBuiltInWidgets(), getUserWidgets());
6 | }
7 |
8 | export default function validateUniqueness(widgetId: string) {
9 | const widgets = getAllWidgets();
10 | if (_.indexOf(widgets, widgetId) >= 0) {
11 | return Promise.reject({ status: 422, message: `Widget ${widgetId} is already installed` });
12 | }
13 |
14 | return Promise.resolve();
15 | }
16 |
--------------------------------------------------------------------------------
/widgets/sitesMap/src/types.ts:
--------------------------------------------------------------------------------
1 | export const { DeploymentStatus } = Stage.Common.DeploymentsView.Types;
2 |
3 | export type DeploymentStatus = typeof DeploymentStatus[keyof typeof DeploymentStatus];
4 |
5 | export type DeploymentStatusesSummary = Record;
6 |
7 | export type SitesData = Record<
8 | string,
9 | {
10 | name: string;
11 | latitude: number;
12 | longitude: number;
13 | statusesSummary: DeploymentStatusesSummary;
14 | }
15 | >;
16 |
17 | export const DeploymentStatuses = DeploymentStatus;
18 |
--------------------------------------------------------------------------------
/app/widgets/common/deploymentsView/header/ExecutionGroupsActions.ts:
--------------------------------------------------------------------------------
1 | export default class ExecutionGroupsActions {
2 | constructor(private toolbox: Stage.Types.Toolbox) {}
3 |
4 | doStart(groupId: string, workflowId: string, defaultParameters?: Record) {
5 | return this.toolbox.getManager().doPost('/execution-groups', {
6 | body: {
7 | workflow_id: workflowId,
8 | deployment_group_id: groupId,
9 | default_parameters: defaultParameters
10 | }
11 | });
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/app/widgets/common/filters/AddRuleButton.tsx:
--------------------------------------------------------------------------------
1 | import type { ComponentProps, FunctionComponent } from 'react';
2 | import React from 'react';
3 | import { getTranslation } from './common';
4 | import { Button } from '../../../components/basic';
5 |
6 | interface AddRuleButtonProps {
7 | onClick: ComponentProps['onClick'];
8 | }
9 |
10 | const AddRuleButton: FunctionComponent = ({ onClick }) => {
11 | return ;
12 | };
13 | export default AddRuleButton;
14 |
--------------------------------------------------------------------------------
/test/cypress/fixtures/configuration/userConfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "whiteLabel": {
3 | "logoUrl": "http://test.com/logo.png",
4 | "mainColor": "blue",
5 |
6 | "headerTextColor": "black",
7 | "showVersionDetails": false,
8 | "showFirstLoginHint": false,
9 |
10 | "loginPageHeaderColor": "lightgrey",
11 | "loginPageTextColor": "black",
12 |
13 | "sidebarColor": "grey",
14 | "sidebarTextColor" : "black",
15 | "sidebarHoverActiveColor": "lightgrey",
16 | "sidebarHoverActiveTextColor": "black",
17 |
18 | "customCssPath": ""
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/widgets/blueprintCatalog/src/ExternalBlueprintImage.tsx:
--------------------------------------------------------------------------------
1 | import type { FunctionComponent } from 'react';
2 |
3 | export interface ExternalBlueprintImageProps {
4 | url: string;
5 | width: number;
6 | }
7 |
8 | const { Blueprints } = Stage.Common;
9 |
10 | const ExternalBlueprintImage: FunctionComponent = ({ url, width }) => {
11 | return (
12 |
13 | );
14 | };
15 |
16 | export default ExternalBlueprintImage;
17 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "noEmit": true,
4 | "esModuleInterop": true,
5 | "resolveJsonModule": true,
6 | // The flag below is being used to handle the webpack-dev-server@4.x.x typing issue.
7 | // The issue is explained in more details here: https://github.com/aurelia/cli/issues/700
8 | "skipLibCheck": true
9 | },
10 | "include": ["*.ts"],
11 | "references": [
12 | { "path": "./tsconfig.ui.json" },
13 | { "path": "test/jest" },
14 | { "path": "test/cypress" }
15 | ]
16 | }
17 |
--------------------------------------------------------------------------------
/widgets/eventsFilter/src/widget.tsx:
--------------------------------------------------------------------------------
1 | import EventFilter from './EventFilter';
2 |
3 | Stage.defineWidget({
4 | id: 'eventsFilter',
5 | initialWidth: 12,
6 | initialHeight: 5,
7 | showHeader: false,
8 | showBorder: false,
9 | categories: [Stage.GenericConfig.CATEGORY.BUTTONS_AND_FILTERS],
10 |
11 | hasReadme: true,
12 | permission: Stage.GenericConfig.WIDGET_PERMISSION('eventsFilter'),
13 | initialConfiguration: [],
14 |
15 | render(_widget, _data, _error, toolbox) {
16 | return ;
17 | }
18 | });
19 |
--------------------------------------------------------------------------------
/app/widgets/common/inputs/index.ts:
--------------------------------------------------------------------------------
1 | import Header from './InputsHeader';
2 | import HelpDescription from './InputsHelpDescription';
3 | import HelpIcon from './InputsHelpIcon';
4 | import InputField from './InputField';
5 | import Utils from './utils';
6 | import DataTypesButton from './DataTypesButton';
7 | import YamlFileButton from './YamlFileButton';
8 | import Help from './InputHelp';
9 |
10 | export default {
11 | DataTypesButton,
12 | Header,
13 | Help,
14 | HelpDescription,
15 | HelpIcon,
16 | InputField,
17 | Utils,
18 | YamlFileButton
19 | };
20 |
--------------------------------------------------------------------------------
/app/widgets/common/roles/utils.ts:
--------------------------------------------------------------------------------
1 | import Consts from '../Consts';
2 | import type { SystemRole } from './types';
3 |
4 | interface Role {
5 | name: string;
6 | type: string;
7 | }
8 |
9 | export function getTenantRoles(roles: Role[]) {
10 | return _.filter(roles, { type: 'tenant_role' });
11 | }
12 |
13 | export function getDefaultRoleName(roles: Role[]) {
14 | return _.reverse(getTenantRoles(roles))[0].name;
15 | }
16 |
17 | export function getSystemRole(isAdmin: boolean): SystemRole {
18 | return isAdmin ? Consts.sysAdminRole : Consts.defaultUserRole;
19 | }
20 |
--------------------------------------------------------------------------------
/widgets/highAvailability/src/widget.tsx:
--------------------------------------------------------------------------------
1 | export {};
2 |
3 | Stage.defineWidget({
4 | id: 'highAvailability',
5 | name: 'Cluster Status',
6 | description: 'Shows the status of the Manager cluster',
7 | initialWidth: 12,
8 | initialHeight: 25,
9 | hasReadme: true,
10 | permission: Stage.GenericConfig.WIDGET_PERMISSION('highAvailability'),
11 | categories: [Stage.GenericConfig.CATEGORY.SYSTEM_RESOURCES],
12 |
13 | render() {
14 | const { ClusterServicesList } = Stage.Shared;
15 |
16 | return ;
17 | }
18 | });
19 |
--------------------------------------------------------------------------------
/widgets/tenants/src/widget.types.ts:
--------------------------------------------------------------------------------
1 | import type { DataTableConfiguration } from 'app/utils/GenericConfig';
2 | import type { Widget } from 'app/utils/StageAPI';
3 |
4 | export type Groups = Record;
5 |
6 | export interface Tenant {
7 | name: string;
8 | groups: Record;
9 | users: Record;
10 | // eslint-disable-next-line camelcase
11 | user_roles: { direct: Record; groups: Groups };
12 | }
13 |
14 | export type TenantsWidget = Widget;
15 |
--------------------------------------------------------------------------------
/widgets/deploymentsViewDrilledDown/README.md:
--------------------------------------------------------------------------------
1 | # Deployments View (drilled-down)
2 |
3 | The _Deployments View (drilled-down)_ widget is a drilled-down version of
4 | [the regular Deployments View widget](/working_with/console/widgets/deploymentsView).
5 |
6 | It should be used only inside pages that were drilled-down to when using the
7 | Deployments View widget. Using this widget on other pages will result in errors
8 | being shown.
9 |
10 | Please refer to
11 | [the regular Deployments View widget documentation](/working_with/console/widgets/deploymentsView)
12 | for more information.
13 |
--------------------------------------------------------------------------------
/backend/handler/EnvironmentHandler.types.ts:
--------------------------------------------------------------------------------
1 | interface CapabilityBase {
2 | name: string;
3 | value: string;
4 | }
5 |
6 | export interface ExternalCapability extends CapabilityBase {
7 | source: 'input' | 'secret';
8 | blueprintDefault: boolean;
9 | }
10 |
11 | interface StaticCapability extends CapabilityBase {
12 | source: 'static';
13 | }
14 |
15 | export interface EnvironmentRenderParams {
16 | description: string;
17 | capabilities: (StaticCapability | ExternalCapability)[];
18 | labels: { key: string; value: string; blueprintDefault: boolean }[];
19 | }
20 |
--------------------------------------------------------------------------------
/widgets/pluginsCatalog/src/types.ts:
--------------------------------------------------------------------------------
1 | import type { PluginCatalogEntry } from 'backend/routes/Plugins.types';
2 |
3 | export type PluginDescription = PluginCatalogEntry;
4 |
5 | export interface PluginDescriptionWithVersion {
6 | pluginDescription: PluginDescription;
7 | uploadedVersion: string | undefined;
8 | }
9 |
10 | export interface PluginsCatalogWidgetConfiguration {
11 | jsonPath: string;
12 | sortByName: boolean;
13 | }
14 |
15 | export interface PluginUploadData {
16 | title: string;
17 | url: string;
18 | yamlUrls: string[];
19 | icon: string;
20 | }
21 |
--------------------------------------------------------------------------------
/app/components/overlays/contactDetails/ContactDetailsModalContent/CheckboxLabel.tsx:
--------------------------------------------------------------------------------
1 | import type { FunctionComponent } from 'react';
2 | import React, { memo } from 'react';
3 |
4 | interface CheckboxLabelProps {
5 | label: string;
6 | }
7 |
8 | const CheckboxLabel: FunctionComponent = ({ label }) => {
9 | return (
10 |
16 | );
17 | };
18 |
19 | export default memo(CheckboxLabel);
20 |
--------------------------------------------------------------------------------
/app/components/routes/LogoPage.tsx:
--------------------------------------------------------------------------------
1 | import type { PropsWithChildren } from 'react';
2 | import React from 'react';
3 | import type { MessageContainerProps } from 'cloudify-ui-components/typings/components/elements/MessageContainer/MessageContainer';
4 | import { LogoPage as CommonLogoPage } from 'cloudify-ui-components';
5 | import SplashLoadingScreen from '../../utils/SplashLoadingScreen';
6 |
7 | export default function LogoPage({ children }: PropsWithChildren) {
8 | return {children};
9 | }
10 |
--------------------------------------------------------------------------------
/app/widgets/common/deployments/useSitesExist.ts:
--------------------------------------------------------------------------------
1 | import { useEffect, useState } from 'react';
2 |
3 | function useSitesExist(toolbox: Stage.Types.Toolbox) {
4 | const [sitesExist, setSitesExist] = useState(false);
5 |
6 | useEffect(() => {
7 | toolbox
8 | .getManager()
9 | .doGet('/sites?_size=1')
10 | .then((response: any) => {
11 | const sites = response.items;
12 | setSitesExist(sites.length > 0);
13 | });
14 | }, []);
15 |
16 | return [sitesExist];
17 | }
18 |
19 | export default useSitesExist;
20 |
--------------------------------------------------------------------------------
/widgets/userManagement/src/widget.types.ts:
--------------------------------------------------------------------------------
1 | import type { UserResponse } from 'backend/handler/AuthHandler.types';
2 | import type { DataTableConfiguration, PollingTimeConfiguration } from '../../../app/utils/GenericConfig';
3 |
4 | export type User = UserResponse;
5 |
6 | export declare namespace UserManagementWidget {
7 | export type Params = unknown;
8 |
9 | export type Configuration = PollingTimeConfiguration & DataTableConfiguration;
10 |
11 | export interface Data {
12 | /* eslint-disable camelcase */
13 | users: Stage.Types.PaginatedResponse;
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/app/components/templateManagement/common/ItemsCount.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { size } from 'lodash';
3 | import type { LabelProps } from 'semantic-ui-react';
4 |
5 | import { Label } from '../../basic';
6 |
7 | const ItemsCount: React.FunctionComponent<{ items: any[]; color?: LabelProps['color'] }> = ({
8 | items,
9 | color = 'blue'
10 | }) => {
11 | const itemsCount = size(items);
12 | return (
13 |
16 | );
17 | };
18 |
19 | export default ItemsCount;
20 |
--------------------------------------------------------------------------------
/app/widgets/common/labels/ValidationErrorPopup.tsx:
--------------------------------------------------------------------------------
1 | import type { FunctionComponent } from 'react';
2 | import React from 'react';
3 | import LabelErrorPopup from './LabelErrorPopup';
4 | import type { LabelInputType } from './types';
5 |
6 | export interface ValidationErrorPopupProps {
7 | type: LabelInputType;
8 | }
9 |
10 | const ValidationErrorPopup: FunctionComponent = ({ type }) => {
11 | const { i18n } = Stage;
12 |
13 | return ;
14 | };
15 | export default ValidationErrorPopup;
16 |
--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
1 | # EditorConfig helps developers define and maintain consistent
2 | # coding styles between different editors and IDEs
3 | # editorconfig.org
4 |
5 | root = true
6 |
7 |
8 | [*]
9 |
10 | # Change these settings to your own preference
11 | indent_style = space
12 | indent_size = 4
13 |
14 | # We recommend you to keep these unchanged
15 | end_of_line = lf
16 | charset = utf-8
17 | trim_trailing_whitespace = true
18 | insert_final_newline = true
19 |
20 | [*.md]
21 | trim_trailing_whitespace = false
22 | indent_size = 2
23 |
24 | [*.scss]
25 | indent_size = 2
26 |
27 | [*.json]
28 | indent_size = 2
29 |
--------------------------------------------------------------------------------
/backend/test/routes/blueprints/common.ts:
--------------------------------------------------------------------------------
1 | import { size } from 'lodash';
2 |
3 | export function assertIntrinsicFunction(propertyValue: any, intrinsicFunction: string, argument: any) {
4 | expect(size(propertyValue)).toEqual(1);
5 | expect(propertyValue[intrinsicFunction]).toEqual(argument);
6 | }
7 |
8 | export function assertGetInput(propertyValue: any, argument: any) {
9 | assertIntrinsicFunction(propertyValue, 'get_input', argument);
10 | }
11 |
12 | export function assertGetSecret(propertyValue: any, argument: any) {
13 | assertIntrinsicFunction(propertyValue, 'get_secret', argument);
14 | }
15 |
--------------------------------------------------------------------------------
/widgets/inputs/README.md:
--------------------------------------------------------------------------------
1 | # Deployment Inputs
2 |
3 | Presents the names and values of the inputs of the deployment currently set in the context.
4 | See [notes](/working_with/console/widgets/index.html) for more information on resource context.
5 | If only a blueprint is set in the context, the widget will present the default values for the inputs, defined in the blueprint itself.
6 |
7 | 
8 |
9 |
10 | ## Settings
11 |
12 | * `Refresh time interval` - The time interval in which the widget’s data will be refreshed, in seconds. Default: 30 seconds
13 |
--------------------------------------------------------------------------------
/app/reducers/managerReducer/emptyState.ts:
--------------------------------------------------------------------------------
1 | import type { ManagerData } from './managerReducer';
2 |
3 | export default {
4 | auth: {
5 | username: '',
6 | role: '',
7 | groupSystemRoles: {},
8 | tenantsRoles: {},
9 | state: 'loggedOut',
10 | identityProviders: ['local'],
11 | error: null,
12 | showGettingStarted: false
13 | },
14 | clusterStatus: {},
15 | lastUpdated: null,
16 | license: { data: null },
17 | maintenance: '',
18 | permissions: {},
19 | roles: [],
20 | tenants: {},
21 | version: {}
22 | } as ManagerData;
23 |
--------------------------------------------------------------------------------
/app/widgets/common/tenants/utils.ts:
--------------------------------------------------------------------------------
1 | import type { Role } from '../roles/RolesPicker';
2 |
3 | export type RolesAssignment = Record;
4 |
5 | export function mapTenantsToRoles(
6 | selectedTenants: string[] | undefined,
7 | tenants: Record,
8 | toolbox: Stage.Types.Toolbox
9 | ) {
10 | const newTenants: RolesAssignment = _(selectedTenants)
11 | .keyBy()
12 | .mapValues(
13 | tenant => tenants[tenant] || Stage.Common.Roles.Utils.getDefaultRoleName(toolbox.getManagerState().roles)
14 | )
15 | .value();
16 | return newTenants;
17 | }
18 |
--------------------------------------------------------------------------------
/app/utils/shared/IdpUtils.ts:
--------------------------------------------------------------------------------
1 | import type { ManagerData } from '../../reducers/managerReducer';
2 |
3 | export default class IdpUtils {
4 | static isLocal(managerData: ManagerData) {
5 | const { identityProviders } = managerData.auth;
6 | return identityProviders.length === 1 && identityProviders[0] === 'local';
7 | }
8 |
9 | static isLdap(managerData: ManagerData) {
10 | return managerData.auth.identityProviders.includes('ldap');
11 | }
12 |
13 | static isOkta(managerData: ManagerData) {
14 | return managerData.auth.identityProviders.includes('okta');
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/backend/middleware/checkIfFileUploadedMiddleware.ts:
--------------------------------------------------------------------------------
1 | import type { Logger } from 'cloudify-ui-common-backend';
2 | import type { Request, Response, NextFunction } from 'express';
3 |
4 | export default function checkIfFileUploaded(logger: Logger) {
5 | return function checkIfFileUploadedMiddleware(req: Request, res: Response, next: NextFunction) {
6 | if (!req.file) {
7 | const errorMessage = 'No file uploaded.';
8 | logger.error(errorMessage);
9 |
10 | res.status(400).send({ message: errorMessage });
11 | } else {
12 | next();
13 | }
14 | };
15 | }
16 |
--------------------------------------------------------------------------------
/widgets/executions/src/DryRunIcon.tsx:
--------------------------------------------------------------------------------
1 | import type { Execution } from 'app/utils/shared/ExecutionUtils';
2 | import { translate } from './widget.utils';
3 |
4 | export default function DryRunIcon({ execution }: { execution?: Pick }) {
5 | const { Icon, Popup } = Stage.Basic;
6 |
7 | return execution?.is_dry_run ? (
8 |
9 |
10 |
11 |
12 | {translate('dryRun')}
13 |
14 | ) : null;
15 | }
16 |
--------------------------------------------------------------------------------
/app/widgets/common/blueprints/index.ts:
--------------------------------------------------------------------------------
1 | import Actions, { InProgressBlueprintStates, CompletedBlueprintStates } from './BlueprintActions';
2 | import UploadForm from './UploadBlueprintForm';
3 | import UploadModal from './UploadBlueprintModal';
4 | import LabelFilter from './LabelFilter';
5 | import Image from './BlueprintImage';
6 | import UploadedImage from './UploadedBlueprintImage';
7 |
8 | export default {
9 | Actions,
10 | Image,
11 | UploadedImage,
12 | InProgressStates: InProgressBlueprintStates,
13 | CompletedStates: CompletedBlueprintStates,
14 | UploadForm,
15 | UploadModal,
16 | LabelFilter
17 | };
18 |
--------------------------------------------------------------------------------
/test/cypress/fixtures/license/valid_spire_license.yaml:
--------------------------------------------------------------------------------
1 | license:
2 | capabilities: null
3 | cloudify_version: null
4 | customer_id: INT-Internal-111111113
5 | expiration_date: 2 days
6 | license_edition: Spire
7 | trial: true
8 | signature: !!binary |
9 | GvxHPi5C861bHicVDExxoZMSyJ6s+EsA3JTvo4K5dPY9cOJ/HgYAlb0dK2dWEPtUy8dzR7DzA0CQ
10 | 2i5JUckL/93F5r8DejruQ39nNKkfQiBAC7kNh5/a/f3UtmAr+VBdaMMHFiKijvpEccD5JjPHmH1t
11 | RqPoxeX7t8+A9LP/bBDNz35lDZZnuhrvfjx7tRScSp8p4bDBWjZwgIeKalh0BRCKyvnjLDPYYW4H
12 | XCZyxLdh+KHa1IlXqhDulW7gExZp7haQ/N1zO32LlacoEBQAGoHdi5LSzIMWjtcGrYN+h6+tAONX
13 | 5hGK9RZBCkYFwjs5x8Htd6yP4JYwij7VTyycMw==
14 |
--------------------------------------------------------------------------------
/test/cypress/fixtures/license/valid_trial_license.yaml:
--------------------------------------------------------------------------------
1 | license:
2 | capabilities: null
3 | cloudify_version: null
4 | customer_id: INT-AutoTests-111111111
5 | expiration_date: 30 days
6 | license_edition: Premium
7 | trial: true
8 | signature: !!binary |
9 | AVKrKUe5jJDyZhnh/D5QFQgByRCE9JhTX1Ui5FYmezGyG8VunBcACXQhXeDGbG3moTtxJJgI1ocu
10 | LUfdEiYRz3a8hKKYCbNB09hRy4hXTSI0hr2FafwuhIzU7UkdshhsgXmCk62ND59Y4fQoJRL9ocWw
11 | 3wo0RjIfdG+IsW0ubiQWtGDH3w0VXyu5JP0NPOC1vdK4JjYi0clVmvSlrQ4H+UxDryU2gk197mf7
12 | 9OX0Y2wbxWILehnwYOFj7++L0edtk8JzcVr01u5bSQ80SAovq440IK5gv6e6BMDl2zVQORTbPq/P
13 | +9vhT2ndYtVyhK8slPdL1mKbuNz8UDvF5Sd1BQ==
14 |
--------------------------------------------------------------------------------
/test/cypress/fixtures/license/expired_trial_license.yaml:
--------------------------------------------------------------------------------
1 | license:
2 | capabilities: null
3 | cloudify_version: null
4 | customer_id: INT-AutoTests-111111111
5 | expiration_date: 12/31/2018
6 | license_edition: Premium
7 | trial: true
8 | signature: !!binary |
9 | F3NPYqBUi2VCVnU6vWtW9AG8jpf9QSwlOf8GzRpkdt8pHUNU3lzRe7RpDD1pEBM9myNQ28JgXM7J
10 | LlggjWw0It/6fTfXo1ekRlrdrOzDqN4suqWB5RMI5rGCeH7NVMU0xb9w2L1kWzdlbyE4MS/cs1WD
11 | lmdQiAqPkBgyCUEqhcyWdAXlUCvPlSjwMmF1GB2oo4pOuynHa8kXGiY/nppB/mzm6d60k8ZK5deH
12 | d9/0etV7vouWsRocjKbaM01qgRbN40DdlZdR3QBDOz2GO8KrHNE1NQZAmVjKUZ/Xuw/qs1VhJfRs
13 | QW/08i1QreUiUx7oCTEiAzQK0AJcdQhIA8/ZmA==
14 |
--------------------------------------------------------------------------------
/app/widgets/common/inputs/utils/errors.ts:
--------------------------------------------------------------------------------
1 | export function addErrors(inputsWithoutValues: Record, errors: Record) {
2 | _.forEach(_.keys(inputsWithoutValues), inputName => {
3 | errors[inputName] = `Please provide ${inputName}`;
4 | });
5 | }
6 |
7 | export function getErrorObject(message: string) {
8 | const constraintValidationMatch = message.match(/of input (.[^ ]+) violates constraint/);
9 |
10 | let errorFieldKey = 'error';
11 | if (constraintValidationMatch) {
12 | [, errorFieldKey] = constraintValidationMatch;
13 | }
14 |
15 | return { [errorFieldKey]: message };
16 | }
17 |
--------------------------------------------------------------------------------
/app/widgets/common/map/DefaultTileLayer.tsx:
--------------------------------------------------------------------------------
1 | import type { FunctionComponent } from 'react';
2 | import React, { useMemo } from 'react';
3 | import Consts from '../Consts';
4 |
5 | const DefaultTileLayer: FunctionComponent = () => {
6 | const { urlTemplate } = Consts.leaflet;
7 | const url = useMemo(() => Stage.Utils.Url.url(urlTemplate), [urlTemplate]);
8 |
9 | const attribution = ReactRedux.useSelector(
10 | (state: Stage.Types.ReduxState): string => state.config.app.maps.attribution
11 | );
12 |
13 | return ;
14 | };
15 | export default DefaultTileLayer;
16 |
--------------------------------------------------------------------------------
/backend/jest.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | collectCoverage: true,
3 | collectCoverageFrom: ['!migration.ts', '!migrations/**', '!**/*types.ts', '!**/*.json'],
4 | coverageThreshold: {
5 | '.': {
6 | statements: 52,
7 | branches: 37,
8 | lines: 52,
9 | functions: 43
10 | },
11 | '**/*': {
12 | branches: 2
13 | }
14 | },
15 | moduleNameMapper: {
16 | elkjs: '/node_modules/elkjs'
17 | },
18 | coverageReporters: ['text'],
19 | moduleDirectories: ['node_modules', ''],
20 | testEnvironment: 'node'
21 | };
22 |
--------------------------------------------------------------------------------
/backend/migrations/20201230113319-5_1_1-UpdateManagerIp.ts:
--------------------------------------------------------------------------------
1 | import UserApps from '../db/models/UserAppsModel';
2 | import { getConfig } from '../config';
3 | import type { MigrationObject } from './common/types';
4 |
5 | const config = getConfig();
6 |
7 | export const { up, down }: MigrationObject = {
8 | up: (queryInterface, Sequelize) =>
9 | UserApps(queryInterface.sequelize, Sequelize).update(
10 | // @ts-ignore managerIp column was removed from UserApps model
11 | { managerIp: config.manager.ip },
12 | { where: { managerIp: '127.0.0.1' } }
13 | ),
14 | down: () => Promise.resolve()
15 | };
16 |
--------------------------------------------------------------------------------
/backend/routes/ContactDetails.types.ts:
--------------------------------------------------------------------------------
1 | /* eslint-disable camelcase */
2 | export interface ContactDetails {
3 | first_name: string;
4 | last_name: string;
5 | email: string;
6 | phone: string;
7 | is_eula: boolean;
8 | is_send_services_details?: boolean;
9 | }
10 |
11 | export interface HubspotResponse {
12 | customer_id: string;
13 | }
14 | /* eslint-enable camelcase */
15 |
16 | export interface GetContactDetailsResponse {
17 | contactDetailsReceived: boolean;
18 | }
19 |
20 | export type PostContactDetailsResponse = {
21 | status: 'ok';
22 | };
23 |
24 | export type PostContactDetailsRequestBody = ContactDetails;
25 |
--------------------------------------------------------------------------------
/widgets/deployments/src/FirstUserJourneyButtons/styles.tsx:
--------------------------------------------------------------------------------
1 | import type { SemanticICONS } from 'semantic-ui-react';
2 | import styled from 'styled-components';
3 | import colors from '../../../../app/styles/colors.scss';
4 |
5 | const { Icon } = Stage.Basic;
6 |
7 | export const StyledLabel = styled.div`
8 | padding: 0 32px;
9 | font-size: 16px;
10 | font-weight: bold;
11 | `;
12 |
13 | interface StyledIconProps {
14 | name: SemanticICONS;
15 | }
16 | export const StyledIcon = styled(Icon)`
17 | color: ${colors.cloudifyBlue};
18 | line-height: 1;
19 |
20 | && {
21 | font-size: 56px;
22 | }
23 | `;
24 |
--------------------------------------------------------------------------------
/backend/handler/BackendHandler.types.ts:
--------------------------------------------------------------------------------
1 | import type { NextFunction, Request, Response } from 'express';
2 | import type { Logger } from 'cloudify-ui-common-backend';
3 | import type { AllowedRequestMethod } from '../types';
4 | import type { ManagerService } from './services/ManagerService.types';
5 |
6 | interface Helper {
7 | Logger(): Logger;
8 | Manager: ManagerService;
9 | }
10 |
11 | export type BackendService = (req: Request, res: Response, next: NextFunction, helper: Helper) => void;
12 |
13 | export interface BackendServiceRegistrator {
14 | register: (serviceName: string, method: AllowedRequestMethod, service?: string) => void;
15 | }
16 |
--------------------------------------------------------------------------------
/widgets/executions/src/SystemWorkflowIcon.tsx:
--------------------------------------------------------------------------------
1 | import type { Execution } from 'app/utils/shared/ExecutionUtils';
2 | import { translate } from './widget.utils';
3 |
4 | export default function SystemWorkflowIcon({ execution }: { execution?: Pick }) {
5 | const { Icon, Popup } = Stage.Basic;
6 |
7 | return execution?.is_system_workflow ? (
8 |
9 |
10 |
11 |
12 | {translate('systemWorkflow')}
13 |
14 | ) : null;
15 | }
16 |
--------------------------------------------------------------------------------
/app/widgets/common/deployModal/BlueprintDropdown/SuggestedBlueprintDropdown.types.ts:
--------------------------------------------------------------------------------
1 | import type { FullDeploymentData } from '../../deployments/DeploymentActions';
2 | import type { FullBlueprintData } from '../../blueprints/BlueprintActions';
3 | import type { fetchedBlueprintFields } from './SuggestedBlueprintDropdown.consts';
4 |
5 | export type FetchedBlueprint = Pick;
6 |
7 | export type FilteredBlueprints = {
8 | suggestedBlueprints: FetchedBlueprint[];
9 | notSuggestedBlueprints: FetchedBlueprint[];
10 | };
11 |
12 | export type EnvironmentCapabilities = FullDeploymentData['capabilities'];
13 |
--------------------------------------------------------------------------------
/backend/test/routes/GitHub.test.ts:
--------------------------------------------------------------------------------
1 | import request from 'supertest';
2 | import app from 'app';
3 |
4 | jest.mock('handler/ManagerHandler');
5 |
6 | describe('/github endpoint', () => {
7 | it('allows to GET file content from GitHub repository', () =>
8 | request(app)
9 | .get('/console/github/content/cloudify-cosmo/cloudify-stage/master/LICENSE')
10 | .then(response => {
11 | expect(response.text).toStrictEqual(expect.stringContaining('Apache License'));
12 | expect(response.statusCode).toBe(200);
13 | expect(response.type).toContain('text/plain');
14 | }));
15 | });
16 |
--------------------------------------------------------------------------------
/test/cypress/fixtures/license/tampered_paying_license.yaml:
--------------------------------------------------------------------------------
1 | license:
2 | capabilities:
3 | - HA
4 | - Awesomeness
5 | cloudify_version: '4.6'
6 | customer_id: customer123
7 | expiration_date: 11/24/2020
8 | license_edition: Spire
9 | trial: false
10 | signature: !!binary |
11 | ExHqQCpCbiPr2vKYNuVJCvNku346TywMkH63usUPE8WQIQM8c+TjD4gKwDKXXhyIRCA2xMcS5wU5
12 | R/UhK+MB1ZWDjHICcZ9yE9OPfUIbTiLZED6F9XkkHMvjw/evDxdVCtZJoquzCoh/bQGShf9CzW8C
13 | eclS4lmLrX0yGJTSpq4+4+Pi2mH4au6ElYEsvlTSV5lm/xzhG45p0IX7xBYZ1fJOA6p03iq1iAVz
14 | Mgt3EzPyf9ArtmimMVuy4gAuVLT5fO35hFk7onqhcL3NIc3Ry7EViDO2tdx+2qvg667k20APC2am
15 | xJFNAOQlCA5LXEcQKmJqMarB/LHCfwE6oFgwUg==
16 |
--------------------------------------------------------------------------------
/widgets/secretProviders/README.md:
--------------------------------------------------------------------------------
1 | # Secret Providers Management
2 |
3 | Displays all the secret providers visible to the logged-in user in the current tenant.
4 |
5 | 
6 |
7 | The widget provides the following information:
8 |
9 | * **Provider name**
10 | * **Provider type**
11 | * **Creation time**
12 | * **Last update time**
13 |
14 | The right column of the table allows permitted users to edit the secret provider’s details or delete it.
15 |
16 | ## Settings
17 |
18 | * `Refresh time interval` - The time interval in which the widget’s data will be refreshed, in seconds. Default: 30 seconds.
19 |
--------------------------------------------------------------------------------
/app/widgets/common/filters/inputs/CreatorValueInput.tsx:
--------------------------------------------------------------------------------
1 | import type { FunctionComponent } from 'react';
2 | import React from 'react';
3 | import type { CommonAttributeValueInputProps } from './types';
4 | import AttributeValueInput from './AttributeValueInput';
5 | import { getPlaceholderTranslation } from '../common';
6 |
7 | const CreatorValueInput: FunctionComponent = props => (
8 |
14 | );
15 | export default CreatorValueInput;
16 |
--------------------------------------------------------------------------------
/app/widgets/common/filters/inputs/SiteNameValueInput.tsx:
--------------------------------------------------------------------------------
1 | import type { FunctionComponent } from 'react';
2 | import React from 'react';
3 | import type { CommonAttributeValueInputProps } from './types';
4 | import AttributeValueInput from './AttributeValueInput';
5 | import { getPlaceholderTranslation } from '../common';
6 |
7 | const SiteNameValueInput: FunctionComponent = props => (
8 |
14 | );
15 |
16 | export default SiteNameValueInput;
17 |
--------------------------------------------------------------------------------
/templates/pages/environments.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "Environments",
3 | "icon": "cloudify-cogs-connected",
4 | "layout": [
5 | {
6 | "type": "widgets",
7 | "content": [
8 | {
9 | "x": 0,
10 | "y": 0,
11 | "definition": "environmentButton"
12 | },
13 | {
14 | "name": "Environments",
15 | "width": 12,
16 | "height": 150,
17 | "definition": "deploymentsView",
18 | "configuration": {
19 | "filterId": "csys-environment-filter"
20 | },
21 | "x": 0,
22 | "y": 3
23 | }
24 | ]
25 | }
26 | ]
27 | }
28 |
--------------------------------------------------------------------------------
/app/components/sidebar/SideBarItemIcon.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import type { IconProps } from 'semantic-ui-react';
3 | import { Icon } from '../basic';
4 |
5 | export const defaultStyle = {
6 | marginLeft: 2,
7 | marginRight: 20,
8 | float: 'none',
9 | width: '1.2em'
10 | };
11 |
12 | const SideBarItemIcon = ({ name, style, ...rest }: IconProps) => (
13 |
23 | );
24 |
25 | export default SideBarItemIcon;
26 |
--------------------------------------------------------------------------------
/app/widgets/common/blueprints/UploadedBlueprintImage.tsx:
--------------------------------------------------------------------------------
1 | import type { FunctionComponent } from 'react';
2 | import React from 'react';
3 | import BlueprintImage from './BlueprintImage';
4 | import StageUtils from '../../../utils/stageUtils';
5 |
6 | export interface UploadedBlueprintProps {
7 | tenantName: string;
8 | blueprintId: string;
9 | width: number;
10 | }
11 |
12 | const UploadedBlueprintImage: FunctionComponent = ({ tenantName, blueprintId, width }) => {
13 | return ;
14 | };
15 |
16 | export default UploadedBlueprintImage;
17 |
--------------------------------------------------------------------------------
/app/widgets/common/deploymentsView/header/RunWorkflowModal.types.ts:
--------------------------------------------------------------------------------
1 | import type { fetchedWorkflowFields } from './RunWorkflowModal.consts';
2 | import type { Workflow } from '../../executeWorkflow';
3 |
4 | export type FetchedWorkflow = Pick;
5 |
6 | export type SimplifiedWorkflowParameter = FetchedWorkflow['parameters'][string] & {
7 | required: boolean;
8 | name: string;
9 | };
10 |
11 | export interface EnhancedWorkflow extends Omit {
12 | disabled: boolean;
13 | parameters: SimplifiedWorkflowParameter[];
14 | }
15 |
16 | export type ParameterInputs = Record;
17 |
--------------------------------------------------------------------------------
/app/widgets/common/filters/inputs/TenantNameValueInput.tsx:
--------------------------------------------------------------------------------
1 | import type { FunctionComponent } from 'react';
2 | import React from 'react';
3 | import type { CommonAttributeValueInputProps } from './types';
4 | import AttributeValueInput from './AttributeValueInput';
5 | import { getPlaceholderTranslation } from '../common';
6 |
7 | const TenantNameValueInput: FunctionComponent = props => (
8 |
14 | );
15 | export default TenantNameValueInput;
16 |
--------------------------------------------------------------------------------
/backend/test/app.test.ts:
--------------------------------------------------------------------------------
1 | import { getConfig } from 'config';
2 | import validateAuthConfig from 'validateAuthConfig';
3 | import 'app';
4 |
5 | jest.mock('handler/ManagerHandler');
6 | jest.mock('auth/SamlStrategy');
7 |
8 | jest.mock('config', () => ({
9 | getConfig: () => {
10 | const config = jest.requireActual('config').getConfig();
11 | config.app.auth.type = 'saml';
12 | return config;
13 | }
14 | }));
15 |
16 | jest.mock('validateAuthConfig');
17 |
18 | describe('App', () => {
19 | it('should validate auth config', () => {
20 | expect(validateAuthConfig).toHaveBeenCalledWith(getConfig().app.auth);
21 | });
22 | });
23 |
--------------------------------------------------------------------------------
/widgets/onlyMyResources/src/widget.tsx:
--------------------------------------------------------------------------------
1 | import MyResourcesCheckbox from './MyResourcesCheckbox';
2 |
3 | Stage.defineWidget({
4 | id: 'onlyMyResources',
5 | name: 'Show Only My Resources',
6 | description: 'Show only my resources checkbox, work with (plugins, snapshots, blueprints, deployments)',
7 | initialWidth: 12,
8 | initialHeight: 4,
9 | showHeader: false,
10 | showBorder: false,
11 | hasReadme: true,
12 | permission: Stage.GenericConfig.WIDGET_PERMISSION('onlyMyResources'),
13 |
14 | render(_widget, _data, _error, toolbox) {
15 | return ;
16 | }
17 | });
18 |
--------------------------------------------------------------------------------
/app/widgets/common/inputs/InputsHelpIcon.tsx:
--------------------------------------------------------------------------------
1 | import type { FunctionComponent } from 'react';
2 | import React from 'react';
3 | import i18n from 'i18next';
4 | import InputsHelpDescription from './InputsHelpDescription';
5 | import { Icon, Popup } from '../../../components/basic';
6 |
7 | const InputsHelpIcon: FunctionComponent = () => {
8 | return (
9 | }
12 | header={i18n.t('widgets.common.inputs.buttons.help.header')}
13 | content={}
14 | />
15 | );
16 | };
17 |
18 | export default InputsHelpIcon;
19 |
--------------------------------------------------------------------------------
/app/components/license/EulaLink.tsx:
--------------------------------------------------------------------------------
1 | import i18n from 'i18next';
2 | import _ from 'lodash';
3 | import React from 'react';
4 | import { useSelector } from 'react-redux';
5 | import Consts from '../../utils/consts';
6 |
7 | export default function EulaLink() {
8 | const isCommunity = useSelector(state => _.get(state, 'manager.version.edition') === Consts.EDITION.COMMUNITY);
9 |
10 | return (
11 |
16 | {i18n.t('licenseManagement.eula')}
17 |
18 | );
19 | }
20 |
--------------------------------------------------------------------------------
/app/widgets/common/filters/RuleRemoveButton.tsx:
--------------------------------------------------------------------------------
1 | import type { ComponentProps, FunctionComponent } from 'react';
2 | import React from 'react';
3 | import { getTranslation } from './common';
4 | import { Button } from '../../../components/basic';
5 |
6 | interface RuleRemoveButtonProps {
7 | onClick: ComponentProps['onClick'];
8 | }
9 |
10 | const RuleRemoveButton: FunctionComponent = ({ onClick }) => {
11 | const removeButtonLabel = getTranslation('buttons.removeRule');
12 | return ;
13 | };
14 | export default RuleRemoveButton;
15 |
--------------------------------------------------------------------------------
/babel.config.js:
--------------------------------------------------------------------------------
1 | const plugins = ['@babel/plugin-transform-runtime', '@babel/plugin-proposal-class-properties'];
2 | const { COVERAGE_CHECK } = process.env;
3 |
4 | if (COVERAGE_CHECK) {
5 | console.info('Adding istanbul plugin to Babel setup.');
6 | plugins.push('istanbul');
7 | }
8 |
9 | module.exports = {
10 | presets: [
11 | [
12 | '@babel/env',
13 | {
14 | loose: true
15 | }
16 | ],
17 | '@babel/react',
18 | [
19 | '@babel/typescript',
20 | {
21 | onlyRemoveTypeImports: true
22 | }
23 | ]
24 | ],
25 | plugins
26 | };
27 |
--------------------------------------------------------------------------------
/backend/routes/Widgets.types.ts:
--------------------------------------------------------------------------------
1 | // eslint-disable-next-line import/no-unresolved,node/no-missing-import
2 | import type { Query } from 'express-serve-static-core';
3 | import type { WidgetData, WidgetUsage } from '../handler/WidgetsHandler.types';
4 |
5 | export type GetWidgetsResponse = WidgetData[];
6 |
7 | export type GetWidgetsUsedResponse = WidgetUsage[];
8 |
9 | export type PostWidgetsResponse = WidgetData;
10 |
11 | export interface PostWidgetsQueryParams extends Query {
12 | url?: string;
13 | }
14 |
15 | export type PutWidgetsResponse = WidgetData;
16 |
17 | export interface PutWidgetsQueryParams extends PostWidgetsQueryParams, Query {
18 | id: string;
19 | }
20 |
--------------------------------------------------------------------------------
/backend/test/handlers/services/ManagerService.test.ts:
--------------------------------------------------------------------------------
1 | import managerService from 'handler/services/ManagerService';
2 | import { jsonRequest } from 'handler/ManagerHandler';
3 |
4 | jest.mock('handler/ManagerHandler', () => ({
5 | jsonRequest: jest.fn(() => Promise.resolve({ items: [] }))
6 | }));
7 |
8 | describe('ManagerService', () => {
9 | it('fetches all pages when performing GET request', () => {
10 | return managerService.doGetFull('').then(response => {
11 | expect(jsonRequest).toHaveBeenCalledWith('GET', '?_size=1000&_offset=0', {}, null, undefined);
12 | expect(response).toEqual({ items: [] });
13 | });
14 | });
15 | });
16 |
--------------------------------------------------------------------------------
/backend/routes/WidgetBackend.ts:
--------------------------------------------------------------------------------
1 | import express from 'express';
2 | import { callService } from '../handler/BackendHandler';
3 | import { getLogger } from '../handler/LoggerHandler';
4 | import type { AllowedRequestMethod } from '../types';
5 |
6 | const logger = getLogger('WidgetBackend');
7 | const router = express.Router();
8 |
9 | router.use('/:service', (req, res, next) => {
10 | logger.debug(
11 | `${req.method} request on service '${req.params.service}' called with parameters: ${JSON.stringify(req.query)}`
12 | );
13 | return callService(req.params.service, req.method as AllowedRequestMethod, req, res, next).catch(next);
14 | });
15 |
16 | export default router;
17 |
--------------------------------------------------------------------------------
/backend/test/handlers/services/RequestService.test.ts:
--------------------------------------------------------------------------------
1 | import { doGet } from 'handler/services/RequestService';
2 | import { request } from 'handler/RequestHandler';
3 |
4 | jest.mock('handler/RequestHandler', () => ({
5 | request: jest.fn((_method, _url, _options) =>
6 | Promise.resolve({ headers: {}, statusCode: 200, data: 'responseData' })
7 | )
8 | }));
9 |
10 | describe('RequestService', () => {
11 | it('performs GET request', () => {
12 | return doGet('', {}).then(response => {
13 | expect(request).toHaveBeenCalledWith('GET', '', { headers: {} });
14 | expect(response).toEqual('responseData');
15 | });
16 | });
17 | });
18 |
--------------------------------------------------------------------------------
/app/components/overlays/gettingStarted/steps/SummaryStep/descriptions.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { ErrorIcon, ProcessingIcon, SuccessIcon } from '../../common/icons';
3 |
4 | type Props = {
5 | message: string;
6 | };
7 |
8 | export const SuccessDescription = ({ message }: Props) => (
9 | <>
10 | {message}
11 |
12 |
13 | );
14 |
15 | export const ProcessingDescription = ({ message }: Props) => (
16 | <>
17 | {message}
18 |
19 |
20 | );
21 |
22 | export const ErrorDescription = ({ message }: Props) => (
23 | <>
24 | {message}
25 |
26 |
27 | );
28 |
--------------------------------------------------------------------------------
/app/widgets/common/filters/inputs/BlueprintValueInput.tsx:
--------------------------------------------------------------------------------
1 | import type { FunctionComponent } from 'react';
2 | import React from 'react';
3 | import type { CommonAttributeValueInputProps } from './types';
4 | import AttributeValueInput from './AttributeValueInput';
5 | import { getPlaceholderTranslation } from '../common';
6 |
7 | const BlueprintValueInput: FunctionComponent = props => (
8 |
14 | );
15 |
16 | export default BlueprintValueInput;
17 |
--------------------------------------------------------------------------------
/app/widgets/common/inputs/fields/GenericInputField.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { PositionedRevertToDefaultIcon } from './RevertToDefaultIcon';
3 | import type { ErrorAwareInputFieldProps, RevertableInputFieldProps } from './types';
4 | import { Form } from '../../../../components/basic';
5 |
6 | export default function GenericInputField(props: ErrorAwareInputFieldProps & RevertableInputFieldProps) {
7 | const { name, value, onChange, error } = props;
8 |
9 | return (
10 | <>
11 |
12 |
13 |
14 | );
15 | }
16 |
--------------------------------------------------------------------------------