Skip to content

Commit 15faabe

Browse files
talhainvenxiontalhainvenxion
authored
Merge pull request #334 from zenml-io/dev
Dev
2 parents 7518ed0 + 2d7ccbd commit 15faabe

File tree

35 files changed

+3994
-958
lines changed

35 files changed

+3994
-958
lines changed

‎src/routes/appRoutesConfig.tsx‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,7 @@ import PipelineDetail from '../ui/layouts/pipelines/PipelineDetail/index';
2222
import StackDetail from '../ui/layouts/stacks/StackDetail/index';
2323
import secretDetail from '../ui/layouts/secrets/SecretDetail/index';
2424
import UpdateSecret from '../ui/layouts/secrets/UpdateSecret/index';
25+
import UpdateComponent from '../ui/layouts/stackComponents/UpdateComponent/index';
2526
import stackComponentsDetail from '../ui/layouts/stackComponents/StackDetail/index';
2627
import ConfigureComponent from '../ui/layouts/stackComponents/ConfigureComponent/index';
2728
import PipelineRunDetail from '../ui/layouts/pipelines/RunDetail';
@@ -423,6 +424,14 @@ const routes = [
423424
},
424425
exact: true,
425426
},
427+
{
428+
path: routePaths.stackComponents.updateComponent(':type', ':id', ':string'),
429+
Component: UpdateComponent,
430+
visibility: {
431+
authentication: RouteVisibilityAuthentication.authenticatedOnly,
432+
},
433+
exact: true,
434+
},
426435
{
427436
path: routePaths.stackComponents.runs(':type', ':id', ':string'),
428437
Component: stackComponentsDetail,

‎src/routes/routePaths.tsx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -124,6 +124,8 @@ export const routePaths = {
124124
`/workspaces/${workspace}/registerComponents/${type}`,
125125
configureComponent: (type: string, workspace: string, id: string): string =>
126126
`/workspaces/${workspace}/registerComponents/${type}/${id}/configuration`,
127+
updateComponent: (type: string, id: string, workspace: string): string =>
128+
`/workspaces/${workspace}/components/${type}/${id}/update-component`,
127129
},
128130

129131
plugins: {

‎src/services/locales/zu.json‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -520,6 +520,29 @@
520520
"text": "No runs."
521521
}
522522
},
523+
"Secrets": {
524+
"header": {
525+
"breadcrumbs": {
526+
"secrets": {
527+
"text": "Secrets"
528+
}
529+
}
530+
},
531+
"tabs": {
532+
"secrets": {
533+
"text": "Secrets"
534+
},
535+
"allRuns": {
536+
"text": "Runs"
537+
}
538+
},
539+
"emptyState": {
540+
"text": "We are sorry! We could not find anything for your filter set. Please change your filters and try again."
541+
},
542+
"runsEmptyState": {
543+
"text": "No runs."
544+
}
545+
},
523546
"Stacks": {
524547
"header": {
525548
"breadcrumbs": {

‎src/ui/components/forms/index.tsx‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -197,6 +197,7 @@ export const CopyField = (
197197

198198
export const MakeSecretField = (
199199
props: {
200+
required: any;
200201
label: string;
201202
labelColor: any;
202203
placeholder: any;
@@ -228,6 +229,7 @@ export const MakeSecretField = (
228229
<FlexBox.Column fullWidth>
229230
<FlexBox alignItems="center" fullWidth style={{ position: 'relative' }}>
230231
<InputWithLabelIcon
232+
required={props.required}
231233
name={props.name}
232234
label={props.label}
233235
labelColor={props.labelColor}

‎src/ui/components/inputs/index.tsx‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@ import ReactTooltip from 'react-tooltip';
99
export const InputWithLabelIcon = ({
1010
InputComponent,
1111
label,
12+
required = false,
1213
name,
1314
labelColor,
1415
optional,
@@ -17,6 +18,7 @@ export const InputWithLabelIcon = ({
1718
InputComponent: JSX.Element;
1819
label: string;
1920
name?: any;
21+
required?: any;
2022
labelColor?: any;
2123
optional?: string;
2224
tooltipText?: string;
@@ -31,6 +33,7 @@ export const InputWithLabelIcon = ({
3133
{label}
3234
{optional && <span style={{ color: 'red' }}>{optional}</span>}
3335
</label>
36+
{required && <span style={{ color: 'red', marginLeft: '4px' }}>*</span>}
3437
</Paragraph>
3538

3639
<Box marginLeft="sm" style={{ cursor: 'pointer' }}>

‎src/ui/layouts/NonEditableConfig/index.module.scss‎

Lines changed: 81 additions & 63 deletions
Original file line numberDiff line numberDiff line change
@@ -1,67 +1,85 @@
11
@import '../../globalStyles.scss';
22

3-
.field {
4-
background: rgba(168, 168, 168, 0.1);
5-
border: 1px solid #C9CBD0;
6-
border-radius: 4px;
7-
}
3+
.field {
4+
background: rgba(168, 168, 168, 0.1);
5+
border: 1px solid #c9cbd0;
6+
border-radius: 4px;
7+
}
88

9-
.switch {
10-
position: relative;
11-
display: inline-block;
12-
width: 38px;
13-
height: 20px;
14-
}
15-
16-
.switch input {
17-
opacity: 0;
18-
width: 0;
19-
height: 0;
20-
}
21-
22-
.slider {
23-
position: absolute;
24-
cursor: pointer;
25-
top: 0;
26-
left: 0;
27-
right: 0;
28-
bottom: 0;
29-
background-color: #ccc;
30-
-webkit-transition: .4s;
31-
transition: .4s;
32-
}
33-
34-
.slider:before {
35-
position: absolute;
36-
content: "";
37-
height: 17px;
38-
width: 17px;
39-
left: 1px;
40-
bottom: 2px;
41-
background-color: white;
42-
-webkit-transition: .4s;
43-
transition: .4s;
44-
}
45-
46-
input:checked + .slider {
47-
background-color: $primaryColor;
48-
}
49-
50-
input:focus + .slider {
51-
box-shadow: 0 0 1px $primaryColor;
52-
}
53-
54-
input:checked + .slider:before {
55-
-webkit-transform: translateX(19px);
56-
-ms-transform: translateX(19px);
57-
transform: translateX(19px);
58-
}
59-
60-
/* Rounded sliders */
61-
.slider.round {
62-
border-radius: 34px;
9+
.switch {
10+
position: relative;
11+
display: inline-block;
12+
width: 38px;
13+
height: 20px;
14+
}
15+
16+
.switch input {
17+
opacity: 0;
18+
width: 0;
19+
height: 0;
20+
}
21+
22+
.slider {
23+
position: absolute;
24+
cursor: pointer;
25+
top: 0;
26+
left: 0;
27+
right: 0;
28+
bottom: 0;
29+
background-color: #ccc;
30+
-webkit-transition: 0.4s;
31+
transition: 0.4s;
32+
}
33+
34+
.slider:before {
35+
position: absolute;
36+
content: '';
37+
height: 17px;
38+
width: 17px;
39+
left: 1px;
40+
bottom: 2px;
41+
background-color: white;
42+
-webkit-transition: 0.4s;
43+
transition: 0.4s;
44+
}
45+
46+
input:checked + .slider {
47+
background-color: $primaryColor;
48+
}
49+
50+
input:focus + .slider {
51+
box-shadow: 0 0 1px $primaryColor;
52+
}
53+
54+
input:checked + .slider:before {
55+
-webkit-transform: translateX(19px);
56+
-ms-transform: translateX(19px);
57+
transform: translateX(19px);
58+
}
59+
60+
/* Rounded sliders */
61+
.slider.round {
62+
border-radius: 34px;
63+
}
64+
65+
.slider.round:before {
66+
border-radius: 50%;
67+
}
68+
69+
.textArea {
70+
// background: $inputBgColor;
71+
border: 0px solid $inputBorderColor;
72+
border-radius: $inputBorderRadius;
73+
box-sizing: border-box;
74+
display: flex;
75+
min-height: 45px;
76+
width: 100%;
77+
height: 160px;
78+
font-family: $fontFamilyNormal;
79+
font-size: $inputFontSize;
80+
color: #ccc;
81+
padding: 10px;
82+
&:focus {
83+
border: 1px solid $primaryColor;
6384
}
64-
65-
.slider.round:before {
66-
border-radius: 50%;
67-
}
85+
}

0 commit comments

Comments
 (0)