[Summary view] [Print] [Text view]

   1  <?php
   2  
   3  final class PHUIBoxExample extends PhabricatorUIExample {
   4  
   5    public function getName() {
   6      return 'Box';
   7    }
   8  
   9    public function getDescription() {
  10      return 'It\'s a fancy or non-fancy box. Put stuff in it.';
  11    }
  12  
  13    public function renderExample() {
  14  
  15      $content1 = 'Asmund and Signy';
  16      $content2 = 'The Cottager and his Cat';
  17      $content3 = 'Geirlug The King\'s Daughter';
  18  
  19      $layout1 =
  20        array(
  21          id(new PHUIBoxView())
  22            ->appendChild($content1),
  23          id(new PHUIBoxView())
  24            ->appendChild($content2),
  25          id(new PHUIBoxView())
  26            ->appendChild($content3),
  27        );
  28  
  29  
  30      $layout2 =
  31        array(
  32          id(new PHUIBoxView())
  33            ->appendChild($content1)
  34            ->addMargin(PHUI::MARGIN_SMALL_LEFT),
  35          id(new PHUIBoxView())
  36            ->appendChild($content2)
  37            ->addMargin(PHUI::MARGIN_MEDIUM_LEFT)
  38            ->addMargin(PHUI::MARGIN_MEDIUM_TOP),
  39          id(new PHUIBoxView())
  40            ->appendChild($content3)
  41            ->addMargin(PHUI::MARGIN_LARGE_LEFT)
  42            ->addMargin(PHUI::MARGIN_LARGE_TOP),
  43        );
  44  
  45      $layout3 =
  46        array(
  47          id(new PHUIBoxView())
  48            ->appendChild($content1)
  49            ->setBorder(true)
  50            ->addPadding(PHUI::PADDING_SMALL)
  51            ->addMargin(PHUI::MARGIN_LARGE_BOTTOM),
  52          id(new PHUIBoxView())
  53            ->appendChild($content2)
  54            ->setBorder(true)
  55            ->addPadding(PHUI::PADDING_MEDIUM)
  56            ->addMargin(PHUI::MARGIN_LARGE_BOTTOM),
  57          id(new PHUIBoxView())
  58            ->appendChild($content3)
  59            ->setBorder(true)
  60            ->addPadding(PHUI::PADDING_LARGE)
  61            ->addMargin(PHUI::MARGIN_LARGE_BOTTOM),
  62        );
  63  
  64      $image = id(new PHUIIconView())
  65            ->setIconFont('fa-heart');
  66      $button = id(new PHUIButtonView())
  67          ->setTag('a')
  68          ->setColor(PHUIButtonView::SIMPLE)
  69          ->setIcon($image)
  70          ->setText('Such Wow')
  71          ->addClass(PHUI::MARGIN_SMALL_RIGHT);
  72  
  73      $header = id(new PHUIHeaderView())
  74        ->setHeader('Fancy Box')
  75        ->addActionLink($button);
  76  
  77      $obj4 = id(new PHUIObjectBoxView())
  78        ->setHeader($header)
  79        ->appendChild(id(new PHUIBoxView())
  80          ->addPadding(PHUI::PADDING_MEDIUM)
  81          ->appendChild('Such Fancy, Nice Box, Many Corners.'));
  82  
  83      $head1 = id(new PHUIHeaderView())
  84        ->setHeader(pht('Plain Box'));
  85  
  86      $head2 = id(new PHUIHeaderView())
  87        ->setHeader(pht('Plain Box with space'));
  88  
  89      $head3 = id(new PHUIHeaderView())
  90        ->setHeader(pht('Border Box with space'));
  91  
  92      $head4 = id(new PHUIHeaderView())
  93        ->setHeader(pht('PHUIObjectBoxView'));
  94  
  95      $wrap1 = id(new PHUIBoxView())
  96        ->appendChild($layout1)
  97        ->addMargin(PHUI::MARGIN_LARGE);
  98  
  99      $wrap2 = id(new PHUIBoxView())
 100        ->appendChild($layout2)
 101        ->addMargin(PHUI::MARGIN_LARGE);
 102  
 103      $wrap3 = id(new PHUIBoxView())
 104        ->appendChild($layout3)
 105        ->addMargin(PHUI::MARGIN_LARGE);
 106  
 107      return phutil_tag(
 108        'div',
 109          array(),
 110          array(
 111            $head1,
 112            $wrap1,
 113            $head2,
 114            $wrap2,
 115            $head3,
 116            $wrap3,
 117            $head4,
 118            $obj4,
 119          ));
 120        }
 121  }