Style drafts in new PhameBlogView

Summary: Provides more information that a post is a draft.

Test Plan:
Add a draft post, see new style. Check Blog as non-editor, don't see draft post.

{F1008655}

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin

Maniphest Tasks: T9360

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

Author: chadlittle

resources/celerity/map.php

@@ -127,7 +127,7 @@
     'rsrc/css/phui/phui-button.css' => '16020a60',
     'rsrc/css/phui/phui-crumbs-view.css' => '414406b5',
     'rsrc/css/phui/phui-document-pro.css' => 'e0fad431',
-    'rsrc/css/phui/phui-document-summary.css' => 'bca1ed88',
+    'rsrc/css/phui/phui-document-summary.css' => '350d6025',
     'rsrc/css/phui/phui-document.css' => 'a4a1c3b9',
     'rsrc/css/phui/phui-feed-story.css' => 'b7b26d23',
     'rsrc/css/phui/phui-fontkit.css' => '9cda225e',
@@ -790,7 +790,7 @@
     'phui-calendar-list-css' => 'c1c7f338',
     'phui-calendar-month-css' => '476be7e0',
     'phui-crumbs-view-css' => '414406b5',
-    'phui-document-summary-view-css' => 'bca1ed88',
+    'phui-document-summary-view-css' => '350d6025',
     'phui-document-view-css' => 'a4a1c3b9',
     'phui-document-view-pro-css' => 'e0fad431',
     'phui-feed-story-css' => 'b7b26d23',

src/applications/phame/controller/blog/PhameBlogViewController.php

@@ -159,15 +159,20 @@ protected function renderPostList(
 
       $blogger = phutil_tag('strong', array(), $blogger);
       $date = phabricator_datetime($post->getDatePublished(), $viewer);
-      $subtitle = pht('Written by %s on %s.', $blogger, $date);
+      if ($post->isDraft()) {
+        $subtitle = pht('Unpublished draft by %s.', $blogger);
+      } else {
+        $subtitle = pht('Written by %s on %s.', $blogger, $date);
+      }
 
       $item = id(new PHUIDocumentSummaryView())
         ->setTitle($post->getTitle())
         ->setHref($this->getApplicationURI('/post/view/'.$post->getID().'/'))
         ->setSubtitle($subtitle)
         ->setImage($blogger_image)
         ->setImageHref($blogger_uri)
-        ->setSummary($phame_post);
+        ->setSummary($phame_post)
+        ->setDraft($post->isDraft());
 
       $list[] = $item;
     }

src/view/phui/PHUIDocumentSummaryView.php

@@ -8,6 +8,7 @@ final class PHUIDocumentSummaryView extends AphrontTagView {
   private $subtitle;
   private $href;
   private $summary;
+  private $draft;
 
   public function setTitle($title) {
     $this->title = $title;
@@ -39,11 +40,20 @@ public function setSummary($summary) {
     return $this;
   }
 
+  public function setDraft($draft) {
+    $this->draft = $draft;
+    return $this;
+  }
+
   protected function getTagAttributes() {
     $classes = array();
     $classes[] = 'phui-document-summary-view';
     $classes[] = 'phabricator-remarkup';
 
+    if ($this->draft) {
+      $classes[] = 'is-draft';
+    }
+
     return array(
       'class' => implode(' ', $classes),
     );

webroot/rsrc/css/phui/phui-document-summary.css

@@ -2,8 +2,8 @@
  * @provides phui-document-summary-view-css
  */
 
-.phui-document-summary-view {
-
+.phui-document-summary-view.is-draft {
+  opacity: 0.5;
 }
 
 body .phui-document-view .phui-document-summary-view h2.remarkup-header {