diff --git a/resources/celerity/map.php b/resources/celerity/map.php --- a/resources/celerity/map.php +++ b/resources/celerity/map.php @@ -72,7 +72,7 @@ 'rsrc/css/application/differential/table-of-contents.css' => 'bba788b9', 'rsrc/css/application/diffusion/diffusion-icons.css' => '23b31a1b', 'rsrc/css/application/diffusion/diffusion-readme.css' => 'b68a76e4', - 'rsrc/css/application/diffusion/diffusion-repository.css' => 'b89e8c6c', + 'rsrc/css/application/diffusion/diffusion-repository.css' => 'ac952473', 'rsrc/css/application/diffusion/diffusion.css' => 'e46232d6', 'rsrc/css/application/feed/feed.css' => 'd8b6e3f8', 'rsrc/css/application/files/global-drag-and-drop.css' => '1d2713a4', @@ -394,6 +394,7 @@ 'rsrc/js/application/diffusion/behavior-commit-graph.js' => 'ac10c917', 'rsrc/js/application/diffusion/behavior-locate-file.js' => '87428eb2', 'rsrc/js/application/diffusion/behavior-pull-lastmodified.js' => 'c715c123', + 'rsrc/js/application/diffusion/collapsible-container.js' => '6a1e4d25', 'rsrc/js/application/doorkeeper/behavior-doorkeeper-tag.js' => '6a85bc5a', 'rsrc/js/application/drydock/drydock-live-operation-status.js' => '47a0728b', 'rsrc/js/application/fact/Chart.js' => '52e3ff03', @@ -570,7 +571,7 @@ 'diffusion-css' => 'e46232d6', 'diffusion-icons-css' => '23b31a1b', 'diffusion-readme-css' => 'b68a76e4', - 'diffusion-repository-css' => 'b89e8c6c', + 'diffusion-repository-css' => 'ac952473', 'diviner-shared-css' => '4bd263b0', 'font-fontawesome' => '3883938a', 'font-lato' => '23631304', @@ -618,6 +619,7 @@ 'javelin-behavior-device' => 'ac2b1e01', 'javelin-behavior-differential-diff-radios' => '925fe8cd', 'javelin-behavior-differential-populate' => 'b86ef6c2', + 'javelin-behavior-diffusion-collapsible-container' => '6a1e4d25', 'javelin-behavior-diffusion-commit-branches' => '4b671572', 'javelin-behavior-diffusion-commit-graph' => 'ac10c917', 'javelin-behavior-diffusion-locate-file' => '87428eb2', @@ -1541,6 +1543,10 @@ '6a18c42e' => array( 'javelin-install', ), + '6a1e4d25' => array( + 'javelin-behavior', + 'javelin-dom', + ), '6a85bc5a' => array( 'javelin-behavior', 'javelin-dom', diff --git a/src/applications/diffusion/controller/DiffusionBrowseController.php b/src/applications/diffusion/controller/DiffusionBrowseController.php --- a/src/applications/diffusion/controller/DiffusionBrowseController.php +++ b/src/applications/diffusion/controller/DiffusionBrowseController.php @@ -190,6 +190,10 @@ ->setRequest($request) ->setDiffusionRequest($drequest); + if ($engine instanceof PHUIRemarkupView) { + $engine->setGenerateTableOfContents(true); + } + $corpus = $engine->newDocumentView($ref); $this->corpusButtons[] = $this->renderFileButton(); diff --git a/src/applications/files/document/PhabricatorRemarkupDocumentEngine.php b/src/applications/files/document/PhabricatorRemarkupDocumentEngine.php --- a/src/applications/files/document/PhabricatorRemarkupDocumentEngine.php +++ b/src/applications/files/document/PhabricatorRemarkupDocumentEngine.php @@ -36,6 +36,7 @@ $content = phutil_utf8ize($content); $remarkup = new PHUIRemarkupView($viewer, $content); + $remarkup->setGenerateTableOfContents(true); $container = phutil_tag( 'div', diff --git a/src/applications/files/document/render/PhabricatorDocumentRenderingEngine.php b/src/applications/files/document/render/PhabricatorDocumentRenderingEngine.php --- a/src/applications/files/document/render/PhabricatorDocumentRenderingEngine.php +++ b/src/applications/files/document/render/PhabricatorDocumentRenderingEngine.php @@ -208,12 +208,12 @@ $this->activeEngine = $engine; $encode_setting = $request->getStr('encode'); - if (strlen($encode_setting)) { + if (phutil_nonempty_string($encode_setting)) { $engine->setEncodingConfiguration($encode_setting); } $highlight_setting = $request->getStr('highlight'); - if (strlen($highlight_setting)) { + if (phutil_nonempty_string($highlight_setting)) { $engine->setHighlightingConfiguration($highlight_setting); } diff --git a/src/infrastructure/markup/PhabricatorMarkupEngine.php b/src/infrastructure/markup/PhabricatorMarkupEngine.php --- a/src/infrastructure/markup/PhabricatorMarkupEngine.php +++ b/src/infrastructure/markup/PhabricatorMarkupEngine.php @@ -459,6 +459,10 @@ $engine = self::newMarkupEngine(array()); $engine->setConfig('pygments.enabled', false); break; + case 'remarkupField': + $engine = self::newMarkupEngine(array()); + $engine->setConfig('header.generate-toc', true); + break; default: throw new Exception(pht('Unknown engine ruleset: %s!', $ruleset)); } diff --git a/src/infrastructure/markup/PhabricatorMarkupOneOff.php b/src/infrastructure/markup/PhabricatorMarkupOneOff.php --- a/src/infrastructure/markup/PhabricatorMarkupOneOff.php +++ b/src/infrastructure/markup/PhabricatorMarkupOneOff.php @@ -97,7 +97,11 @@ if ($this->engineRuleset) { return PhabricatorMarkupEngine::getEngine($this->engineRuleset); } else if ($this->preserveLinebreaks) { - return PhabricatorMarkupEngine::getEngine(); + $engine = PhabricatorMarkupEngine::getEngine(); + if ($this->generateTableOfContents) { + $engine->setConfig('header.generate-toc', true); + } + return $engine; } else { return PhabricatorMarkupEngine::getEngine('nolinebreaks'); } @@ -115,6 +119,34 @@ if ($this->getGenerateTableOfContents()) { $toc = PhutilRemarkupHeaderBlockRule::renderTableOfContents($engine); $this->tableOfContents = $toc; + $collapsible_button_id = 'index button 1'; + $collapsible_div_id = 'index div 1'; + $collapsible_button = phutil_tag( + 'button', + array( + 'type' => 'button', + 'class' => 'collapsible', + 'id' => $collapsible_button_id, + ), + pht('Open Index')); + $toc_div = phutil_tag( + 'div', + array('class' => 'collapsible-content', 'id' => $collapsible_div_id), + $toc); + + $output = phutil_implode_html( + "\n", + array($collapsible_button, $toc_div, $output)); + Javelin::initBehavior( + 'diffusion-collapsible-container', + array( + 'toggle_button_id' => $collapsible_button_id, + 'container_id' => $collapsible_div_id, + 'i18n' => array( + 'open_butt' => pht('Open Index'), + 'close_butt' => pht('Close Index'), + ), + )); } require_celerity_resource('phabricator-remarkup-css'); diff --git a/src/infrastructure/markup/blockrule/PhutilRemarkupHeaderBlockRule.php b/src/infrastructure/markup/blockrule/PhutilRemarkupHeaderBlockRule.php --- a/src/infrastructure/markup/blockrule/PhutilRemarkupHeaderBlockRule.php +++ b/src/infrastructure/markup/blockrule/PhutilRemarkupHeaderBlockRule.php @@ -134,7 +134,7 @@ list($level, $name) = $info; while ($depth < $level) { - $toc[] = hsprintf('
phutil_fake_test_block_interpreter {{{ content }}}
~~~~~~~~~~ Content: (content) Argv: (foo=bar) @@ -53,6 +51,4 @@ Content: (content) Argv: (x=y) - - -(No interpreter found: phutil_fake_test_block_interpreter) +phutil_fake_test_block_interpreter {{{ content }}} diff --git a/src/infrastructure/markup/view/PHUIRemarkupView.php b/src/infrastructure/markup/view/PHUIRemarkupView.php --- a/src/infrastructure/markup/view/PHUIRemarkupView.php +++ b/src/infrastructure/markup/view/PHUIRemarkupView.php @@ -85,7 +85,7 @@ $content = PhabricatorMarkupEngine::renderOneObject( $oneoff, - 'default', + 'remarkupField', $viewer, $context); diff --git a/webroot/rsrc/css/application/diffusion/diffusion-repository.css b/webroot/rsrc/css/application/diffusion/diffusion-repository.css --- a/webroot/rsrc/css/application/diffusion/diffusion-repository.css +++ b/webroot/rsrc/css/application/diffusion/diffusion-repository.css @@ -11,3 +11,30 @@ .diffusion-panel-header-view.phui-header-shell { padding: 8px 4px 8px 16px; } + +.collapsible { + background-color: {$blue.button.color}; + border: none; + color: {$alphawhite}; + cursor: pointer; + font-size: {$biggerfontsize}; + outline: none; + padding: 18px; + text-align: left; + width: 100%; +} + +.collapsible:hover { + background-color: {$blue.button.hover}; +} + +.collapsible-content { + background-color: {$lightgreybackground}; + display: none; + overflow: hidden; + padding: 0 18px; +} + +.collapsible-content.collapsible-content-open { + display: block; +} diff --git a/webroot/rsrc/externals/javelin/docs/concepts/behaviors.diviner b/webroot/rsrc/externals/javelin/docs/concepts/behaviors.diviner --- a/webroot/rsrc/externals/javelin/docs/concepts/behaviors.diviner +++ b/webroot/rsrc/externals/javelin/docs/concepts/behaviors.diviner @@ -38,7 +38,7 @@ lang=php $config = array('hogName' => 'Ethel'); - JavelinHelper::initBehaviors('win-a-hog', $config); + Javelin::initBehavior('win-a-hog', $config); Regardless, this will alert the user that they've won a hog (named Ethel, which is a good name for a hog) when they load the page. diff --git a/webroot/rsrc/js/application/diffusion/collapsible-container.js b/webroot/rsrc/js/application/diffusion/collapsible-container.js new file mode 100644 --- /dev/null +++ b/webroot/rsrc/js/application/diffusion/collapsible-container.js @@ -0,0 +1,21 @@ +/** + * @provides javelin-behavior-diffusion-collapsible-container + * @requires javelin-behavior + * javelin-dom + */ + +JX.behavior('diffusion-collapsible-container', function(config, statics) { + var open = false; + JX.Stratcom.listen( + 'click', + 'id:' + config.toggle_button_id, + function(e) { + var containerNode = JX.$(config.container_id); + var toggleButton = JX.$(config.toggle_button_id); + open = !open; + JX.DOM.alterClass(containerNode, 'collapsible-content-open', open); + // If element is open, set the button text for closing it, and vice-versa. + toggleButton.innerText = config.i18n[open ? 'close_butt' : 'open_butt']; + } + ); +});