Merge pull request #4 from rakeshAlgo/is-helpful-task

Is helpful task

Author: amarantha-k

src/js/06-page-rating.js

@@ -1,11 +1,11 @@
 ;
-(function () {
+(function ($) {
   'use strict'
   var dialogBox = document.getElementById('dialogBox')
   var helpYesBtn = document.getElementById('yesBtn')
   var helpNoBtn = document.getElementById('noBtn')
   var skipBtnMsg = document.getElementById('skipBtnMsg')
-  var feedBackFormBox = document.getElementById('additionalFeedbackBox')
+  //var feedBackFormBox = document.getElementById('additionalFeedbackBox')
   //  var leaveAddtinalBox = document.getElementById('leaveAddtinalBox')
   // var skipLeaveBtn = document.getElementById('skipLeaveBtn')
   var feedBackMsg = document.querySelector('.feed-back-msg')
@@ -14,10 +14,9 @@
   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
-
-  if (document.querySelector('.is-this-helpful-box')) {
+  if(helpYesBtn || helpNoBtn){
     var yesBtnData = helpYesBtn.dataset
     var noBtnData = helpNoBtn.dataset
     helpYesBtn.addEventListener('click', function (e) {
@@ -26,20 +25,12 @@
       helpNoBtn.classList.remove('active')
       console.log(yesBtnData, 16)
     })
-
     helpNoBtn.addEventListener('click', function (e) {
       // dialogBox.style.display = 'block'
       this.classList.add('active')
       helpYesBtn.classList.remove('active')
       console.log(noBtnData, 27)
     })
-    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'
       feedBackMsg.value = ''
@@ -62,4 +53,36 @@
       feedbackModal.classList.remove('show')
     })
   }
-})()
+
+
+
+
+  // anyFeedbackBtn.addEventListener('click', function (e) {
+  //   e.preventDefault()
+  //   dialogBox.style.display = 'block'
+  //   feedBackFormBox.style.display = 'block'
+  //   this.classList.add('active')
+  // })
+
+
+  // skipLeaveBtn.addEventListener('click', function (e) {
+  //   leaveAddtinalBox.style.display = 'none'
+  //   feedBackFormBox.style.display = 'block'
+  // })
+
+
+
+  window.ATL_JQ_PAGE_PROPS = {
+    /*eslint quote-props: ["error", "always"]*/
+    /*eslint-env es6*/
+    'triggerFunction': function (showCollectorDialog) {
+      //Requires that jQuery is available!
+      $('#myCustomTrigger').click(function (e) {
+        e.preventDefault()
+        showCollectorDialog()
+      })
+    },
+  }
+
+  /*eslint-env jquery*/
+})(jQuery)

src/js/vendor/feedback.js

@@ -1,14 +1,12 @@
 ;(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)
     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/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

@@ -1,7 +1,6 @@
     <link rel="stylesheet" href="{{uiRootPath}}/css/site.css">
      {{!-- include fontAwesome CDN --}}
    <script src="https://kit.fontawesome.com/4a5569d39d.js" crossorigin="anonymous"></script>
-   {{!-- <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> --}}
     <script src="{{uiRootPath}}/js/vendor/jquery.js"></script>
     {{#if env.OPTANON_SCRIPT_URL}}
     <script src="{{uiRootPath}}/js/vendor/jquery.js"></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>