[Summary view] [Print] [Text view]

   1  <?php
   2  
   3  final class PhabricatorUITooltipExample extends PhabricatorUIExample {
   4  
   5    public function getName() {
   6      return 'Tooltips';
   7    }
   8  
   9    public function getDescription() {
  10      return hsprintf('Use <tt>JX.Tooltip</tt> to create tooltips.');
  11    }
  12  
  13    public function renderExample() {
  14  
  15      Javelin::initBehavior('phabricator-tooltips');
  16      require_celerity_resource('aphront-tooltip-css');
  17  
  18      $style = 'width: 200px; '.
  19               'text-align: center; '.
  20               'margin: 20px; '.
  21               'background: #dfdfdf; '.
  22               'padding: 20px 10px; '.
  23               'border: 1px solid black; ';
  24  
  25      $lorem = <<<EOTEXT
  26  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  27  EOTEXT;
  28  
  29      $overflow = str_repeat('M', 1024);
  30  
  31      $metas = array(
  32        'hi' => array(
  33          'tip' => 'Hi',
  34        ),
  35        'lorem (north)' => array(
  36          'tip' => $lorem,
  37        ),
  38        'lorem (east)' => array(
  39          'tip' => $lorem,
  40          'align' => 'E',
  41        ),
  42        'lorem (south)' => array(
  43          'tip' => $lorem,
  44          'align' => 'S',
  45        ),
  46        'lorem (west)' => array(
  47          'tip' => $lorem,
  48          'align' => 'W',
  49        ),
  50        'lorem (large, north)' => array(
  51          'tip' => $lorem,
  52          'size' => 300,
  53        ),
  54        'lorem (large, east)' => array(
  55          'tip' => $lorem,
  56          'size' => 300,
  57          'align' => 'E',
  58        ),
  59        'lorem (large, west)' => array(
  60          'tip' => $lorem,
  61          'size' => 300,
  62          'align' => 'W',
  63        ),
  64        'lorem (large, south)' => array(
  65          'tip' => $lorem,
  66          'size' => 300,
  67          'align' => 'S',
  68        ),
  69        'overflow (north)' => array(
  70          'tip' => $overflow,
  71        ),
  72        'overflow (east)' => array(
  73          'tip' => $overflow,
  74          'align' => 'E',
  75        ),
  76        'overflow (south)' => array(
  77          'tip' => $overflow,
  78          'align' => 'S',
  79        ),
  80        'overflow (west)' => array(
  81          'tip' => $overflow,
  82          'align' => 'W',
  83        ),
  84      );
  85  
  86      $content = array();
  87      foreach ($metas as $key => $meta) {
  88        $content[] = javelin_tag(
  89          'div',
  90          array(
  91            'sigil' => 'has-tooltip',
  92            'meta'  => $meta,
  93            'style' => $style,
  94          ),
  95          $key);
  96      }
  97  
  98      return $content;
  99    }
 100  }