How to hide the custom button for all issues whose status is 'Approved'

[Shruti_Chauhan]

Hi,

I am using below link to create a custom button and displaying content in the dialogue box.

https://developer.atlassian.com/server/jira/platform/displaying-content-in-a-dialog-in-jira/

As per current functionality, when I click on custom approve button a pop-up will appear for confirmation and if I click on Approve button status gets approved. (Please see attached screenshot)

Now I need to hide the custom button for all those issues whose status is 'Approved'. 

I think this could be done using js but I didn't get any idea about this implementation

below is my web-resource which is defined in Atlassian-plugin.xml-

<web-resource name="Scheduler Web Resource" i18n-name-key="scheduler-web-resource.name" key="scheduler-web-resource">
<!-- <description key="scheduler-web-resource.description">The Scheduler Web Resource Plugin</description> -->
<dependency>com.atlassian.auiplugin:ajs</dependency>
<context>jira.general</context>
<transformation extension="js">
<transformer key="jsI18n"/>
</transformation>
<resource type="download" name="scheduler.js" location="javascript/scheduler.js">
<property key="content-type" value="text/javascript"/>
</resource>
</web-resource>

below is my scheduler.js file- 

jQuery(function() {
new AJS.FormPopup({
id : "add-watchers-dialog",
trigger : "a.issueaction-schedule-issue"
});
});

function proceedFunction() {
window.open("http://localhost:2990/jira/secure/ManageWatchers!default.jspa?id=10000");

}

Any help would be appreciated.