Restructured and styled the User Profile

flightdeck/jetpack/media/css/UI.Editor_Menu.css

@@ -80,11 +80,22 @@ authors:
       top: 50%;
       margin-top: -8px;
       left: 7px;
-      
+
       background-image: url(../img/editor-buttons.png);
       background-repeat: no-repeat;
    }
    
+   .UI_Editor_Menu_Button.disabled a {
+      background: -moz-linear-gradient(270deg, #BEC5CC, #D9DDE0);
+      border-top: solid 1px transparent;
+      color: #6D7880;
+      cursor: default;
+   }
+   
+      .UI_Editor_Menu_Button.disabled a .UI_Editor_Icon {
+         opacity: 0.7;
+      }
+   
    .UI_Editor_Menu_Button.Icon_new a .UI_Editor_Icon {
       background-position: 0 0;
    }
@@ -107,78 +118,4 @@ authors:
    
    .UI_Editor_Menu_Button.Icon_delete a .UI_Editor_Icon {
       background-position: -85px 0;
-   }
-   
-   
-   /*
-   
-   VERSION WITH STANDALONE BUTTONS
-
-   .UI_Editor_Menu_Button {
-      background: #BEC5CC;
-      border-bottom: solid 1px #fff;
-      padding: 1px;
-      margin: 0 7px 1px 0;
-      float: left;
-      -moz-border-radius: 5px;
-      position: relative;
-   }
-
-      .UI_Editor_Menu_Button a {
-         background: -moz-linear-gradient(270deg, #EBEFF2, #D4D9DF);
-         border-top: solid 1px #fff;
-         display: block;
-         padding: 7px 7px 7px 30px;
-         -moz-border-radius: 4px;
-         font-size: .9em;
-         text-shadow: 0 1px 0 #fff;      
-      }
-
-      .UI_Editor_Menu_Button a:hover {
-         background: -moz-linear-gradient(270deg, #F3F5F7, #DDE0E4);
-         text-decoration: none;
-      }
-
-      .UI_Editor_Menu_Button a:active {
-         background: -moz-linear-gradient(270deg, #BEC5CC, #D9DDE0);
-         border-top: solid 1px transparent;
-
-      }
-
-      .UI_Editor_Menu_Button a .UI_Editor_Icon {
-         display: block;
-         height: 17px;
-         width: 17px;
-         position: absolute;
-         top: 50%;
-         margin-top: -8px;
-         left: 7px;
-
-         background-image: url(../img/editor-buttons.png);
-         background-repeat: no-repeat;
-      }
-
-      .UI_Editor_Menu_Button.Icon_new a .UI_Editor_Icon {
-         background-position: 0 0;
-      }
-
-      .UI_Editor_Menu_Button.Icon_saveNewVersion a .UI_Editor_Icon {
-         background-position: -17px 0;
-      }
-
-      .UI_Editor_Menu_Button.Icon_update a .UI_Editor_Icon {
-         background-position: -34px 0;
-      }
-
-      .UI_Editor_Menu_Button.Icon_setAsBase a .UI_Editor_Icon {
-         background-position: -51px 0;
-      }
-
-      .UI_Editor_Menu_Button.Icon_lock a .UI_Editor_Icon {
-         background-position: -68px 0;
-      }
-
-      .UI_Editor_Menu_Button.Icon_delete a .UI_Editor_Icon {
-         background-position: -85px 0;
-      }
-   */
+   }

flightdeck/jetpack/media/css/UI.Layout.css

@@ -203,6 +203,17 @@ a:focus {
    font-family: Helvetica, Arial, Tahoma, sans-serif;
 }
 
+   .UI_Heading .seeProfile {
+      display: block;
+      font-size: .6em;
+      padding: 5px 0 0;
+      color: #999;
+   }
+   
+      .UI_Heading .seeProfile a {
+         color: #478CDE;
+      }
+
 .UI_Action_List {
    font-size: .9em;
 }

flightdeck/jetpack/templates/_editor_menu.html

@@ -8,7 +8,7 @@
 					<span class="UI_Editor_Icon"></span>
 				</a>
 			</li>
-			<li class="UI_Editor_Menu_Button Icon_update">
+			<li class="UI_Editor_Menu_Button Icon_update disabled">
 				<a id="update" title="" href="#">Update <span class="UI_Editor_Icon"></span></a>
 			</li>
 			{% if version.is_base %}

flightdeck/person/templates/dashboard.html

@@ -6,11 +6,10 @@
 {% endblock %}
 
 {% block app_sidebar %}
-	<h2 class="UI_Heading">{{ user }}</h2>
-
-	<!-- <p>
-		Go to your <a href="{% url person_public_profile_forced user.username %}">public profile</a>
-	</p> -->
+	<h2 class="UI_Heading">
+		{{ user }}
+		<span class="seeProfile">See your <a href="{% url person_public_profile_forced user.username %}">public profile</a></span>
+	</h2>
 
 	<ul class="UI_Action_List">
 		{% if user.authored_jetpacks.all %}

flightdeck/person/templates/profile.html

@@ -1,24 +1,43 @@
 {% extends "base.html" %}
 {% load jetpack_extras %}
 
+{% block head %}
+	<link rel="stylesheet" href="/media/jetpack/css/UI.Browser.css" type="text/css" media="screen" />
+{% endblock %}
+
+{% block app_sidebar %}
+	<h2 class="UI_Heading">{{ person }}</h2>
+
+	<ul class="UI_Action_List">
+		{% if person.authored_jetpacks.all %}
+			<li><a title="Your Jetpacks" href="#your-jetpacks">Jetpacks</a> 
+				<strong>({{ person.authored_jetpacks.all|length }})</strong>
+			</li>
+		{% endif %}
+		{% if person.authored_capabilities.all %}
+			<li><a title="Your Modules" href="#your-modules">Modules</a> 
+				<strong>({{ person.authored_capabilities.all|length }})</strong>
+			</li>
+		{% endif %}
+	</ul>
+{% endblock %}
+
 {% block app_content %}
-	<h1>Profile of {{ person }}</h1>
 	{% if person.authored_jetpacks.all %}
-		Created Jetpacks:
-		<ul>
-		{% for jet in person.authored_jetpacks.all %}
-			<li>{{ jet|render_base_link }}</li>
-		{% endfor %}
+		<h2 id="your-jetpacks" class="UI_Heading">Your Jetpacks</h2>
+		<ul class="UI_Browser">
+			{% for jet in person.authored_jetpacks.all %}
+				<li class="UI_Item">{{ jet|render_base_link }}</li>
+			{% endfor %}
 		</ul>
 	{% endif %}
 	
 	{% if person.authored_capabilities.all %}
-		Created Modules:
-		<ul>
-		{% for cap in person.authored_capabilities.all %}
-			<li>{{ cap|render_base_link }}</li>
-		{% endfor %}
+		<h2 id="your-modules" class="UI_Heading">Your Modules</h2>
+		<ul class="UI_Browser">
+			{% for cap in person.authored_capabilities.all %}
+				<li class="UI_Item">{{ cap|render_base_link }}</li>
+			{% endfor %}
 		</ul>
 	{% endif %}
-{% endblock %}
-
+{% endblock %}