From a3a0e8b5e5aa74f6bdfa06e9e95f739e209f244f Mon Sep 17 00:00:00 2001
From: Brian Talbot <btalbot@edx.org>
Date: Mon, 11 Feb 2013 09:57:16 -0500
Subject: [PATCH] studio - view header UI: unit page revamp  WIP

---
 cms/templates/unit.html | 60 ++++++++++++++++++++++++++++-------------
 1 file changed, 41 insertions(+), 19 deletions(-)

diff --git a/cms/templates/unit.html b/cms/templates/unit.html
index 41a317cee6..891ab523f4 100644
--- a/cms/templates/unit.html
+++ b/cms/templates/unit.html
@@ -23,6 +23,45 @@
   </script>
 </%block>
 <%block name="content">
+<div class="wrapper-content wrapper">
+  <section class="content">
+
+    <header class="page">
+      <nav class="hierarchy">
+        <ul>
+          <li class="nav-item"><a href="#">Section Name</a></li>
+          <li class="nav-item"><a href="#">Learning Sequence Name</a></li>
+        </ul>
+      </nav>
+      <h1 class="title-1">Unit Name</h1>
+      <!-- <p class="unit-name-input"><label>Display Name:</label><input type="text" value="${unit.display_name}" class="unit-display-name-input" /></p> -->
+
+      <nav class="actions">
+        <li class="nav-item"><a href="#">Preview Unit</a></li>
+        <li class="nav-item"><a href="#">View Live</a></li>
+        <li class="nav-item"><a href="#">Edit Draft</a></li>
+      </nav>
+
+      <h2 class="sr">Unit Metadata &amp; Properties</h2>
+      <ul class="list-metadata">
+        <li class="metadata status-visibility">
+          <label for="visibility-select">Visibility:</label>
+          <select class="visibility-select">
+            <option value="public">Public</option>
+            <option value="private">Private</option>
+          </select>
+        </li>
+        <li class="metadata status-release">
+          <p>This unit is scheduled to be released on <span class="date">06 February, 2013</span> at <span class="time">12:00 PM</span> with <a href="#">"Introduction to the Course"</a></p>
+        </li>
+        <li class="metadata metadata-url">
+          <span class="label">Unit URL:</span> <span class="value"><a href="#">/courseware/db0cfa58100f4ca48c614cfb618030d1/7317287782624b9b924bd70ce5ca7b2d</a></span>
+        </li>
+      </ul>
+    </header>
+  </section>
+</div>
+
   <div class="main-wrapper edit-state-${unit_state}" data-id="${unit_location}">
     <div class="inner-wrapper">
       <div class="alert editing-draft-alert">
@@ -34,25 +73,8 @@
         <a href="${published_preview_link}" target="_blank" class="alert-action secondary">Preview the published version</a>
       </div>
 
-      <header class="page">
-        <nav class="hierarchy">
-          <ul>
-            <li class="nav-item"><a href="#">Section Name</a></li>
-            <li class="nav-item"><a href="#">Learning Sequence Name</a></li>
-          </ul>
-        </nav>
-        <h1 class="title-1">Unit Name</h1>
-
-        <nav class="actions">
-          <li class="nav-item"><a href="#">Preview Unit</a></li>
-          <li class="nav-item"><a href="#">View Live</a></li>
-          <li class="nav-item"><a href="#">Edit Draft</a></li>
-        </nav>
-      </header>
-
       <div class="main-column">
         <article class="unit-body window">
-          <p class="unit-name-input"><label>Display Name:</label><input type="text" value="${unit.display_name}" class="unit-display-name-input" /></p>
           <ol class="components">
             % for id in components:
             <li class="component" data-id="${id}"/>
@@ -114,7 +136,7 @@
       </div>
 
       <div class="sidebar">
-        <div class="unit-settings window">
+        <!-- <div class="unit-settings window">
           <h4 class="header">Unit Settings</h4>
           <div class="window-contents">
             <div class="row visibility">
@@ -141,7 +163,7 @@
               <a href="${published_preview_link}" target="_blank" class="view-button">View Live</a>
             </div>
           </div>
-        </div>
+        </div> -->
         <div class="window unit-location">
           <h4 class="header">Unit Location</h4>
           <div class="window-contents">