[Summary view] [Print] [Text view]

   1  <?php
   2  
   3  final class PHUIActionHeaderExample extends PhabricatorUIExample {
   4  
   5    public function getName() {
   6      return 'Action Headers';
   7    }
   8  
   9    public function getDescription() {
  10      return 'Various header layouts with and without icons';
  11    }
  12  
  13    public function renderExample() {
  14  
  15  /* Colors */
  16      $title1 = id(new PHUIHeaderView())
  17        ->setHeader(pht('Header Plain'));
  18  
  19      $header1 = id(new PHUIActionHeaderView())
  20        ->setHeaderTitle('Colorless');
  21  
  22      $header2 = id(new PHUIActionHeaderView())
  23        ->setHeaderTitle('Light Grey')
  24        ->setHeaderColor(PHUIActionHeaderView::HEADER_GREY);
  25  
  26      $header3 = id(new PHUIActionHeaderView())
  27        ->setHeaderTitle('Light Blue')
  28        ->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTBLUE);
  29  
  30      $header4 = id(new PHUIActionHeaderView())
  31        ->setHeaderTitle('Light Green')
  32        ->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTGREEN);
  33  
  34      $header5 = id(new PHUIActionHeaderView())
  35        ->setHeaderTitle('Light Red')
  36        ->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTRED);
  37  
  38      $header6 = id(new PHUIActionHeaderView())
  39        ->setHeaderTitle('Light Violet')
  40        ->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTVIOLET);
  41  
  42      $layout1 = id(new AphrontMultiColumnView())
  43        ->addColumn($header1)
  44        ->addColumn($header2)
  45        ->addColumn($header3)
  46        ->addColumn($header4)
  47        ->addColumn($header5)
  48        ->addColumn($header6)
  49        ->setFluidLayout(true)
  50        ->setGutter(AphrontMultiColumnView::GUTTER_SMALL);
  51  
  52      $wrap1 = id(new PHUIBoxView())
  53        ->appendChild($layout1)
  54        ->addMargin(PHUI::MARGIN_LARGE);
  55  
  56  /* Policy Icons */
  57      $title2 = id(new PHUIHeaderView())
  58        ->setHeader(pht('With Icons'));
  59  
  60      $header1 = id(new PHUIActionHeaderView())
  61        ->setHeaderTitle('Quack')
  62        ->setHeaderIcon(
  63          id(new PHUIIconView())
  64            ->setIconFont('fa-coffee'));
  65  
  66      $header2 = id(new PHUIActionHeaderView())
  67        ->setHeaderTitle('Moo')
  68        ->setHeaderColor(PHUIActionHeaderView::HEADER_GREY)
  69        ->setHeaderIcon(
  70          id(new PHUIIconView())
  71            ->setIconFont('fa-magic'));
  72  
  73      $header3 = id(new PHUIActionHeaderView())
  74        ->setHeaderTitle('Woof')
  75        ->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTBLUE)
  76        ->setHeaderIcon(
  77          id(new PHUIIconView())
  78            ->setIconFont('fa-fighter-jet'));
  79  
  80      $header4 = id(new PHUIActionHeaderView())
  81        ->setHeaderTitle('Buzz')
  82        ->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTGREEN)
  83        ->setHeaderIcon(
  84          id(new PHUIIconView())
  85            ->setIconFont('fa-child'));
  86  
  87      $header5 = id(new PHUIActionHeaderView())
  88        ->setHeaderTitle('Fizz')
  89        ->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTRED)
  90        ->setHeaderIcon(
  91          id(new PHUIIconView())
  92            ->setIconFont('fa-car'));
  93  
  94      $header6 = id(new PHUIActionHeaderView())
  95        ->setHeaderTitle('Blarp')
  96        ->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTVIOLET)
  97        ->setHeaderIcon(
  98          id(new PHUIIconView())
  99            ->setIconFont('fa-truck'));
 100  
 101      $layout2 = id(new AphrontMultiColumnView())
 102        ->addColumn($header1)
 103        ->addColumn($header2)
 104        ->addColumn($header3)
 105        ->addColumn($header4)
 106        ->addColumn($header5)
 107        ->addColumn($header6)
 108        ->setFluidLayout(true)
 109        ->setGutter(AphrontMultiColumnView::GUTTER_SMALL);
 110  
 111      $wrap2 = id(new PHUIBoxView())
 112        ->appendChild($layout2)
 113        ->addMargin(PHUI::MARGIN_LARGE);
 114  
 115  
 116  /* Action Icons */
 117      $title3 = id(new PHUIHeaderView())
 118        ->setHeader(pht('With Action Icons'));
 119  
 120      $action1 = new PHUIIconView();
 121      $action1->setIconFont('fa-cog');
 122      $action1->setHref('#');
 123  
 124      $action2 = new PHUIIconView();
 125      $action2->setIconFont('fa-heart');
 126      $action2->setHref('#');
 127  
 128      $action3 = new PHUIIconView();
 129      $action3->setIconFont('fa-tag');
 130      $action3->setHref('#');
 131  
 132      $action4 = new PHUIIconView();
 133      $action4->setIconFont('fa-plus');
 134      $action4->setHref('#');
 135  
 136      $action5 = new PHUIIconView();
 137      $action5->setIconFont('fa-search');
 138      $action5->setHref('#');
 139  
 140      $action6 = new PHUIIconView();
 141      $action6->setIconFont('fa-arrows');
 142      $action6->setHref('#');
 143  
 144      $header1 = id(new PHUIActionHeaderView())
 145        ->setHeaderTitle('Company')
 146        ->setHeaderHref('http://example.com/')
 147        ->addAction($action1);
 148  
 149      $header2 = id(new PHUIActionHeaderView())
 150        ->setHeaderTitle('Public')
 151        ->setHeaderHref('http://example.com/')
 152        ->setHeaderColor(PHUIActionHeaderView::HEADER_GREY)
 153        ->addAction($action1);
 154  
 155      $header3 = id(new PHUIActionHeaderView())
 156        ->setHeaderTitle('Restricted')
 157        ->setHeaderHref('http://example.com/')
 158        ->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTBLUE)
 159        ->addAction($action2);
 160  
 161      $header4 = id(new PHUIActionHeaderView())
 162        ->setHeaderTitle('Company')
 163        ->setHeaderHref('http://example.com/')
 164        ->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTGREEN)
 165        ->addAction($action3);
 166  
 167      $header5 = id(new PHUIActionHeaderView())
 168        ->setHeaderTitle('Public')
 169        ->setHeaderHref('http://example.com/')
 170        ->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTRED)
 171        ->addAction($action4)
 172        ->addAction($action5);
 173  
 174      $header6 = id(new PHUIActionHeaderView())
 175        ->setHeaderTitle('Restricted')
 176        ->setHeaderHref('http://example.com/')
 177        ->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTVIOLET)
 178        ->addAction($action6);
 179  
 180      $layout3 = id(new AphrontMultiColumnView())
 181        ->addColumn($header1)
 182        ->addColumn($header2)
 183        ->addColumn($header3)
 184        ->addColumn($header4)
 185        ->addColumn($header5)
 186        ->addColumn($header6)
 187        ->setFluidLayout(true)
 188        ->setGutter(AphrontMultiColumnView::GUTTER_SMALL);
 189  
 190      $wrap3 = id(new PHUIBoxView())
 191        ->appendChild($layout3)
 192        ->addMargin(PHUI::MARGIN_LARGE);
 193  
 194  /* Action Icons */
 195      $title4 = id(new PHUIHeaderView())
 196        ->setHeader(pht('With Tags'));
 197  
 198      $tag1 = id(new PHUITagView())
 199        ->setType(PHUITagView::TYPE_STATE)
 200        ->setBackgroundColor(PHUITagView::COLOR_RED)
 201        ->setName('Open');
 202  
 203      $tag2 = id(new PHUITagView())
 204        ->setType(PHUITagView::TYPE_STATE)
 205        ->setBackgroundColor(PHUITagView::COLOR_BLUE)
 206        ->setName('Closed');
 207  
 208      $action1 = new PHUIIconView();
 209      $action1->setIconFont('fa-flag');
 210      $action1->setHref('#');
 211  
 212      $header1 = id(new PHUIActionHeaderView())
 213        ->setHeaderTitle('Company')
 214        ->setTag($tag2);
 215  
 216      $header2 = id(new PHUIActionHeaderView())
 217        ->setHeaderTitle('Public')
 218        ->setHeaderColor(PHUIActionHeaderView::HEADER_GREY)
 219        ->addAction($action1)
 220        ->setTag($tag1);
 221  
 222      $header3 = id(new PHUIActionHeaderView())
 223        ->setHeaderTitle('Restricted')
 224        ->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTBLUE)
 225        ->setTag($tag2);
 226  
 227      $header4 = id(new PHUIActionHeaderView())
 228        ->setHeaderTitle('Company')
 229        ->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTGREEN)
 230        ->setTag($tag1);
 231  
 232      $header5 = id(new PHUIActionHeaderView())
 233        ->setHeaderTitle('Public')
 234        ->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTRED)
 235        ->setTag($tag2);
 236  
 237      $header6 = id(new PHUIActionHeaderView())
 238        ->setHeaderTitle('Restricted')
 239        ->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTVIOLET)
 240        ->setTag($tag1);
 241  
 242      $layout4 = id(new AphrontMultiColumnView())
 243        ->addColumn($header1)
 244        ->addColumn($header2)
 245        ->addColumn($header3)
 246        ->addColumn($header4)
 247        ->addColumn($header5)
 248        ->addColumn($header6)
 249        ->setFluidLayout(true)
 250        ->setGutter(AphrontMultiColumnView::GUTTER_SMALL);
 251  
 252      $wrap4 = id(new PHUIBoxView())
 253        ->appendChild($layout4)
 254        ->addMargin(PHUI::MARGIN_LARGE);
 255  
 256      return phutil_tag(
 257        'div',
 258          array(),
 259          array(
 260            $title1,
 261            $wrap1,
 262            $title2,
 263            $wrap2,
 264            $title3,
 265            $wrap3,
 266            $title4,
 267            $wrap4,
 268          ));
 269    }
 270  }