[Summary view] [Print] [Text view]

   1  <?php
   2  
   3  final class PHUIIconExample extends PhabricatorUIExample {
   4  
   5    public function getName() {
   6      return 'Icons and Images';
   7    }
   8  
   9    public function getDescription() {
  10      return 'Easily render icons or images with links and sprites.';
  11    }
  12  
  13    private function listTransforms() {
  14      return array(
  15        'ph-rotate-90',
  16        'ph-rotate-180',
  17        'ph-rotate-270',
  18        'ph-flip-horizontal',
  19        'ph-flip-vertical',
  20        'ph-spin',
  21      );
  22    }
  23  
  24    public function renderExample() {
  25  
  26      $colors = PHUIIconView::getFontIconColors();
  27      $colors = array_merge(array(null), $colors);
  28      $fas = PHUIIconView::getFontIcons();
  29  
  30      $trans = $this->listTransforms();
  31  
  32      $cicons = array();
  33      foreach ($colors as $color) {
  34        $cicons[] = id(new PHUIIconView())
  35          ->addClass('phui-example-icon-transform')
  36          ->setIconFont('fa-tag '.$color)
  37          ->setText(pht('fa-tag %s', $color));
  38      }
  39      $ficons = array();
  40      sort($fas);
  41      foreach ($fas as $fa) {
  42        $ficons[] = id(new PHUIIconView())
  43          ->addClass('phui-example-icon-name')
  44          ->setIconFont($fa)
  45          ->setText($fa);
  46      }
  47  
  48      $person1 = new PHUIIconView();
  49      $person1->setHeadSize(PHUIIconView::HEAD_MEDIUM);
  50      $person1->setHref('http://en.wikipedia.org/wiki/George_Washington');
  51      $person1->setImage(
  52        celerity_get_resource_uri('/rsrc/image/people/washington.png'));
  53  
  54      $person2 = new PHUIIconView();
  55      $person2->setHeadSize(PHUIIconView::HEAD_MEDIUM);
  56      $person2->setHref('http://en.wikipedia.org/wiki/Warren_G._Harding');
  57      $person2->setImage(
  58        celerity_get_resource_uri('/rsrc/image/people/harding.png'));
  59  
  60      $person3 = new PHUIIconView();
  61      $person3->setHeadSize(PHUIIconView::HEAD_MEDIUM);
  62      $person3->setHref('http://en.wikipedia.org/wiki/William_Howard_Taft');
  63      $person3->setImage(
  64        celerity_get_resource_uri('/rsrc/image/people/taft.png'));
  65  
  66      $person4 = new PHUIIconView();
  67      $person4->setHeadSize(PHUIIconView::HEAD_SMALL);
  68      $person4->setHref('http://en.wikipedia.org/wiki/George_Washington');
  69      $person4->setImage(
  70        celerity_get_resource_uri('/rsrc/image/people/washington.png'));
  71  
  72      $person5 = new PHUIIconView();
  73      $person5->setHeadSize(PHUIIconView::HEAD_SMALL);
  74      $person5->setHref('http://en.wikipedia.org/wiki/Warren_G._Harding');
  75      $person5->setImage(
  76        celerity_get_resource_uri('/rsrc/image/people/harding.png'));
  77  
  78      $person6 = new PHUIIconView();
  79      $person6->setHeadSize(PHUIIconView::HEAD_SMALL);
  80      $person6->setHref('http://en.wikipedia.org/wiki/William_Howard_Taft');
  81      $person6->setImage(
  82        celerity_get_resource_uri('/rsrc/image/people/taft.png'));
  83  
  84      $card1 = id(new PHUIIconView())
  85        ->setSpriteSheet(PHUIIconView::SPRITE_PAYMENTS)
  86        ->setSpriteIcon('visa')
  87        ->addClass(PHUI::MARGIN_SMALL_RIGHT);
  88  
  89      $card2 = id(new PHUIIconView())
  90        ->setSpriteSheet(PHUIIconView::SPRITE_PAYMENTS)
  91        ->setSpriteIcon('mastercard')
  92        ->addClass(PHUI::MARGIN_SMALL_RIGHT);
  93  
  94      $card3 = id(new PHUIIconView())
  95        ->setSpriteSheet(PHUIIconView::SPRITE_PAYMENTS)
  96        ->setSpriteIcon('paypal')
  97        ->addClass(PHUI::MARGIN_SMALL_RIGHT);
  98  
  99      $card4 = id(new PHUIIconView())
 100        ->setSpriteSheet(PHUIIconView::SPRITE_PAYMENTS)
 101        ->setSpriteIcon('americanexpress')
 102        ->addClass(PHUI::MARGIN_SMALL_RIGHT);
 103  
 104      $card5 = id(new PHUIIconView())
 105        ->setSpriteSheet(PHUIIconView::SPRITE_PAYMENTS)
 106        ->setSpriteIcon('googlecheckout');
 107  
 108      $tokens = array(
 109        'like-1',
 110        'like-2',
 111        'heart-1',
 112        'heart-2',
 113      );
 114      $tokenview = array();
 115      foreach ($tokens as $token) {
 116        $tokenview[] =
 117          id(new PHUIIconView())
 118            ->setSpriteSheet(PHUIIconView::SPRITE_TOKENS)
 119            ->setSpriteIcon($token);
 120      }
 121  
 122      $logins = array(
 123        'Asana',
 124        'Dropbox',
 125        'Google',
 126        'Github',
 127      );
 128      $loginview = array();
 129      foreach ($logins as $login) {
 130        $loginview[] =
 131          id(new PHUIIconView())
 132            ->setSpriteSheet(PHUIIconView::SPRITE_LOGIN)
 133            ->setSpriteIcon($login)
 134            ->addClass(PHUI::MARGIN_SMALL_RIGHT);
 135      }
 136  
 137      $layout_cicons = id(new PHUIBoxView())
 138        ->appendChild($cicons)
 139        ->addMargin(PHUI::MARGIN_LARGE);
 140  
 141      $layout_fa = id(new PHUIBoxView())
 142        ->appendChild($ficons)
 143        ->addMargin(PHUI::MARGIN_LARGE);
 144  
 145      $layout2 = id(new PHUIBoxView())
 146        ->appendChild(array($person1, $person2, $person3))
 147        ->addMargin(PHUI::MARGIN_MEDIUM);
 148  
 149      $layout2a = id(new PHUIBoxView())
 150        ->appendChild(array($person4, $person5, $person6))
 151        ->addMargin(PHUI::MARGIN_MEDIUM);
 152  
 153      $layout3 = id(new PHUIBoxView())
 154        ->appendChild($tokenview)
 155        ->addMargin(PHUI::MARGIN_MEDIUM);
 156  
 157      $layout4 = id(new PHUIBoxView())
 158        ->appendChild(array($card1, $card2, $card3, $card4, $card5))
 159        ->addMargin(PHUI::MARGIN_MEDIUM);
 160  
 161      $layout5 = id(new PHUIBoxView())
 162        ->appendChild($loginview)
 163        ->addMargin(PHUI::MARGIN_MEDIUM);
 164  
 165      $fa_link = phutil_tag(
 166        'a',
 167        array(
 168          'href' => 'http://fontawesome.io',
 169        ),
 170        'http://fontawesome.io');
 171      $fa_text = pht('Font Awesome by Dave Gandy - %s', $fa_link);
 172  
 173      $fontawesome = id(new PHUIObjectBoxView())
 174        ->setHeaderText($fa_text)
 175        ->appendChild($layout_fa);
 176  
 177      $transforms = id(new PHUIObjectBoxView())
 178        ->setHeaderText(pht('Colors and Transforms'))
 179        ->appendChild($layout_cicons);
 180  
 181      $wrap2 = id(new PHUIObjectBoxView())
 182        ->setHeaderText(pht('People!'))
 183        ->appendChild(array($layout2, $layout2a));
 184  
 185      $wrap3 = id(new PHUIObjectBoxView())
 186        ->setHeaderText(pht('Tokens'))
 187        ->appendChild($layout3);
 188  
 189      $wrap4 = id(new PHUIObjectBoxView())
 190        ->setHeaderText(pht('Payments'))
 191        ->appendChild($layout4);
 192  
 193      $wrap5 = id(new PHUIObjectBoxView())
 194        ->setHeaderText(pht('Authentication'))
 195        ->appendChild($layout5);
 196  
 197      return phutil_tag(
 198        'div',
 199          array(
 200            'class' => 'phui-icon-example',
 201          ),
 202          array(
 203            $fontawesome,
 204            $transforms,
 205            $wrap2,
 206            $wrap3,
 207            $wrap4,
 208            $wrap5,
 209          ));
 210    }
 211  }