From dfa6f404e658f9d6740a65eddabdd99f03f8b8ee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?P=C4=93teris=20Caune?= <cuu508@gmail.com>
Date: Mon, 26 Jul 2021 15:21:45 +0300
Subject: [PATCH] Improve the "Invite a Team Member" dialog

---
 static/js/project.js            |  2 +-
 templates/accounts/project.html | 26 +++++++++++++-------------
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/static/js/project.js b/static/js/project.js
index bb4fbe33..45c865e4 100644
--- a/static/js/project.js
+++ b/static/js/project.js
@@ -20,7 +20,7 @@ $(function() {
 
     $(".add-to-team").click(function() {
         $("#itm-email").val(this.dataset.email);
-        $("#invite-team-member-modal form").submit();
+        $("#invite-team-member-modal").modal("show");
         return false;
     });
 
diff --git a/templates/accounts/project.html b/templates/accounts/project.html
index d2efb516..b4d6f872 100644
--- a/templates/accounts/project.html
+++ b/templates/accounts/project.html
@@ -381,11 +381,6 @@
                     <h4>Invite a Team Member</h4>
                 </div>
                 <div class="modal-body">
-                    <ul>
-                        <li>Team Members can create and manage Checks and Integrations</li>
-                        <li>Only the project owner (you) can view and edit billing settings</li>
-                    </ul>
-                    <br />
                     <div class="form-group">
                         <label for="itm-email" class="col-sm-3 control-label">Email</label>
                         <div class="col-sm-8">
@@ -407,21 +402,26 @@
                             <input
                                 type="radio"
                                 name="role"
-                                value="m">
+                                value="w"
+                                checked>
                             <span class="radiomark"></span>
-                            Manager
+                            Team Member
                             <span class="help-block">
-                                Can invite/remove other members.
+                                Can create and manage checks and integrations.
+                                Cannot access your account's billing settings.
                             </span>
                         </label>
                         <label class="radio-container">
                             <input
                                 type="radio"
                                 name="role"
-                                value="w"
-                                checked>
+                                value="m">
                             <span class="radiomark"></span>
-                            Team Member
+                            Manager
+                            <span class="help-block">
+                                Same as Team Member, plus can invite and remove
+                                other members.
+                            </span>
                         </label>
                         <label class="radio-container">
                             <input
@@ -431,8 +431,8 @@
                             <span class="radiomark"></span>
                             Read-only
                             <span class="help-block">
-                                Cannot modify checks or integrations.
-                                Cannot access project's API keys.
+                                Can view checks and integrations, but cannot
+                                modify anything. Cannot access project's API keys.
                             </span>
                         </label>
                         </div>