From 611dab077f849acea1e85bcbed86c3ea6a335dfe Mon Sep 17 00:00:00 2001
From: Brian Talbot <btalbot@edx.org>
Date: Mon, 29 Jul 2013 17:29:15 -0400
Subject: [PATCH] Studio: places 'add team member' call to course team view

---
 cms/static/sass/elements/_system-help.scss | 32 ++++++++++++++++++++--
 cms/static/sass/views/_users.scss          | 30 ++++++++++++++++++++
 cms/templates/manage_users.html            | 23 ++++++++++++++--
 common/static/sass/_mixins.scss            |  2 +-
 4 files changed, 81 insertions(+), 6 deletions(-)

diff --git a/cms/static/sass/elements/_system-help.scss b/cms/static/sass/elements/_system-help.scss
index 3b33946e19..c5fcc6a0ec 100644
--- a/cms/static/sass/elements/_system-help.scss
+++ b/cms/static/sass/elements/_system-help.scss
@@ -55,8 +55,8 @@
   margin-bottom: $baseline;
 
   .title {
-    @extend .t-title7;
-    margin-bottom: ($baseline/4);
+    @extend .t-title6;
+    margin-bottom: ($baseline/2);
     font-weight: 700;
   }
 
@@ -167,6 +167,34 @@
   }
 }
 
+// particular notice - create
+.notice-create {
+  background-color: $gray-l4;
+
+  .title {
+    color: $gray-d2;
+  }
+
+  .copy {
+    color: $gray-d2;
+  }
+
+  &.has-actions {
+
+    .list-actions {
+
+      .action-item {
+
+      }
+
+      .action-primary {
+        @extend .btn-primary-green;
+        @extend .t-action3;
+      }
+    }
+  }
+}
+
 // particular notice - confirmation
 .notice-confirmation {
   background-color: $green-l5;
diff --git a/cms/static/sass/views/_users.scss b/cms/static/sass/views/_users.scss
index c3a7d2cd5d..30328540a0 100644
--- a/cms/static/sass/views/_users.scss
+++ b/cms/static/sass/views/_users.scss
@@ -27,6 +27,36 @@ body.course.users {
     }
   }
 
+  // ELEM: no users notice
+  .content .notice-create {
+    width: flexgrid(9, 9);
+    margin-top: $baseline;
+
+    // CASE: notice has actions {
+    &.has-actions {
+
+      .msg, .list-actions {
+        display: inline-block;
+        vertical-align: middle;
+      }
+
+      .msg {
+        width: flex-grid(6, 9);
+        margin-right: flex-gutter();
+      }
+
+      .list-actions {
+        width: flex-grid(3, 9);
+        text-align: right;
+        margin-top: 0;
+
+        .action-item {
+
+        }
+      }
+    }
+  }
+
 
   // ELEM: new user form
   .wrapper-create-user {
diff --git a/cms/templates/manage_users.html b/cms/templates/manage_users.html
index e9fccac80a..f412661c4f 100644
--- a/cms/templates/manage_users.html
+++ b/cms/templates/manage_users.html
@@ -19,7 +19,7 @@
       <ul>
         %if allow_actions:
         <li class="nav-item">
-          <a href="#" class="button new-button create-user-button"><i class="icon-plus"></i> ${_("New User")}</a>
+          <a href="#" class="button new-button create-user-button"><i class="icon-plus"></i> ${_("New Team Member")}</a>
         </li>
         %endif
       </ul>
@@ -125,6 +125,23 @@
         </li>
         % endfor
       </ol>
+
+      %if allow_actions:
+      <div class="notice notice-incontext notice-create has-actions">
+        <div class="msg">
+          <h3 class="title">${_('Add Team Members to This Course')}</h3>
+          <div class="copy">
+            <p>${_('[Mark to provide copy] Adding team members helps you author and maintain your course. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.')}</p>
+          </div>
+        </div>
+
+        <ul class="list-actions">
+          <li class="action-item">
+            <a href="#" class="action action-primary button new-button create-user-button"><i class="icon-plus icon-inline"></i> ${_('Add a New Team Member')}</a>
+          </li>
+        </ul>
+      </div>
+      %endif
     </article>
 
     <aside class="content-supplementary" role="complimentary">
@@ -200,14 +217,14 @@
     var $cancelButton = $createUserForm.find('.action-cancel');
     $cancelButton.bind('click', function(e) {
       e.preventDefault();
-      $('.create-user-button').removeClass('is-disabled');
+      $('.create-user-button').toggleClass('is-disabled');
       $createUserFormWrapper.toggleClass('is-shown');
       $('#user-email-input').val('');
     });
 
     $('.create-user-button').bind('click', function(e) {
       e.preventDefault();
-      $(this).addClass('is-disabled');
+      $('.create-user-button').toggleClass('is-disabled');
       $createUserFormWrapper.toggleClass('is-shown');
       $createUserForm.find('#user-email-input').focus();
     });
diff --git a/common/static/sass/_mixins.scss b/common/static/sass/_mixins.scss
index d89f1d12d5..3687d395f4 100644
--- a/common/static/sass/_mixins.scss
+++ b/common/static/sass/_mixins.scss
@@ -205,7 +205,7 @@
 // extends - UI archetypes - well
 .ui-well {
   box-shadow: inset 0 1px 2px 1px $shadow;
-  padding: ($baseline*0.75);
+  padding: ($baseline*0.75) $baseline;
 }
 
 // ====================