mirror of
https://we.phorge.it/source/phorge.git
synced 2024-11-15 11:22:40 +01:00
c038c643f4
Summary: Since this element isn't strictly about errors, re-label as info view instead. Test Plan: Grepped for all callsites, tested UIExamples and a few other random pages. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: hach-que, Korvin, epriestley Differential Revision: https://secure.phabricator.com/D11867
313 lines
7.2 KiB
PHP
313 lines
7.2 KiB
PHP
<?php
|
|
|
|
final class PHUIObjectBoxView extends AphrontView {
|
|
|
|
private $headerText;
|
|
private $headerColor;
|
|
private $formErrors = null;
|
|
private $formSaved = false;
|
|
private $errorView;
|
|
private $form;
|
|
private $validationException;
|
|
private $header;
|
|
private $flush;
|
|
private $id;
|
|
private $sigils = array();
|
|
private $metadata;
|
|
private $actionListID;
|
|
|
|
private $tabs = array();
|
|
private $propertyLists = array();
|
|
|
|
public function addSigil($sigil) {
|
|
$this->sigils[] = $sigil;
|
|
return $this;
|
|
}
|
|
|
|
public function setMetadata(array $metadata) {
|
|
$this->metadata = $metadata;
|
|
return $this;
|
|
}
|
|
|
|
public function addPropertyList(
|
|
PHUIPropertyListView $property_list,
|
|
$tab = null) {
|
|
|
|
if (!($tab instanceof PHUIListItemView) &&
|
|
($tab !== null)) {
|
|
assert_stringlike($tab);
|
|
$tab = id(new PHUIListItemView())->setName($tab);
|
|
}
|
|
|
|
if ($tab) {
|
|
if ($tab->getKey()) {
|
|
$key = $tab->getKey();
|
|
} else {
|
|
$key = 'tab.default.'.spl_object_hash($tab);
|
|
$tab->setKey($key);
|
|
}
|
|
} else {
|
|
$key = 'tab.default';
|
|
}
|
|
|
|
if ($tab) {
|
|
if (empty($this->tabs[$key])) {
|
|
$tab->addSigil('phui-object-box-tab');
|
|
$tab->setMetadata(
|
|
array(
|
|
'tabKey' => $key,
|
|
));
|
|
|
|
if (!$tab->getHref()) {
|
|
$tab->setHref('#');
|
|
}
|
|
|
|
if (!$tab->getType()) {
|
|
$tab->setType(PHUIListItemView::TYPE_LINK);
|
|
}
|
|
|
|
$this->tabs[$key] = $tab;
|
|
}
|
|
}
|
|
|
|
$this->propertyLists[$key][] = $property_list;
|
|
|
|
$action_list = $property_list->getActionList();
|
|
if ($action_list) {
|
|
$this->actionListID = celerity_generate_unique_node_id();
|
|
$action_list->setId($this->actionListID);
|
|
}
|
|
|
|
return $this;
|
|
}
|
|
|
|
public function setHeaderText($text) {
|
|
$this->headerText = $text;
|
|
return $this;
|
|
}
|
|
|
|
public function setHeaderColor($color) {
|
|
$this->headerColor = $color;
|
|
return $this;
|
|
}
|
|
|
|
public function setFormErrors(array $errors, $title = null) {
|
|
if ($errors) {
|
|
$this->formErrors = id(new PHUIInfoView())
|
|
->setTitle($title)
|
|
->setErrors($errors);
|
|
}
|
|
return $this;
|
|
}
|
|
|
|
public function setFormSaved($saved, $text = null) {
|
|
if (!$text) {
|
|
$text = pht('Changes saved.');
|
|
}
|
|
if ($saved) {
|
|
$save = id(new PHUIInfoView())
|
|
->setSeverity(PHUIInfoView::SEVERITY_NOTICE)
|
|
->appendChild($text);
|
|
$this->formSaved = $save;
|
|
}
|
|
return $this;
|
|
}
|
|
|
|
public function setErrorView(PHUIInfoView $view) {
|
|
$this->errorView = $view;
|
|
return $this;
|
|
}
|
|
|
|
public function setForm($form) {
|
|
$this->form = $form;
|
|
return $this;
|
|
}
|
|
|
|
public function setID($id) {
|
|
$this->id = $id;
|
|
return $this;
|
|
}
|
|
|
|
public function setHeader($header) {
|
|
$this->header = $header;
|
|
return $this;
|
|
}
|
|
|
|
public function setFlush($flush) {
|
|
$this->flush = $flush;
|
|
return $this;
|
|
}
|
|
|
|
public function setValidationException(
|
|
PhabricatorApplicationTransactionValidationException $ex = null) {
|
|
$this->validationException = $ex;
|
|
return $this;
|
|
}
|
|
|
|
public function render() {
|
|
|
|
require_celerity_resource('phui-object-box-css');
|
|
|
|
if ($this->headerColor) {
|
|
$header_color = $this->headerColor;
|
|
} else {
|
|
$header_color = PHUIActionHeaderView::HEADER_LIGHTBLUE;
|
|
}
|
|
|
|
if ($this->header) {
|
|
$header = $this->header;
|
|
$header->setHeaderColor($header_color);
|
|
} else {
|
|
$header = id(new PHUIHeaderView())
|
|
->setHeader($this->headerText)
|
|
->setHeaderColor($header_color);
|
|
}
|
|
|
|
if ($this->actionListID) {
|
|
$icon_id = celerity_generate_unique_node_id();
|
|
$icon = id(new PHUIIconView())
|
|
->setIconFont('fa-bars');
|
|
$meta = array(
|
|
'map' => array(
|
|
$this->actionListID => 'phabricator-action-list-toggle',
|
|
$icon_id => 'phuix-dropdown-open',
|
|
),);
|
|
$mobile_menu = id(new PHUIButtonView())
|
|
->setTag('a')
|
|
->setText(pht('Actions'))
|
|
->setHref('#')
|
|
->setIcon($icon)
|
|
->addClass('phui-mobile-menu')
|
|
->setID($icon_id)
|
|
->addSigil('jx-toggle-class')
|
|
->setMetadata($meta);
|
|
$header->addActionLink($mobile_menu);
|
|
}
|
|
|
|
$ex = $this->validationException;
|
|
$exception_errors = null;
|
|
if ($ex) {
|
|
$messages = array();
|
|
foreach ($ex->getErrors() as $error) {
|
|
$messages[] = $error->getMessage();
|
|
}
|
|
if ($messages) {
|
|
$exception_errors = id(new PHUIInfoView())
|
|
->setErrors($messages);
|
|
}
|
|
}
|
|
|
|
$tab_lists = array();
|
|
$property_lists = array();
|
|
$tab_map = array();
|
|
|
|
$default_key = 'tab.default';
|
|
|
|
// Find the selected tab, or select the first tab if none are selected.
|
|
if ($this->tabs) {
|
|
$selected_tab = null;
|
|
foreach ($this->tabs as $key => $tab) {
|
|
if ($tab->getSelected()) {
|
|
$selected_tab = $key;
|
|
break;
|
|
}
|
|
}
|
|
if ($selected_tab === null) {
|
|
head($this->tabs)->setSelected(true);
|
|
$selected_tab = head_key($this->tabs);
|
|
}
|
|
}
|
|
|
|
foreach ($this->propertyLists as $key => $list) {
|
|
$group = new PHUIPropertyGroupView();
|
|
$i = 0;
|
|
foreach ($list as $item) {
|
|
$group->addPropertyList($item);
|
|
if ($i > 0) {
|
|
$item->addClass('phui-property-list-section-noninitial');
|
|
}
|
|
$i++;
|
|
}
|
|
|
|
if ($this->tabs && $key != $default_key) {
|
|
$tab_id = celerity_generate_unique_node_id();
|
|
$tab_map[$key] = $tab_id;
|
|
|
|
if ($key === $selected_tab) {
|
|
$style = null;
|
|
} else {
|
|
$style = 'display: none';
|
|
}
|
|
|
|
$tab_lists[] = phutil_tag(
|
|
'div',
|
|
array(
|
|
'style' => $style,
|
|
'id' => $tab_id,
|
|
),
|
|
$group);
|
|
} else {
|
|
if ($this->tabs) {
|
|
$group->addClass('phui-property-group-noninitial');
|
|
}
|
|
$property_lists[] = $group;
|
|
}
|
|
}
|
|
|
|
$tabs = null;
|
|
if ($this->tabs) {
|
|
$tabs = id(new PHUIListView())
|
|
->setType(PHUIListView::NAVBAR_LIST);
|
|
foreach ($this->tabs as $tab) {
|
|
$tabs->addMenuItem($tab);
|
|
}
|
|
|
|
Javelin::initBehavior('phui-object-box-tabs');
|
|
}
|
|
|
|
$content = id(new PHUIBoxView())
|
|
->appendChild(
|
|
array(
|
|
$header,
|
|
$this->errorView,
|
|
$this->formErrors,
|
|
$this->formSaved,
|
|
$exception_errors,
|
|
$this->form,
|
|
$tabs,
|
|
$tab_lists,
|
|
$property_lists,
|
|
$this->renderChildren(),
|
|
))
|
|
->setBorder(true)
|
|
->setID($this->id)
|
|
->addMargin(PHUI::MARGIN_LARGE_TOP)
|
|
->addMargin(PHUI::MARGIN_LARGE_LEFT)
|
|
->addMargin(PHUI::MARGIN_LARGE_RIGHT)
|
|
->addClass('phui-object-box');
|
|
|
|
if ($this->tabs) {
|
|
$content->addSigil('phui-object-box');
|
|
$content->setMetadata(
|
|
array(
|
|
'tabMap' => $tab_map,
|
|
));
|
|
}
|
|
|
|
if ($this->flush) {
|
|
$content->addClass('phui-object-box-flush');
|
|
}
|
|
|
|
$content->addClass('phui-object-box-'.$header_color);
|
|
|
|
foreach ($this->sigils as $sigil) {
|
|
$content->addSigil($sigil);
|
|
}
|
|
|
|
if ($this->metadata !== null) {
|
|
$content->setMetadata($this->metadata);
|
|
}
|
|
|
|
return $content;
|
|
}
|
|
}
|