1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-27 16:00:59 +01:00
phorge-phorge/src/view/phui/PHUIIconView.php
Chad Little 2a3022913f Add a tooltip method to PHUIIconView
Summary: We seem to use these a lot. Makes the code cleaner.

Test Plan: UIExamples.

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin

Differential Revision: https://secure.phabricator.com/D18114
2017-06-12 18:00:04 +00:00

888 lines
19 KiB
PHP

<?php
final class PHUIIconView extends AphrontTagView {
const SPRITE_TOKENS = 'tokens';
const SPRITE_LOGIN = 'login';
const HEAD_SMALL = 'phuihead-small';
const HEAD_MEDIUM = 'phuihead-medium';
private $href = null;
private $image;
private $text;
private $headSize = null;
private $spriteIcon;
private $spriteSheet;
private $iconFont;
private $iconColor;
private $iconBackground;
private $tooltip;
public function setHref($href) {
$this->href = $href;
return $this;
}
public function setImage($image) {
$this->image = $image;
return $this;
}
public function setText($text) {
$this->text = $text;
return $this;
}
public function setHeadSize($size) {
$this->headSize = $size;
return $this;
}
public function setSpriteIcon($sprite) {
$this->spriteIcon = $sprite;
return $this;
}
public function setSpriteSheet($sheet) {
$this->spriteSheet = $sheet;
return $this;
}
public function setIcon($icon, $color = null) {
$this->iconFont = $icon;
$this->iconColor = $color;
return $this;
}
public function setBackground($color) {
$this->iconBackground = $color;
return $this;
}
public function setTooltip($text) {
$this->tooltip = $text;
return $this;
}
protected function getTagName() {
$tag = 'span';
if ($this->href) {
$tag = 'a';
}
return $tag;
}
protected function getTagAttributes() {
require_celerity_resource('phui-icon-view-css');
$style = null;
$classes = array();
$classes[] = 'phui-icon-view';
if ($this->spriteIcon) {
require_celerity_resource('sprite-'.$this->spriteSheet.'-css');
$classes[] = 'sprite-'.$this->spriteSheet;
$classes[] = $this->spriteSheet.'-'.$this->spriteIcon;
} else if ($this->iconFont) {
require_celerity_resource('phui-font-icon-base-css');
require_celerity_resource('font-fontawesome');
$classes[] = 'phui-font-fa';
$classes[] = $this->iconFont;
if ($this->iconColor) {
$classes[] = $this->iconColor;
}
if ($this->iconBackground) {
$classes[] = 'phui-icon-square';
$classes[] = $this->iconBackground;
}
} else {
if ($this->headSize) {
$classes[] = $this->headSize;
}
$style = 'background-image: url('.$this->image.');';
}
if ($this->text) {
$classes[] = 'phui-icon-has-text';
$this->appendChild($this->text);
}
$sigil = null;
$meta = array();
if ($this->tooltip) {
Javelin::initBehavior('phabricator-tooltips');
require_celerity_resource('aphront-tooltip-css');
$sigil = 'has-tooltip';
$meta = array(
'tip' => $this->tooltip,
);
}
return array(
'href' => $this->href,
'style' => $style,
'aural' => false,
'class' => $classes,
'sigil' => $sigil,
'meta' => $meta,
);
}
public static function getSheetManifest($sheet) {
$root = dirname(phutil_get_library_root('phabricator'));
$path = $root.'/resources/sprite/manifest/'.$sheet.'.json';
$data = Filesystem::readFile($path);
return idx(phutil_json_decode($data), 'sprites');
}
public static function getIcons() {
return array(
'fa-glass',
'fa-music',
'fa-search',
'fa-envelope-o',
'fa-heart',
'fa-star',
'fa-star-o',
'fa-user',
'fa-film',
'fa-th-large',
'fa-th',
'fa-th-list',
'fa-check',
'fa-times',
'fa-search-plus',
'fa-search-minus',
'fa-power-off',
'fa-signal',
'fa-cog',
'fa-trash-o',
'fa-home',
'fa-file-o',
'fa-clock-o',
'fa-road',
'fa-download',
'fa-arrow-circle-o-down',
'fa-arrow-circle-o-up',
'fa-inbox',
'fa-play-circle-o',
'fa-repeat',
'fa-refresh',
'fa-list-alt',
'fa-lock',
'fa-flag',
'fa-headphones',
'fa-volume-off',
'fa-volume-down',
'fa-volume-up',
'fa-qrcode',
'fa-barcode',
'fa-tag',
'fa-tags',
'fa-book',
'fa-bookmark',
'fa-print',
'fa-camera',
'fa-font',
'fa-bold',
'fa-italic',
'fa-text-height',
'fa-text-width',
'fa-align-left',
'fa-align-center',
'fa-align-right',
'fa-align-justify',
'fa-list',
'fa-outdent',
'fa-indent',
'fa-video-camera',
'fa-picture-o',
'fa-pencil',
'fa-map-marker',
'fa-adjust',
'fa-tint',
'fa-pencil-square-o',
'fa-share-square-o',
'fa-check-square-o',
'fa-arrows',
'fa-step-backward',
'fa-fast-backward',
'fa-backward',
'fa-play',
'fa-pause',
'fa-stop',
'fa-forward',
'fa-fast-forward',
'fa-step-forward',
'fa-eject',
'fa-chevron-left',
'fa-chevron-right',
'fa-plus-circle',
'fa-minus-circle',
'fa-times-circle',
'fa-check-circle',
'fa-question-circle',
'fa-info-circle',
'fa-crosshairs',
'fa-times-circle-o',
'fa-check-circle-o',
'fa-ban',
'fa-arrow-left',
'fa-arrow-right',
'fa-arrow-up',
'fa-arrow-down',
'fa-share',
'fa-expand',
'fa-compress',
'fa-plus',
'fa-minus',
'fa-asterisk',
'fa-exclamation-circle',
'fa-gift',
'fa-leaf',
'fa-fire',
'fa-eye',
'fa-eye-slash',
'fa-exclamation-triangle',
'fa-plane',
'fa-calendar',
'fa-random',
'fa-comment',
'fa-magnet',
'fa-chevron-up',
'fa-chevron-down',
'fa-retweet',
'fa-shopping-cart',
'fa-folder',
'fa-folder-open',
'fa-arrows-v',
'fa-arrows-h',
'fa-bar-chart-o',
'fa-twitter-square',
'fa-facebook-square',
'fa-camera-retro',
'fa-key',
'fa-cogs',
'fa-comments',
'fa-thumbs-o-up',
'fa-thumbs-o-down',
'fa-star-half',
'fa-heart-o',
'fa-sign-out',
'fa-linkedin-square',
'fa-thumb-tack',
'fa-external-link',
'fa-sign-in',
'fa-trophy',
'fa-github-square',
'fa-upload',
'fa-lemon-o',
'fa-phone',
'fa-square-o',
'fa-bookmark-o',
'fa-phone-square',
'fa-twitter',
'fa-facebook',
'fa-github',
'fa-unlock',
'fa-credit-card',
'fa-rss',
'fa-hdd-o',
'fa-bullhorn',
'fa-bell',
'fa-certificate',
'fa-hand-o-right',
'fa-hand-o-left',
'fa-hand-o-up',
'fa-hand-o-down',
'fa-arrow-circle-left',
'fa-arrow-circle-right',
'fa-arrow-circle-up',
'fa-arrow-circle-down',
'fa-globe',
'fa-wrench',
'fa-tasks',
'fa-filter',
'fa-briefcase',
'fa-arrows-alt',
'fa-users',
'fa-link',
'fa-cloud',
'fa-flask',
'fa-scissors',
'fa-files-o',
'fa-paperclip',
'fa-floppy-o',
'fa-square',
'fa-bars',
'fa-list-ul',
'fa-list-ol',
'fa-strikethrough',
'fa-underline',
'fa-table',
'fa-magic',
'fa-truck',
'fa-pinterest',
'fa-pinterest-square',
'fa-google-plus-square',
'fa-google-plus',
'fa-money',
'fa-caret-down',
'fa-caret-up',
'fa-caret-left',
'fa-caret-right',
'fa-columns',
'fa-sort',
'fa-sort-asc',
'fa-sort-desc',
'fa-envelope',
'fa-linkedin',
'fa-undo',
'fa-gavel',
'fa-tachometer',
'fa-comment-o',
'fa-comments-o',
'fa-bolt',
'fa-sitemap',
'fa-umbrella',
'fa-clipboard',
'fa-lightbulb-o',
'fa-exchange',
'fa-cloud-download',
'fa-cloud-upload',
'fa-user-md',
'fa-stethoscope',
'fa-suitcase',
'fa-bell-o',
'fa-coffee',
'fa-cutlery',
'fa-file-text-o',
'fa-building-o',
'fa-hospital-o',
'fa-ambulance',
'fa-medkit',
'fa-fighter-jet',
'fa-beer',
'fa-h-square',
'fa-plus-square',
'fa-angle-double-left',
'fa-angle-double-right',
'fa-angle-double-up',
'fa-angle-double-down',
'fa-angle-left',
'fa-angle-right',
'fa-angle-up',
'fa-angle-down',
'fa-desktop',
'fa-laptop',
'fa-tablet',
'fa-mobile',
'fa-circle-o',
'fa-quote-left',
'fa-quote-right',
'fa-spinner',
'fa-circle',
'fa-reply',
'fa-github-alt',
'fa-folder-o',
'fa-folder-open-o',
'fa-smile-o',
'fa-frown-o',
'fa-meh-o',
'fa-gamepad',
'fa-keyboard-o',
'fa-flag-o',
'fa-flag-checkered',
'fa-terminal',
'fa-code',
'fa-reply-all',
'fa-mail-reply-all',
'fa-star-half-o',
'fa-location-arrow',
'fa-crop',
'fa-code-fork',
'fa-chain-broken',
'fa-question',
'fa-info',
'fa-exclamation',
'fa-superscript',
'fa-subscript',
'fa-eraser',
'fa-puzzle-piece',
'fa-microphone',
'fa-microphone-slash',
'fa-shield',
'fa-calendar-o',
'fa-fire-extinguisher',
'fa-rocket',
'fa-maxcdn',
'fa-chevron-circle-left',
'fa-chevron-circle-right',
'fa-chevron-circle-up',
'fa-chevron-circle-down',
'fa-html5',
'fa-css3',
'fa-anchor',
'fa-unlock-alt',
'fa-bullseye',
'fa-ellipsis-h',
'fa-ellipsis-v',
'fa-rss-square',
'fa-play-circle',
'fa-ticket',
'fa-minus-square',
'fa-minus-square-o',
'fa-level-up',
'fa-level-down',
'fa-check-square',
'fa-pencil-square',
'fa-external-link-square',
'fa-share-square',
'fa-compass',
'fa-caret-square-o-down',
'fa-caret-square-o-up',
'fa-caret-square-o-right',
'fa-eur',
'fa-gbp',
'fa-usd',
'fa-inr',
'fa-jpy',
'fa-rub',
'fa-krw',
'fa-btc',
'fa-file',
'fa-file-text',
'fa-sort-alpha-asc',
'fa-sort-alpha-desc',
'fa-sort-amount-asc',
'fa-sort-amount-desc',
'fa-sort-numeric-asc',
'fa-sort-numeric-desc',
'fa-thumbs-up',
'fa-thumbs-down',
'fa-youtube-square',
'fa-youtube',
'fa-xing',
'fa-xing-square',
'fa-youtube-play',
'fa-dropbox',
'fa-stack-overflow',
'fa-instagram',
'fa-flickr',
'fa-adn',
'fa-bitbucket',
'fa-bitbucket-square',
'fa-tumblr',
'fa-tumblr-square',
'fa-long-arrow-down',
'fa-long-arrow-up',
'fa-long-arrow-left',
'fa-long-arrow-right',
'fa-apple',
'fa-windows',
'fa-android',
'fa-linux',
'fa-dribbble',
'fa-skype',
'fa-foursquare',
'fa-trello',
'fa-female',
'fa-male',
'fa-gittip',
'fa-sun-o',
'fa-moon-o',
'fa-archive',
'fa-bug',
'fa-vk',
'fa-weibo',
'fa-renren',
'fa-pagelines',
'fa-stack-exchange',
'fa-arrow-circle-o-right',
'fa-arrow-circle-o-left',
'fa-caret-square-o-left',
'fa-dot-circle-o',
'fa-wheelchair',
'fa-vimeo-square',
'fa-try',
'fa-plus-square-o',
'fa-space-shuttle',
'fa-slack',
'fa-envelope-square',
'fa-wordpress',
'fa-openid',
'fa-institution',
'fa-bank',
'fa-university',
'fa-mortar-board',
'fa-graduation-cap',
'fa-yahoo',
'fa-google',
'fa-reddit',
'fa-reddit-square',
'fa-stumbleupon-circle',
'fa-stumbleupon',
'fa-delicious',
'fa-digg',
'fa-pied-piper-square',
'fa-pied-piper',
'fa-pied-piper-alt',
'fa-pied-piper-pp',
'fa-drupal',
'fa-joomla',
'fa-language',
'fa-fax',
'fa-building',
'fa-child',
'fa-paw',
'fa-spoon',
'fa-cube',
'fa-cubes',
'fa-behance',
'fa-behance-square',
'fa-steam',
'fa-steam-square',
'fa-recycle',
'fa-automobile',
'fa-car',
'fa-cab',
'fa-tree',
'fa-spotify',
'fa-deviantart',
'fa-soundcloud',
'fa-database',
'fa-file-pdf-o',
'fa-file-word-o',
'fa-file-excel-o',
'fa-file-powerpoint-o',
'fa-file-photo-o',
'fa-file-picture-o',
'fa-file-image-o',
'fa-file-zip-o',
'fa-file-archive-o',
'fa-file-sound-o',
'fa-file-movie-o',
'fa-file-code-o',
'fa-vine',
'fa-codepen',
'fa-jsfiddle',
'fa-life-bouy',
'fa-support',
'fa-life-ring',
'fa-circle-o-notch',
'fa-rebel',
'fa-empire',
'fa-git-square',
'fa-git',
'fa-hacker-news',
'fa-tencent-weibo',
'fa-qq',
'fa-wechat',
'fa-send',
'fa-paper-plane',
'fa-send-o',
'fa-paper-plane-o',
'fa-history',
'fa-circle-thin',
'fa-header',
'fa-paragraph',
'fa-sliders',
'fa-share-alt',
'fa-share-alt-square',
'fa-bomb',
'fa-soccer-ball',
'fa-futbol-o',
'fa-tty',
'fa-binoculars',
'fa-plug',
'fa-slideshare',
'fa-twitch',
'fa-yelp',
'fa-newspaper-o',
'fa-wifi',
'fa-calculator',
'fa-paypal',
'fa-google-wallet',
'fa-cc-visa',
'fa-cc-mastercard',
'fa-cc-discover',
'fa-cc-amex',
'fa-cc-paypal',
'fa-cc-stripe',
'fa-bell-slash',
'fa-bell-slash-o',
'fa-trash',
'fa-copyright',
'fa-at',
'fa-eyedropper',
'fa-paint-brush',
'fa-birthday-cake',
'fa-area-chart',
'fa-pie-chart',
'fa-line-chart',
'fa-lastfm',
'fa-lastfm-square',
'fa-toggle-off',
'fa-toggle-on',
'fa-bicycle',
'fa-bus',
'fa-ioxhost',
'fa-angellist',
'fa-cc',
'fa-shekel',
'fa-sheqel',
'fa-ils',
'fa-meanpath',
'fa-buysellads',
'fa-connectdevelop',
'fa-dashcube',
'fa-forumbee',
'fa-leanpub',
'fa-sellsy',
'fa-shirtsinbulk',
'fa-simplybuilt',
'fa-skyatlas',
'fa-cart-plus',
'fa-cart-arrow-down',
'fa-diamond',
'fa-ship',
'fa-user-secret',
'fa-motorcycle',
'fa-street-view',
'fa-heartbeat',
'fa-venus',
'fa-mars',
'fa-mercury',
'fa-transgender',
'fa-transgender-alt',
'fa-venus-double',
'fa-mars-double',
'fa-venus-mars',
'fa-mars-stroke',
'fa-mars-stroke-v',
'fa-mars-stroke-h',
'fa-neuter',
'fa-facebook-official',
'fa-pinterest-p',
'fa-whatsapp',
'fa-server',
'fa-user-plus',
'fa-user-times',
'fa-hotel',
'fa-bed',
'fa-viacoin',
'fa-train',
'fa-subway',
'fa-medium',
'fa-git',
'fa-y-combinator-square',
'fa-yc-square',
'fa-hacker-news',
'fa-yc',
'fa-y-combinator',
'fa-optin-monster',
'fa-opencart',
'fa-expeditedssl',
'fa-battery-4',
'fa-battery-full',
'fa-battery-3',
'fa-battery-three-quarters',
'fa-battery-2',
'fa-battery-half',
'fa-battery-1',
'fa-battery-quarter',
'fa-battery-0',
'fa-battery-empty',
'fa-mouse-pointer',
'fa-i-cursor',
'fa-object-group',
'fa-object-ungroup',
'fa-sticky-note',
'fa-sticky-note-o',
'fa-cc-jcb',
'fa-cc-diners-club',
'fa-clone',
'fa-balance-scale',
'fa-hourglass-o',
'fa-hourglass-1',
'fa-hourglass-start',
'fa-hourglass-2',
'fa-hourglass-half',
'fa-hourglass-3',
'fa-hourglass-end',
'fa-hourglass',
'fa-hand-grab-o',
'fa-hand-rock-o',
'fa-hand-stop-o',
'fa-hand-paper-o',
'fa-hand-scissors-o',
'fa-hand-lizard-o',
'fa-hand-spock-o',
'fa-hand-pointer-o',
'fa-hand-peace-o',
'fa-trademark',
'fa-registered',
'fa-creative-commons',
'fa-gg',
'fa-gg-circle',
'fa-tripadvisor',
'fa-odnoklassniki',
'fa-odnoklassniki-square',
'fa-get-pocket',
'fa-wikipedia-w',
'fa-safari',
'fa-chrome',
'fa-firefox',
'fa-opera',
'fa-internet-explorer',
'fa-tv',
'fa-television',
'fa-contao',
'fa-500px',
'fa-amazon',
'fa-calendar-plus-o',
'fa-calendar-minus-o',
'fa-calendar-times-o',
'fa-calendar-check-o',
'fa-industry',
'fa-map-pin',
'fa-map-signs',
'fa-map-o',
'fa-map',
'fa-commenting',
'fa-commenting-o',
'fa-houzz',
'fa-vimeo',
'fa-black-tie',
'fa-fonticons',
'fa-reddit-alien',
'fa-edge',
'fa-credit-card-alt',
'fa-codiepie:before',
'fa-modx',
'fa-fort-awesome',
'fa-usb',
'fa-product-hunt',
'fa-mixcloud',
'fa-scribd',
'fa-pause-circle',
'fa-pause-circle-o',
'fa-stop-circle',
'fa-stop-circle-o',
'fa-shopping-bag',
'fa-shopping-basket',
'fa-hashtag',
'fa-bluetooth',
'fa-bluetooth-b',
'fa-percent',
'fa-gitlab',
'fa-wpbeginner',
'fa-wpforms',
'fa-envira',
'fa-universal-access',
'fa-wheelchair-alt',
'fa-question-circle-o',
'fa-blind',
'fa-audio-description',
'fa-volume-control-phone',
'fa-braille',
'fa-assistive-listening-systems',
'fa-asl-interpreting',
'fa-american-sign-language-interpreting',
'fa-deafness',
'fa-hard-of-hearing',
'fa-deaf',
'fa-glide',
'fa-glide-g',
'fa-signing',
'fa-sign-language',
'fa-low-vision',
'fa-viadeo',
'fa-viadeo-square',
'fa-snapchat',
'fa-snapchat-ghost',
'fa-snapchat-square',
'fa-first-order',
'fa-yoast',
'fa-themeisle',
'fa-google-plus-circle',
'fa-google-plus-official',
'fa-fa',
'fa-font-awesome',
'fa-handshake-o',
'fa-envelope-open',
'fa-envelope-open-o',
'fa-linode',
'fa-address-book',
'fa-address-book-o',
'fa-vcard',
'fa-address-card',
'fa-vcard-o',
'fa-address-card-o',
'fa-user-circle',
'fa-user-circle-o',
'fa-user-o:before',
'fa-id-badge',
'fa-drivers-license',
'fa-id-card',
'fa-drivers-license-o',
'fa-id-card-o',
'fa-quora',
'fa-free-code-camp',
'fa-telegram',
'fa-thermometer-4',
'fa-thermometer',
'fa-thermometer-full',
'fa-thermometer-3',
'fa-thermometer-three-quarters',
'fa-thermometer-2',
'fa-thermometer-half',
'fa-thermometer-1',
'fa-thermometer-quarter',
'fa-thermometer-0:',
'fa-thermometer-empty',
'fa-shower',
'fa-bathtub',
'fa-s15',
'fa-bath',
'fa-podcast',
'fa-window-maximize',
'fa-window-minimize',
'fa-window-restore',
'fa-times-rectangle',
'fa-window-close',
'fa-times-rectangle-o',
'fa-window-close-o',
'fa-bandcamp',
'fa-grav',
'fa-etsy',
'fa-imdb',
'fa-ravelry',
'fa-eercast',
'fa-microchip',
'fa-snowflake-o',
'fa-superpowers',
'fa-wpexplorer',
'fa-meetup',
);
}
public static function getIconColors() {
return array(
'bluegrey',
'white',
'red',
'orange',
'yellow',
'green',
'blue',
'sky',
'indigo',
'violet',
'pink',
'lightgreytext',
'lightbluetext',
);
}
}