New demo page

This commit is contained in:
Laurent Destailleur 2017-02-03 16:01:06 +01:00
parent e232a5a444
commit ffedf1fd57
2 changed files with 29 additions and 15 deletions

View File

@ -3,7 +3,21 @@
/* Demo */ /* Demo */
/* ============================================================================== */ /* ============================================================================== */
a:hover {
text-decoration: none;
}
.demobox {
border: 1px solid #bbb;
border-radius: 8px;
-moz-border-radius: 8px;
min-height: 210px;
}
.demobox:hover {
border: 1px solid #bbb;
border-radius: 8px;
-moz-border-radius: 8px;
box-shadow: 2px 2px 8px #BBB;
}
.CTable { .CTable {
padding: 6px; padding: 6px;
font-weight: normal; font-weight: normal;
@ -18,7 +32,9 @@
background: -webkit-linear-gradient(bottom, rgb(255,255,255) 85%, rgb(255,255,255) 100%); background: -webkit-linear-gradient(bottom, rgb(255,255,255) 85%, rgb(255,255,255) 100%);
} }
.csscolumns { .csscolumns {
margin-left: 8px;
margin-top: 6px; margin-top: 6px;
margin-bottom: 5px;
-webkit-column-count: 4; /* Chrome, Safari, Opera */ -webkit-column-count: 4; /* Chrome, Safari, Opera */
-moz-column-count: 4; /* Firefox */ -moz-column-count: 4; /* Firefox */
column-count: 3; column-count: 3;
@ -85,10 +101,6 @@ img.demothumb {
height: 140px; height: 140px;
background-position-y: bottom; background-position-y: bottom;
} }
div#tr1profdemoall {
margin-left: -40px;
margin-right: -40px;
}
@media only screen and (max-width: 767px) @media only screen and (max-width: 767px)
@ -97,8 +109,11 @@ div#tr1profdemoall {
line-height: 150% !important; line-height: 150% !important;
font-size: 100% !important; font-size: 100% !important;
} }
.demobox {
min-height: 170px !important;
}
img.demothumb { img.demothumb {
box-shadow: 1px 1px 4px #BBB; /* box-shadow: 1px 1px 4px #BBB; */
margin-right: 6px; margin-right: 6px;
margin-left: 4px; margin-left: 4px;
width: 80px; width: 80px;

View File

@ -254,7 +254,7 @@ var openedId="";
jQuery(document).ready(function () { jQuery(document).ready(function () {
jQuery("tr.moduleline").hide(); jQuery("tr.moduleline").hide();
// Enable this to allow personalized setup // Enable this to allow personalized setup
jQuery(".modulelineshow").attr("href","#"); jQuery(".modulelineshow").attr("href","#a1profdemoall");
jQuery(".cursorpointer").css("cursor","pointer"); jQuery(".cursorpointer").css("cursor","pointer");
jQuery(".modulelineshow").click(function() { jQuery(".modulelineshow").click(function() {
var idstring=$(this).attr("id"); var idstring=$(this).attr("id");
@ -328,22 +328,21 @@ foreach ($demoprofiles as $profilearray)
print '<input type="hidden" name="dol_no_mouse_hover" value="'.$conf->dol_no_mouse_hover.'">'."\n"; print '<input type="hidden" name="dol_no_mouse_hover" value="'.$conf->dol_no_mouse_hover.'">'."\n";
print '<input type="hidden" name="dol_use_jmobile" value="'.$conf->dol_use_jmobile.'">'."\n"; print '<input type="hidden" name="dol_use_jmobile" value="'.$conf->dol_use_jmobile.'">'."\n";
print '<div summary="Dolibarr online demonstration for profile '.$profilearray['label'].'" class="center inline-block CTable CTableRow'.($i%2==0?'1':'0').'" style="width: 400px">'."\n"; print '<div summary="Dolibarr online demonstration for profile '.$profilearray['label'].'" class="center inline-block CTable CTableRow'.($i%2==0?'1':'0').'" style="width: 400px;">'."\n";
print '<div id="a1'.$profilearray['key'].'" class="'.(empty($profilearray['url'])?'modulelineshow cursorpointer':'nomodulelines').'">';
print '<a href="'.$urlwithmod.'" class="'.(empty($profilearray['url'])?'modulelineshow':'nomodulelines').'">';
print '<div id="a1'.$profilearray['key'].'" class="demobox '.(empty($profilearray['url'])?'modulelineshow cursorpointer':'nomodulelines').'">';
print '<a href="'.$urlwithmod.'" class="'.(empty($profilearray['url'])?'modulelineshow':'nomodulelines').'">';
print '<div style="padding: 10px;">'; print '<div style="padding: 10px;">';
print '<img class="demothumb" src="'.$profilearray['icon'].'" alt="Demo '.$profilearray['label'].'">'; print '<img class="demothumb" src="'.$profilearray['icon'].'" alt="Demo '.$profilearray['label'].'">';
print '<div class="clearboth"></div>'; print '<div class="clearboth"></div>';
print '<div style=""><div class="demothumbtext">'; print '<div class="demothumbtext">';
print $langs->trans($profilearray['label']); print $langs->trans($profilearray['label']);
print '</div>';
print '</div></div>';
print '</div>'; print '</div>';
print '</a>'; print '</a>';
@ -352,7 +351,7 @@ foreach ($demoprofiles as $profilearray)
// Modules // Modules
if (empty($profilearray['url'])) if (empty($profilearray['url']))
{ {
print '<div id="tr1'.$profilearray['key'].'" class="moduleline hidden" style="font-size:14px; line-height: 110%;">'; print '<div id="tr1'.$profilearray['key'].'" class="moduleline hidden" style="font-size:14px; line-height: 110%; padding-bottom: 8px">';
print $langs->trans("ThisIsListOfModules").'<br>'; print $langs->trans("ThisIsListOfModules").'<br>';
print '<div class="csscolumns">'; print '<div class="csscolumns">';