Updated missed element to use `Locale` for UI labels
Abdullah Alfaraj
parent
f514120153
commit
76e8ce5105
|
|
@ -12,6 +12,10 @@
|
|||
"use lora in your prompt": "在提示中使用 lora",
|
||||
"Generate": "生成",
|
||||
"Generate Txt2Img": "生成 Txt2Img",
|
||||
"Generate Img2Img": "生成 Img2Img",
|
||||
"Generate Inpaint": "生成 Inpaint",
|
||||
"Generate Outpaint": "生成 Outpaint",
|
||||
"outpaint": "outpaint",
|
||||
"Progress...": "进度...",
|
||||
"Toggle the visibility of the Preview Image on the canvas": "切换画布上预览图像的可见性",
|
||||
"Move and reSize the highlighted layer to fit into the Selection Area": "移动和调整突出显示的图层以适合选择区域",
|
||||
|
|
@ -67,6 +71,7 @@
|
|||
"Random": "随机",
|
||||
"Last": "最后",
|
||||
"Show Samplers": "显示采样器",
|
||||
"Sampling Steps:": "Sampling Steps:",
|
||||
"Select A Script": "选择脚本",
|
||||
"Activate": "激活",
|
||||
"Viewer": "查看器",
|
||||
|
|
|
|||
|
|
@ -21,6 +21,7 @@ import { ErrorBoundary } from '../util/errorBoundary'
|
|||
import { ScriptMode } from '../util/ts/enum'
|
||||
|
||||
import './style/after_detailer.css'
|
||||
import Locale from '../locale/locale'
|
||||
|
||||
declare let g_sd_url: string
|
||||
|
||||
|
|
@ -133,8 +134,7 @@ export class AfterDetailerComponent extends React.Component<{
|
|||
Automatic1111 webui
|
||||
</sp-label>
|
||||
<button
|
||||
className="btnSquare refreshButton"
|
||||
id="btnResetSettings"
|
||||
className="btnSquare refreshButton btnResetSettings"
|
||||
title="Refresh the ADetailer Extension"
|
||||
onClick={this.handleRefresh}
|
||||
></button>
|
||||
|
|
@ -150,7 +150,7 @@ export class AfterDetailerComponent extends React.Component<{
|
|||
store.updateProperty('is_enabled', event.target.checked)
|
||||
}}
|
||||
>
|
||||
{'Activate'}
|
||||
{Locale('Activate')}
|
||||
</sp-checkbox>
|
||||
<SpMenu
|
||||
title="model"
|
||||
|
|
|
|||
|
|
@ -403,7 +403,10 @@ class SDTab extends React.Component<{}> {
|
|||
padding: '3px',
|
||||
}}
|
||||
>
|
||||
<Collapsible defaultIsOpen={true} label={'Prompts'}>
|
||||
<Collapsible
|
||||
defaultIsOpen={true}
|
||||
label={Locale('Prompts')}
|
||||
>
|
||||
<MultiTextArea />
|
||||
</Collapsible>
|
||||
</div>
|
||||
|
|
@ -425,7 +428,7 @@ class SDTab extends React.Component<{}> {
|
|||
: void 0
|
||||
}
|
||||
>
|
||||
{config.name}
|
||||
{Locale(config.name)}
|
||||
</sp-radio>
|
||||
)
|
||||
})}
|
||||
|
|
@ -527,7 +530,7 @@ class SDTab extends React.Component<{}> {
|
|||
alignItems: 'flex-start',
|
||||
}}
|
||||
>
|
||||
<sp-label>Batch Size:</sp-label>
|
||||
<sp-label>{Locale('Batch Size:')}</sp-label>
|
||||
<SpTextfield
|
||||
style={{ width: '100%' }}
|
||||
title="the number of images to generate at once.The larger the number more VRAM stable diffusion will use."
|
||||
|
|
@ -553,7 +556,7 @@ class SDTab extends React.Component<{}> {
|
|||
alignItems: 'flex-start',
|
||||
}}
|
||||
>
|
||||
<sp-label>Batch Count:</sp-label>
|
||||
<sp-label>{Locale('Batch Count:')}</sp-label>
|
||||
<SpTextfield
|
||||
style={{ width: '100%' }}
|
||||
title="the number of images to generate in queue. The larger the number the longer will take."
|
||||
|
|
@ -577,7 +580,7 @@ class SDTab extends React.Component<{}> {
|
|||
}}
|
||||
>
|
||||
<sp-label id="sdLabelSampleStep">
|
||||
Sampling Steps
|
||||
{Locale('Sampling Steps:')}
|
||||
</sp-label>
|
||||
<SpTextfield
|
||||
style={{ width: '100%' }}
|
||||
|
|
@ -597,7 +600,7 @@ class SDTab extends React.Component<{}> {
|
|||
<div id="selectionMode">
|
||||
<div>
|
||||
<sp-label id="rbSelectionModeLabel" slot="label">
|
||||
Selection Mode:
|
||||
{Locale('Selection Mode:')}
|
||||
</sp-label>
|
||||
</div>
|
||||
|
||||
|
|
@ -637,7 +640,7 @@ class SDTab extends React.Component<{}> {
|
|||
}
|
||||
}}
|
||||
>
|
||||
{selection_mode.name}
|
||||
{Locale(selection_mode.name)}
|
||||
</sp-radio>
|
||||
)
|
||||
}
|
||||
|
|
@ -767,7 +770,7 @@ class SDTab extends React.Component<{}> {
|
|||
}}
|
||||
>
|
||||
<sp-label slot="label" class="title">
|
||||
Width:
|
||||
{Locale('Width:')}
|
||||
</sp-label>
|
||||
<sp-label
|
||||
class="labelNumber"
|
||||
|
|
@ -808,7 +811,7 @@ class SDTab extends React.Component<{}> {
|
|||
}}
|
||||
>
|
||||
<sp-label slot="label" class="title">
|
||||
Height:
|
||||
{Locale('Height:')}
|
||||
</sp-label>
|
||||
<sp-label
|
||||
class="labelNumber"
|
||||
|
|
@ -851,7 +854,7 @@ class SDTab extends React.Component<{}> {
|
|||
}}
|
||||
>
|
||||
<sp-label slot="label" class="title">
|
||||
CFG Scale:
|
||||
{Locale('CFG Scale:')}
|
||||
</sp-label>
|
||||
</SpSlider>
|
||||
|
||||
|
|
@ -876,7 +879,7 @@ class SDTab extends React.Component<{}> {
|
|||
}}
|
||||
>
|
||||
<sp-label slot="label" class="title">
|
||||
Denoising Strength:
|
||||
{Locale('Denoising Strength:')}
|
||||
</sp-label>
|
||||
<sp-label slot="label" id="lDenoisingStrength">
|
||||
{store.data.denoising_strength.toFixed(2)}
|
||||
|
|
@ -995,7 +998,9 @@ class SDTab extends React.Component<{}> {
|
|||
}
|
||||
}}
|
||||
>
|
||||
<sp-label slot="label">Mask Expansion:</sp-label>
|
||||
<sp-label slot="label">
|
||||
{Locale('Mask Expansion:')}
|
||||
</sp-label>
|
||||
</SpSlider>
|
||||
|
||||
<div style={{ display: 'flex' }}>
|
||||
|
|
@ -1080,7 +1085,7 @@ class SDTab extends React.Component<{}> {
|
|||
mask_content.value
|
||||
}}
|
||||
>
|
||||
{mask_content.name}
|
||||
{Locale(`${mask_content.name}`)}
|
||||
</sp-radio>
|
||||
)
|
||||
})}
|
||||
|
|
@ -1116,7 +1121,7 @@ class SDTab extends React.Component<{}> {
|
|||
evt.target.checked
|
||||
}}
|
||||
>
|
||||
Restore Faces
|
||||
{Locale('Restore Faces')}
|
||||
</SpCheckBox>
|
||||
<SpCheckBox
|
||||
class="checkbox"
|
||||
|
|
@ -1129,7 +1134,7 @@ class SDTab extends React.Component<{}> {
|
|||
store.data.enable_hr = evt.target.checked
|
||||
}}
|
||||
>
|
||||
Hi Res Fix
|
||||
{Locale('Hi Res Fix')}
|
||||
</SpCheckBox>
|
||||
<SpCheckBox
|
||||
class="checkbox"
|
||||
|
|
@ -1139,7 +1144,7 @@ class SDTab extends React.Component<{}> {
|
|||
store.data.tiling = evt.target.checked
|
||||
}}
|
||||
>
|
||||
tiling
|
||||
{Locale('Tiling')}
|
||||
</SpCheckBox>
|
||||
</div>
|
||||
<div
|
||||
|
|
@ -1361,7 +1366,9 @@ class SDTab extends React.Component<{}> {
|
|||
|
||||
<div>
|
||||
<div style={{ display: 'flex' }}>
|
||||
<sp-label id="sdLabelSeed">Seed:</sp-label>
|
||||
<sp-label id="sdLabelSeed">
|
||||
{Locale('Seed:')}
|
||||
</sp-label>
|
||||
<sp-textfield
|
||||
id="tiSeed"
|
||||
placeholder="Seed"
|
||||
|
|
@ -1381,7 +1388,7 @@ class SDTab extends React.Component<{}> {
|
|||
store.data.seed = '-1'
|
||||
}}
|
||||
>
|
||||
Random
|
||||
{Locale('Random')}
|
||||
</button>
|
||||
<button
|
||||
className="btnSquare"
|
||||
|
|
@ -1391,7 +1398,7 @@ class SDTab extends React.Component<{}> {
|
|||
session_store.data.last_seed
|
||||
}}
|
||||
>
|
||||
Last
|
||||
{Locale('Last')}
|
||||
</button>
|
||||
</div>
|
||||
<button
|
||||
|
|
@ -1415,7 +1422,9 @@ class SDTab extends React.Component<{}> {
|
|||
: 'none',
|
||||
}}
|
||||
>
|
||||
<sp-label slot="label">Select Sampler:</sp-label>
|
||||
<sp-label slot="label">
|
||||
{Locale('Select Sampler:')}
|
||||
</sp-label>
|
||||
{(helper_store.data.sampler_list || []).map(
|
||||
(sampler: any, index: number) => {
|
||||
return (
|
||||
|
|
|
|||
|
|
@ -255,7 +255,7 @@ export class Settings extends React.Component<{}> {
|
|||
></SpMenu>
|
||||
|
||||
<div style={{ width: '100%' }}>
|
||||
<sp-label>select language</sp-label>
|
||||
<sp-label>{Locale('select language:')}</sp-label>
|
||||
</div>
|
||||
<SpMenu
|
||||
title="select language"
|
||||
|
|
@ -280,10 +280,7 @@ export class Settings extends React.Component<{}> {
|
|||
onChange={onShouldLogToFileChange}
|
||||
checked={store.data.should_log_to_file}
|
||||
>
|
||||
{
|
||||
//@ts-ignore
|
||||
Locale('Log Errors To File')
|
||||
}
|
||||
{Locale('Log Errors To File')}
|
||||
</SpCheckBox>
|
||||
</div>
|
||||
|
||||
|
|
@ -348,7 +345,7 @@ export class Settings extends React.Component<{}> {
|
|||
}}
|
||||
style={{ display: 'inline-flex' }}
|
||||
>
|
||||
Image Cfg Scale Slider
|
||||
{Locale('Image Cfg Scale Slider')}
|
||||
</sp-checkbox>
|
||||
</div>
|
||||
<div>
|
||||
|
|
@ -359,12 +356,14 @@ export class Settings extends React.Component<{}> {
|
|||
store.data.use_sharp_mask = evt.target.checked
|
||||
}}
|
||||
>
|
||||
use sharp mask
|
||||
{Locale('use sharp mask')}
|
||||
</sp-checkbox>
|
||||
</div>
|
||||
<div>
|
||||
<sp-radio-group selected={store.data.extension_type}>
|
||||
<sp-label slot="label">Select Extension:</sp-label>
|
||||
<sp-label slot="label">
|
||||
{Locale('Select Extension:')}
|
||||
</sp-label>
|
||||
{[
|
||||
ExtensionTypeEnum.ProxyServer,
|
||||
ExtensionTypeEnum.Auto1111Extension,
|
||||
|
|
@ -387,7 +386,7 @@ export class Settings extends React.Component<{}> {
|
|||
evt.target.value
|
||||
}}
|
||||
>
|
||||
{config[extension_type].label}
|
||||
{Locale(config[extension_type].label)}
|
||||
</sp-radio>
|
||||
)
|
||||
})}
|
||||
|
|
@ -410,7 +409,7 @@ export class Settings extends React.Component<{}> {
|
|||
)
|
||||
}}
|
||||
>
|
||||
Turn Off Server Status Alert
|
||||
{Locale('Turn Off Server Status Alert')}
|
||||
</sp-checkbox>
|
||||
</div>
|
||||
<div>
|
||||
|
|
@ -452,7 +451,7 @@ export class Settings extends React.Component<{}> {
|
|||
: false
|
||||
}}
|
||||
>
|
||||
Smart Object
|
||||
{Locale('Smart Object')}
|
||||
</sp-checkbox>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -137,8 +137,7 @@ class ToolBar extends React.Component<{}> {
|
|||
}}
|
||||
></button>
|
||||
<button
|
||||
className="btnSquare resetButton"
|
||||
id="btnResetSettings"
|
||||
className="btnSquare resetButton btnResetSettings"
|
||||
title="reset the ui settings to their default values"
|
||||
style={{ marginRight: '3px' }}
|
||||
onClick={(evt: any) => {
|
||||
|
|
|
|||
|
|
@ -8,6 +8,7 @@ import { SpMenu } from '../util/elements'
|
|||
import * as ultimate_sd_upscale_script from './ultimate_sd_upscaler'
|
||||
import { ScriptMode } from './ultimate_sd_upscaler'
|
||||
import { ErrorBoundary } from '../util/errorBoundary'
|
||||
import Locale from '../locale/locale'
|
||||
export function toJsFunc(store: any) {
|
||||
return toJS(store)
|
||||
}
|
||||
|
|
@ -139,7 +140,7 @@ class ScriptComponent extends React.Component<{}> {
|
|||
script_store.setIsActive(event.target.checked)
|
||||
}}
|
||||
>
|
||||
{'Activate'}
|
||||
{Locale('Activate')}
|
||||
</sp-checkbox>
|
||||
<>
|
||||
{script_store.selected_script_name === 'None' && <></>}
|
||||
|
|
|
|||
|
|
@ -496,8 +496,7 @@ export const ScriptInstallComponent = observer(
|
|||
Automatic1111 webui
|
||||
</sp-label>
|
||||
<button
|
||||
className="btnSquare refreshButton"
|
||||
id="btnResetSettings"
|
||||
className="btnSquare refreshButton btnResetSettings"
|
||||
title="Refresh the ADetailer Extension"
|
||||
onClick={onRefreshHandler}
|
||||
></button>
|
||||
|
|
@ -626,7 +625,21 @@ export class SearchableMenu extends React.Component<{
|
|||
() => {
|
||||
console.log('onBlur:', evt.target.value)
|
||||
|
||||
this.setState({ openMenu: false })
|
||||
const state_values: Record<string, any> = {}
|
||||
if (
|
||||
!this.props.allItems.includes(
|
||||
this.state.searchQuery
|
||||
)
|
||||
) {
|
||||
state_values.searchQuery = ''
|
||||
|
||||
if (this.props.onSelectItemFailure) {
|
||||
state_values.searchQuery =
|
||||
this.props.onSelectItemFailure()
|
||||
}
|
||||
}
|
||||
state_values.openMenu = false
|
||||
this.setState(state_values)
|
||||
|
||||
console.log(
|
||||
'this.state.searchQuery: ',
|
||||
|
|
|
|||
Loading…
Reference in New Issue