Add tracking code to LinkedIn URL.

Add client-side analytics event for LinkedIn Add to Profile button click.

Add management command for generating certs for testing.

Update styling of the certificate messages.

lms/static/js/dashboard/legacy.js

@@ -51,6 +51,21 @@
         // Track clicks of the "verify now" button.
         window.analytics.trackLink(verifyButtonLinks, 'edx.bi.user.verification.resumed', generateProperties);
 
+        // Track clicks of the LinkedIn "Add to Profile" button
+        window.analytics.trackLink(
+            $('.action-linkedin-profile'),
+            'edx.bi.user.linkedin_add_to_profile',
+            function( element ) {
+                var $el = $( element );
+                return {
+                    category: 'linkedin',
+                    label: $el.data('course-id'),
+                    mode: $el.data('certificate-mode')
+                };
+            }
+        );
+
+
         // Generate the properties object to be passed along with business intelligence events.
         function generateProperties(element) {
             var $el = $(element),

lms/static/sass/multicourse/_dashboard.scss

@@ -612,8 +612,11 @@
     // ====================
 
     // UI: message
-    .message {
+    .wrapper-message-primary {
       @include clearfix();
+    }
+
+    .message {
       border-radius: 3px;
       display: none;
       z-index: 10;
@@ -887,13 +890,18 @@
       }
 
       &.course-status-processing {
-
+        background-color: $gray-l5;
+        border: 0;
       }
 
       &.course-status-certnotavailable {
+        background-color: $gray-l5;
+        border: 0;
       }
 
       &.course-status-certrendering {
+        background-color: $gray-l5;
+        border: 0;
 
         .cta {
           margin-top: 2px;
@@ -907,10 +915,10 @@
         .message-copy {
           width: flex-grid(6, 12);
           position: relative;
-          float: left;
+          @include float(left);
         }
 
-        .actions {
+        .actions-primary {
           width: flex-grid(6, 12);
           position: relative;
           @include float(right);
@@ -950,6 +958,24 @@
         }
       }
 
+      .actions-secondary {
+        margin-top: ($baseline/2);
+        border-top: 1px solid $gray-l4;
+        padding-top: ($baseline/2);
+
+        .action-share {
+          @include float(right);
+          margin: 0;
+        }
+      }
+
+      .certificate-explanation {
+        @extend %t-copy-sub1;
+        margin-top: ($baseline/2);
+        border-top: 1px solid $gray-l4;
+        padding-top: ($baseline/2);
+      }
+
       .verification-reminder {
         width: flex-grid(8, 12);
         position: relative;