1580158
/
Auto-Photoshop-StableDiffusion-Plugin
mirror of https://github.com/AbdullahAlfaraj/Auto-Photoshop-StableDiffusion-Plugin.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

add custom width and height slider for ultimate sd upscaler

pull/378/head
Abdullah Alfaraj 2023-09-28 15:37:19 +03:00
parent 7d05004a5e
commit 018f7c2c5f
1 changed files with 85 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

126
typescripts/ultimate_sd_upscaler/ultimate_sd_upscaler.tsx
View File

@ -188,6 +188,54 @@ export class UltimateSDUpscalerForm extends React.Component<{
this.props.store.updateProperty('is_installed', is_installed)
return is_installed
}
renderScaleSlider() {
switch (this.props.store.data.target_size_type) {
case ui_config.target_size_type.choices.indexOf(
'Scale from image size'
):
return (
<SpSliderWithLabel
label={ui_config.custom_scale.label}
output_value={this.props.store.data.custom_scale}
id={'custom_scale'}
out_min={ui_config.custom_scale.minimum}
out_max={ui_config.custom_scale.maximum}
onSliderInput={this.handleSliderChange}
steps={0.01}
slider_type={SliderType.Float}
/>
)
case ui_config.target_size_type.choices.indexOf('Custom size'):
return (
<>
<SpSliderWithLabel
label={ui_config.custom_width.label}
output_value={this.props.store.data.custom_width}
id={'custom_width'}
out_min={ui_config.custom_width.minimum}
out_max={ui_config.custom_width.maximum}
onSliderInput={this.handleSliderChange}
steps={ui_config.custom_width.step}
slider_type={SliderType.Integer}
/>
<SpSliderWithLabel
label={ui_config.custom_height.label}
output_value={this.props.store.data.custom_height}
id={'custom_height'}
out_min={ui_config.custom_height.minimum}
out_max={ui_config.custom_height.maximum}
onSliderInput={this.handleSliderChange}
steps={ui_config.custom_height.step}
slider_type={SliderType.Integer}
/>
</>
)
default:
return void 0
}
}
render() {
if (!this.props.store.data.is_installed) {
return (
@ -269,47 +317,43 @@ export class UltimateSDUpscalerForm extends React.Component<{
onChange={this.handleMenuChange}
selected_index={this.props.store.data.target_size_type}
/>
<SpSliderWithLabel
label={ui_config.custom_scale.label}
output_value={this.props.store.data.custom_scale}
id={'custom_scale'}
out_min={ui_config.custom_scale.minimum}
out_max={ui_config.custom_scale.maximum}
onSliderInput={this.handleSliderChange}
steps={0.01}
slider_type={SliderType.Float}
/>
<sp-checkbox
checked={
this.props.store.data.save_upscaled_image
? true
: undefined
}
onClick={(event: React.ChangeEvent<HTMLInputElement>) => {
this.props.store.updateProperty(
'save_upscaled_image',
event.target.checked
)
}}
>
{ui_config.save_upscaled_image.label}
</sp-checkbox>
<sp-checkbox
checked={
this.props.store.data.save_seams_fix_image
? true
: undefined
}
onClick={(event: React.ChangeEvent<HTMLInputElement>) => {
this.props.store.updateProperty(
'save_seams_fix_image',
event.target.checked
)
}}
>
{ui_config.save_seams_fix_image.label}
</sp-checkbox>
{this.renderScaleSlider()}
<div>
<sp-checkbox
checked={
this.props.store.data.save_upscaled_image
? true
: undefined
}
onClick={(
event: React.ChangeEvent<HTMLInputElement>
) => {
this.props.store.updateProperty(
'save_upscaled_image',
event.target.checked
)
}}
>
{ui_config.save_upscaled_image.label}
</sp-checkbox>
<sp-checkbox
checked={
this.props.store.data.save_seams_fix_image
? true
: undefined
}
onClick={(
event: React.ChangeEvent<HTMLInputElement>
) => {
this.props.store.updateProperty(
'save_seams_fix_image',
event.target.checked
)
}}
>
{ui_config.save_seams_fix_image.label}
</sp-checkbox>
</div>
{group_1_sliders}
<SpMenu
title={'Seams Fix Type'}