Copy link to clipboard for Job Completed screen

cmsWebApp/webroot/extensions/adminportal/created_job.jsp

@@ -14,18 +14,30 @@
 
     String  url = LoopbackHTTP.getRemoteAccessURL("/ApplicantPortal-ApplyJob.htm?" + "id=" + job.getID() + "&key=" + job.getRandomKey());
 %>
+    <script>
+        function copyToClipboard() {
+            
+            var aux = document.createElement("input");
+            aux.setAttribute("value", $("#jobURL").attr('href'));
+            document.body.appendChild(aux);
+            aux.select();
+            document.execCommand("copy");
+            document.body.removeChild(aux);
+            alert("Link copied to clipboard");
+        }
+    </script>
     <oneit:form name="editJob" method="post"    enctype="multipart/form-data">
         <div class="main-created-job">
             <h1 class="page-title created-job-title">
                 Congratulations! Your job has been created 
-                <a href="<%= url %>">
+                <a href="<%= url %>" id="jobURL">
                     <%= url %>
                 </a>
             </h1>
             <div class="form-page-area">
                 <div class="job-share-icon">
                     <ul>
-                        <li class="share-link"><a href="#"><img src="images/link-icon.png" /> Copy link to clipboard</a></li>
+                        <li class="share-link" onclick="copyToClipboard()"><a href="#"><img src="images/link-icon.png" /> Copy link to clipboard</a></li>
                         <li class="share-btn"><a href="#">Share</a></li>
                         <li class="linkdin-icon"><a href="#"><img src="images/linkedin-icon.png" /></a></li>
                         <li class="facebook-icon"><a href="#"><img src="images/facebook-icon.png"/></a></li>