History

AlexeySafronov bedfad1ec5 Merge branch 'master' into develop # Conflicts: # common/ASC.Core.Common/Caching/CachedUserService.cs # common/ASC.Core.Common/Migrations/MySql/FilesDbContextMySql/20211012145330_FilesDbContextMySql.cs # common/ASC.Core.Common/Migrations/PostgreSql/FilesDbContextPostgreSql/20211012145331_FilesDbContextPostgreSql.Designer.cs # common/ASC.Core.Common/Migrations/PostgreSql/FilesDbContextPostgreSql/20211012145331_FilesDbContextPostgreSql.cs # common/ASC.Core.Common/Migrations/PostgreSql/FilesDbContextPostgreSql/PostgreSqlFilesDbContextModelSnapshot.cs # products/ASC.Files/Client/src/pages/Home/Section/Header/index.js # products/ASC.Files/Client/src/store/DialogsStore.js # products/ASC.Files/Client/src/store/FilesActionsStore.js # products/ASC.Files/Core/Core/Dao/TeamlabDao/TagDao.cs # products/ASC.Files/Core/Core/EF/FilesDbContext.cs # products/ASC.Files/Core/Core/Thirdparty/GoogleDrive/GoogleDriveStorage.cs # products/ASC.Files/Core/Migrations/MySql/FilesDbContextMySql/MySqlFilesDbContextModelSnapshot.cs # products/ASC.Files/Server/DocStore # web/ASC.Web.Api/Controllers/SettingsController.cs # web/ASC.Web.Core/Tfa/TfaManager.cs		2021-12-28 18:21:44 +03:00
..
sub-components	Merge branch 'master' into develop	2021-11-21 13:57:55 +03:00
i18n.js	Fix Bug 53180 - Client: Profile. Error «.../pt/Common.json 404» on pt-BR language.	2021-11-10 19:59:03 +03:00
index.js	Web: fixed Snackbar styles	2021-11-22 15:01:33 +03:00
page-layout.stories.js	Web: Moved Main into the Web Client.	2021-03-03 13:02:56 +03:00
page-layout.test.js	Web: Common: fix after merge, fix imports and hierarchy	2021-02-25 17:20:11 +03:00
README.md	Web: Components/Common: fix imports	2021-02-26 00:19:45 +03:00

README.md

PageLayout

Default page layout

Usage

import PageLayout from "@appserver/common/components/PageLayout";

<PageLayout withBodyScroll={true}>
  <PageLayout.ArticleHeader>{articleHeaderContent}</PageLayout.ArticleHeader>

  <PageLayout.ArticleMainButton>
    {articleMainButtonContent}
  </PageLayout.ArticleMainButton>

  <PageLayout.ArticleBody>{articleBodyContent}</PageLayout.ArticleBody>

  <PageLayout.SectionHeader>{sectionHeaderContent}</PageLayout.SectionHeader>

  <PageLayout.SectionFilter>{sectionFilterContent}</PageLayout.SectionFilter>

  <PageLayout.SectionBody>{sectionBodyContent}</PageLayout.SectionBody>

  <PageLayout.SectionPaging>{sectionPagingContent}</PageLayout.SectionPaging>
</PageLayout>

Properties

Props	Type	Required	Values	Default	Description
`articleHeaderContent`	`bool`	-	-	-	Article header content
`articleMainButtonContent`	`bool`	-	-	-	Article main button content
`articleBodyContent`	`bool`	-	-	-	Article body content
`sectionHeaderContent`	`bool`	-	-	-	Section header content
`sectionFilterContent`	`bool`	-	-	-	Section filter content
`sectionBodyContent`	`bool`	-	-	-	Section body content
`sectionPagingContent`	`bool`	-	-	-	Section paging content
`withBodyScroll`	`bool`	-	-	`true`	If you need display scroll inside content
`withBodyAutoFocus`	`bool`	-	-	`false`	If you need set focus on content element