Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-07-24 15:59:41 +02:00
Code Issues Releases Activity

refactor(ui/modals): replace bootbox with react solution [EE-4541] (#8010)

Browse source
This commit is contained in:
Chaim Lev-Ari 2023-02-14 13:49:41 +05:30 • committed by GitHub
parent 392c7f74b8
commit e66dea44e3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
111 changed files with 1330 additions and 1562 deletions
Download patch file Download diff file Expand all files Collapse all files

12
app/react/components/form-components/PortainerSelect.tsx
View file

@ -67,9 +67,10 @@ export function SingleSelect<TValue = string>({
isClearable,
bindToBody,
}: SingleProps<TValue>) {
const selectedValue = value
? _.first(findSelectedOptions<TValue>(options, value))
: null;
const selectedValue =
value || (typeof value === 'number' && value === 0)
? _.first(findSelectedOptions<TValue>(options, value))
: null;
return (
<ReactSelect<Option<TValue>>
@ -94,7 +95,8 @@ function findSelectedOptions<TValue>(
value: TValue | readonly TValue[]
) {
const valueArr = Array.isArray(value) ? value : [value];
return _.compact(
const values = _.compact(
options.flatMap((option) => {
if (isGroup(option)) {
return option.options.find((option) => valueArr.includes(option.value));
@ -107,6 +109,8 @@ function findSelectedOptions<TValue>(
return null;
})
);
return values;
}
export function MultiSelect<TValue = string>({

12
app/react/components/form-components/SwitchField/Switch.css
View file

@ -1,7 +1,6 @@
/* switch box */
.switch,
.bootbox-checkbox-list > .checkbox > label {
.switch {
--switch-size: 24px;
}
@ -13,8 +12,7 @@
display: none;
}
.switch i,
.bootbox-form .checkbox i {
.switch i {
display: inline-block;
vertical-align: middle;
cursor: pointer;
@ -27,8 +25,7 @@
box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.5);
}
.switch i:before,
.bootbox-form .checkbox i:before {
.switch i:before {
display: block;
content: '';
width: var(--switch-size);
@ -38,8 +35,7 @@
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.5);
}
.switch :checked + i,
.bootbox-form .checkbox :checked ~ i {
.switch :checked + i {
padding-right: 0;
padding-left: var(--switch-size);
-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 40px #337ab7;