mirror/php-e107
1
0
Fork 0
mirror of https://github.com/e107inc/e107.git synced 2025-08-10 00:27:45 +02:00
Code Issues Releases Wiki Activity

Bootstrap3 Default Layout work.

Browse Source
This commit is contained in:
Cameron
2014-01-07 08:18:27 -08:00
parent ef8dd5534b
commit 0b7d4b8d8e
7 changed files with 301 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
e107_core/shortcodes/batch/page_shortcodes.php
View File

@@ -196,15 +196,8 @@ class cpage_shortcodes extends e_shortcode
function sc_cmenutitle($parm='')
{
$tp = e107::getParser();
$title = $tp->toGlyph($this->page['menu_title']); // (preg_replace('/i_([\w]*)/',"<i class='i_$1'></i>",$this->page['menu_title']);
// make it work without glyph
if(!$title)
{
$title = $this->page['menu_title'];
}
return $tp->toHTML($title, true, 'TITLE');
//
return $tp->toHTML($this->page['menu_title'], true, 'TITLE');
}
@@ -224,7 +217,7 @@ class cpage_shortcodes extends e_shortcode
return $img;
}
return "<img src='".$img."' alt='' />";
return "<img class='img-responsive' src='".$img."' alt='' />";
}

9
e107_handlers/menu_class.php
View File

@@ -410,11 +410,16 @@ class e_menu
$page_shortcodes = e107::getScBatch('page',null,'cpage');
$page_shortcodes->page = $page;
$head = $tp->parseTemplate($template['start'], true);
$foot = $tp->parseTemplate($template['end'], true);
// print_a($template['body']);
$text = $template['start'].$tp->parseTemplate($template['body'], true, $page_shortcodes).$template['end'];
$text = $head.$tp->parseTemplate($template['body'], true, $page_shortcodes).$template['end'];
// echo "TEMPLATE= ($mpath)".$page['menu_template'];
// if($template['noTableRender'] !==true) // XXX Deprecated - causes confusion while themeing.
// if($template['noTableRender'] !==true) // XXX Deprecated - causes confusion while themeing. use {SETSTYLE=none} instead.
// {
$ns->tablerender($caption, $text, 'cmenu-'.$page['menu_template']);
// }

90
e107_themes/bootstrap3/install/install.xml
View File

@@ -97,6 +97,96 @@ Morbi porta leo iaculis, hendrerit lorem interdum, porta dui. Integer tempor con
<field name="menu_template">button</field>
</item>
<item>
<field name="page_id">4</field>
<field name="page_title">Feature 1</field>
<field name="page_sef">feature-1</field>
<field name="page_chapter">2</field>
<field name="page_metakeys"></field>
<field name="page_metadscr"></field>
<field name="page_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum porttitor a justo ut tristique. Nam molestie sem at leo lobortis, vel luctus ligula tempus. Sed sagittis rutrum lectus vel suscipit. Sed in ligula vitae massa sagittis adipiscing vitae vel sem. Fusce nec rhoncus purus. Aenean mollis magna tellus; non consequat leo feugiat eu. Donec mauris velit, euismod nec facilisis quis, hendrerit nec lorem. Aliquam et lorem sed enim tempus sodales. Vestibulum ut enim adipiscing ipsum semper eleifend in in dolor. Fusce tempor risus velit, in fringilla tellus faucibus eget. Maecenas aliquet nunc nec nulla auctor, sed tristique est pellentesque. Maecenas tristique blandit dolor, nec egestas ligula aliquam eu.
Morbi porta leo iaculis, hendrerit lorem interdum, porta dui. Integer tempor convallis quam, eget tempus neque blandit sit amet. Quisque dictum libero elit, ut vehicula lectus accumsan a. Nam laoreet vulputate massa vel viverra. Sed tempus blandit sapien, in viverra urna aliquet quis. Aliquam erat volutpat. Nulla accumsan posuere.</field>
<field name="page_author">1</field>
<field name="page_datestamp">1344549600</field>
<field name="page_rating_flag">0</field>
<field name="page_comment_flag">0</field>
<field name="page_password"></field>
<field name="page_class">0</field>
<field name="page_ip_restrict"></field>
<field name="page_template">default</field>
<field name="page_order">9999</field>
<field name="menu_name">feature-menu-1</field>
<field name="menu_title">Modern Business Feature Menu 1</field>
<field name="menu_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla iaculis odio sit amet mi consequat varius. Nullam fringilla sodales lacus id mollis. Morbi fermentum turpis quis orci scelerisque, non pellentesque dolor sodales. Nullam luctus ut tellus quis ullamcorper! Suspendisse convallis tortor nec semper condimentum. Proin adipiscing adipiscing elit, ut posuere mauris consequat sed. Maecenas ultrices nisi tortor, sed vehicula urna auctor euismod?
</field>
<field name="menu_image"></field>
<field name="menu_template">2-column_1:1_text-left</field>
</item>
<item>
<field name="page_id">5</field>
<field name="page_title">Feature 2</field>
<field name="page_sef">feature-2</field>
<field name="page_chapter">2</field>
<field name="page_metakeys"></field>
<field name="page_metadscr"></field>
<field name="page_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum porttitor a justo ut tristique. Nam molestie sem at leo lobortis, vel luctus ligula tempus. Sed sagittis rutrum lectus vel suscipit. Sed in ligula vitae massa sagittis adipiscing vitae vel sem. Fusce nec rhoncus purus. Aenean mollis magna tellus; non consequat leo feugiat eu. Donec mauris velit, euismod nec facilisis quis, hendrerit nec lorem. Aliquam et lorem sed enim tempus sodales. Vestibulum ut enim adipiscing ipsum semper eleifend in in dolor. Fusce tempor risus velit, in fringilla tellus faucibus eget. Maecenas aliquet nunc nec nulla auctor, sed tristique est pellentesque. Maecenas tristique blandit dolor, nec egestas ligula aliquam eu.
Morbi porta leo iaculis, hendrerit lorem interdum, porta dui. Integer tempor convallis quam, eget tempus neque blandit sit amet. Quisque dictum libero elit, ut vehicula lectus accumsan a. Nam laoreet vulputate massa vel viverra. Sed tempus blandit sapien, in viverra urna aliquet quis. Aliquam erat volutpat. Nulla accumsan posuere.</field>
<field name="page_author">1</field>
<field name="page_datestamp">1347228000</field>
<field name="page_rating_flag">0</field>
<field name="page_comment_flag">0</field>
<field name="page_password"></field>
<field name="page_class">0</field>
<field name="page_ip_restrict"></field>
<field name="page_template">default</field>
<field name="page_order">9999</field>
<field name="menu_name">feature-menu-2</field>
<field name="menu_title">Modern Business Feature Menu 2</field>
<field name="menu_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla iaculis odio sit amet mi consequat varius. Nullam fringilla sodales lacus id mollis. Morbi fermentum turpis quis orci scelerisque, non pellentesque dolor sodales. Nullam luctus ut tellus quis ullamcorper! Suspendisse convallis tortor nec semper condimentum. Proin adipiscing adipiscing elit, ut posuere mauris consequat sed. Maecenas ultrices nisi tortor, sed vehicula urna auctor euismod?
</field>
<field name="menu_image"></field>
<field name="menu_template">2-column_1:1_text-right</field>
</item>
<item>
<field name="page_id">6</field>
<field name="page_title">Feature 3</field>
<field name="page_sef">feature-3</field>
<field name="page_chapter">2</field>
<field name="page_metakeys"></field>
<field name="page_metadscr"></field>
<field name="page_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum porttitor a justo ut tristique. Nam molestie sem at leo lobortis, vel luctus ligula tempus. Sed sagittis rutrum lectus vel suscipit. Sed in ligula vitae massa sagittis adipiscing vitae vel sem. Fusce nec rhoncus purus. Aenean mollis magna tellus; non consequat leo feugiat eu. Donec mauris velit, euismod nec facilisis quis, hendrerit nec lorem. Aliquam et lorem sed enim tempus sodales. Vestibulum ut enim adipiscing ipsum semper eleifend in in dolor. Fusce tempor risus velit, in fringilla tellus faucibus eget. Maecenas aliquet nunc nec nulla auctor, sed tristique est pellentesque. Maecenas tristique blandit dolor, nec egestas ligula aliquam eu.
Morbi porta leo iaculis, hendrerit lorem interdum, porta dui. Integer tempor convallis quam, eget tempus neque blandit sit amet. Quisque dictum libero elit, ut vehicula lectus accumsan a. Nam laoreet vulputate massa vel viverra. Sed tempus blandit sapien, in viverra urna aliquet quis. Aliquam erat volutpat. Nulla accumsan posuere.</field>
<field name="page_author">1</field>
<field name="page_datestamp">1349820000</field>
<field name="page_rating_flag">0</field>
<field name="page_comment_flag">0</field>
<field name="page_password"></field>
<field name="page_class">0</field>
<field name="page_ip_restrict"></field>
<field name="page_template">default</field>
<field name="page_order">9999</field>
<field name="menu_name">feature-menu-3</field>
<field name="menu_title"><![CDATA[&#039;Modern Business&#039; is a ready-to-use, Bootstrap 3 updated, multi-purpose HTML theme!]]></field>
<field name="menu_text">For more templates and more page options that you can integrate into this website template, visit Start Bootstrap!
</field>
<field name="menu_image"></field>
<field name="menu_template">2-column_2:1_text-left</field>
</item>
</dbTable>
<dbTable name="page_chapters">
<item>

11
e107_themes/bootstrap3/style.css
View File

@@ -55,7 +55,15 @@ body {
/* Page Sections */
.section,
.section-colored {
padding: 50px 0;
}
.section-colored {
background-color: #e1e1e1; /* change this to change the background color of a colored section */
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
@@ -63,7 +71,6 @@ body {
/* Carousel base class */
.carousel {
height: 500px;
margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
@@ -73,7 +80,7 @@ body {
/* Declare heights because of positioning of img element */
.carousel .item {
height: 500px;
background-color: #777;
background-color: #CCCCCC;
}
.carousel-inner > .item > img {
position: absolute;

53
e107_themes/bootstrap3/templates/menu_template.php Normal file
View File

@@ -0,0 +1,53 @@
<?php
#### Panel Template - Used by menu_class.php for Custom Menu Content.
$MENU_TEMPLATE['default']['start'] = '';
$MENU_TEMPLATE['default']['body'] = '{CMENUBODY}';
$MENU_TEMPLATE['default']['end'] = '';
$MENU_TEMPLATE['button']['start'] = '<div class="cpage-menu">';
$MENU_TEMPLATE['button']['body'] = '{CMENUBODY}<br />{CPAGEBUTTON}';
$MENU_TEMPLATE['button']['end'] = '</div>';
### Additional control over image thumbnailing is possible via SETIMAGE e.g. {SETIMAGE: w=200&h=150&crop=1}
$MENU_TEMPLATE['buttom-image']['start'] = '<div class="cpage-menu">';
$MENU_TEMPLATE['buttom-image']['body'] = '{CMENUIMAGE}<br />{CPAGEBUTTON}';
$MENU_TEMPLATE['buttom-image']['end'] = '</div>';
$MENU_TEMPLATE['2-column_1:1_text-left']['start'] = '{SETIMAGE: w=700&h=450}';
$MENU_TEMPLATE['2-column_1:1_text-left']['body'] = '
<div class="col-lg-6 col-md-6 col-sm-6"><h2>{CMENUTITLE}</h2>{CMENUBODY}<br />{CPAGEBUTTON}</div>
<div class="col-lg-6 col-md-6 col-sm-6">{CMENUIMAGE}</div>
';
$MENU_TEMPLATE['2-column_1:1_text-left']['end'] = '';
$MENU_TEMPLATE['2-column_1:1_text-right']['start'] = '{SETIMAGE: w=700&h=450}';
$MENU_TEMPLATE['2-column_1:1_text-right']['body'] = '
<div class="col-lg-6 col-md-6 col-sm-6">{CMENUIMAGE}</div>
<div class="col-lg-6 col-md-6 col-sm-6"><h2>{CMENUTITLE}</h2>{CMENUBODY}<br />{CPAGEBUTTON}</div>
';
$MENU_TEMPLATE['2-column_1:1_text-right']['end'] = '';
$MENU_TEMPLATE['2-column_2:1_text-left']['start'] = '';
$MENU_TEMPLATE['2-column_2:1_text-left']['body'] = '
<div class="col-lg-8 col-md-8"><h4>{CMENUTITLE}</h4>{CMENUBODY}</div>
<div class="col-lg-4 col-md-4">
<a class="btn btn-lg btn-primary pull-right" href="{CPAGEBUTTON=href}">'.LAN_READ_MORE.'</a>
</div>
';
$MENU_TEMPLATE['2-column_2:1_text-left']['end'] = '';
?>

135
e107_themes/bootstrap3/theme.php
View File

@@ -24,13 +24,14 @@ function tablestyle($caption, $text, $mode='')
{
global $style;
$type = $style;
if(empty($caption))
{
$type = 'box';
}
if($style == 'navdoc' || $mode == 'featurebox')
if($style == 'navdoc' || $style == 'none')
{
echo $text;
return;
@@ -118,7 +119,7 @@ $LAYOUT['_footer_'] = ' <hr>
// $LAYOUT is a combined $HEADER and $FOOTER, automatically split at the point of "{---}"
$LAYOUT['jumbotron_home'] = '
$LAYOUT['jumbotron_home'] = <<<TMPL
<!-- Main jumbotron for a primary marketing message or call to action -->
{SETSTYLE=jumbotron}
@@ -140,24 +141,22 @@ $LAYOUT['jumbotron_home'] = '
{CMENU=jumbotron-menu-3}
</div>
';
TMPL;
$LAYOUT['jumbotron_carousel'] = '
<!-- Main jumbotron for a primary marketing message or call to action -->
{SETSTYLE=jumbotron}
$LAYOUT['modern_business_home'] = <<<TMPL
{WMESSAGE=hide}
<!-- Main jumbotron for a primary marketing message or call to action -->
{SETSTYLE=none}
{FEATUREBOX}
{SETSTYLE=default}
<div class="container">
{ALERTS}
{---}
</div>
<div class="section">
<div class="container">
<!-- Example row of columns -->
<div class="row">
@@ -166,8 +165,120 @@ $LAYOUT['jumbotron_carousel'] = '
{CMENU=jumbotron-menu-2}
{CMENU=jumbotron-menu-3}
</div>
</div>
</div>
{SETSTYLE=default}
<div class="section-colored text-center">
<div class="container">
<div class="row">
<div class="col-lg-12">
{WMESSAGE}
<hr>
</div>
</div><!-- /.row -->
</div><!-- /.container -->
</div><!-- /.section-colored -->
<div class="section">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2>Display Some Work on the Home Page Portfolio (TO-DO)</h2>
<hr>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<a href="portfolio-item.html"><img class="img-responsive img-home-portfolio" src="http://placehold.it/700x450"></a>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<a href="portfolio-item.html"><img class="img-responsive img-home-portfolio" src="http://placehold.it/700x450"></a>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<a href="portfolio-item.html"><img class="img-responsive img-home-portfolio" src="http://placehold.it/700x450"></a>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<a href="portfolio-item.html"><img class="img-responsive img-home-portfolio" src="http://placehold.it/700x450"></a>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<a href="portfolio-item.html"><img class="img-responsive img-home-portfolio" src="http://placehold.it/700x450"></a>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<a href="portfolio-item.html"><img class="img-responsive img-home-portfolio" src="http://placehold.it/700x450"></a>
</div>
</div><!-- /.row -->
</div><!-- /.container -->
</div><!-- /.section -->
{SETSTYLE=none}
<div class="section-colored">
<div class="container">
<div class="row">
{CMENU=feature-menu-1}
</div>
</div><!-- /.container -->
</div><!-- /.section-colored -->
<div class="section">
<div class="container">
<div class="row">
{CMENU=feature-menu-2}
</div>
</div><!-- /.container -->
</div><!-- /.section -->
<div class="container">
<div class="row well">
{CMENU=feature-menu-3}
</div><!-- /.row -->
</div><!-- /.container -->
<div class="container">
{---}
TMPL;
';
$LAYOUT['jumbotron_full'] = '

6
e107_themes/bootstrap3/theme.xml
View File

@@ -4,6 +4,10 @@
<summary>Bootstrap3 e107 theme</summary>
<description>a bootstrap 3 theme for the frontend</description>
<category>generic</category>
<plugins>
<plugin name='featurebox' url='core' />
<plugin name='gallery' url='core' />
</plugins>
<keywords>
<word>bootstrap</word>
<word>clean</word>
@@ -18,7 +22,7 @@
<layout name='jumbotron_home' title='Jumbotron (home)' default='false'>
<custompages>FRONTPAGE</custompages>
</layout>
<layout name='jumbotron_carousel' title='Jumbotron (home with carousel)' />
<layout name='modern_business_home' title='Modern Business: Home page carousel with fixed custom-menus' />
<layout name='jumbotron_full' title='Jumbotron (full-width)' />
<layout name='jumbotron_sidebar_right' title='Jumbotron (sidebar-right)' default='true' >
<custompages>/news</custompages>