Merge pull request #1261 from ONLYOFFICE/feature/edit-toggle
[DE PE SSE] Fix Bug 53225
This commit is contained in:
commit
bf4edf96f3
|
@ -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>}
|
||||
|
|
|
@ -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>
|
||||
{
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
{
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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);
|
||||
}}
|
||||
|
|
|
@ -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 &&
|
||||
|
|
|
@ -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%'}}>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -38,7 +38,7 @@ const PageApplicationSettings = props => {
|
|||
<ListItem>
|
||||
<span>{_t.textSpellcheck}</span>
|
||||
<Toggle checked={isSpellChecking}
|
||||
onChange={() => {
|
||||
onToggleChange={() => {
|
||||
store.changeSpellCheck(!isSpellChecking);
|
||||
props.switchSpellCheck(!isSpellChecking);
|
||||
}}
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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);
|
||||
}} />
|
||||
|
|
|
@ -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);
|
||||
}}
|
||||
|
|
|
@ -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)
|
||||
}} />
|
||||
|
|
Loading…
Reference in a new issue