Merge pull request #1261 from ONLYOFFICE/feature/edit-toggle

[DE PE SSE] Fix Bug 53225
This commit is contained in:
maxkadushkin 2021-10-23 10:45:42 +03:00 committed by GitHub
commit bf4edf96f3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
14 changed files with 45 additions and 45 deletions

View file

@ -22,19 +22,19 @@ const EditHeader = props => {
<Fragment>
<List>
<ListItem title={_t.textDifferentFirstPage}>
<Toggle checked={isDiffFirst} onChange={() => {props.onDiffFirst(!isDiffFirst)}}/>
<Toggle checked={isDiffFirst} onToggleChange={() => {props.onDiffFirst(!isDiffFirst)}}/>
</ListItem>
<ListItem title={_t.textDifferentOddAndEvenPages}>
<Toggle checked={isDiffOdd} onChange={() => {props.onDiffOdd(!isDiffOdd)}}/>
<Toggle checked={isDiffOdd} onToggleChange={() => {props.onDiffOdd(!isDiffOdd)}}/>
</ListItem>
<ListItem title={_t.textLinkToPrevious} className={linkToPrev===null ? 'disabled' : ''}>
<Toggle checked={boolLinkToPrev} onChange={() => {props.onSameAs(!boolLinkToPrev)}}/>
<Toggle checked={boolLinkToPrev} onToggleChange={() => {props.onSameAs(!boolLinkToPrev)}}/>
</ListItem>
</List>
<BlockTitle>{_t.textPageNumbering}</BlockTitle>
<List>
<ListItem title={_t.textContinueFromPreviousSection}>
<Toggle checked={startPageNumber<0} onChange={() => {props.onNumberingContinue(!(startPageNumber<0), _startAt)}}/>
<Toggle checked={startPageNumber<0} onToggleChange={() => {props.onNumberingContinue(!(startPageNumber<0), _startAt)}}/>
</ListItem>
<ListItem title={_t.textStartAt} className={startPageNumber<0 ? 'disabled' : ''}>
{!isAndroid && <div slot='after-start'>{_startAt}</div>}

View file

@ -91,10 +91,10 @@ const PageWrap = props => {
}
<List>
<ListItem title={_t.textMoveWithText} className={'inline' === wrapType ? 'disabled' : ''}>
<Toggle checked={moveText} onChange={() => {props.onMoveText(!moveText)}}/>
<Toggle checked={moveText} onToggleChange={() => {props.onMoveText(!moveText)}}/>
</ListItem>
<ListItem title={_t.textAllowOverlap}>
<Toggle checked={overlap} onChange={() => {props.onOverlap(!overlap)}}/>
<Toggle checked={overlap} onToggleChange={() => {props.onOverlap(!overlap)}}/>
</ListItem>
</List>
{

View file

@ -94,21 +94,21 @@ const PageAdvancedSettings = props => {
</List>
<List>
<ListItem title={t('Edit.textSpaceBetweenParagraphs')}>
<Toggle checked={spaceBetween} onChange={() => {props.onSpaceBetween(!spaceBetween)}}/>
<Toggle checked={spaceBetween} onToggleChange={() => {props.onSpaceBetween(!spaceBetween)}}/>
</ListItem>
</List>
<List>
<ListItem title={t('Edit.textPageBreakBefore')}>
<Toggle checked={breakBefore} onChange={() => {props.onBreakBefore(!breakBefore)}}/>
<Toggle checked={breakBefore} onToggleChange={() => {props.onBreakBefore(!breakBefore)}}/>
</ListItem>
<ListItem title={t('Edit.textOrphanControl')}>
<Toggle checked={orphanControl} onChange={() => {props.onOrphan(!orphanControl)}}/>
<Toggle checked={orphanControl} onToggleChange={() => {props.onOrphan(!orphanControl)}}/>
</ListItem>
<ListItem title={t('Edit.textKeepLinesTogether')}>
<Toggle checked={keepTogether} onChange={() => {props.onKeepTogether(!keepTogether)}}/>
<Toggle checked={keepTogether} onToggleChange={() => {props.onKeepTogether(!keepTogether)}}/>
</ListItem>
<ListItem title={t('Edit.textKeepWithNext')}>
<Toggle checked={keepWithNext} onChange={() => {props.onKeepNext(!keepWithNext)}}/>
<Toggle checked={keepWithNext} onToggleChange={() => {props.onKeepNext(!keepWithNext)}}/>
</ListItem>
</List>
</Page>

View file

@ -391,10 +391,10 @@ const PageWrap = props => {
}
<List>
<ListItem title={_t.textMoveWithText} className={'inline' === wrapType ? 'disabled' : ''}>
<Toggle checked={moveText} onChange={() => {props.onMoveText(!moveText)}}/>
<Toggle checked={moveText} onToggleChange={() => {props.onMoveText(!moveText)}}/>
</ListItem>
<ListItem title={_t.textAllowOverlap}>
<Toggle checked={overlap} onChange={() => {props.onOverlap(!overlap)}}/>
<Toggle checked={overlap} onToggleChange={() => {props.onOverlap(!overlap)}}/>
</ListItem>
</List>
{

View file

@ -40,10 +40,10 @@ const PageTableOptions = props => {
</Navbar>
<List>
<ListItem title={_t.textRepeatAsHeaderRow} className={isRepeat === null ? 'disabled' : ''}>
<Toggle checked={isRepeat} onChange={() => {props.onOptionRepeat(!isRepeat)}}/>
<Toggle checked={isRepeat} onToggleChange={() => {props.onOptionRepeat(!isRepeat)}}/>
</ListItem>
<ListItem title={_t.textResizeToFitContent}>
<Toggle checked={isResize} onChange={() => {props.onOptionResize(!isResize)}}/>
<Toggle checked={isResize} onToggleChange={() => {props.onOptionResize(!isResize)}}/>
</ListItem>
</List>
<BlockTitle>{_t.textCellMargins}</BlockTitle>
@ -115,7 +115,7 @@ const PageWrap = props => {
</List>
<List>
<ListItem title={_t.textMoveWithText} className={'inline' === wrapType ? 'disabled' : ''}>
<Toggle checked={moveText} onChange={() => {props.onWrapMoveText(!moveText)}}/>
<Toggle checked={moveText} onToggleChange={() => {props.onWrapMoveText(!moveText)}}/>
</ListItem>
</List>
{
@ -223,24 +223,24 @@ const PageStyleOptions = props => {
</Navbar>
<List>
<ListItem title={_t.textHeaderRow}>
<Toggle checked={isFirstRow} onChange={() => {props.onCheckTemplateChange(tableLook, 0, !isFirstRow)}}/>
<Toggle checked={isFirstRow} onToggleChange={() => {props.onCheckTemplateChange(tableLook, 0, !isFirstRow)}}/>
</ListItem>
<ListItem title={_t.textTotalRow}>
<Toggle checked={isLastRow} onChange={() => {props.onCheckTemplateChange(tableLook, 1, !isLastRow)}}/>
<Toggle checked={isLastRow} onToggleChange={() => {props.onCheckTemplateChange(tableLook, 1, !isLastRow)}}/>
</ListItem>
<ListItem title={_t.textBandedRow}>
<Toggle checked={isBandHor} onChange={() => {props.onCheckTemplateChange(tableLook, 2, !isBandHor)}}/>
<Toggle checked={isBandHor} onToggleChange={() => {props.onCheckTemplateChange(tableLook, 2, !isBandHor)}}/>
</ListItem>
</List>
<List>
<ListItem title={_t.textFirstColumn}>
<Toggle checked={isFirstCol} onChange={() => {props.onCheckTemplateChange(tableLook, 3, !isFirstCol)}}/>
<Toggle checked={isFirstCol} onToggleChange={() => {props.onCheckTemplateChange(tableLook, 3, !isFirstCol)}}/>
</ListItem>
<ListItem title={_t.textLastColumn}>
<Toggle checked={isLastCol} onChange={() => {props.onCheckTemplateChange(tableLook, 4, !isLastCol)}}/>
<Toggle checked={isLastCol} onToggleChange={() => {props.onCheckTemplateChange(tableLook, 4, !isLastCol)}}/>
</ListItem>
<ListItem title={_t.textBandedColumn}>
<Toggle checked={isBandVer} onChange={() => {props.onCheckTemplateChange(tableLook, 5, !isBandVer)}}/>
<Toggle checked={isBandVer} onToggleChange={() => {props.onCheckTemplateChange(tableLook, 5, !isBandVer)}}/>
</ListItem>
</List>
</Page>

View file

@ -42,7 +42,7 @@ const PageApplicationSettings = props => {
<List>
<ListItem title={_t.textSpellcheck}>
<Toggle checked={isSpellChecking}
onChange={() => {
onToggleChange={() => {
store.changeSpellCheck(!isSpellChecking);
props.switchSpellCheck(!isSpellChecking);
}}
@ -52,7 +52,7 @@ const PageApplicationSettings = props => {
<List>
<ListItem title={_t.textNoCharacters} disabled={displayMode !== 'markup'}>{/*ToDo: if (DisplayMode == "final" || DisplayMode == "original") {disabled} */}
<Toggle checked={isNonprintingCharacters}
onChange={() => {
onToggleChange={() => {
store.changeNoCharacters(!isNonprintingCharacters);
props.switchNoCharacters(!isNonprintingCharacters);
}}
@ -60,7 +60,7 @@ const PageApplicationSettings = props => {
</ListItem>
<ListItem title={_t.textHiddenTableBorders} disabled={displayMode !== 'markup'}>{/*ToDo: if (DisplayMode == "final" || DisplayMode == "original") {disabled} */}
<Toggle checked={isHiddenTableBorders}
onChange={() => {
onToggleChange={() => {
store.changeShowTableEmptyLine(!isHiddenTableBorders);
props.switchShowTableEmptyLine(!isHiddenTableBorders);
}}
@ -73,7 +73,7 @@ const PageApplicationSettings = props => {
<List>
<ListItem title={_t.textComments}>
<Toggle checked={isComments}
onChange={() => {
onToggleChange={() => {
store.changeDisplayComments(!isComments);
props.switchDisplayComments(!isComments);
}}
@ -81,7 +81,7 @@ const PageApplicationSettings = props => {
</ListItem>
<ListItem title={_t.textResolvedComments}>
<Toggle checked={isResolvedComments} disabled={!isComments}
onChange={() => {
onToggleChange={() => {
store.changeDisplayResolved(!isResolvedComments);
props.switchDisplayResolved(!isResolvedComments);
}}

View file

@ -132,7 +132,7 @@ const SettingsList = inject("storeAppOptions", "storeReview")(observer(props =>
{_canReader &&
<ListItem title={_t.textReaderMode}> {/*ToDo*/}
<Icon slot="media" icon="icon-reader"></Icon>
<Toggle checked={appOptions.readerMode} onChange={() => {props.onReaderMode()}}/>
<Toggle checked={appOptions.readerMode} onToggleChange={() => {props.onReaderMode()}}/>
</ListItem>
}
{Device.sailfish && _isEdit &&

View file

@ -281,11 +281,11 @@ const PageTransition = props => {
<List>
<ListItem>
<span>{_t.textStartOnClick}</span>
<Toggle checked={isStartOnClick} onChange={() => {props.onStartClick(!isStartOnClick)}} />
<Toggle checked={isStartOnClick} onToggleChange={() => {props.onStartClick(!isStartOnClick)}} />
</ListItem>
<ListItem>
<span>{_t.textDelay}</span>
<Toggle checked={isDelay} onChange={() => {props.onDelayCheck(!isDelay, _effectDelay)}} />
<Toggle checked={isDelay} onToggleChange={() => {props.onDelayCheck(!isDelay, _effectDelay)}} />
</ListItem>
<ListItem>
<div slot='inner' style={{width: '100%'}}>

View file

@ -64,24 +64,24 @@ const PageStyleOptions = props => {
</Navbar>
<List>
<ListItem title={_t.textHeaderRow}>
<Toggle checked={isFirstRow} onChange={() => {props.onCheckTemplateChange(tableLook, 0, !isFirstRow)}}/>
<Toggle checked={isFirstRow} onToggleChange={() => {props.onCheckTemplateChange(tableLook, 0, !isFirstRow)}}/>
</ListItem>
<ListItem title={_t.textTotalRow}>
<Toggle checked={isLastRow} onChange={() => {props.onCheckTemplateChange(tableLook, 1, !isLastRow)}}/>
<Toggle checked={isLastRow} onToggleChange={() => {props.onCheckTemplateChange(tableLook, 1, !isLastRow)}}/>
</ListItem>
<ListItem title={_t.textBandedRow}>
<Toggle checked={isBandHor} onChange={() => {props.onCheckTemplateChange(tableLook, 2, !isBandHor)}}/>
<Toggle checked={isBandHor} onToggleChange={() => {props.onCheckTemplateChange(tableLook, 2, !isBandHor)}}/>
</ListItem>
</List>
<List>
<ListItem title={_t.textFirstColumn}>
<Toggle checked={isFirstCol} onChange={() => {props.onCheckTemplateChange(tableLook, 3, !isFirstCol)}}/>
<Toggle checked={isFirstCol} onToggleChange={() => {props.onCheckTemplateChange(tableLook, 3, !isFirstCol)}}/>
</ListItem>
<ListItem title={_t.textLastColumn}>
<Toggle checked={isLastCol} onChange={() => {props.onCheckTemplateChange(tableLook, 4, !isLastCol)}}/>
<Toggle checked={isLastCol} onToggleChange={() => {props.onCheckTemplateChange(tableLook, 4, !isLastCol)}}/>
</ListItem>
<ListItem title={_t.textBandedColumn}>
<Toggle checked={isBandVer} onChange={() => {props.onCheckTemplateChange(tableLook, 5, !isBandVer)}}/>
<Toggle checked={isBandVer} onToggleChange={() => {props.onCheckTemplateChange(tableLook, 5, !isBandVer)}}/>
</ListItem>
</List>
</Page>

View file

@ -38,7 +38,7 @@ const PageApplicationSettings = props => {
<ListItem>
<span>{_t.textSpellcheck}</span>
<Toggle checked={isSpellChecking}
onChange={() => {
onToggleChange={() => {
store.changeSpellCheck(!isSpellChecking);
props.switchSpellCheck(!isSpellChecking);
}}

View file

@ -486,7 +486,7 @@ const PageTextFormatCell = props => {
<List>
<ListItem title={_t.textWrapText}>
{!isAndroid ? <Icon slot="media" icon="icon-cell-wrap"></Icon> : null}
<Toggle checked={isWrapText} onChange={() => {props.onWrapTextChange(!isWrapText)}} />
<Toggle checked={isWrapText} onToggleChange={() => {props.onWrapTextChange(!isWrapText)}} />
</ListItem>
</List>
</Page>

View file

@ -862,7 +862,7 @@ const PageVerticalAxis = props => {
<ListItem title={_t.textValuesInReverseOrder}>
<div slot="after">
<Toggle checked={valuesReverseOrder}
onChange={() => {
onToggleChange={() => {
toggleValuesReverseOrder(!valuesReverseOrder);
props.onVerAxisReverse(!valuesReverseOrder);
}} />
@ -1170,7 +1170,7 @@ const PageHorizontalAxis = props => {
<ListItem title={_t.textValuesInReverseOrder}>
<div slot="after">
<Toggle checked={valuesReverseOrder}
onChange={() => {
onToggleChange={() => {
toggleValuesReverseOrder(!valuesReverseOrder);
props.onHorAxisReverse(!valuesReverseOrder);
}} />

View file

@ -66,7 +66,7 @@ const PageApplicationSettings = props => {
<ListItem>
<span>{_t.textComments}</span>
<Toggle checked={isComments}
onChange={() => {
onToggleChange={() => {
storeApplicationSettings.changeDisplayComments(!isComments);
props.onChangeDisplayComments(!isComments);
}}
@ -75,7 +75,7 @@ const PageApplicationSettings = props => {
<ListItem>
<span>{_t.textResolvedComments}</span>
<Toggle checked={isResolvedComments} disabled={!isComments}
onChange={() => {
onToggleChange={() => {
storeApplicationSettings.changeDisplayResolved(!isResolvedComments);
props.onChangeDisplayResolved(!isResolvedComments);
}}
@ -86,7 +86,7 @@ const PageApplicationSettings = props => {
<ListItem>
<span>{_t.textR1C1Style}</span>
<Toggle checked={isRefStyle}
onChange={() => {
onToggleChange={() => {
storeApplicationSettings.changeRefStyle(!isRefStyle);
props.clickR1C1Style(!isRefStyle);
}}

View file

@ -241,14 +241,14 @@ const PageSpreadsheetSettings = props => {
<List simpleList>
<ListItem>
<span>{_t.textHideHeadings}</span>
<Toggle checked={isHideHeadings} onChange={() => {
<Toggle checked={isHideHeadings} onToggleChange={() => {
storeSpreadsheetSettings.changeHideHeadings(!isHideHeadings);
props.clickCheckboxHideHeadings(!isHideHeadings)
}} />
</ListItem>
<ListItem>
<span>{_t.textHideGridlines}</span>
<Toggle checked={isHideGridlines} onChange={() => {
<Toggle checked={isHideGridlines} onToggleChange={() => {
storeSpreadsheetSettings.changeHideGridlines(!isHideGridlines);
props.clickCheckboxHideGridlines(!isHideGridlines)
}} />