-2

resources/celerity/map.php

reviewed

··· 28 28 'rsrc/css/aphront/table-view.css' => 'e3632cc9', 29 29 'rsrc/css/aphront/tokenizer.css' => '04875312', 30 30 'rsrc/css/aphront/tooltip.css' => '7672b60f', 31 31 - 'rsrc/css/aphront/two-column.css' => '16ab3ad2', 32 31 'rsrc/css/aphront/typeahead-browse.css' => 'd8581d2c', 33 32 'rsrc/css/aphront/typeahead.css' => '0e403212', 34 33 'rsrc/css/application/almanac/almanac.css' => 'dbb9b3af', ··· 500 499 'aphront-table-view-css' => 'e3632cc9', 501 500 'aphront-tokenizer-control-css' => '04875312', 502 501 'aphront-tooltip-css' => '7672b60f', 503 503 - 'aphront-two-column-view-css' => '16ab3ad2', 504 502 'aphront-typeahead-control-css' => '0e403212', 505 503 'auth-css' => '0877ed6e', 506 504 'bulk-job-css' => 'df9c1d4a',

-4

src/__phutil_library_map__.php

reviewed

··· 165 165 'AphrontTableView' => 'view/control/AphrontTableView.php', 166 166 'AphrontTagView' => 'view/AphrontTagView.php', 167 167 'AphrontTokenizerTemplateView' => 'view/control/AphrontTokenizerTemplateView.php', 168 168 - 'AphrontTwoColumnView' => 'view/layout/AphrontTwoColumnView.php', 169 168 'AphrontTypeaheadTemplateView' => 'view/control/AphrontTypeaheadTemplateView.php', 170 169 'AphrontURIMapper' => 'aphront/AphrontURIMapper.php', 171 170 'AphrontUnhandledExceptionResponse' => 'aphront/response/AphrontUnhandledExceptionResponse.php', ··· 2986 2985 'PhabricatorTrivialTestCase' => 'infrastructure/testing/__tests__/PhabricatorTrivialTestCase.php', 2987 2986 'PhabricatorTwitchAuthProvider' => 'applications/auth/provider/PhabricatorTwitchAuthProvider.php', 2988 2987 'PhabricatorTwitterAuthProvider' => 'applications/auth/provider/PhabricatorTwitterAuthProvider.php', 2989 2989 - 'PhabricatorTwoColumnUIExample' => 'applications/uiexample/examples/PhabricatorTwoColumnUIExample.php', 2990 2988 'PhabricatorTypeaheadApplication' => 'applications/typeahead/application/PhabricatorTypeaheadApplication.php', 2991 2989 'PhabricatorTypeaheadCompositeDatasource' => 'applications/typeahead/datasource/PhabricatorTypeaheadCompositeDatasource.php', 2992 2990 'PhabricatorTypeaheadDatasource' => 'applications/typeahead/datasource/PhabricatorTypeaheadDatasource.php', ··· 3767 3765 'AphrontTableView' => 'AphrontView', 3768 3766 'AphrontTagView' => 'AphrontView', 3769 3767 'AphrontTokenizerTemplateView' => 'AphrontView', 3770 3770 - 'AphrontTwoColumnView' => 'AphrontView', 3771 3768 'AphrontTypeaheadTemplateView' => 'AphrontView', 3772 3769 'AphrontURIMapper' => 'Phobject', 3773 3770 'AphrontUnhandledExceptionResponse' => 'AphrontStandaloneHTMLResponse', ··· 7048 7045 'PhabricatorTrivialTestCase' => 'PhabricatorTestCase', 7049 7046 'PhabricatorTwitchAuthProvider' => 'PhabricatorOAuth2AuthProvider', 7050 7047 'PhabricatorTwitterAuthProvider' => 'PhabricatorOAuth1AuthProvider', 7051 7051 - 'PhabricatorTwoColumnUIExample' => 'PhabricatorUIExample', 7052 7048 'PhabricatorTypeaheadApplication' => 'PhabricatorApplication', 7053 7049 'PhabricatorTypeaheadCompositeDatasource' => 'PhabricatorTypeaheadDatasource', 7054 7050 'PhabricatorTypeaheadDatasource' => 'Phobject',

-36

src/applications/uiexample/examples/PhabricatorTwoColumnUIExample.php

reviewed

··· 1 1 - <?php 2 2 - 3 3 - final class PhabricatorTwoColumnUIExample extends PhabricatorUIExample { 4 4 - 5 5 - public function getName() { 6 6 - return pht('Two Column Layout'); 7 7 - } 8 8 - 9 9 - public function getDescription() { 10 10 - return pht('Two Column mobile friendly layout'); 11 11 - } 12 12 - 13 13 - public function renderExample() { 14 14 - 15 15 - $main = phutil_tag( 16 16 - 'div', 17 17 - array( 18 18 - 'style' => 'border: 1px solid blue; padding: 20px;', 19 19 - ), 20 20 - 'Mary, mary quite contrary.'); 21 21 - 22 22 - $side = phutil_tag( 23 23 - 'div', 24 24 - array( 25 25 - 'style' => 'border: 1px solid red; padding: 20px;', 26 26 - ), 27 27 - 'How does your garden grow?'); 28 28 - 29 29 - 30 30 - $content = id(new AphrontTwoColumnView()) 31 31 - ->setMainColumn($main) 32 32 - ->setSideColumn($side); 33 33 - 34 34 - return $content; 35 35 - } 36 36 - }

-66

src/view/layout/AphrontTwoColumnView.php

reviewed

··· 1 1 - <?php 2 2 - 3 3 - final class AphrontTwoColumnView extends AphrontView { 4 4 - 5 5 - private $mainColumn; 6 6 - private $sideColumn; 7 7 - private $centered = false; 8 8 - private $padding = true; 9 9 - 10 10 - public function setMainColumn($main) { 11 11 - $this->mainColumn = $main; 12 12 - return $this; 13 13 - } 14 14 - 15 15 - public function setSideColumn($side) { 16 16 - $this->sideColumn = $side; 17 17 - return $this; 18 18 - } 19 19 - 20 20 - public function setCentered($centered) { 21 21 - $this->centered = $centered; 22 22 - return $this; 23 23 - } 24 24 - 25 25 - public function setNoPadding($padding) { 26 26 - $this->padding = $padding; 27 27 - return $this; 28 28 - } 29 29 - 30 30 - public function render() { 31 31 - require_celerity_resource('aphront-two-column-view-css'); 32 32 - 33 33 - $main = phutil_tag( 34 34 - 'div', 35 35 - array( 36 36 - 'class' => 'aphront-main-column', 37 37 - ), 38 38 - $this->mainColumn); 39 39 - 40 40 - $side = phutil_tag( 41 41 - 'div', 42 42 - array( 43 43 - 'class' => 'aphront-side-column', 44 44 - ), 45 45 - $this->sideColumn); 46 46 - 47 47 - $classes = array('aphront-two-column'); 48 48 - if ($this->centered) { 49 49 - $classes = array('aphront-two-column-centered'); 50 50 - } 51 51 - 52 52 - if ($this->padding) { 53 53 - $classes[] = 'aphront-two-column-padded'; 54 54 - } 55 55 - 56 56 - return phutil_tag( 57 57 - 'div', 58 58 - array( 59 59 - 'class' => implode(' ', $classes), 60 60 - ), 61 61 - array( 62 62 - $main, 63 63 - $side, 64 64 - )); 65 65 - } 66 66 - }

-41

webroot/rsrc/css/aphront/two-column.css

reviewed

··· 1 1 - /** 2 2 - * @provides aphront-two-column-view-css 3 3 - */ 4 4 - 5 5 - .aphront-two-column { 6 6 - position: relative; 7 7 - } 8 8 - 9 9 - .device-desktop .aphront-two-column.aphront-two-column-padded { 10 10 - margin: 20px; 11 11 - } 12 12 - 13 13 - .device-desktop .aphront-two-column .aphront-main-column { 14 14 - margin-right: 300px; 15 15 - } 16 16 - 17 17 - .device-desktop .aphront-two-column .aphront-side-column { 18 18 - width: 300px; 19 19 - position: absolute; 20 20 - top: 0; 21 21 - right: 0; 22 22 - } 23 23 - 24 24 - .device-desktop .aphront-two-column-centered { 25 25 - width: 980px; 26 26 - margin: 0 auto; 27 27 - } 28 28 - 29 29 - .device-desktop .aphront-two-column-centered .aphront-main-column { 30 30 - float: left; 31 31 - width: 820px; 32 32 - } 33 33 - 34 34 - .device-desktop .aphront-two-column-centered .aphront-side-column { 35 35 - width: 160px; 36 36 - float: right; 37 37 - } 38 38 - 39 39 - .device-phone .aphront-two-column.aphront-two-column-padded { 40 40 - margin: 10px; 41 41 - }