mirror of
https://github.com/e107inc/e107.git
synced 2025-08-02 12:48:26 +02:00
Flexpanel layouts with preview images.
This commit is contained in:
lonalore
@@ -46,7 +46,9 @@ class adminstyle_flexpanel extends adminstyle_infopanel
|
|||||||
|
|
||||||
if(varset($_GET['mode']) == 'customize')
|
if(varset($_GET['mode']) == 'customize')
|
||||||
{
|
{
|
||||||
e107::css('inline', '.layout-container label.radio { float: left; padding: 0; max-width: 100px; margin: 7px; cursor: pointer; text-align: center; }');
|
e107::css('inline', '.layout-container { display: table; margin-left: auto; margin-right: auto; }');
|
||||||
|
e107::css('inline', '.layout-container label.radio { float: left; padding: 0; width: 120px; margin: 7px; cursor: pointer; text-align: center; }');
|
||||||
|
e107::css('inline', '.layout-container label.radio img { margin-left: auto; margin-right: auto; display: block; }');
|
||||||
e107::css('inline', '.layout-container label.radio input { width: 100%; margin-left: auto; margin-right: auto; display: block; }');
|
e107::css('inline', '.layout-container label.radio input { width: 100%; margin-left: auto; margin-right: auto; display: block; }');
|
||||||
e107::css('inline', '.layout-container label.radio p { width: 100%; text-align: center; display: block; margin: 20px 0 0 0; }');
|
e107::css('inline', '.layout-container label.radio p { width: 100%; text-align: center; display: block; margin: 20px 0 0 0; }');
|
||||||
}
|
}
|
||||||
@@ -265,8 +267,199 @@ class adminstyle_flexpanel extends adminstyle_infopanel
|
|||||||
|
|
||||||
switch(varset($user_pref['core-flexpanel-layout'], 'default'))
|
switch(varset($user_pref['core-flexpanel-layout'], 'default'))
|
||||||
{
|
{
|
||||||
|
case 'two_col_bricks':
|
||||||
|
if($id == 'core-infopanel_help')
|
||||||
|
{
|
||||||
|
$default['area'] = 'menu-area-01';
|
||||||
|
$default['weight'] = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
if($id == 'e-latest-list')
|
||||||
|
{
|
||||||
|
$default['area'] = 'menu-area-04';
|
||||||
|
$default['weight'] = 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
if($id == 'e-status-list')
|
||||||
|
{
|
||||||
|
$default['area'] = 'menu-area-04';
|
||||||
|
$default['weight'] = 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
if($id == 'core-infopanel_mye107')
|
||||||
|
{
|
||||||
|
$default['area'] = 'menu-area-02';
|
||||||
|
$default['weight'] = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
if($id == 'core-infopanel_news')
|
||||||
|
{
|
||||||
|
$default['area'] = 'menu-area-03';
|
||||||
|
$default['weight'] = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
if($id == 'core-infopanel_website_status')
|
||||||
|
{
|
||||||
|
$default['area'] = 'menu-area-03';
|
||||||
|
$default['weight'] = 1;
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
|
||||||
|
case 'two_col_stacked':
|
||||||
|
if($id == 'core-infopanel_help')
|
||||||
|
{
|
||||||
|
$default['area'] = 'menu-area-01';
|
||||||
|
$default['weight'] = 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
if($id == 'e-latest-list')
|
||||||
|
{
|
||||||
|
$default['area'] = 'menu-area-04';
|
||||||
|
$default['weight'] = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
if($id == 'e-status-list')
|
||||||
|
{
|
||||||
|
$default['area'] = 'menu-area-05';
|
||||||
|
$default['weight'] = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
if($id == 'core-infopanel_mye107')
|
||||||
|
{
|
||||||
|
$default['area'] = 'menu-area-02';
|
||||||
|
$default['weight'] = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
if($id == 'core-infopanel_news')
|
||||||
|
{
|
||||||
|
$default['area'] = 'menu-area-03';
|
||||||
|
$default['weight'] = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
if($id == 'core-infopanel_website_status')
|
||||||
|
{
|
||||||
|
$default['area'] = 'menu-area-12';
|
||||||
|
$default['weight'] = 1;
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
|
||||||
|
case 'three_col_bricks':
|
||||||
|
if($id == 'core-infopanel_help')
|
||||||
|
{
|
||||||
|
$default['area'] = 'menu-area-02';
|
||||||
|
$default['weight'] = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
if($id == 'e-latest-list')
|
||||||
|
{
|
||||||
|
$default['area'] = 'menu-area-03';
|
||||||
|
$default['weight'] = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
if($id == 'e-status-list')
|
||||||
|
{
|
||||||
|
$default['area'] = 'menu-area-04';
|
||||||
|
$default['weight'] = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
if($id == 'core-infopanel_mye107')
|
||||||
|
{
|
||||||
|
$default['area'] = 'menu-area-01';
|
||||||
|
$default['weight'] = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
if($id == 'core-infopanel_news')
|
||||||
|
{
|
||||||
|
$default['area'] = 'menu-area-09';
|
||||||
|
$default['weight'] = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
if($id == 'core-infopanel_website_status')
|
||||||
|
{
|
||||||
|
$default['area'] = 'menu-area-13';
|
||||||
|
$default['weight'] = 0;
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
|
||||||
|
case 'three_col_stacked':
|
||||||
|
if($id == 'core-infopanel_help')
|
||||||
|
{
|
||||||
|
$default['area'] = 'menu-area-03';
|
||||||
|
$default['weight'] = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
if($id == 'e-latest-list')
|
||||||
|
{
|
||||||
|
$default['area'] = 'menu-area-04';
|
||||||
|
$default['weight'] = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
if($id == 'e-status-list')
|
||||||
|
{
|
||||||
|
$default['area'] = 'menu-area-05';
|
||||||
|
$default['weight'] = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
if($id == 'core-infopanel_mye107')
|
||||||
|
{
|
||||||
|
$default['area'] = 'menu-area-02';
|
||||||
|
$default['weight'] = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
if($id == 'core-infopanel_news')
|
||||||
|
{
|
||||||
|
$default['area'] = 'menu-area-12';
|
||||||
|
$default['weight'] = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
if($id == 'core-infopanel_website_status')
|
||||||
|
{
|
||||||
|
$default['area'] = 'menu-area-13';
|
||||||
|
$default['weight'] = 0;
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
|
||||||
|
case 'one_col':
|
||||||
|
if($id == 'core-infopanel_help')
|
||||||
|
{
|
||||||
|
$default['area'] = 'menu-area-01';
|
||||||
|
$default['weight'] = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
if($id == 'e-latest-list')
|
||||||
|
{
|
||||||
|
$default['area'] = 'menu-area-02';
|
||||||
|
$default['weight'] = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
if($id == 'e-status-list')
|
||||||
|
{
|
||||||
|
$default['area'] = 'menu-area-03';
|
||||||
|
$default['weight'] = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
if($id == 'core-infopanel_mye107')
|
||||||
|
{
|
||||||
|
$default['area'] = 'menu-area-04';
|
||||||
|
$default['weight'] = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
if($id == 'core-infopanel_news')
|
||||||
|
{
|
||||||
|
$default['area'] = 'menu-area-05';
|
||||||
|
$default['weight'] = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
if($id == 'core-infopanel_website_status')
|
||||||
|
{
|
||||||
|
$default['area'] = 'menu-area-06';
|
||||||
|
$default['weight'] = 0;
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
|
||||||
case 'wider_sidebar':
|
case 'wider_sidebar':
|
||||||
case 'default':
|
case 'default':
|
||||||
|
default:
|
||||||
if($id == 'core-infopanel_help')
|
if($id == 'core-infopanel_help')
|
||||||
{
|
{
|
||||||
$default['area'] = 'menu-area-01';
|
$default['area'] = 'menu-area-01';
|
||||||
@@ -316,27 +509,52 @@ class adminstyle_flexpanel extends adminstyle_infopanel
|
|||||||
function renderLayoutPicker()
|
function renderLayoutPicker()
|
||||||
{
|
{
|
||||||
$tp = e107::getParser();
|
$tp = e107::getParser();
|
||||||
|
$fr = e107::getForm();
|
||||||
|
$fl = e107::getFile();
|
||||||
|
|
||||||
global $user_pref;
|
global $user_pref;
|
||||||
|
|
||||||
$default = varset($user_pref['core-flexpanel-layout'], 'default');
|
$default = varset($user_pref['core-flexpanel-layout'], 'default');
|
||||||
|
|
||||||
$html = '<div class="layout-container">';
|
$html = '<div class="layout-container">';
|
||||||
|
|
||||||
$html .= '<label class="radio">';
|
$layouts = array(
|
||||||
$html .= $tp->toImage('{e_ADMIN}includes/layouts/flexpanel_default.png', array('legacy' => '{e_ADMIN}includes/layouts/', 'w' => 100));
|
'default',
|
||||||
$html .= '<input type="radio" name="e-flexpanel-layout" value="default"' . ($default == 'default' ? ' checked' : '') . '/>';
|
'wider_sidebar',
|
||||||
$html .= '<p>Default</p>';
|
'two_col_bricks',
|
||||||
$html .= '</label>';
|
'two_col_stacked',
|
||||||
|
'three_col_bricks',
|
||||||
|
'three_col_stacked',
|
||||||
|
'one_col',
|
||||||
|
);
|
||||||
|
|
||||||
$html .= '<label class="radio">';
|
$files = $fl->get_files(e_ADMIN . 'includes/layouts/', "flexpanel_(.*).php", "standard", 1);
|
||||||
$html .= $tp->toImage('{e_ADMIN}includes/layouts/flexpanel_wider_sidebar.png', array('legacy' => '{e_ADMIN}includes/layouts/', 'w' => 100));
|
foreach($files as $num => $val)
|
||||||
$html .= '<input type="radio" name="e-flexpanel-layout" value="wider_sidebar"' . ($default == 'wider_sidebar' ? ' checked' : '') . '/>';
|
{
|
||||||
$html .= '<p>Wider Sidebar</p>';
|
$filename = basename($val['fname']);
|
||||||
$html .= '</label>';
|
$layout = str_replace('flexpanel_', '', $filename);
|
||||||
|
$layout = str_replace('.php', '', $layout);
|
||||||
|
|
||||||
|
if(!in_array($layout, $layouts))
|
||||||
|
{
|
||||||
|
$layouts[] = $layout;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
foreach($layouts as $layout)
|
||||||
|
{
|
||||||
|
$html .= '<label class="radio">';
|
||||||
|
$html .= $tp->toImage('{e_ADMIN}includes/layouts/flexpanel_' . $layout . '.png', array(
|
||||||
|
'legacy' => '{e_ADMIN}includes/layouts/',
|
||||||
|
'w' => 75,
|
||||||
|
));
|
||||||
|
$checked = ($default == $layout);
|
||||||
|
$html .= $fr->radio('e-flexpanel-layout', $layout, $checked);
|
||||||
|
$name = str_replace('_', ' ', $layout);
|
||||||
|
$html .= '<p>' . ucwords($name) . '</p>';
|
||||||
|
$html .= '</label>';
|
||||||
|
}
|
||||||
|
|
||||||
$html .= '<div class="clear"></div>';
|
$html .= '<div class="clear"></div>';
|
||||||
|
|
||||||
$html .= '</div>';
|
$html .= '</div>';
|
||||||
|
|
||||||
return $html;
|
return $html;
|
||||||
|
|||||||
112
e107_admin/includes/layouts/flexpanel_one_col.php
Normal file
112
e107_admin/includes/layouts/flexpanel_one_col.php
Normal file
@@ -0,0 +1,112 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @file
|
||||||
|
* Layout for "flexpanel" admin dashboard style.
|
||||||
|
*/
|
||||||
|
|
||||||
|
$FLEXPANEL_LAYOUT = '
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-01">
|
||||||
|
{MENU_AREA_01}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-02">
|
||||||
|
{MENU_AREA_02}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-03">
|
||||||
|
{MENU_AREA_03}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-04">
|
||||||
|
{MENU_AREA_04}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-05">
|
||||||
|
{MENU_AREA_05}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-06">
|
||||||
|
{MENU_AREA_06}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-07">
|
||||||
|
{MENU_AREA_07}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-08">
|
||||||
|
{MENU_AREA_08}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-09">
|
||||||
|
{MENU_AREA_09}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-10">
|
||||||
|
{MENU_AREA_10}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-11">
|
||||||
|
{MENU_AREA_11}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-12">
|
||||||
|
{MENU_AREA_12}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-13">
|
||||||
|
{MENU_AREA_13}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
';
|
||||||
BIN
e107_admin/includes/layouts/flexpanel_one_col.png
Normal file
BIN
e107_admin/includes/layouts/flexpanel_one_col.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
100
e107_admin/includes/layouts/flexpanel_three_col_bricks.php
Normal file
100
e107_admin/includes/layouts/flexpanel_three_col_bricks.php
Normal file
@@ -0,0 +1,100 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @file
|
||||||
|
* Layout for "flexpanel" admin dashboard style.
|
||||||
|
*/
|
||||||
|
|
||||||
|
$FLEXPANEL_LAYOUT = '
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-01">
|
||||||
|
{MENU_AREA_01}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-02">
|
||||||
|
{MENU_AREA_02}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-03">
|
||||||
|
{MENU_AREA_03}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-04">
|
||||||
|
{MENU_AREA_04}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-12">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-05">
|
||||||
|
{MENU_AREA_05}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-06">
|
||||||
|
{MENU_AREA_06}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-07">
|
||||||
|
{MENU_AREA_07}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-08">
|
||||||
|
{MENU_AREA_08}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-12">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-09">
|
||||||
|
{MENU_AREA_09}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-10">
|
||||||
|
{MENU_AREA_10}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-11">
|
||||||
|
{MENU_AREA_11}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-12">
|
||||||
|
{MENU_AREA_12}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-12">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-13">
|
||||||
|
{MENU_AREA_13}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
';
|
||||||
BIN
e107_admin/includes/layouts/flexpanel_three_col_bricks.png
Normal file
BIN
e107_admin/includes/layouts/flexpanel_three_col_bricks.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
90
e107_admin/includes/layouts/flexpanel_three_col_stacked.php
Normal file
90
e107_admin/includes/layouts/flexpanel_three_col_stacked.php
Normal file
@@ -0,0 +1,90 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @file
|
||||||
|
* Layout for "flexpanel" admin dashboard style.
|
||||||
|
*/
|
||||||
|
|
||||||
|
$FLEXPANEL_LAYOUT = '
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-01">
|
||||||
|
{MENU_AREA_01}
|
||||||
|
</div>
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-02">
|
||||||
|
{MENU_AREA_02}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-03">
|
||||||
|
{MENU_AREA_03}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-04">
|
||||||
|
{MENU_AREA_04}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-05">
|
||||||
|
{MENU_AREA_05}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-06">
|
||||||
|
{MENU_AREA_06}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-07">
|
||||||
|
{MENU_AREA_07}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-08">
|
||||||
|
{MENU_AREA_08}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-09">
|
||||||
|
{MENU_AREA_09}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-10">
|
||||||
|
{MENU_AREA_10}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-11">
|
||||||
|
{MENU_AREA_11}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-12">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-12">
|
||||||
|
{MENU_AREA_12}
|
||||||
|
</div>
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-13">
|
||||||
|
{MENU_AREA_13}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
';
|
||||||
BIN
e107_admin/includes/layouts/flexpanel_three_col_stacked.png
Normal file
BIN
e107_admin/includes/layouts/flexpanel_three_col_stacked.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
104
e107_admin/includes/layouts/flexpanel_two_col_bricks.php
Normal file
104
e107_admin/includes/layouts/flexpanel_two_col_bricks.php
Normal file
@@ -0,0 +1,104 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @file
|
||||||
|
* Layout for "flexpanel" admin dashboard style.
|
||||||
|
*/
|
||||||
|
|
||||||
|
$FLEXPANEL_LAYOUT = '
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-01">
|
||||||
|
{MENU_AREA_01}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-02">
|
||||||
|
{MENU_AREA_02}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-03">
|
||||||
|
{MENU_AREA_03}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-12">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-04">
|
||||||
|
{MENU_AREA_04}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-05">
|
||||||
|
{MENU_AREA_05}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-06">
|
||||||
|
{MENU_AREA_06}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-12">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-07">
|
||||||
|
{MENU_AREA_07}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-08">
|
||||||
|
{MENU_AREA_08}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-09">
|
||||||
|
{MENU_AREA_09}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-12">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-10">
|
||||||
|
{MENU_AREA_10}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-11">
|
||||||
|
{MENU_AREA_11}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-12">
|
||||||
|
{MENU_AREA_12}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-12">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-13">
|
||||||
|
{MENU_AREA_13}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
';
|
||||||
BIN
e107_admin/includes/layouts/flexpanel_two_col_bricks.png
Normal file
BIN
e107_admin/includes/layouts/flexpanel_two_col_bricks.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
97
e107_admin/includes/layouts/flexpanel_two_col_stacked.php
Normal file
97
e107_admin/includes/layouts/flexpanel_two_col_stacked.php
Normal file
@@ -0,0 +1,97 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @file
|
||||||
|
* Layout for "flexpanel" admin dashboard style.
|
||||||
|
*/
|
||||||
|
|
||||||
|
$FLEXPANEL_LAYOUT = '
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-01">
|
||||||
|
{MENU_AREA_01}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-02">
|
||||||
|
{MENU_AREA_02}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-03">
|
||||||
|
{MENU_AREA_03}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-04">
|
||||||
|
{MENU_AREA_04}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-05">
|
||||||
|
{MENU_AREA_05}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-06">
|
||||||
|
{MENU_AREA_06}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-07">
|
||||||
|
{MENU_AREA_07}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-08">
|
||||||
|
{MENU_AREA_08}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-09">
|
||||||
|
{MENU_AREA_09}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-10">
|
||||||
|
{MENU_AREA_10}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-11">
|
||||||
|
{MENU_AREA_11}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-12">
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-12">
|
||||||
|
{MENU_AREA_12}
|
||||||
|
</div>
|
||||||
|
<div class="draggable-panels bg-blue" id="menu-area-13">
|
||||||
|
{MENU_AREA_13}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
';
|
||||||
BIN
e107_admin/includes/layouts/flexpanel_two_col_stacked.png
Normal file
BIN
e107_admin/includes/layouts/flexpanel_two_col_stacked.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
Reference in New Issue
Block a user