Studio: adds in action-related elements to the status display UI of the Import view

cms/static/sass/views/_import.scss

@@ -153,6 +153,26 @@
           padding-bottom: 0;
         }
 
+        // CASE: has actions
+        &.has-actions {
+
+          .status-detail {
+            width: flex-grid(5,9);
+          }
+
+          .list-actions {
+            display: none;
+            width: flex-grid(3,9);
+            float: right;
+            margin-left: flex-gutter();
+            text-align: right;
+
+            .action-primary {
+              @extend %btn-primary-blue;
+            }
+          }
+        }
+
         // TYPE: success
         &.item-progresspoint-success {
 
@@ -212,6 +232,10 @@
           .status-detail .title {
             color: $green;
           }
+
+          .list-actions {
+            display: block;
+          }
         }
 
         // STATE: error

cms/templates/import.html

@@ -102,7 +102,7 @@
                 <p class="copy">${_("Replacing previous course content with imported content")}</p>
               </div>
             </li>
-            <li class="item-progresspoint item-progresspoint-success is-not-started">
+            <li class="item-progresspoint item-progresspoint-success has-actions is-not-started">
               <span class="deco status-visual">
                 <i class="icon-check"></i>
               </span>
@@ -111,6 +111,12 @@
                 <h3 class="title">${_("Success")}</h3>
                 <p class="copy">${_("Your imported content has now replaced all other course content")}</p>
               </div>
+
+              <ul class="list-actions">
+                <li class="item-action">
+                  <a href="" class="action action-primary">${_("View Updated Outline")}</a>
+                </li>
+              </ul>
             </li>
           </ol>
         </div>
@@ -196,7 +202,7 @@ $('#fileupload').fileupload({
                         bar.hide();
                         chooseBtn.html('${_("Choose new file")}').show();
                         bar.hide();
-                    } 
+                    }
                 });
             });
         } else {