Pholio tile to home page and mock to show first image

Summary:
Pholio tile to show up on home page

First image is shown at mock page.

Test Plan: Pholio app shows up on home page. First image is shown at mock page.

Reviewers: epriestley

CC: aran, Korvin

Maniphest Tasks: T2356

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

src/__celerity_resource_map__.php

@@ -3055,6 +3055,15 @@ celerity_register_resource_map(array(
     ),
     'disk' => '/rsrc/css/application/phame/phame.css',
   ),
+  'pholio-css' =>
+  array(
+    'uri' => '/res/e454c33f/rsrc/css/application/pholio/pholio.css',
+    'type' => 'css',
+    'requires' =>
+    array(
+    ),
+    'disk' => '/rsrc/css/application/pholio/pholio.css',
+  ),
   'phriction-document-css' =>
   array(
     'uri' => '/res/8d09bd7f/rsrc/css/application/phriction/phriction-document-css.css',

src/__phutil_library_map__.php

@@ -1363,6 +1363,7 @@ phutil_register_library_map(array(
     'PholioMockCommentController' => 'applications/pholio/controller/PholioMockCommentController.php',
     'PholioMockEditController' => 'applications/pholio/controller/PholioMockEditController.php',
     'PholioMockEditor' => 'applications/pholio/editor/PholioMockEditor.php',
+    'PholioMockImagesView' => 'applications/pholio/view/PholioMockImagesView.php',
     'PholioMockListController' => 'applications/pholio/controller/PholioMockListController.php',
     'PholioMockQuery' => 'applications/pholio/query/PholioMockQuery.php',
     'PholioMockViewController' => 'applications/pholio/controller/PholioMockViewController.php',
@@ -2731,6 +2732,7 @@ phutil_register_library_map(array(
     'PholioMockCommentController' => 'PholioController',
     'PholioMockEditController' => 'PholioController',
     'PholioMockEditor' => 'PhabricatorApplicationTransactionEditor',
+    'PholioMockImagesView' => 'AphrontView',
     'PholioMockListController' => 'PholioController',
     'PholioMockQuery' => 'PhabricatorCursorPagedPolicyAwareQuery',
     'PholioMockViewController' => 'PholioController',

src/applications/pholio/controller/PholioMockViewController.php

@@ -60,9 +60,12 @@ final class PholioMockViewController extends PholioController {
     $actions = $this->buildActionView($mock);
     $properties = $this->buildPropertyView($mock, $engine, $subscribers);
 
-    $carousel =
-      '<h1 style="margin: 2em; padding: 1em; border: 1px dashed grey;">'.
-        'Carousel Goes Here</h1>';
+    require_celerity_resource('pholio-css');
+
+    $output = new PholioMockImagesView();
+    $output->setMock($mock);
+
+    $carousel = $output->render();
 
     $xaction_view = id(new PhabricatorApplicationTransactionView())
       ->setUser($this->getRequest()->getUser())

src/applications/pholio/view/PholioMockImagesView.php

@@ -0,0 +1,40 @@
+<?php
+
+final class PholioMockImagesView extends AphrontView {
+
+  private $mock;
+
+  public function setMock(PholioMock $mock) {
+    $this->mock = $mock;
+  }
+
+  public function render() {
+    if (!$this->mock) {
+      throw new Exception("Call setMock() before render()!");
+    }
+
+    $image = id(new PholioImage())->loadOneWhere(
+      "mockid=%d",
+      $this->mock->getID());
+
+    $file = id(new PhabricatorFile())->loadOneWhere(
+      "phid=%s",
+      $image->getFilePHID());
+
+    $image_tag = phutil_render_tag(
+      'img',
+        array(
+          'src' => $file->getBestURI(),
+          'class' => 'pholio-mock-image',
+        ),
+      '');
+
+    return phutil_render_tag(
+      'div',
+        array(
+          'class' => 'pholio-mock-image-container',
+        ),
+      $image_tag);
+  }
+
+}

webroot/rsrc/css/application/pholio/pholio.css

@@ -0,0 +1,12 @@
+/**
+ * @provides pholio-css
+ */
+.pholio-mock-image-container {
+  background-color: #282828;
+  text-align: center;
+}
+
+.pholio-mock-image {
+    margin: 10px 0px;
+    display: inline-block;
+}