mirror of
https://gitlab.com/t6353/sharee.bike.git
synced 2024-11-12 13:56:27 +01:00
bayern web style
This commit is contained in:
parent
7ede282b7b
commit
cc031094eb
8 changed files with 67 additions and 23 deletions
BIN
copri4/main/img/Logo-LastenradBayern-01.png
Executable file
BIN
copri4/main/img/Logo-LastenradBayern-01.png
Executable file
Binary file not shown.
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
Before Width: | Height: | Size: 9.2 KiB |
|
@ -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)";
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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);
|
||||||
|
|
|
@ -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}){
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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";
|
||||||
|
|
||||||
|
|
|
@ -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){
|
||||||
|
|
Loading…
Reference in a new issue