mirror of
https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz
synced 2025-10-22 11:31:09 +08:00
7c14a75c68
* feat: metrics builder * feat: tag key selection * feat: metrics builder * poc version * added more changes to query builder * added types for composite queries * (feat): added edit rules and create rules forms * added label key value input item * (chore): added hidden labels for labelinput * (chore): resolved some merge conflicts from develop * (chore): added translations * (chore): removed some old files in metric builder * (chore): restored some of the files from develop branch * (chore): restored env.ts * (fix): solved empty builder queries errors * (fix): changed queryIndex and formulaIndex type to string|number from number * (feat): added chart preview for alert metric ui * (feat): added threshold in chart, translations in alert form and a few fixes * (fix): restoring env.ts * (fix): placed threshold on horizontal line * fix: resolved review comments * fix: resolved label remove issue * fix: removed console log * fix: resolved issue with edit rule - old state values shown after update of threshold * fix: resolved issue with match condition dropdown in alert ui * fix: increased size of timeframe drop down * fix: fixed label key value field and chart auto update when eval window changes * feat: added a link for alert name in list alerts page and source for each rule update * fix: resolved review coments in querysection of alerts ui * feat: adding panel user guide in alerting form * feat: added user guide panel in the alert form * feat: added more help icon in user guide and fixed the sizing issue Co-authored-by: Pranshu Chittora <pranshu@signoz.io>
104 lines
1.8 KiB
TypeScript
104 lines
1.8 KiB
TypeScript
import { Button, Card, Col, Form, Input, InputNumber, Row, Select } from 'antd';
|
|
import TextArea from 'antd/lib/input/TextArea';
|
|
import styled from 'styled-components';
|
|
|
|
export const PanelContainer = styled(Row)`
|
|
flex-wrap: nowrap;
|
|
`;
|
|
|
|
export const StyledRightContainer = styled(Col)`
|
|
&&& {
|
|
}
|
|
`;
|
|
|
|
export const StyledLeftContainer = styled(Col)`
|
|
&&& {
|
|
margin-right: 1rem;
|
|
}
|
|
`;
|
|
|
|
export const MainFormContainer = styled(Form)``;
|
|
|
|
export const ButtonContainer = styled.div`
|
|
&&& {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
margin-top: 1rem;
|
|
margin-bottom: 3rem;
|
|
}
|
|
`;
|
|
|
|
export const ActionButton = styled(Button)`
|
|
margin-right: 1rem;
|
|
`;
|
|
|
|
export const QueryButton = styled(Button)`
|
|
&&& {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-right: 1rem;
|
|
}
|
|
`;
|
|
|
|
export const QueryContainer = styled(Card)`
|
|
&&& {
|
|
margin-top: 1rem;
|
|
min-height: 23.5%;
|
|
}
|
|
`;
|
|
|
|
export const Container = styled.div`
|
|
margin-top: 1rem;
|
|
display: flex;
|
|
flex-direction: column;
|
|
`;
|
|
|
|
export const StepHeading = styled.p`
|
|
margin-top: 1rem;
|
|
font-weight: bold;
|
|
`;
|
|
|
|
export const InlineSelect = styled(Select)`
|
|
display: inline-block;
|
|
width: 10% !important;
|
|
margin-left: 0.2em;
|
|
margin-right: 0.2em;
|
|
`;
|
|
|
|
export const SeveritySelect = styled(Select)`
|
|
width: 15% !important;
|
|
`;
|
|
|
|
export const InputSmall = styled(Input)`
|
|
width: 40% !important;
|
|
`;
|
|
|
|
export const FormContainer = styled.div`
|
|
padding: 2em;
|
|
margin-top: 1rem;
|
|
display: flex;
|
|
flex-direction: column;
|
|
background: #141414;
|
|
border-radius: 4px;
|
|
border: 1px solid #303030;
|
|
`;
|
|
|
|
export const ThresholdInput = styled(InputNumber)`
|
|
& > div {
|
|
display: flex;
|
|
align-items: center;
|
|
& > .ant-input-number-group-addon {
|
|
width: 130px;
|
|
}
|
|
& > .ant-input-number {
|
|
width: 50%;
|
|
margin-left: 1em;
|
|
}
|
|
}
|
|
`;
|
|
|
|
export const TextareaMedium = styled(TextArea)`
|
|
width: 70%;
|
|
`;
|