mirror of
https://we.phorge.it/source/phorge.git
synced 2024-11-15 19:32:40 +01:00
be47f2141a
Summary: This further helps differentiate types/roles for projects.
Test Plan: {F169758}
Reviewers: chad
Reviewed By: chad
Subscribers: epriestley
Differential Revision: https://secure.phabricator.com/D9710
589 lines
13 KiB
PHP
589 lines
13 KiB
PHP
<?php
|
|
|
|
final class PHUIIconView extends AphrontTagView {
|
|
|
|
const SPRITE_MINICONS = 'minicons';
|
|
const SPRITE_APPS = 'apps';
|
|
const SPRITE_TOKENS = 'tokens';
|
|
const SPRITE_PAYMENTS = 'payments';
|
|
const SPRITE_LOGIN = 'login';
|
|
const SPRITE_PROJECTS = 'projects';
|
|
|
|
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;
|
|
|
|
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 setIconFont($icon, $color = null) {
|
|
$this->iconFont = $icon;
|
|
$this->iconColor = $color;
|
|
return $this;
|
|
}
|
|
|
|
public function getTagName() {
|
|
$tag = 'span';
|
|
if ($this->href) {
|
|
$tag = 'a';
|
|
}
|
|
return $tag;
|
|
}
|
|
|
|
public 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;
|
|
}
|
|
} 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);
|
|
}
|
|
|
|
return array(
|
|
'href' => $this->href,
|
|
'style' => $style,
|
|
'aural' => false,
|
|
'class' => $classes,
|
|
);
|
|
}
|
|
|
|
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(json_decode($data, true), 'sprites');
|
|
}
|
|
|
|
public static function getFontIcons() {
|
|
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-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',
|
|
);
|
|
}
|
|
|
|
public static function getFontIconColors() {
|
|
return array(
|
|
'bluegrey',
|
|
'white',
|
|
'red',
|
|
'orange',
|
|
'yellow',
|
|
'green',
|
|
'blue',
|
|
'sky',
|
|
'indigo',
|
|
'violet',
|
|
'lightgreytext',
|
|
'lightbluetext',
|
|
);
|
|
}
|
|
|
|
}
|