Use responsive elements for Ponder "add answer" view

Summary: Side nav, plus "add answer".

Test Plan: {F19533}

Reviewers: pieter, starruler

Reviewed By: pieter

CC: aran

Maniphest Tasks: T1644

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

src/applications/ponder/controller/PonderController.php

@@ -36,6 +36,14 @@ abstract class PonderController extends PhabricatorController {
     $side_nav = new AphrontSideNavFilterView();
     $side_nav->setBaseURI(new PhutilURI($this->getApplicationURI()));
 
+    if ($question && $question->getID()) {
+      $side_nav->addFilter(
+        null,
+        'Q'.$question->getID(),
+        'Q'.$question->getID());
+      $side_nav->addSpacer();
+    }
+
     $side_nav->addLabel('Create');
     $side_nav->addFilter('question/ask', 'Ask a Question');
 

src/applications/ponder/controller/PonderQuestionViewController.php

@@ -72,13 +72,20 @@ final class PonderQuestionViewController extends PonderController {
       ->setUser($user)
       ->setActionURI("/ponder/answer/add/");
 
-    return $this->buildStandardPageResponse(
+    $nav = $this->buildSideNavView($question);
+    $nav->appendChild(
       array(
         $detail_panel,
         $responses_panel,
         $answer_add_panel
-      ),
+      ));
+    $nav->selectFilter(null);
+
+
+    return $this->buildApplicationPage(
+      $nav,
       array(
+        'device' => true,
         'title' => 'Q'.$question->getID().' '.$question->getTitle()
       ));
   }

src/applications/ponder/view/PonderAddAnswerView.php

@@ -45,12 +45,12 @@ final class PonderAddAnswerView extends AphrontView {
 
     $question = $this->question;
 
-    $panel = id(new AphrontPanelView())
+    $header = id(new PhabricatorHeaderView())
-      ->addClass("ponder-panel")
+      ->setHeader('Add Answer');
-      ->setHeader("Your Answer:");
 
     $form = new AphrontFormView();
     $form
+      ->setFlexible(true)
       ->setUser($this->user)
       ->setAction($this->actionURI)
       ->setWorkflow(true)
@@ -58,22 +58,22 @@ final class PonderAddAnswerView extends AphrontView {
       ->appendChild(
         id(new PhabricatorRemarkupControl())
           ->setName('answer')
+          ->setLabel('Answer')
+          ->setError(true)
           ->setID('answer-content')
           ->setEnableDragAndDropFileUploads(true))
       ->appendChild(
         id(new AphrontFormSubmitControl())
           ->setValue($is_serious ? 'Submit' : 'Make it so.'));
 
-    $panel->appendChild($form);
+    $preview =
-    $panel->appendChild(
       '<div class="aphront-panel-flush">'.
         '<div id="answer-preview">'.
           '<span class="aphront-panel-preview-loading-text">'.
             'Loading answer preview...'.
           '</span>'.
         '</div>'.
-      '</div>'
+      '</div>';
-    );
 
     Javelin::initBehavior(
       'ponder-feedback-preview',
@@ -84,6 +84,13 @@ final class PonderAddAnswerView extends AphrontView {
         'question_id' => $question->getID()
       ));
 
-    return $panel->render();
+    return id(new AphrontNullView())
+      ->appendChild(
+        array(
+          $header,
+          $form,
+          $preview,
+        ))
+      ->render();
   }
 }