bayern web style

This commit is contained in:
ragu 2022-05-05 12:07:05 +02:00
parent 7ede282b7b
commit cc031094eb
8 changed files with 67 additions and 23 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.2 KiB

View file

@ -19,12 +19,12 @@ function change_contrast(){
const fgcol = style.color; const fgcol = style.color;
console.log(fgcol); console.log(fgcol);
if(bgcol == ('rgb(0, 141, 210)')){ //008dd2 (blue) if(bgcol == ('rgb(0, 156, 217)')){ //009cd9 (blue)
element[i].style.backgroundColor = "rgb(63, 63, 63)";//3f3f3f (black) element[i].style.backgroundColor = "rgb(63, 63, 63)";//3f3f3f (black)
element[i].style.color = "rgb(255, 255, 254)";//fffffe (white) element[i].style.color = "rgb(255, 255, 254)";//fffffe (white)
} }
if(bgcol == ('rgb(63, 63, 63)')){ //black if(bgcol == ('rgb(63, 63, 63)')){ //black
element[i].style.backgroundColor = "rgb(0, 141, 210)"; element[i].style.backgroundColor = "rgb(0, 156, 217)";
element[i].style.color = "rgb(255, 255, 254)"; element[i].style.color = "rgb(255, 255, 254)";
} }
//hover active //hover active
@ -39,7 +39,7 @@ function change_contrast(){
} }
//if only font ist colored and backround is white //if only font ist colored and backround is white
if(fgcol == ('rgb(0, 141, 210)') && bgcol == ('rgb(255, 255, 255)')){ //008dd2 if(fgcol == ('rgb(0, 156, 217)') && bgcol == ('rgb(255, 255, 255)')){ //009cd9
element[i].style.color = "rgb(63, 63, 63)"; element[i].style.color = "rgb(63, 63, 63)";
element[i].style.backgroundColor = "rgb(255, 255, 255)"; element[i].style.backgroundColor = "rgb(255, 255, 255)";
} }
@ -48,7 +48,7 @@ function change_contrast(){
element[i].style.backgroundColor = "rgb(3, 101, 149)"; element[i].style.backgroundColor = "rgb(3, 101, 149)";
} }
if(fgcol == ('rgb(63, 63, 63)') && bgcol == ('rgb(255, 255, 255)')){ //black if(fgcol == ('rgb(63, 63, 63)') && bgcol == ('rgb(255, 255, 255)')){ //black
element[i].style.color = "rgb(0, 141, 210)"; element[i].style.color = "rgb(0, 156, 217)";
element[i].style.backgroundColor = "rgb(255, 255, 255)"; element[i].style.backgroundColor = "rgb(255, 255, 255)";
} }

View file

@ -78,7 +78,7 @@ sub handler {
# <sharee_LastenVelo> # <sharee_LastenVelo>
# <todo>add_LVuser</todo> # <todo>add_LVuser</todo>
# <userID>12345678</userID> # <userID>12345678</userID>
# <emailID>ragu@gnu-systems.de</emailID> # <emailID>ragu@gu-syems.de</emailID>
# <pwID>geheim123</pwID> # <pwID>geheim123</pwID>
#</sharee_LastenVelo> #</sharee_LastenVelo>
@ -104,7 +104,7 @@ sub handler {
table => "contentadr", table => "contentadr",
fetch => "one", fetch => "one",
template_id => "202", template_id => "202",
txt08 => "$xmlref->{emailID}", txt08 => "ilike::" . $q->escapeHTML($xmlref->{emailID}),
}; };
my $record_e = { c_id => "" }; my $record_e = { c_id => "" };
$record_e = $dbt->fetch_record($dbh,$pref_e); $record_e = $dbt->fetch_record($dbh,$pref_e);

View file

@ -166,7 +166,7 @@ sub kmlGenerator {
$station_groupID = $1 if($station_group =~ /(\d+)/); $station_groupID = $1 if($station_group =~ /(\d+)/);
$bike_groupID = $1 if($bike_group =~ /(\d+)/); $bike_groupID = $1 if($bike_group =~ /(\d+)/);
$bw->log("KMLout bike available if: $station_groupID == $bike_groupID && $station eq $response_bikes->{shareejson}->{bikes}->{$bike}->{station}","",""); #$bw->log("KMLout bike available if: $station_groupID == $bike_groupID && $station eq $response_bikes->{shareejson}->{bikes}->{$bike}->{station}","","");
#if Lastenrad #if Lastenrad
if($station_groupID == $lastenrad && $station_groupID == $bike_groupID && $station eq $response_bikes->{shareejson}->{bikes}->{$bike}->{station}){ if($station_groupID == $lastenrad && $station_groupID == $bike_groupID && $station eq $response_bikes->{shareejson}->{bikes}->{$bike}->{station}){

View file

@ -60,10 +60,12 @@ sub tpl(){
my $icon_green = "Open_Green.png"; my $icon_green = "Open_Green.png";
my $icon_red = "Open_Red.png"; my $icon_red = "Open_Red.png";
my $icon_blue = "Open_Blue.png"; my $icon_blue = "Open_Blue.png";
my $mapheight = "600px;";
if($project eq "Bayern"){ if($project eq "Bayern"){
$icon_green = "LastenradBay_Standortpfeil_gruen_03a.png"; $icon_green = "LastenradBay_Standortpfeil_gruen_03a.png";
$icon_red = "LastenradBay_Standortpfeil_rot_03a.png"; $icon_red = "LastenradBay_Standortpfeil_rot_03a.png";
$icon_blue = "LastenradBay_Standortpfeil_blau_03a.png"; $icon_blue = "LastenradBay_Standortpfeil_blau_03a.png";
$mapheight = "800px;";
} }
$users_sharee->{c_id} = "0" if(!$users_sharee->{c_id}); $users_sharee->{c_id} = "0" if(!$users_sharee->{c_id});
@ -76,9 +78,9 @@ sub tpl(){
my $preserve_view = "false"; my $preserve_view = "false";
$preserve_view = "true" if($filesize < 200);#it's like empty without publixc stations $preserve_view = "true" if($filesize < 200);#it's like empty without publixc stations
print "<div style='background-color:#cccccc;width:100%;margin-top:40px;'>\n"; print "<div style='background-color:#cccccc;width:100%;margin-top:1em;'>\n";
print "<div id='map' style='height:600px;'></div>\n"; print "<div id='map' style='height:$mapheight'></div>\n";
print<<EOF print<<EOF
<script> <script>

View file

@ -43,9 +43,9 @@ sub tpl(){
my $coo = $q->cookie('domcookie') || $q->param('sessionid') || ""; my $coo = $q->cookie('domcookie') || $q->param('sessionid') || "";
#my $api_test = "sharee_kn"; #my $api_test = "sharee_kn";
#my $api_test = "sharee_fr01"; my $bike="FR1538"; my $api_test = "sharee_fr01"; my $bike="FR1538";
#my $api_test = "sharee_wue"; #my $api_test = "sharee_wue";
my $api_test = "sharee_sx"; my $bike="S3X1001"; #my $api_test = "sharee_sx"; my $bike="S3X1001";
#my $api_test = "sharee_ren"; my $bike="REN2"; #my $api_test = "sharee_ren"; my $bike="REN2";
print $q->div({-style=>'float:right;text-align:right;height:25px;padding:6px 15px;background-color:white'},$q->a({-style=>"background-color:#ffffff;color:#$bgcolor1;", -href=>"$varenv->{metahost}/src/scripts/tests/index.pl?sessionid=$coo\&api_test=$api_test\&bike=$bike", -target=>'_blank'}," [ tests --> $api_test ] "),"$users_sharee->{txt08}",$q->a({-style=>"color:#$bgcolor1;", -href=>"logout_sharee$session"},"logout")),"\n"; print $q->div({-style=>'float:right;text-align:right;height:25px;padding:6px 15px;background-color:white'},$q->a({-style=>"background-color:#ffffff;color:#$bgcolor1;", -href=>"$varenv->{metahost}/src/scripts/tests/index.pl?sessionid=$coo\&api_test=$api_test\&bike=$bike", -target=>'_blank'}," [ tests --> $api_test ] "),"$users_sharee->{txt08}",$q->a({-style=>"color:#$bgcolor1;", -href=>"logout_sharee$session"},"logout")),"\n";

View file

@ -53,13 +53,13 @@ sub tpl(){
#my $api_test = "sharee_wue"; #my $api_test = "sharee_wue";
my $api_test = "sharee_sx"; my $bike="S3X1001"; my $api_test = "sharee_sx"; my $bike="S3X1001";
#my $api_test = "sharee_ren"; my $bike="REN2"; #my $api_test = "sharee_ren"; my $bike="REN2";
print $q->div({-style=>'float:right;text-align:right;height:25px;padding:6px 15px;background-color:white'},$q->a({-style=>"background-color:#ffffff;color:#$bgcolor1;", -href=>"$varenv->{metahost}/src/scripts/tests/index.pl?sessionid=$coo\&api_test=$api_test\&bike=$bike", -target=>'_blank'}," [ tests --> $api_test ] ")),"\n"; print $q->div({-style=>'text-align:right;height:25px;padding:6px 15px;background-color:white'},$q->a({-style=>"background-color:#ffffff;color:#$bgcolor1;", -href=>"$varenv->{metahost}/src/scripts/tests/index.pl?sessionid=$coo\&api_test=$api_test\&bike=$bike", -target=>'_blank'}," [ tests --> $api_test ] ")),"\n";
} }
my $site_padding = "20px 0"; my $site_padding = "0 0 20px 0";
if($dbt->{website}->{$varenv->{syshost}}->{layout} eq "iframe"){ #if($dbt->{website}->{$varenv->{syshost}}->{layout} eq "iframe"){
$site_padding = "0"; # $site_padding = "0";
} #}
if(1==1){ if(1==1){
@ -93,6 +93,40 @@ sub tpl(){
color: fffffe; color: fffffe;
background-color: #$hgcolor1; background-color: #$hgcolor1;
} }
ul#LeftNavi {
position:fixed;
margin:20px 0;
width: 175px;
height:100%;
padding:$site_padding;
vertical-align:top;
border: 0px solid white;
}
ul#LeftNavi li {
list-style: none;
padding:1px;
}
ul#LeftNavi li a {
display: block;
transition: all 0.3s ease;
margin: 0;
padding: 1em 3%;
width:180px;
background-color: #$bgcolor1;
text-decoration: none;
font-weight: normal;
color: #fffffe;
}
ul#LeftNavi a:hover {
color: #fffffe;
background-color: #$hgcolor1;
}
ul#LeftNavi a:active {
color: fffffe;
background-color: #$hgcolor1;
}
</style>"; </style>";
my $lmenu0 = ""; my $lmenu0 = "";
@ -115,21 +149,29 @@ sub tpl(){
} }
#bootstrap 5 with standalone site #bootstrap 5 with standalone site
print "<div class='container' style='border:1px dotted silver;'>\n" if($dbt->{website}->{$varenv->{syshost}}->{layout} eq "standalone"); if($dbt->{website}->{$varenv->{syshost}}->{layout} eq "standalone"){
print "<div class='container' style='border:1px dotted silver;'>\n";
}
print "<div style='text-align:right;height:25px;'>\n"; print "<div style='float:right;text-align:right;height:25px;padding:1em 0;'>\n";
print "<button type='button' style='background-color:#ffffff;color:#$bgcolor1;border:1px solid #ffffff;font-size:1em;padding-right:1em;width:8px;' onclick='change_fontsize1();'>A</button>"; #print "<span style='background-color:#ffffff;color:#$bgcolor1;border:1px solid #ffffff;font-size:1em;padding-right:1em;width:8px;'><img style='height:50px;' src='$varenv->{metahost}/img/Logo-LastenradBayern-01.png' /></span>";
print "<button type='button' style='background-color:#ffffff;color:#$bgcolor1;border:1px solid #ffffff;font-size:1.2em;padding-right:1em;width:8px;' onclick='change_fontsize2();'>A</button>"; print "<button type='button' style='background-color:#$bgcolor1;color:#ffffff;border:1px solid #$bgcolor1;font-size:1em;padding-right:1em;width:8px;' onclick='change_fontsize1();'>A</button>";
print "<button type='button' style='background-color:#ffffff;color:#$bgcolor1;border:1px solid #ffffff;font-size:1.4em;padding-right:1em;width:8px;' onclick='change_fontsize3();'>A</button>"; print "<button type='button' style='background-color:#$bgcolor1;color:#ffffff;border:1px solid #$bgcolor1;font-size:1.2em;padding-right:1em;width:8px;' onclick='change_fontsize2();'>A</button>";
print "<button type='button' style='background-color:#ffffff;color:#$bgcolor1;border:1px solid #ffffff;font-size:1em;padding-right:1em;width:12px;' onclick='change_contrast();'><span class='bi bi-circle-half'></span></button>"; print "<button type='button' style='background-color:#$bgcolor1;color:#ffffff;border:1px solid #$bgcolor1;font-size:1.4em;padding-right:1em;width:8px;' onclick='change_fontsize3();'>A</button>";
print "<button type='button' style='background-color:#$bgcolor1;color:#ffffff;border:1px solid #$bgcolor1;font-size:1.3em;padding-right:1.2em;width:12px;' onclick='change_contrast();'><span class='bi bi-circle-half'></span></button>";
if($users_sharee->{c_id} && $R::sharee_edit ne "delete_account2"){ if($users_sharee->{c_id} && $R::sharee_edit ne "delete_account2"){
print "<span style='padding-left:10px;'> | $users_sharee->{txt08}</span> <a style='background-color:#ffffff;color:#$bgcolor1;' href='logout_sharee$session'>logout</a>\n"; print "<span style='padding-left:10px;'> | $users_sharee->{txt08}</span> <a style='background-color:#ffffff;color:#$bgcolor1;' href='logout_sharee$session'>logout</a>\n";
} }
print "</div>\n"; print "</div>\n";
print "<div id='Contenttxt' style='margin:20px 5px 40px 0;border:0px dotted #$fgcolor1;'>\n"; print $q->div({-style=>"text-align:left;width:100%;margin:1em 0;background-color:#$bgcolor1;"},$q->img({-style=>'height:10em;', -src=>"$varenv->{metahost}/img/Logo-LastenradBayern-01.png"})),"\n";
#test Bayern left-site menue
#print $q->div({-style=>"float:left;text-align:left;border:1px dotted black;"},$q->ul({-id=>'LeftNavi'},$lmenu0)),"\n";
#print "<div id='Contenttxt' style='margin:20px 5px 40px 200px;border:0px dotted #$fgcolor1;'>\n";
print "<div id='Contenttxt' style='margin:20px 5px 40px 0;border:0px dotted #$fgcolor1;'>\n";
print $q->div({-style=>"text-align:left;border:0px dotted #$fgcolor1;"},$q->ul({-id=>'TopNavi'},$lmenu0)),"\n"; print $q->div({-style=>"text-align:left;border:0px dotted #$fgcolor1;"},$q->ul({-id=>'TopNavi'},$lmenu0)),"\n";
if(($node_meta->{tpl_id} == 1 || $node_meta->{tpl_id} == 3) && $node_meta->{main_id} == 200017){ if(($node_meta->{tpl_id} == 1 || $node_meta->{tpl_id} == 3) && $node_meta->{main_id} == 200017){