Merge pull request #800 from MITx/feature/tomg/cms-release-flow

private/public unit

cms/static/sass/_base.scss

@@ -183,8 +183,8 @@ label {
     }
 
     .row {
-        margin-bottom: 15px;
-        padding-bottom: 15px;
+        margin-bottom: 10px;
+        padding-bottom: 10px;
         border-bottom: 1px solid #cbd1db;
     }
 }

cms/static/sass/_subsection.scss

@@ -83,7 +83,7 @@
 	label {
 		display: inline-block !important;
 		margin-right: 10px;
-		line-height: 31px;
+		line-height: 21px;
 	}
 
 	a {
@@ -100,6 +100,10 @@
 	.large-toggle {
 		width: 41px;
 		background: url(../img/large-toggles.png) no-repeat;
-		background-position: 0 -5px;
+		background-position: 0 -50px;
+
+		.hidden {
+			background-position: 0 -5px;			
+		}
 	}
 }

cms/templates/unit.html

@@ -49,8 +49,8 @@
         </article>
       </div>
 
-      <div class="sidebar wip-box">
-        <div class="unit-properties window">
+      <div class="sidebar">
+        <div class="unit-properties window wip-box">
           <h4>Unit Properties</h4>
           <div class="window-contents">
             <div class="due-date-input row">
@@ -61,21 +61,19 @@
                 <a href="#" class="remove-date">Remove due date</a>
               </div>
             </div>
-            <div class="visibility row">
-              <label>Visibility:<!-- <span class="description">Shows or hides this subsection and the units within it.</span>--></label>
-              <a href="#" class="toggle-off">hidden</a><a href="#" class="large-toggle"></a><a href="#" class="toggle-on">shown</a>
-            </div>
-            <div class="status row">
-              <label class="inline-label">Status:</label>
+            <div class="row visibility">
+              <label class="inline-label">Visibility:</label>
               <select>
-                <option>Draft</option>
-                <option>Released</option>
+                <option>Public</option>
+                <option>Private</option>
               </select>
             </div>
+            <div class="row status">
+              <p>This unit is scheduled to be released to <strong>students</strong> on <strong>10/12/2012</strong> with the subsection <a href="#">"Administrivia and Circuit Elements."</a></p>
+            </div>
             <div class="row unit-actions">
-              <a href="#" class="save-button">Save Draft</a>
+              <a href="#" class="save-button">Save</a>
               <a href="preview.html" target="_blank" class="preview-button">Preview</a>
-              <a href="#" class="release-button">Release</a>
             </div>
           </div>
         </div>