feedbackPopUp implementation for is helpful page

Author: rakeshAlgo

src/js/06-page-rating.js

@@ -1,5 +1,5 @@
 ;
-(function () {
+(function ($) {
   'use strict'
   var dialogBox = document.getElementById('dialogBox')
   var helpYesBtn = document.getElementById('yesBtn')
@@ -14,7 +14,7 @@
   var feedbackInfoBtn = document.querySelector('.info-btn')
   var feedbackModal = document.querySelector('.feedback-modal')
   var closeModalPopup = document.querySelector('.close-popup')
-  var anyFeedbackBtn = document.querySelector('.any-feedback-btn')
+  //var anyFeedbackBtn = document.querySelector('.any-feedback-btn')
   // for config
   var yesBtnData = helpYesBtn.dataset
   var noBtnData = helpNoBtn.dataset
@@ -32,12 +32,12 @@
     console.log(noBtnData, 27)
   })
 
-  anyFeedbackBtn.addEventListener('click', function (e) {
-    e.preventDefault()
-    dialogBox.style.display = 'block'
-    feedBackFormBox.style.display = 'block'
-    this.classList.add('active')
-  })
+  // anyFeedbackBtn.addEventListener('click', function (e) {
+  //   e.preventDefault()
+  //   dialogBox.style.display = 'block'
+  //   feedBackFormBox.style.display = 'block'
+  //   this.classList.add('active')
+  // })
 
   skipBtnMsg.addEventListener('click', function (e) {
     dialogBox.style.display = 'none'
@@ -64,4 +64,38 @@
   closeModalPopup.addEventListener('click', function (e) {
     feedbackModal.classList.remove('show')
   })
-})()
+// Requires jQuery!
+
+// $.ajax({
+
+//   url: "https://issues.couchbase.com/s/c388fbe027b748256bfad112765f7a1d-T/-k7v1j/805002/be0e2f3d0946caa44cd62a35c9de2f18/3.1.0/_/download/batch/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector-embededjs/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector-embededjs.js?locale=en-US&collectorId=709818cb",
+
+//   type: "get",
+
+//   cache: true,
+
+//   dataType: "script"
+
+// });
+
+
+
+  window.ATL_JQ_PAGE_PROPS =  {
+
+    "triggerFunction": function(showCollectorDialog) {
+
+          //Requires that jQuery is available!
+
+          $("#myCustomTrigger").click(function(e) {
+
+                e.preventDefault();
+
+                showCollectorDialog();
+
+          });
+
+    }};
+
+
+
+})(jQuery)

src/js/vendor/feedback.js

@@ -1,14 +1,15 @@
 ;(function () {
   'use strict'
 
-  if (Math.max(window.screen.availHeight, window.screen.availWidth) > 769) return
+  // if (Math.max(window.screen.availHeight, window.screen.availWidth) > 769) return
 
   window.addEventListener('load', function () {
     var config = document.getElementById('feedback-script').dataset
-    console.log(config, config.collectorId, 8)
+   // console.log(config, config.collectorId, 8)
     var script = document.createElement('script')
     // eslint-disable-next-line max-len
-    script.src = 'https://issues.couchbase.com/s/66cd330397e6b28e6a44bd3d603733a8-T/j9sjl8/802003/be0e2f3d0946caa44cd62a35c9de2f18/3.0.7/_/download/batch/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector-embededjs/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector-embededjs.js?locale=en-US&collectorId=' + config.collectorId // prettier-ignore
+    //script.src = 'https://issues.couchbase.com/s/66cd330397e6b28e6a44bd3d603733a8-T/j9sjl8/802003/be0e2f3d0946caa44cd62a35c9de2f18/3.0.7/_/download/batch/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector-embededjs/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector-embededjs.js?locale=en-US&collectorId=' + config.collectorId // prettier-ignore
+    script.src = 'https://issues.couchbase.com/s/c388fbe027b748256bfad112765f7a1d-T/-k7v1j/805002/be0e2f3d0946caa44cd62a35c9de2f18/3.1.0/_/download/batch/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector-embededjs/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector-embededjs.js?locale=en-US&collectorId=' + config.collectorId // prettier-ignore
     document.body.appendChild(script)
   })
 })()

src/partials/footer-scripts.hbs

@@ -12,5 +12,8 @@
 <script async src="{{uiRootPath}}/js/vendor/mark.js"></script>
 {{/if}}
 {{#if (eq env.SHOW_FEEDBACK_BUTTON 'true')}}
-<script async id="feedback-script" src="{{uiRootPath}}/js/vendor/feedback.js?v=1" data-collector-id="de2e9313"></script>
+{{!-- <script async id="feedback-script" src="{{uiRootPath}}/js/vendor/feedback.js?v=1" data-collector-id="de2e9313"></script> --}}
+<script async id="feedback-script" src="{{uiRootPath}}/js/vendor/feedback.js?v=1" data-collector-id="709818cb"></script>
 {{/if}}
+
+<script async id="feedback-script" src="{{uiRootPath}}/js/vendor/feedback.js?v=1" data-collector-id="709818cb"></script>

src/partials/head-last.hbs

@@ -5,6 +5,7 @@
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
   crossorigin="anonymous"></script> --}}
+      <script src="{{uiRootPath}}/js/vendor/jquery.js"></script>
     {{#if env.OPTANON_SCRIPT_URL}}
     <script src="{{uiRootPath}}/js/vendor/jquery.js"></script>
     <script src="{{env.OPTANON_SCRIPT_URL}}"></script>

src/partials/toc.hbs

@@ -12,7 +12,7 @@
               <a href="#" class="dislike-btn helpful-btn" id="noBtn"  data-page-rating="dislike"> <i class="far fa-thumbs-down"></i> No</a>
             </div>
             <div class="any-feedback">
-              <a href="#" class="btn any-feedback-btn">Leave Additional Feedback? </a>
+              <a href="#" class="btn any-feedback-btn" id="myCustomTrigger">Leave Additional Feedback? </a>
             </div>
             <div class="dialog-box" id="dialogBox">
               <form>