How to disable status setting on annotation

okabe.yasufumi · April 27, 2023, 8:34am

Product:
webviewer

Product Version:
“@pdftron/webviewer”: “^8.7.0”,

Please give a brief summary of your issue:
(Think of this as an email subject)
How to disable status setting on annotation

Please describe your issue and provide steps to reproduce it:
(The more descriptive your answer, the faster we are able to help you)

I want to disable status setting on annotation.
(by the conditions)

Comments were made by disableReplyForAnnotations API.

I want to status version of disableReplyForAnnotations API.

Please provide a link to a minimal sample where the issue is reproducible:
nothing.

bjovanovic · April 27, 2023, 3:40pm

Hello okabe.yasufumi

You can disable “Status” button entirely by using following code sample:

instance.UI.disableElements([‘noteState’])

You can also disable individual, several or all data-elements inside the “Status” popup, by using the code sample below:

instance.UI.disableElements(['notePopupStateAccepted', 'notePopupStateRejected'])

For more information please refer to: Apryse Documentation | Documentation
Or
Apryse WebViewer Namespace: UI

All the best,
Bojan

okabe.yasufumi · April 28, 2023, 12:28am

Hello, Bojan

Thank you for your reply.
But what I want to know is how to programmatically control whether it is disabled or enabled.

Best Regard.

okabe.yasufumi · April 28, 2023, 12:32am

instance.UI.disableElements is all annotation disabled.

Some annotations I want to disabled, some annotations I want to enabled.

bjovanovic · April 28, 2023, 4:04pm

Hi okabe.yasufumi

I don’t think WV currently has API for that kind of behaviour. You may be able to do something with:

instance.UI.disableElements([‘notePopupState’])

and

instance.UI.enableElements([‘notePopupState’])

Depending on the comment selected you might be able to call enableElements API.
Otherway it might require some serious customizing of the UI, specifically here:

github.com

PDFTron/webviewer-ui/blob/87b650527a545c57eff1499b70ada6aba5d6e073/src/components/NoteState/NoteState.js#L55


      
              className="NoteState"
              dataElement="noteState"
              onClick={togglePopup}
              ref={popupRef}
            >
              <Tooltip content={t('option.notesOrder.status')}>
                <div className={noteStateButtonClassName}>
                  <Icon glyph={icon} />
                </div>
              </Tooltip>
              {isOpen && (
                <NoteStatePopup
                  triggerElementName="noteState"
                  handleStateChange={handleStateChange}
                  onClose={() => {
                    setIsOpen(false);
                  }}
                />
              )}
            </DataElementWrapper>
          );

All the best,
Bojan

okabe.yasufumi · May 3, 2023, 10:06am

Hi, Bojan.

I understand.

Thank you!