MWPW-124580 - Promote Publish Milo changes

tools/floodgate/css/floodgate.css

@@ -30,10 +30,15 @@
   margin: 15% auto;
   padding: 20px;
   border: 1px solid #888;
-  width: 20%;
+  width: 25%;
   text-align: center;
 }
 
 .fg-modal-buttons button {
   margin: 10px;
 }
+
+.promote-publish-options {
+  display: none;
+  padding-top: 20px;
+}

tools/floodgate/index.html

@@ -79,6 +79,10 @@ <h2 class="title">Project Status</h2>
           <button id="yes-btn">Yes</button>
           <button id="no-btn">No</button>
         </div>
+        <div id="promote-publish-options" class="promote-publish-options">
+          <input class="promote-publish-radio" type="radio" name="promotePublishRadio" value="promoteOnly" checked>Promote Only?</input>
+          <input class="promote-publish-radio" type="radio" name="promotePublishRadio" value="promotePublish">Promote and Publish Promoted Pages?</input>
+        </div>
       </div>
     </div>
   </main>

tools/floodgate/js/floodgate.js

@@ -32,6 +32,10 @@ async function promoteContentAction(project, config) {
   params.spToken = getAccessToken();
   // consider fgRoot as the project path for promote action.
   params.projectRoot = config.sp.fgRootFolder;
+  // Based on User selection on the Promote Dialog,
+  // passing the param if user also wants to Publish the Promoted pages.
+  params.doPublish = 'promotePublish' ===
+    document.querySelector('input[name="promotePublishRadio"]:checked')?.value;
   const promoteStatus = await postData(config.sp.aioPromoteAction, params);
   updateProjectStatusUIFromAction({ promoteStatus });
 }
@@ -89,14 +93,23 @@ function setListeners(project, config) {
   document.querySelector('#promoteFiles button').addEventListener('click', (e) => {
     modal.getElementsByTagName('p')[0].innerText = `Confirm to ${e.target.textContent}`;
     modal.style.display = 'block';
+    togglePromotePublishRadioVisibility('block');
     document.querySelector('#fg-modal #yes-btn').addEventListener('click', handlePromoteConfirm);
   });
   document.querySelector('#fg-modal #no-btn').addEventListener('click', () => {
     modal.style.display = 'none';
+    togglePromotePublishRadioVisibility('none');
   });
   document.querySelector('#loading').addEventListener('click', loadingOFF);
 }
 
+function togglePromotePublishRadioVisibility(visibility) {
+  const promotePublishOptions = document.getElementById('promote-publish-options');
+  promotePublishOptions.style.display = visibility;
+  const promotePublishRadio = document.getElementById('promotePublishRadio');
+  promotePublishRadio.checked = true;
+}
+
 async function init() {
   try {
     // Read the Floodgate Sharepoint Config