Add project icon/type to Project Profile

Summary: Adds basic icon/type to header on Project profiles

Test Plan:
View different projects, see header. Mobile, Deskop, Tablet.

{F1087460}

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin

Differential Revision: https://secure.phabricator.com/D15164

Author: chadlittle

resources/celerity/map.php

@@ -93,7 +93,7 @@
     'rsrc/css/application/policy/policy-transaction-detail.css' => '82100a43',
     'rsrc/css/application/policy/policy.css' => '957ea14c',
     'rsrc/css/application/ponder/ponder-view.css' => '7b0df4da',
-    'rsrc/css/application/project/project-view.css' => 'c6387c87',
+    'rsrc/css/application/project/project-view.css' => '99a5023b',
     'rsrc/css/application/releeph/releeph-core.css' => '9b3c5733',
     'rsrc/css/application/releeph/releeph-preview-branch.css' => 'b7a6f4a5',
     'rsrc/css/application/releeph/releeph-request-differential-create-dialog.css' => '8d8b92cd',
@@ -843,7 +843,7 @@
     'policy-edit-css' => '815c66f7',
     'policy-transaction-detail-css' => '82100a43',
     'ponder-view-css' => '7b0df4da',
-    'project-view-css' => 'c6387c87',
+    'project-view-css' => '99a5023b',
     'releeph-core' => '9b3c5733',
     'releeph-preview-branch' => 'b7a6f4a5',
     'releeph-request-differential-create-dialog' => '8d8b92cd',

src/applications/project/controller/PhabricatorProjectProfileController.php

@@ -17,9 +17,16 @@ public function handleRequest(AphrontRequest $request) {
     $project = $this->getProject();
     $id = $project->getID();
     $picture = $project->getProfileImageURI();
+    $icon = $project->getDisplayIconIcon();
+    $icon_name = $project->getDisplayIconName();
+    $tag = id(new PHUITagView())
+      ->setIcon($icon)
+      ->setName($icon_name)
+      ->addClass('project-view-header-tag')
+      ->setType(PHUITagView::TYPE_SHADE);
 
     $header = id(new PHUIHeaderView())
-      ->setHeader($project->getName())
+      ->setHeader(array($project->getName(), $tag))
       ->setUser($viewer)
       ->setPolicyObject($project)
       ->setImage($picture)

webroot/rsrc/css/application/project/project-view.css

@@ -7,6 +7,23 @@
   padding-bottom: 64px;
 }
 
+.project-view-header-tag {
+  margin-left: 8px;
+  font-size: {$normalfontsize};
+  color: {$bluetext};
+  font-family: {$fontfamily};
+  font-weight: normal;
+}
+
+.device-phone .project-view-header-tag {
+  display: block;
+  margin-left: -4px;
+}
+
+.project-view-header-tag .phui-icon-view {
+  color: {$bluetext};
+}
+
 .phui-box.phui-box-grey.project-view-properties {
   margin: 0 16px 0 16px;
   padding: 4px 12px;
@@ -37,7 +54,7 @@
 
 .project-view-feed .phui-header-header {
   font-size: {$biggerfontsize};
-  margin-left: 4px;
+  margin-left: 8px;
 }
 
 .device-desktop .project-view-feed .phui-feed-story,