Change Details

when I click the add button for statements then select a property, it opens the add statement modal - The //add new statement modal // is very similar to the edit statement modal, but the property field has a blue background - to mimic what the users know from desktop. - Once the user selected the property, the field for value, rank, and options to add qualifier and reference appear - as well as a remove button. - The remove button clears / resets the options to the value ,rank, qualifier and references, but does not affect the property the user selected in the first step: In order to reject the already selected property, the user needs to cancel the operation with the button on the footer. - Once property and value are selected, the publish button becomes blue. Publishing has the same behavior as when publishing an edit on a statement: - if there is a delay we see a loading bar and a message saying publishing in progress - if if fails we get an error message on the same modal - if the publish is successful, the user is redirected to the main page/display page at the scroll height of the new statement and sees a success message. Add statement: {F66698077} [[ https://www.figma.com/design/RtMDwH7sMF5IPRJvyyZPv4/Mobile-editing-experience?node-id=2134-27546&t=E84cxzVMjjCj91ke-1 | Figma file for adding statement ]]

when I click the add button for statements then select a property, it opens the add statement modal - The //add new statement modal // is very similar to the edit statement modal, but the property field has a blue background - to mimic what the users know from desktop and to highlight this important action. - Once the user selects the property, the field for value, rank, and options to add qualifier and reference appear, as well as a remove button. - The remove button clears/resets the options to the value, rank, qualifier and references, but does not affect the property the user selected in the first step - In order to reject the already selected property, the user needs to cancel the operation with the button on the footer, which would close this modal and take him back to the edit statement button where he was before (basically the same as the arrow to go back). - Once property and value are selected, the publish button becomes blue. Publishing has the same behavior as when publishing an edit on a statement: - if there is a delay we see a loading bar and a message saying publishing in progress - if it fails we get an error message on the same modal - if the publish is successful, the user is redirected to the main page/display page at the scroll height of the new statement and sees a success message. Add statement: {F66698077} [[ https://www.figma.com/design/RtMDwH7sMF5IPRJvyyZPv4/Mobile-editing-experience?node-id=2134-27546&t=E84cxzVMjjCj91ke-1 | Figma file for adding statement ]]

when I click the add button for statements then select a property, it opens the add statement modal - The //add new statement modal // is very similar to the edit statement modal, but the property field has a blue background - to mimic what the users know from desktop and to highlight this important action. - Once the user selecteds the property, the field for value, rank, and options to add qualifier and reference appear, and options to add qualifier and reference appear - as well as a remove button. - The remove button clears / /resets the options to the value ,, rank, qualifier and references, but does not affect the property the user selected in the first step - In order to reject the already selected property, but does not affect the propertythe user needs to cancel the user selected inoperation with the first step: In order to reject the already selected propertybutton on the footer, the user needs to cancel the operation with the button on the footerwhich would close this modal and take him back to the edit statement button where he was before (basically the same as the arrow to go back). - Once property and value are selected, the publish button becomes blue. Publishing has the same behavior as when publishing an edit on a statement: - if there is a delay we see a loading bar and a message saying publishing in progress - if ift fails we get an error message on the same modal - if the publish is successful, the user is redirected to the main page/display page at the scroll height of the new statement and sees a success message. Add statement: {F66698077} [[ https://www.figma.com/design/RtMDwH7sMF5IPRJvyyZPv4/Mobile-editing-experience?node-id=2134-27546&t=E84cxzVMjjCj91ke-1 | Figma file for adding statement ]]