@crowdin/app-project-module 0.73.0 → 0.73.1

package/out/static/css/styles.css

@@ -323,16 +323,20 @@ th {
 }
 
 .badge-will-be-granted {
-    background-color: var(--crowdin-warning-bg);
-    color: var(--crowdin-warning);
+    background-color: var(--crowdin-info);
+    color: var(--crowdin-white);
 }
 
 .badge-not-available {
-    background-color: var(--crowdin-danger);
-    color: var(--crowdin-white);
+    background-color: var(--crowdin-warning-bg);
+    color: var(--crowdin-warning);
 }
 
 .status {
     position: relative;
     text-align: right;
 }
+
+.text-warning {
+    color: var(--crowdin-warning) !important;
+}

package/out/views/main.handlebars

@@ -36,7 +36,7 @@
             <div id="buttons">
                 <crowdin-button id="show-integration-btn" class="hidden" icon-before="arrow_back" onclick="showIntegration();">Integration</crowdin-button>
                 <crowdin-button id="show-error-logs-btn" icon-before="list" onclick="showErrorLogs();">Error logs</crowdin-button>
-                <crowdin-button icon-before="manage_accounts" onclick="showPermissionsDialog()">Permissions</crowdin-button>
+                <crowdin-button icon-before="link" onclick="showPermissionsDialog()">Share</crowdin-button>
                 {{#if infoModal}}
                     <crowdin-button icon-before="info" onclick="openModal(infoModal);">{{infoModal.title}}</crowdin-button>
                 {{/if}}
@@ -120,7 +120,7 @@
     <crowdin-modal
         style="display: none;"
         id="permissions-modal"
-        modal-title="Permissions"
+        modal-title="Share"
         close-button-title="Close"
         close-button
         body-overflow-unset
@@ -148,9 +148,9 @@
                     <table>
                         <thead>
                             <tr>
-                                <th style="width: 40%;">Permission Type (Upcoming changes)</th>
+                                <th style="width: 40%;">Access</th>
                                 <th style="width: 35%;">Users</th>
-                                <th class="status" style="width: 20%;">Status</th>
+                                <th class="status" style="width: 20%;">Upcoming changes</th>
                             </tr>
                         </thead>
                         <tbody>
@@ -172,8 +172,8 @@
                             </tr>
                             <tr class="application-settings-invite">
                                 <td>
-                                    <crowdin-p>Application Access</crowdin-p>
-                                    <div class="permission-description">{{name}} installation settings will be updated.</div>
+                                    <crowdin-p>Application Visibility Access</crowdin-p>
+                                    <div class="permission-description"></div>
                                 </td>
                                 <td class="affected-users"></td>
                                 <td class="status"></td>
@@ -181,7 +181,7 @@
                             <tr class="application-credentials-invite">
                                 <td>
                                     <crowdin-p>Access to the Integration</crowdin-p>
-                                    <div class="permission-description">{{name}} settings will be updated.</div>
+                                    <div class="permission-description">This provides access to sync files and modify the current integration settings.</div>
                                 </td>
                                 <td class="affected-users"></td>
                                 <td class="status"></td>
@@ -194,7 +194,7 @@
                         <crowdin-input
                             with-fixed-height
                             label="Zen Mode link"
-                            help-text="This focused view allows you to concentrate solely on the Integrations section, eliminating distractions and providing a streamlined experience for managing your project integrations."
+                            help-text="This focused view allows you to concentrate solely on the Integrations section, eliminating other distractions."
                             value="{{zenModeUrl}}"
                             name="zenModeLink"
                             with-copy-button
@@ -953,7 +953,6 @@
                 .then(restParams => fetch('api/users' + restParams))
                 .then(checkResponse)
                 .then((res) => {
-                console.log(res)
                     let userOptions = res.data.users.map(user => `<option value="${user.id}">${user.name}</option>`).join('');
                     select.innerHTML = userOptions;
                     select.value = JSON.stringify(res.data.managers);
@@ -1008,13 +1007,13 @@
             const projectInvite = document.querySelector('.project-invite');
             const applicationCredentialsInvite = document.querySelector('.application-credentials-invite');
 
-            const grantedElement = '<span class="badge badge-granted">Available</span>';
+            const grantedElement = '<crowdin-p>&horbar;</crowdin-p>';
             const willGrantedElement = '<span class="badge badge-will-be-granted">Will Be Granted</span>';
-            const notAvailableElement = '<span class="badge badge-not-available">Manual Action Required</span>';
+            const notAvailableElement = '<span class="badge badge-not-available">Action Required</span>';
 
             // only in enterprise
             if (organizationInvite) {
-                const organizationWillGrantElement = '<span class="badge badge-will-be-granted">Will be registered</span>';
+                 const organizationWillGrantElement = `<span class="badge badge-will-be-granted">Will Be Registered</span>`;
 
                 processUsersWhoWillBeInvited(organizationInvite, usersData.usersWhoWillBeInvitedToOrganization, organizationWillGrantElement, grantedElement);
             }
@@ -1040,7 +1039,7 @@
                 userList.innerHTML = affectedUsers;
             } else {
                 tooltip.innerHTML = alreadyGrantedMessage;
-                userList.innerHTML = '<crowdin-p>&horbar;</crowdin-p>';
+                userList.innerHTML = alreadyGrantedMessage;
             }
         }
 
@@ -1048,23 +1047,30 @@
             const applicationSettingsInvite = document.querySelector('.application-settings-invite');
 
             const tooltip = applicationSettingsInvite.querySelector('.status');
+            const description = applicationSettingsInvite.querySelector('.permission-description');
             const userList = applicationSettingsInvite.querySelector('.affected-users');
 
+            let descriptionMessage = 'This can be configured in organization settings (Apps section).';
+            description.classList.remove('text-warning');
+            description.innerText = descriptionMessage;
+
             let affectedUsers = '<ul>';
 
             if (!usersData.editApplicationAvailable) {
-                tooltip.innerHTML = `<crowdin-tooltip
-                    position="left"
-                    tooltip=">The application doesn't have permission to update this setting.">
-                        ${notAvailableElement}
-                    </crowdin-tooltip>`;
+                descriptionMessage += ' The application doesn\'t have permission to update this setting.';
+                descriptionMessage += usersData.isAdmin ? ' Please reinstall the app.' : ' Please ask the organization admin to reinstall the app.';
+
+                description.classList.add('text-warning');
+                description.innerText = descriptionMessage;
+
+                tooltip.innerHTML = notAvailableElement;
                 for (const user of usersData.usersWhoNotIssetInApplicationInstallation) {
                     affectedUsers += `<li><crowdin-p>${user.name}</crowdin-p></li>`;
                 }
                 userList.innerHTML = affectedUsers + '</ul>';
             } else if (!usersData.usersWhoNotIssetInApplicationInstallation.length) {
                 tooltip.innerHTML = grantedElement;
-                userList.innerHTML = '<crowdin-p>&horbar;</crowdin-p>';
+                userList.innerHTML = grantedElement;
             } else {
                 if (usersData.isAdmin) {
                     tooltip.innerHTML = willGrantedElement;
@@ -1073,11 +1079,12 @@
                     }
                     userList.innerHTML = affectedUsers + '</ul>';
                 } else {
-                    tooltip.innerHTML = `<crowdin-tooltip
-                        position="left"
-                        tooltip="Only organization admins have permission to update this setting.">
-                            ${notAvailableElement}
-                        </crowdin-tooltip>`;
+                    descriptionMessage += ' Only organization admins have permission to update this setting.';
+
+                    description.classList.add('text-warning');
+                    description.innerText = descriptionMessage;
+
+                    tooltip.innerHTML = notAvailableElement;
                     for (const user of usersData.usersWhoNotIssetInApplicationInstallation) {
                         affectedUsers += `<li><crowdin-p>${user.name}</crowdin-p></li>`;
                     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crowdin/app-project-module",
-  "version": "0.73.0",
+  "version": "0.73.1",
   "description": "Module that generates for you all common endpoints for serving standalone Crowdin App",
   "main": "out/index.js",
   "types": "out/index.d.ts",