diff --git a/apps/documenteditor/mobile/src/view/add/AddLink.jsx b/apps/documenteditor/mobile/src/view/add/AddLink.jsx index 479ed3603..d5b6a2eda 100644 --- a/apps/documenteditor/mobile/src/view/add/AddLink.jsx +++ b/apps/documenteditor/mobile/src/view/add/AddLink.jsx @@ -13,6 +13,8 @@ const PageLink = props => { const [stateLink, setLink] = useState(''); const [stateDisplay, setDisplay] = useState(display); const [stateTip, setTip] = useState(''); + const [stateAutoUpdate, setAutoUpdate] = useState(true); + return ( {!props.noNavbar && } @@ -22,14 +24,16 @@ const PageLink = props => { type="text" placeholder={_t.textLink} value={stateLink} - onChange={(event) => {setLink(event.target.value)}} + onChange={(event) => {setLink(event.target.value); + if(stateAutoUpdate) setDisplay(event.target.value); }} > {setDisplay(event.target.value)}} + onChange={(event) => {setDisplay(event.target.value); + setAutoUpdate(event.target.value == ''); }} > { } } - const [disabledAdd, setDisabledAdd] = useState(false); const [disabledEdit, setDisabledEdit] = useState(false); const onApiFocusObject = (objects) => { if (isDisconnected) return; @@ -153,7 +152,6 @@ const ToolbarController = inject('storeAppOptions', 'users')(observer(props => { } }); - setDisabledAdd(slide_deleted); setDisabledEdit(slide_deleted || (objectLocked || no_object) && slide_lock); } }; @@ -194,7 +192,6 @@ const ToolbarController = inject('storeAppOptions', 'users')(observer(props => { isCanRedo={isCanRedo} onUndo={onUndo} onRedo={onRedo} - disabledAdd={disabledAdd} disabledEdit={disabledEdit} disabledPreview={disabledPreview} disabledControls={disabledControls} diff --git a/apps/presentationeditor/mobile/src/view/Toolbar.jsx b/apps/presentationeditor/mobile/src/view/Toolbar.jsx index 42f93da4f..d5cc8e502 100644 --- a/apps/presentationeditor/mobile/src/view/Toolbar.jsx +++ b/apps/presentationeditor/mobile/src/view/Toolbar.jsx @@ -29,8 +29,8 @@ const ToolbarView = props => { } {props.isEdit && EditorUIController.getToolbarOptions && EditorUIController.getToolbarOptions({ - disabledAdd: props.disabledAdd || props.disabledControls || isDisconnected, - disabledEdit: props.disabledEdit || props.disabledControls || isDisconnected, + disabledEdit: props.disabledEdit || props.disabledControls || isDisconnected || props.disabledPreview, + disabledAdd: props.disabledControls || isDisconnected, onEditClick: () => props.openOptions('edit'), onAddClick: () => props.openOptions('add') })} diff --git a/apps/presentationeditor/mobile/src/view/add/AddLink.jsx b/apps/presentationeditor/mobile/src/view/add/AddLink.jsx index fd164ddb6..c99ae87d3 100644 --- a/apps/presentationeditor/mobile/src/view/add/AddLink.jsx +++ b/apps/presentationeditor/mobile/src/view/add/AddLink.jsx @@ -99,7 +99,7 @@ const PageLink = props => { const display = props.getTextDisplay(); const displayDisabled = display !== false && display === null; const [stateDisplay, setDisplay] = useState(display !== false ? ((display !== null) ? display : _t.textDefault) : ""); - + const [stateAutoUpdate, setAutoUpdate] = useState(true); const [screenTip, setScreenTip] = useState(''); return ( @@ -116,7 +116,8 @@ const PageLink = props => { placeholder={_t.textLink} value={link} onChange={(event) => { - setLink(event.target.value) + setLink(event.target.value); + if(stateAutoUpdate) setDisplay(event.target.value); }} /> : { placeholder={_t.textDisplay} value={stateDisplay} disabled={displayDisabled} - onChange={(event) => {setDisplay(event.target.value)}} + onChange={(event) => {setDisplay(event.target.value); + setAutoUpdate(event.target.value == ''); }} /> { const displayDisabled = displayText === 'locked'; displayText = displayDisabled ? _t.textSelectedRange : displayText; const [stateDisplayText, setDisplayText] = useState(displayText); - + const [stateAutoUpdate, setAutoUpdate] = useState(true); const [screenTip, setScreenTip] = useState(''); const activeSheet = props.activeSheet; @@ -88,7 +88,8 @@ const AddLinkView = props => { placeholder={_t.textLink} value={link} onChange={(event) => { - setLink(event.target.value) + setLink(event.target.value); + if(stateAutoUpdate) setDisplayText(event.target.value); }} className={isIos ? 'list-input-right' : ''} /> @@ -114,7 +115,8 @@ const AddLinkView = props => { placeholder={_t.textDisplay} value={stateDisplayText} disabled={displayDisabled} - onChange={(event) => {setDisplayText(event.target.value)}} + onChange={(event) => {setDisplayText(event.target.value); + setAutoUpdate(event.target.value == ''); }} className={isIos ? 'list-input-right' : ''} />