mirror of
https://we.phorge.it/source/phorge.git
synced 2024-12-22 21:40:55 +01:00
Allow images to be used with PHUIBigInfoView
Summary: Allows setting on an image here if wanted. Test Plan: Set a rocket to launch a new instance on rSAAS Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D18334
This commit is contained in:
parent
020f3c729a
commit
7621376aab
3 changed files with 41 additions and 11 deletions
|
@ -142,7 +142,7 @@ return array(
|
||||||
'rsrc/css/phui/phui-action-panel.css' => 'b4798122',
|
'rsrc/css/phui/phui-action-panel.css' => 'b4798122',
|
||||||
'rsrc/css/phui/phui-badge.css' => '22c0cf4f',
|
'rsrc/css/phui/phui-badge.css' => '22c0cf4f',
|
||||||
'rsrc/css/phui/phui-basic-nav-view.css' => 'a0705f53',
|
'rsrc/css/phui/phui-basic-nav-view.css' => 'a0705f53',
|
||||||
'rsrc/css/phui/phui-big-info-view.css' => 'd13afcde',
|
'rsrc/css/phui/phui-big-info-view.css' => 'acc3492c',
|
||||||
'rsrc/css/phui/phui-box.css' => '745e881d',
|
'rsrc/css/phui/phui-box.css' => '745e881d',
|
||||||
'rsrc/css/phui/phui-chart.css' => '6bf6f78e',
|
'rsrc/css/phui/phui-chart.css' => '6bf6f78e',
|
||||||
'rsrc/css/phui/phui-cms.css' => '504b4b23',
|
'rsrc/css/phui/phui-cms.css' => '504b4b23',
|
||||||
|
@ -821,7 +821,7 @@ return array(
|
||||||
'phui-action-panel-css' => 'b4798122',
|
'phui-action-panel-css' => 'b4798122',
|
||||||
'phui-badge-view-css' => '22c0cf4f',
|
'phui-badge-view-css' => '22c0cf4f',
|
||||||
'phui-basic-nav-view-css' => 'a0705f53',
|
'phui-basic-nav-view-css' => 'a0705f53',
|
||||||
'phui-big-info-view-css' => 'd13afcde',
|
'phui-big-info-view-css' => 'acc3492c',
|
||||||
'phui-box-css' => '745e881d',
|
'phui-box-css' => '745e881d',
|
||||||
'phui-button-bar-css' => 'f1ff5494',
|
'phui-button-bar-css' => 'f1ff5494',
|
||||||
'phui-button-css' => '3ca51caa',
|
'phui-button-css' => '3ca51caa',
|
||||||
|
|
|
@ -5,6 +5,7 @@ final class PHUIBigInfoView extends AphrontTagView {
|
||||||
private $icon;
|
private $icon;
|
||||||
private $title;
|
private $title;
|
||||||
private $description;
|
private $description;
|
||||||
|
private $image;
|
||||||
private $actions = array();
|
private $actions = array();
|
||||||
|
|
||||||
public function setIcon($icon) {
|
public function setIcon($icon) {
|
||||||
|
@ -22,6 +23,11 @@ final class PHUIBigInfoView extends AphrontTagView {
|
||||||
return $this;
|
return $this;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
public function setImage($image) {
|
||||||
|
$this->image = $image;
|
||||||
|
return $this;
|
||||||
|
}
|
||||||
|
|
||||||
public function addAction(PHUIButtonView $button) {
|
public function addAction(PHUIButtonView $button) {
|
||||||
$this->actions[] = $button;
|
$this->actions[] = $button;
|
||||||
return $this;
|
return $this;
|
||||||
|
@ -43,6 +49,7 @@ final class PHUIBigInfoView extends AphrontTagView {
|
||||||
protected function getTagContent() {
|
protected function getTagContent() {
|
||||||
require_celerity_resource('phui-big-info-view-css');
|
require_celerity_resource('phui-big-info-view-css');
|
||||||
|
|
||||||
|
if ($this->icon) {
|
||||||
$icon = id(new PHUIIconView())
|
$icon = id(new PHUIIconView())
|
||||||
->setIcon($this->icon)
|
->setIcon($this->icon)
|
||||||
->addClass('phui-big-info-icon');
|
->addClass('phui-big-info-icon');
|
||||||
|
@ -53,6 +60,22 @@ final class PHUIBigInfoView extends AphrontTagView {
|
||||||
'class' => 'phui-big-info-icon-container',
|
'class' => 'phui-big-info-icon-container',
|
||||||
),
|
),
|
||||||
$icon);
|
$icon);
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($this->image) {
|
||||||
|
$image = phutil_tag(
|
||||||
|
'img',
|
||||||
|
array(
|
||||||
|
'class' => 'phui-big-info-image',
|
||||||
|
'src' => $this->image,
|
||||||
|
));
|
||||||
|
$icon = phutil_tag(
|
||||||
|
'span',
|
||||||
|
array(
|
||||||
|
'class' => 'phui-big-info-icon-container',
|
||||||
|
),
|
||||||
|
$image);
|
||||||
|
}
|
||||||
|
|
||||||
$title = phutil_tag(
|
$title = phutil_tag(
|
||||||
'div',
|
'div',
|
||||||
|
|
|
@ -35,3 +35,10 @@
|
||||||
.phui-big-info-button + .phui-big-info-button {
|
.phui-big-info-button + .phui-big-info-button {
|
||||||
margin-left: 12px;
|
margin-left: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.phui-big-info-view .phui-big-info-image {
|
||||||
|
height: 64px;
|
||||||
|
width: 64px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding-bottom: 12px;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue