mirror of
https://we.phorge.it/source/phorge.git
synced 2024-12-23 22:10:55 +01:00
00faa2b2f7
Summary: Fixes T6963. Long term will likely make this more like other document views, but not worth the time right now since this is only location. Test Plan: Review Phriction document at desktop and mobile breakpoints. Click menu and see menu. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T6963 Differential Revision: https://secure.phabricator.com/D11420
216 lines
4.7 KiB
PHP
216 lines
4.7 KiB
PHP
<?php
|
|
|
|
final class PHUIDocumentView extends AphrontTagView {
|
|
|
|
/* For mobile displays, where do you want the sidebar */
|
|
const NAV_BOTTOM = 'nav_bottom';
|
|
const NAV_TOP = 'nav_top';
|
|
const FONT_SOURCE_SANS = 'source-sans';
|
|
|
|
private $offset;
|
|
private $header;
|
|
private $sidenav;
|
|
private $topnav;
|
|
private $crumbs;
|
|
private $bookname;
|
|
private $bookdescription;
|
|
private $mobileview;
|
|
private $fontKit;
|
|
private $actionListID;
|
|
|
|
public function setOffset($offset) {
|
|
$this->offset = $offset;
|
|
return $this;
|
|
}
|
|
|
|
public function setHeader(PHUIHeaderView $header) {
|
|
$header->setHeaderColor(PHUIActionHeaderView::HEADER_LIGHTBLUE);
|
|
$this->header = $header;
|
|
return $this;
|
|
}
|
|
|
|
public function setSideNav(PHUIListView $list, $display = self::NAV_BOTTOM) {
|
|
$list->setType(PHUIListView::SIDENAV_LIST);
|
|
$this->sidenav = $list;
|
|
$this->mobileview = $display;
|
|
return $this;
|
|
}
|
|
|
|
public function setTopNav(PHUIListView $list) {
|
|
$list->setType(PHUIListView::NAVBAR_LIST);
|
|
$this->topnav = $list;
|
|
return $this;
|
|
}
|
|
|
|
public function setCrumbs(PHUIListView $list) {
|
|
$this->crumbs = $list;
|
|
return $this;
|
|
}
|
|
|
|
public function setBook($name, $description) {
|
|
$this->bookname = $name;
|
|
$this->bookdescription = $description;
|
|
return $this;
|
|
}
|
|
|
|
public function setFontKit($kit) {
|
|
$this->fontKit = $kit;
|
|
return $this;
|
|
}
|
|
|
|
public function setActionListID($id) {
|
|
$this->actionListID = $id;
|
|
return $this;
|
|
}
|
|
|
|
protected function getTagAttributes() {
|
|
$classes = array();
|
|
|
|
if ($this->offset) {
|
|
$classes[] = 'phui-document-offset';
|
|
};
|
|
|
|
return array(
|
|
'class' => $classes,
|
|
);
|
|
}
|
|
|
|
protected function getTagContent() {
|
|
require_celerity_resource('phui-document-view-css');
|
|
if ($this->fontKit) {
|
|
require_celerity_resource('phui-fontkit-css');
|
|
}
|
|
|
|
switch ($this->fontKit) {
|
|
case self::FONT_SOURCE_SANS:
|
|
require_celerity_resource('font-source-sans-pro');
|
|
break;
|
|
}
|
|
|
|
$classes = array();
|
|
$classes[] = 'phui-document-view';
|
|
if ($this->offset) {
|
|
$classes[] = 'phui-offset-view';
|
|
}
|
|
if ($this->sidenav) {
|
|
$classes[] = 'phui-sidenav-view';
|
|
}
|
|
|
|
$sidenav = null;
|
|
if ($this->sidenav) {
|
|
$sidenav = phutil_tag(
|
|
'div',
|
|
array(
|
|
'class' => 'phui-document-sidenav',
|
|
),
|
|
$this->sidenav);
|
|
}
|
|
|
|
$book = null;
|
|
if ($this->bookname) {
|
|
$book = phutil_tag(
|
|
'div',
|
|
array(
|
|
'class' => 'phui-document-bookname grouped',
|
|
),
|
|
array(
|
|
phutil_tag(
|
|
'span',
|
|
array('class' => 'bookname'),
|
|
$this->bookname),
|
|
phutil_tag(
|
|
'span',
|
|
array('class' => 'bookdescription'),
|
|
$this->bookdescription),
|
|
));
|
|
}
|
|
|
|
$topnav = null;
|
|
if ($this->topnav) {
|
|
$topnav = phutil_tag(
|
|
'div',
|
|
array(
|
|
'class' => 'phui-document-topnav',
|
|
),
|
|
$this->topnav);
|
|
}
|
|
|
|
$crumbs = null;
|
|
if ($this->crumbs) {
|
|
$crumbs = phutil_tag(
|
|
'div',
|
|
array(
|
|
'class' => 'phui-document-crumbs',
|
|
),
|
|
$this->bookName);
|
|
}
|
|
|
|
if ($this->fontKit) {
|
|
$main_content = phutil_tag(
|
|
'div',
|
|
array(
|
|
'class' => 'phui-font-'.$this->fontKit,
|
|
),
|
|
$this->renderChildren());
|
|
} else {
|
|
$main_content = $this->renderChildren();
|
|
}
|
|
|
|
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);
|
|
$this->header->addActionLink($mobile_menu);
|
|
}
|
|
|
|
$content_inner = phutil_tag(
|
|
'div',
|
|
array(
|
|
'class' => 'phui-document-inner',
|
|
),
|
|
array(
|
|
$book,
|
|
$this->header,
|
|
$topnav,
|
|
$main_content,
|
|
$crumbs,
|
|
));
|
|
|
|
if ($this->mobileview == self::NAV_BOTTOM) {
|
|
$order = array($content_inner, $sidenav);
|
|
} else {
|
|
$order = array($sidenav, $content_inner);
|
|
}
|
|
|
|
$content = phutil_tag(
|
|
'div',
|
|
array(
|
|
'class' => 'phui-document-content',
|
|
),
|
|
$order);
|
|
|
|
$view = phutil_tag(
|
|
'div',
|
|
array(
|
|
'class' => implode(' ', $classes),
|
|
),
|
|
$content);
|
|
|
|
return $view;
|
|
}
|
|
|
|
}
|