CLDR-16499 Prepare to Require a CLA for contributions

tools/cldr-apps/js/src/esm/cldrClient.mjs

@@ -3,6 +3,17 @@ import { getSessionId } from "./cldrStatus.mjs";
 import { SURVEY_TOOL_SESSION_HEADER } from "./cldrAjax.mjs";
 
 const OAS3_ROOT = "/openapi"; // Path to the 'openapi' (sibling to cldr-apps). Needs to be a host-relative URL.
+let client = null;
+
+function makeClient() {
+  return SwaggerClient(OAS3_ROOT, {
+    requestInterceptor: (obj) => {
+      // add the session header to each request
+      obj.headers[SURVEY_TOOL_SESSION_HEADER] = getSessionId();
+      return obj;
+    },
+  });
+}
 
 /**
  * Create a promise to a swagger client for ST operations.
@@ -16,13 +27,10 @@ const OAS3_ROOT = "/openapi"; // Path to the 'openapi' (sibling to cldr-apps). N
  * @returns Promise<SwaggerClient>
  */
 function getClient() {
-  return new SwaggerClient(OAS3_ROOT, {
-    requestInterceptor: (obj) => {
-      // add the session header to each request
-      obj.headers[SURVEY_TOOL_SESSION_HEADER] = getSessionId();
-      return obj;
-    },
-  });
+  if (!client) {
+    client = makeClient();
+  }
+  return client;
 }
 
 export { getClient };

tools/cldr-apps/js/src/esm/cldrComponents.mjs

@@ -12,6 +12,7 @@ import CldrValue from "../views/CldrValue.vue";
 import LoginButton from "../views/LoginButton.vue";
 import ReportResponse from "../views/ReportResponse.vue";
 import SearchButton from "../views/SearchButton.vue";
+import SignCla from "../views/SignCla.vue";
 
 // 3rd party component(s)
 
@@ -80,6 +81,7 @@ function setup(app) {
   app.component("cldr-report-response", ReportResponse);
   app.component("cldr-searchbutton", SearchButton);
   app.component("cldr-value", CldrValue);
+  app.component("cldr-cla", SignCla);
 }
 
 export { setup };

tools/cldr-apps/js/src/esm/cldrNotify.mjs

@@ -36,12 +36,14 @@ const NO_TIMEOUT = 0;
  *
  * @param {String} message the title, displayed at the top
  * @param {String} description the more detailed description
+ * @param {Function} onClick optional function called when clicking
  */
-function open(message, description) {
+function open(message, description, onClick) {
   notification.open({
     message: message,
     description: description,
     duration: MEDIUM_DURATION,
+    onClick,
   });
 }
 

tools/cldr-apps/js/src/esm/cldrText.mjs

@@ -476,6 +476,7 @@ const strings = {
   special_add_user: "Add a Survey Tool user",
   special_auto_import: "Import Old Winning Votes",
   special_bulk_close_posts: "Bulk Close Posts",
+  special_cla: "Contributor License Agreement",
   special_createAndLogin: "Create and Login",
   special_default: "Missing Page",
   special_dashboard: "Dashboard",

tools/cldr-apps/js/src/esm/cldrVueMap.mjs

@@ -7,6 +7,7 @@ import GeneralInfo from "../views/GeneralInfo.vue";
 import LockAccount from "../views/LockAccount.vue";
 import LookUp from "../views/LookUp.vue";
 import MainMenu from "../views/MainMenu.vue";
+import SignCla from "../views/SignCla.vue";
 import TestPanel from "../views/TestPanel.vue";
 import TransferVotes from "../views/TransferVotes.vue";
 import UnknownPanel from "../views/UnknownPanel.vue";
@@ -35,6 +36,7 @@ const specialToComponentMap = {
   upload: UploadPanel,
   vetting_participation2: VettingParticipation2,
   vsummary: VettingSummary,
+  cla: SignCla,
   // If no match, end up here
   default: UnknownPanel,
 };

tools/cldr-apps/js/src/md/cla.md

@@ -0,0 +1,4 @@
+# CLA not needed
+
+The SurveyTool is not currently requiring a CLA.
+For more details about the CLA, see [policy](https://www.unicode.org/policies/licensing_policy.html)

tools/cldr-apps/js/src/views/MainHeader.vue

@@ -11,7 +11,7 @@
           {{ unreadAnnouncementCount }}</a
         >
       </li>
-      <li v-if="coverageLevel">
+      <li v-if="coverageLevel && !needCla">
         <label for="coverageLevel">Coverage:</label>
         <select
           id="coverageLevel"
@@ -30,7 +30,7 @@
           </option>
         </select>
       </li>
-      <li v-if="voteCountMenu && voteCountMenu.length">
+      <li v-if="voteCountMenu && voteCountMenu.length && !needCla">
         <label for="voteLevelChanged">Votes:</label>
         <select
           id="voteLevelChanged"
@@ -47,6 +47,13 @@
           >Instructions</a
         >
       </li>
+      <a-alert
+        v-if="needCla"
+        @click="showCla"
+        message="CLA must be signed before data can be input"
+        type="error"
+        show-icon
+      />
       <li id="st-special-header" class="specialmessage">{{ specialHeader }}</li>
       <li>
         <a
@@ -101,6 +108,7 @@ export default {
       userName: null,
       voteCountMenu: null,
       voteLevelChanged: 0,
+      needCla: false,
     };
   },
 
@@ -153,6 +161,10 @@ export default {
         this.voteCountMenu = null;
         this.voteLevelChanged = 0;
       }
+
+      // only need CLA if logged in
+      this.needCla = !!user && !user.claSigned;
+
       this.sessionMessage = cldrStatus.getSessionMessage();
       this.specialHeader = cldrStatus.getSpecialHeader();
       this.stVersionPhase =
@@ -177,6 +189,10 @@ export default {
         ? "You have " + n + " unread announcement(s)"
         : "";
     },
+
+    showCla() {
+      window.location.replace("#cla///");
+    },
   },
 };
 </script>

tools/cldr-apps/js/src/views/MainMenu.vue

@@ -8,6 +8,7 @@
       <li>
         <ul>
           <li><a href="#account///">Account Settings</a></li>
+          <!-- <li><a href="#cla///">Sign CLA</a></li> -->
         </ul>
       </li>
       <li v-if="!isAdmin && !accountLocked">