Updated NewPasswordPage.vue with password visibility toggle

.github/actions/manage-label/action.yml

@@ -0,0 +1,15 @@
+name: 'Manage Labels for External Contributors'
+description: 'Add or remove labels when external contributors are assigned or unassigned.'
+
+inputs:
+  github_token:
+    description: 'GitHub Token for authentication'
+    required: true
+    default: ${{ secrets.GITHUB_TOKEN }}
+
+runs:
+  using: 'python'
+  main: 'manage_labels.py'
+
+# Add other configuration based on your requirements
+

.github/actions/manage-label/index.js

@@ -0,0 +1,48 @@
+const core = require('@actions/core');
+const github = require('@actions/github');
+
+async function run() {
+  try {
+    const token = core.getInput('repo-token');
+    const octokit = github.getOctokit(token);
+    const { context } = github;
+
+    const issueNumber = context.issue.number;
+    const assignee = context.payload.assignee;
+    const owner = context.repo.owner;
+    const repo = context.repo.repo;
+
+    // Check if the assignee is an external contributor (not a member or owner)
+    const { data: collaborators } = await octokit.rest.repos.listCollaborators({
+      owner,
+      repo,
+    });
+
+    const isExternalContributor = !collaborators.some(
+      (collab) => collab.login === assignee.login && (collab.role === 'member' || collab.role === 'owner')
+    );
+
+    if (isExternalContributor) {
+      // Add the label
+      await octokit.rest.issues.addLabels({
+        owner,
+        repo,
+        issue_number: issueNumber,
+        labels: ['community-contribution-in-progress'],
+      });
+    } else {
+      // Remove the label
+      await octokit.rest.issues.removeLabel({
+        owner,
+        repo,
+        issue_number: issueNumber,
+        name: 'community-contribution-in-progress',
+      });
+    }
+  } catch (error) {
+    core.setFailed(error.message);
+  }
+}
+
+run();
+

kolibri/plugins/user_auth/assets/src/views/SignInPage/NewPasswordPage.vue

@@ -1,5 +1,4 @@
 <template>
-
   <AuthBase>
     <div style="text-align: left">
       <KButton
@@ -25,6 +24,7 @@
 
       <p>{{ $tr('needToMakeNewPasswordLabel', { user: username }) }}</p>
 
+      <!-- Password input field with dynamic type based on showPassword -->
       <PasswordTextbox
         ref="createPassword"
         :autofocus="true"
@@ -33,7 +33,19 @@
         :isValid.sync="passwordIsValid"
         :shouldValidate="busy"
         @submitNewPassword="updatePassword"
+        :type="showPassword ? 'text' : 'password'"  <!-- Toggle between 'text' and 'password' -->
       />
+
+      <!-- Button to toggle password visibility -->
+      <KButton
+        appearance="basic-link"
+        style="margin-top: 8px; text-align: left;"
+        @click="togglePassword"
+        data-test="togglePasswordVisibility"
+      >
+        {{ showPassword ? 'Hide' : 'Show' }} Password
+      </KButton>
+
       <KButton
         appearance="raised-button"
         :primary="true"
@@ -45,12 +57,9 @@
       />
     </div>
   </AuthBase>
-
 </template>
 
-
 <script>
-
   import pickBy from 'lodash/pickBy';
   import PasswordTextbox from 'kolibri-common/components/userAccounts/PasswordTextbox';
   import commonCoreStrings from 'kolibri/uiText/commonCoreStrings';
@@ -79,6 +88,7 @@
         busy: false,
         password: '',
         passwordIsValid: false,
+        showPassword: false,  // New data property to control password visibility
       };
     },
     computed: {
@@ -120,6 +130,10 @@
           name: ComponentMap.SIGN_IN,
         });
       },
+      // Method to toggle password visibility
+      togglePassword() {
+        this.showPassword = !this.showPassword;  // Toggle between true/false
+      },
     },
     $trs: {
       needToMakeNewPasswordLabel: {
@@ -128,8 +142,6 @@
       },
     },
   };
-
 </script>
 
-
 <style lang="scss" scoped></style>