qis example

This commit is contained in:
2025-10-09 21:27:06 +02:00
parent 89f16f0f62
commit 684e4d9fb9
5 changed files with 4938 additions and 0 deletions

2804
public/qis/QISDesign.css Normal file

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,339 @@
/* import der QISDesign.css-Definitionen*/
@import "QISDesign.css";
.divfoot_navigation {
background-color: #DDDDDD;
border: 0px;
}
.services a{
color: #990000;
}
.tabMenuList li.current{
background-color: #990000;
border: 1px solid #990000;
}
/* Heidelberger Kopfzeile - 29/10/12: Von 25 auf 10 px und anstelle #990000 nun #b5152b */
#topBar {
height: 10px;
background-color: #b5152b;
margin-left: -10px;
margin-right: -10px;
margin-bottom: 1px;
margin-top: -5px;
width: 101%;
min-width: 982px;
}
/* Heidelberger Fu?zeile - 29/10/12: Von 25 auf 10 px und anstelle #990000 nun #b5152b */
#footerBar {
height: 10px;
background-color: #b5152b;
width: 100%;
margin-top: 0px;
}
/* Box fuer den kompletten Inhalt */
#wrapper {
margin-left:2%;
margin-right:2%;
padding: 0px;
}
/* Zeile Startseite - Anmelden - Anmeldestatus */
.divloginstatus {
background-color: #DDDDDD;
color: #DDDDDD;
padding: 2px 10px 2px 10px;
margin-top: 4px;
clear: left;
min-height:1.4em;
color: #000001;
border-left: 0px;
border-right:0px;
font-size: 0.9em;
border: 0px;
}
body {
font-size: 0.8em;
color: #000001;
/*line-height: 1.1em;*/
}
/* fuer die Makronavigation*/
#makronavigation a:focus, #makronavigation a:hover, #makronavigation a:active, {
background:#E0E0E0;
color: #990000;
text-decoration:underline;
}
#makronavigation a:link, #makronavigation a:visited {
color:#990000; text-decoration: none;
}
/* Liste auf der linken Seite */
a.auflistung:link,
a.auflistung:visited{ font-weight:bold; color:#990000; text-decoration:none}
a.auflistung:hover,
a.auflistung:active,
a.auflistung:focus { font-weight:bold; color:#990000; background-color:#E0E0E0; text-decoration:underline}
/* Z.B. Hilfe zur Suche */
a.nav:link,
a.nav:visited{ font-weight:bold; color:#990000; background-color:#F5F5F5; text-decoration:none}
a.nav:hover { font-weight:bold; color:#990000; background-color:#F5F5F5; text-decoration:underline}
a.nav:active,
a.nav:focus { font-weight:bold; color:#990000; background-color:#F5F5F5; text-decoration:underline}
/* Z.B. Hilfe zur Suche */
a.navgelb:link,
a.navgelb:visited { font-weight:bold; color:#990000; background-color:#FFFFCD; text-decoration:none}
a.navgelb:hover { font-weight:bold; color:#990000; background-color:#F5F5F5; text-decoration:underline}
a.navgelb:active,
a.navgelb:focus { font-weight:bold; color:#990000; background-color:#F5F5F5; text-decoration:underline}
/* Z.B. VV lang-Ansicht */
a.navVVTree:link,
a.navVVTree:visited,
a.navVVTree:hover,
a.navVVTree:active,
a.navVVTree:focus { font-weight:bold; color:#990000; text-decoration:underline}
/* Z.B. Links u.a. Menue auf, Menue zu in der Inhaltsbox */
a.regular:link,
a.regular:visited{ font-weight:normal; color:#990000; text-decoration:none}
a.regular:hover { font-weight:normal; color:#990000; text-decoration:underline}
a.regular:active,
a.regular:focus { font-weight:normal; color:#990000; text-decoration:underline}
/* Z.B. VV lang-Ansicht */
a.regularVVTree:link,
a.regularVVTree:visited,
a.regularVVTree:hover,
a.regularVVTree:active,
a.regularVVTree:focus { font-weight:normal; color:#990000; text-decoration:underline}
a.register:link { font-weight:normal; color:#990000; }
/* Z.B. Links u.a. fuer die Breadcrumbs */
a.foot:link,
a.foot:visited{ font-weight:normal; color:#990000; background-color:#FFFFFF; text-decoration:none}
a.foot:hover { font-weight:normal; color:#990000; background-color:#E0E0E0; text-decoration:underline}
a.foot:active,
a.foot:focus { font-weight:normal; color:#990000; background-color:#FFFFFF; text-decoration:underline}
/* fuer die Hauptmenuepunkte der Makronavigation */
.links2,
.links2:link,
.links2:visited { border: 0px solid #AAAAAA; font-size: 100%; line-height: 24px; font-weight:bold; padding: 0px 0px 0px 0px; color:#990000; background:#ffffff; background-color:#ffffff; text-decoration:none }
.links2:hover,
.links2:active,
.links2:focus { border: 0px solid #AAAAAA; font-size: 100%; line-height: 24px; font-weight:bold; padding: 0px 0px 0px 0px; color:#990000; background:#ffffff; background-color:#DDDDDD; text-decoration:underline }
.links2visited,
.links2visited:link,
.links2visited:visited,
.links2visited:hover,
.links2visited:active,
.links2visited:focus {border: 1px solid #AAAAAA; font-size: 100%; line-height: 24px; font-weight:bold; padding: 0px 0px 0px 0px; color:#990000; background:#DDDDDD; background-color:#DDDDDD; text-decoration:none }
/* fuer den Loginstatus */
.links3 {
line-height: 20px;
color: #990000;
font-weight: bold;
text-decoration: none;
}
.links3:focus, .links3:hover, .links3:active {
color: #990000;
background-color: #DDDDDD;
text-decoration: underline;
}
/* aus QISDesignBestand.css - Ueberschriften in den B?umen */
a.ueb:link,
a.ueb:visited{ line-height: 1.5em; font-size: 112%; font-weight:bold; color:#990000; text-decoration:none}
a.ueb:hover{ line-height: 1.5em; font-size: 112%; color: #990000; text-decoration: underline;}
a.ueb:active,
a.ueb:focus { line-height: 1.5em; font-size: 112%; font-weight:bold; color:#990000; text-decoration:underline}
/* aus fuer wtree der Zugehoerigkeiten der Einzelansichten */
a.uebklein:link,
a.uebklein:visited{ line-height: 1.5em; font-size: 95%; font-weight:bold; color:#990000; text-decoration:none}
a.uebklein:hover{ line-height: 1.5em; font-size: 95%; color: #990000; text-decoration: underline;}
a.uebklein:active,
a.uebklein:focus { line-height: 1.5em; font-size: 95%; font-weight:bold; color:#990000; text-decoration:underline}
/* aus QISDesignBestand.css - Inhalt der Felder in der Einzelansicht */
.maske{
background-color: #DDDDDD; /* #DEE2EB; */
font-size: 105%;
font-weight: 600;
}
a {
color:#990000
}
dt {
font-weight: bold
}
/*****************************************************************************/
/* Formulare.Textield */
/*****************************************************************************/
/*****************************************************************************/
/* Submitbuttons */
/*****************************************************************************/
input {
color: #000001;
}
input.submit,.linkAsButton {
color: #990000;
background-color: #CCCCCC;
}
input.submit:hover,.linkAsButton:hover {
color: #990000;
border-color: #AAAAAA;
}
input[type='submit'] {
background-color: #CCCCCC;
border: 1px solid #AAAAAA;
color: #990000;
font-weight: bold;
}
input, select, textarea,
input:focus, input:hover, input:active,
select:focus, select:hover, select:active,
textarea:focus, textarea:hover, textarea:active,
.noinput {
color: #000001;
}
.newSessionMsg{
color: #FF0000;
font-weight: 600;
line-height: 20px;
}
.InfoMsg{
color: #000001;
font-weight: 600;
line-height: 20px;
}
.content {
min-height:25em;
}
.portalcontent {
min-height:25em;
}
.portalcontent1 {
width: 292px;
}
.globalmessage {
font-size: 110%;
font-weight:bold;
color: #FF0000;
background-color: #DDDDDD;
padding:0px;
margin-top: 4px;
}
/* Einzelansicht - Tabellen*/
/* ersetze helbblaue Linien durch hellgelbe*/
/* 7FB4D8 durch FFCC66 */
.mod {
font-weight: bold;
text-align: left;
vertical-align: top;
border-left: #FFCC66 1px solid;
border-bottom: #FFCC66 1px solid;
border-right: #FFCC66 1px solid;
padding: 2px 7px 2px 7px;
width: 250px;
}
.mod_n, .mod_n_basic {
border: 0.5pt;
background-color: #FFFFFF;
font-weight: normal;
vertical-align: top;
padding: 2px 7px 2px 7px;
width: 450px;
}
h1{
font-size:135%;
font-weight: bold;
margin-bottom: 3px;
margin-top: 3px;
line-height: 135%;
white-space:normal;
color: #900;
}
h2 {
color: #000001;
font-weight: bold;
white-space:normal;
line-height: 135%;
}
legend {
color: #900;
}
.headline h4 {
font-size: 110%;
}
.gross,
.kleinFett,
.klein {
color: #000001;
}
.normaltext{line-height: 1.3em;}
.makromenueauf:link, .makromenueauf:visited {
/* Eingeklapptes Menü formatieren*/
display: block;
width: 12px;
height: 135px;
background: url(../../QIS/images/buttons/menuaufblauObreit_UHD.gif);
}
.pictures_portal_border {
display: inline;
}

View File

@@ -0,0 +1,448 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!-- saved from url=(0014)about:internet -->
<html lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- Generated by node "node1" in cluster "" using thread ajp-nio-0.0.0.0-8009-exec-10 -->
<title>
Reiseverlauf -
Zeiterfassungsportal der Universität Heidelberg </title>
<link rel="stylesheet" type="text/css" href="QISDesign_UHD.css">
<meta http-equiv="Cache-Control" content="private,must-revalidate,no-cache,no-store">
<!--[if gte IE 6]><style type="text/css">html{overflow-x:scroll;}body{margin-right:28px;}</style><![endif]-->
</head>
<body>
<div id="wrapper">
<div class="header_hisinone">
<div class="logo">
</div>
<div class="services">
<ol>
</ol>
<a
href="https://tc-hissva-test1.zuv.uni-heidelberg.de:8443/qisserver/rds?state=user&amp;type=5&amp;language=en&amp;parentModuleParameter=dienstReiseSearchResult">EN</a>
</div>
<div style="clear:both;"></div>
</div>
<div class="divloginstatus">
<a href="https://tc-hissva-test1.zuv.uni-heidelberg.de:8443/qisserver/rds?state=user&amp;type=0&amp;topitem=&amp;breadCrumbSource=&amp;topitem=functions"
title="Startseite" class="links3"><u>S</u>tartseite</a>
<span>
&nbsp;|&nbsp;
</span>
<a href="https://tc-hissva-test1.zuv.uni-heidelberg.de:8443/qisserver/rds?state=user&amp;type=4&amp;re=last&amp;category=auth.logout&amp;breadCrumbSource=&amp;topitem=functions"
class="links3" accesskey="l">
<u>A</u>bmelden
</a>
<span>
&nbsp;|&nbsp;
</span>
Herr Albrecht Degering
&nbsp;|&nbsp;
Sie sind angemeldet als:
adg
&nbsp;
|
&nbsp;
in der Rolle:
<a href="https://tc-hissva-test1.zuv.uni-heidelberg.de:8443/qisserver/rds?state=change&amp;type=6&amp;choice=drabrerf,dranerf,vorgesetzte&amp;next=RoleSelect.vm&amp;targettype=7&amp;targetstate=change&amp;moduleParameter=&amp;getbelongsto=y&amp;database=n&amp;breadCrumbSource="
class="links3" title="Rolle wählen ...">
Dienstreiseantrag
</a>
<span>
&nbsp;|&nbsp;
</span>
&nbsp;
<div style="float:right;margin-right:5px;">
<logout active="y" class="" maxtime="30"
timeoutmessage="Ihre Sitzung ist abgelaufen. Bitte melden Sie sich erneut an." class5min=""
class10min="" minutetext_singular="Minute" minutetext_plural="Minuten" showonmin="10"><span
id="timeouttext" class="" style="display: none;">
<logouttext>Logout in <span class="boldMin" id="min">29</span> Minuten</logouttext>
</span></logout>
</div>
</div>
<div class="divlinks">
<a name="navi"></a>
<a href="https://tc-hissva-test1.zuv.uni-heidelberg.de:8443/qisserver/rds?state=user&amp;type=8&amp;topitem=functions&amp;breadCrumbSource="
class="links2visited ">Meine Funktionen</a>
&nbsp;&nbsp;&nbsp;&nbsp;
</div>
<div class="breadcrumb">
Sie sind hier: <a class="regular"
href="https://tc-hissva-test1.zuv.uni-heidelberg.de:8443/qisserver/rds?state=user&amp;type=0&amp;topitem=">Startseite</a>
</div>
<div class="divcontent">
<div class="content_max">
<a name="lese"></a>
<h1>Reiseverlauf</h1>
<br>
<div class="tabMenuContainer">
<ul class="tabMenuList">
<li class="entry">&nbsp;
<a class="register"
href="https://tc-hissva-test1.zuv.uni-heidelberg.de:8443/qisserver/rds?state=change&amp;type=2&amp;moduleParameter=dienstReiseSearchResult&amp;parentModuleParameter=dienstReiseSearchResult&amp;nextdir=change&amp;next=SingleInput.vm&amp;subdir=sva/draedit&amp;dra.dra_serial=14&amp;sqlmode=unknown&amp;panelsection=1&amp;init=y&amp;menuid=rka&amp;isparent=y&amp;termdisplayonly=y&amp;structure=&amp;topitem=functions&amp;subitem=&amp;asi=QF84Tq4M$gf.kW41Ywmu"
title="Wechseln zu Reisedaten ...">
Reisedaten</a>
&nbsp;
</li>
<li class="current">
<span style="display: none">&nbsp;Aktiv:&nbsp;</span>
Reiseverlauf
</li>
<li class="entry">&nbsp;
<a class="register"
href="https://tc-hissva-test1.zuv.uni-heidelberg.de:8443/qisserver/rds?state=change&amp;type=2&amp;moduleParameter=bfmedit&amp;parentModuleParameter=dienstReiseSearchResult&amp;nextdir=change&amp;next=SingleInput.vm&amp;subdir=sva/draedit&amp;dra.dra_serial=14&amp;sqlmode=unknown&amp;panelsection=1&amp;init=y&amp;menuid=rka&amp;termdisplayonly=y&amp;structure=&amp;topitem=functions&amp;subitem=&amp;asi=QF84Tq4M$gf.kW41Ywmu"
title="Wechseln zu Beförderungsmittel ...">
Beförderungsmittel</a>
&nbsp;
</li>
<li class="entry">&nbsp;
<a class="register"
href="https://tc-hissva-test1.zuv.uni-heidelberg.de:8443/qisserver/rds?state=change&amp;type=2&amp;moduleParameter=dbedit&amp;parentModuleParameter=dienstReiseSearchResult&amp;nextdir=change&amp;next=SingleInput.vm&amp;subdir=sva/draedit&amp;dra.dra_serial=14&amp;sqlmode=unknown&amp;panelsection=1&amp;init=y&amp;menuid=rka&amp;termdisplayonly=y&amp;structure=&amp;topitem=functions&amp;subitem=&amp;asi=QF84Tq4M$gf.kW41Ywmu"
title="Wechseln zu DB-Angaben ...">
DB-Angaben</a>
&nbsp;
</li>
<li class="entry">&nbsp;
<a class="register"
href="https://tc-hissva-test1.zuv.uni-heidelberg.de:8443/qisserver/rds?state=change&amp;type=2&amp;moduleParameter=vorauskostenedit&amp;parentModuleParameter=dienstReiseSearchResult&amp;nextdir=change&amp;next=SingleInput.vm&amp;subdir=sva/draedit&amp;dra.dra_serial=14&amp;sqlmode=unknown&amp;panelsection=1&amp;init=y&amp;menuid=rka&amp;termdisplayonly=y&amp;structure=&amp;topitem=functions&amp;subitem=&amp;asi=QF84Tq4M$gf.kW41Ywmu"
title="Wechseln zu Voraussichtliche Kosten ...">
Voraussichtliche Kosten</a>
&nbsp;
</li>
<li class="entry">&nbsp;
<a class="register"
href="https://tc-hissva-test1.zuv.uni-heidelberg.de:8443/qisserver/rds?state=change&amp;type=2&amp;moduleParameter=finanzierung&amp;parentModuleParameter=dienstReiseSearchResult&amp;nextdir=change&amp;next=GridInput.vm&amp;subdir=sva/draedit&amp;dra.dra_serial=14&amp;sqlmode=unknown&amp;panelsection=1&amp;init=y&amp;menuid=rka&amp;termdisplayonly=y&amp;structure=&amp;topitem=functions&amp;subitem=&amp;asi=QF84Tq4M$gf.kW41Ywmu"
title="Wechseln zu Kontierung ...">
Kontierung</a>
&nbsp;
</li>
<li class="entry">&nbsp;
<a class="register"
href="https://tc-hissva-test1.zuv.uni-heidelberg.de:8443/qisserver/rds?state=change&amp;type=2&amp;moduleParameter=splittungedit&amp;parentModuleParameter=dienstReiseSearchResult&amp;nextdir=change&amp;next=GridInput.vm&amp;subdir=sva/draedit&amp;dra.dra_serial=14&amp;sqlmode=unknown&amp;panelsection=1&amp;init=y&amp;menuid=rka&amp;termdisplayonly=y&amp;structure=&amp;topitem=functions&amp;subitem=&amp;asi=QF84Tq4M$gf.kW41Ywmu"
title="Wechseln zu Finanzierung ...">
Finanzierung</a>
&nbsp;
</li>
<li class="entry">&nbsp;
<a class="register"
href="https://tc-hissva-test1.zuv.uni-heidelberg.de:8443/qisserver/rds?state=change&amp;type=2&amp;moduleParameter=drafinanzierungzus&amp;parentModuleParameter=dienstReiseSearchResult&amp;nextdir=change&amp;next=GridInput.vm&amp;subdir=sva/draedit&amp;dra.dra_serial=14&amp;sqlmode=unknown&amp;panelsection=1&amp;init=y&amp;menuid=rka&amp;termdisplayonly=y&amp;structure=&amp;topitem=functions&amp;subitem=&amp;asi=QF84Tq4M$gf.kW41Ywmu"
title="Wechseln zu Zusatzkosten ...">
Zusatzkosten</a>
&nbsp;
</li>
<li class="entry">&nbsp;
<a class="register"
href="https://tc-hissva-test1.zuv.uni-heidelberg.de:8443/qisserver/rds?state=change&amp;type=2&amp;moduleParameter=notizenbearbeiten&amp;parentModuleParameter=dienstReiseSearchResult&amp;nextdir=change&amp;next=SingleInput.vm&amp;subdir=sva/draedit&amp;dra.dra_serial=14&amp;sqlmode=unknown&amp;panelsection=1&amp;init=y&amp;menuid=rka&amp;termdisplayonly=y&amp;structure=&amp;topitem=functions&amp;subitem=&amp;asi=QF84Tq4M$gf.kW41Ywmu"
title="Wechseln zu Notizen ...">
Notizen</a>
&nbsp;
</li>
<li class="entry">&nbsp;
<a class="register"
href="https://tc-hissva-test1.zuv.uni-heidelberg.de:8443/qisserver/rds?state=change&amp;type=2&amp;moduleParameter=bankbearbeiten&amp;parentModuleParameter=dienstReiseSearchResult&amp;nextdir=change&amp;next=SingleInput.vm&amp;subdir=sva/draedit&amp;dra.dra_serial=14&amp;sqlmode=unknown&amp;panelsection=1&amp;init=y&amp;menuid=rka&amp;termdisplayonly=y&amp;structure=&amp;topitem=functions&amp;subitem=&amp;asi=QF84Tq4M$gf.kW41Ywmu"
title="Wechseln zu Bankdaten ...">
Bankdaten</a>
&nbsp;
</li>
<li class="entry">&nbsp;
<a class="register"
href="https://tc-hissva-test1.zuv.uni-heidelberg.de:8443/qisserver/rds?state=change&amp;type=2&amp;moduleParameter=kostenerstattungbearbeiten&amp;parentModuleParameter=dienstReiseSearchResult&amp;nextdir=change&amp;next=SingleInput.vm&amp;subdir=sva/draedit&amp;dra.dra_serial=14&amp;sqlmode=unknown&amp;panelsection=1&amp;init=y&amp;menuid=rka&amp;termdisplayonly=y&amp;structure=&amp;topitem=functions&amp;subitem=&amp;asi=QF84Tq4M$gf.kW41Ywmu"
title="Wechseln zu Kostenerstattung ...">
Kostenerstattung</a>
&nbsp;
</li>
<li class="entry">&nbsp;
<a class="register"
href="https://tc-hissva-test1.zuv.uni-heidelberg.de:8443/qisserver/rds?state=rkadocuments&amp;type=2&amp;moduleParameter=dokdownloadedit&amp;parentModuleParameter=dienstReiseSearchResult&amp;nextdir=change&amp;next=GridInput.vm&amp;subdir=sva/draedit&amp;dra.dra_serial=14&amp;sqlmode=unknown&amp;panelsection=1&amp;init=y&amp;menuid=rka&amp;termdisplayonly=y&amp;structure=&amp;topitem=functions&amp;subitem=&amp;asi=QF84Tq4M$gf.kW41Ywmu"
title="Wechseln zu Dokumente ...">
Dokumente</a>
&nbsp;
</li>
<li class="entry">&nbsp;
<a class="register"
href="https://tc-hissva-test1.zuv.uni-heidelberg.de:8443/qisserver/rds?state=change&amp;type=2&amp;moduleParameter=wangabenEdit&amp;parentModuleParameter=dienstReiseSearchResult&amp;nextdir=change&amp;next=SingleInput.vm&amp;subdir=sva/draedit&amp;dra.dra_serial=14&amp;sqlmode=unknown&amp;panelsection=1&amp;init=y&amp;menuid=rka&amp;termdisplayonly=y&amp;structure=&amp;topitem=functions&amp;subitem=&amp;asi=QF84Tq4M$gf.kW41Ywmu"
title="Wechseln zu &lt;b&gt;Antrag beenden&lt;/b&gt; ...">
<b>Antrag beenden</b></a>
&nbsp;
</li>
</ul>
</div>
<div style="width: 100%;">
<form
action="https://tc-hissva-test1.zuv.uni-heidelberg.de:8443/qisserver/rds?state=change&amp;type=2&amp;moduleParameter=draverlaufedit&amp;parentModuleParameter=dienstReiseSearchResult&amp;nextdir=change&amp;next=GridInput.vm&amp;uppertemplate=GridInput&amp;sqlmode=unknown&amp;subdir=sva/draedit&amp;listchosen=&amp;P_start=0&amp;P_anzahl=10&amp;_form=&amp;dra.dra_serial=14&amp;termdisplayonly=y&amp;panelsection=1&amp;rownumber=&amp;topitem=functions&amp;subitem=&amp;asi=QF84Tq4M$gf.kW41Ywmu"
method="POST">
<input type="hidden" name="allrows" value="1">
<div class="table_1">
<div class="unsichtbar">
<input tabindex="2" type="submit" name="post" value="Speichern">
</div>
<div align="left" class="normal" style="float:left">
<input tabindex="3" type="submit" name="post" value="Neu">
</div>
<table summary="Bearbeiten von Daten" align="left" border="0">
<tbody>
<tr>
<th class="mod"><abbr title="Auswahl">Ausw.</abbr></th>
<th title="" class="mod_grid">
<span class="inputerror">*</span>
<span
title="Datum und Uhrzeit im Format &#39;dd.mm.yy hh:mm&#39; eingeben - &#39;00:00:00&#39; ist nicht erlaubt">Beginn
der Reise</span>
</th>
<th title="" class="mod_grid">
<span class="inputerror">*</span>
<span
title="Datum und Uhrzeit im Format &#39;dd.mm.yy hh:mm&#39; eingeben - &#39;00:00:00&#39; ist nicht erlaubt">Ende
der Reise</span>
</th>
<th title="" class="mod_grid">
<span class="inputerror">*</span>
Von
</th>
<th title="" class="mod_grid">
Ort
</th>
<th title="" class="mod_grid">
<span class="inputerror">*</span>
Nach
</th>
<th title="" class="mod_grid">
Ort
</th>
<th title="" class="mod_grid"> </th>
<th title="" class="mod_grid">
Entfernung in km
</th>
<th title="" class="mod_grid">
CO2-Emissionen in kg
</th>
<th title="" class="mod_grid">
Kompensationsbetrag in Euro
</th>
<th title="" class="mod_grid">
Reisezone
</th>
<th title="" class="mod_grid">
Begründung
</th>
</tr>
<tr valign="top">
<td align="right">
<input type="checkbox" name="del.0" value="y" tabindex="6">
</td>
<td nowrap="nowrap">
<input id="other_1_3" class="inputnew inputmandatory" type="text" name="0.2"
value="" size="15" tabindex="6" style="text-align:left; width:auto;">
<span id="ele_other_1_3" class="qisdatetimepicker"
dtpicker-columnid="other_1_3" dtpicker-lang="de"
dtpicker-format="d.m.Y H:i:00" dtpicker-formatdate="d.m.Y"
dtpicker-formattime="H:i" dtpicker-step="15"
dtpicker-closeondateselect="n" dtpicker-closeontimeselect="y"
dtpicker-closeonwithoutclick="y" dtpicker-validateonblur="n"
dtpicker-timepicker="y" dtpicker-datepicker="y" dtpicker-weeks="y"
dtpicker-theme="default" dtpicker-mindate="" dtpicker-maxdate=""
dtpicker-defaultdate="" dtpicker-defaulttime="08:00"
dtpicker-mintime="00:00" dtpicker-maxtime="23:59" dtpicker-allowtimes=""
dtpicker-opened="n" dtpicker-todaybutton="y" dtpicker-prevbutton="y"
dtpicker-nextbutton="y" dtpicker-defaultselect="y"
dtpicker-allowblank="y" dtpicker-timepickerscrollbar="y"
dtpicker-scrollmonth="y" dtpicker-yearstart="1900"
dtpicker-yearend="2050" dtpicker-dayofweekstart="1">
</span>
<img id="ele_other_1_3i" src="calendar.svg"
style="vertical-align:middle;cursor:pointer;" alt="Kalender">
</td>
<td nowrap="nowrap">
<input id="other_1_4" class="inputnew inputmandatory" type="text" name="0.3"
value="" size="15" tabindex="7" style="text-align:left; width:auto;">
<span id="ele_other_1_4" class="qisdatetimepicker"
dtpicker-columnid="other_1_4" dtpicker-lang="de"
dtpicker-format="d.m.Y H:i:00" dtpicker-formatdate="d.m.Y"
dtpicker-formattime="H:i" dtpicker-step="15"
dtpicker-closeondateselect="n" dtpicker-closeontimeselect="y"
dtpicker-closeonwithoutclick="y" dtpicker-validateonblur="n"
dtpicker-timepicker="y" dtpicker-datepicker="y" dtpicker-weeks="y"
dtpicker-theme="default" dtpicker-mindate="" dtpicker-maxdate=""
dtpicker-defaultdate="" dtpicker-defaulttime="08:00"
dtpicker-mintime="00:00" dtpicker-maxtime="23:59" dtpicker-allowtimes=""
dtpicker-opened="n" dtpicker-todaybutton="y" dtpicker-prevbutton="y"
dtpicker-nextbutton="y" dtpicker-defaultselect="y"
dtpicker-allowblank="y" dtpicker-timepickerscrollbar="y"
dtpicker-scrollmonth="y" dtpicker-yearstart="1900"
dtpicker-yearend="2050" dtpicker-dayofweekstart="1">
</span>
<img id="ele_other_1_4i" src="calendar.svg"
style="vertical-align:middle;cursor:pointer;" alt="Kalender">
</td>
<td nowrap="nowrap">
<select id="other_1_5" class="inputnew inputmandatory" name="0.4"
tabindex="10" style="width: 15em;">
<option value="5" class="">Dienststelle</option>
<option value="4" class="" selected>Flughafen</option>
<option value="1" class="">Urlaubsort</option>
<option value="3" class="">Wohnort</option>
</select>
<span class="redcolor"></span>
<input type="hidden" name="choice.0.4" value="y">
</td>
<td nowrap="nowrap">
<input id="other_1_6" class="inputnew " type="text" name="0.5" value=""
size="20" maxlength="254" tabindex="11"
style="text-align:left; width:auto;">
</td>
<td nowrap="nowrap">
<select id="other_1_7" class="inputnew inputmandatory" name="0.6"
tabindex="14" style="width: 15em; ">
<option value="2" class="">Dienststelle</option>
<option value="4" class="" selected>Flughafen</option>
<option value="1" class="">Urlaubsort</option>
<option value="5" class="">Wohnort</option>
</select>
<span class="redcolor"></span>
<input type="hidden" name="choice.0.6" value="y">
</td>
<td nowrap="nowrap">
<input id="other_1_8" class="inputnew " type="text" name="0.7" value=""
size="20" maxlength="254" tabindex="15"
style="text-align:left; width:auto;">
</td>
<td nowrap="nowrap">
<input id="query_api" type="button" value="→"
style="text-align:left; width:auto;">
</td>
<td nowrap="nowrap">
<input id="other_1_10" class="inputnew " type="text" name="0.9" value=""
size="20" maxlength="255" tabindex="17"
style="text-align:left; width:auto;">
</td>
<td nowrap="nowrap">
<input id="other_1_11" class="inputnew " type="text" name="0.10" value=""
size="20" maxlength="255" tabindex="18"
style="text-align:left; width:auto;">
</td>
<td nowrap="nowrap">
<input id="other_1_12" class="inputnew " type="text" name="0.11" value=""
size="20" maxlength="255" tabindex="19"
style="text-align:left; width:auto;">
</td>
<td nowrap="nowrap">
<select id="other_1_13" class="inputnew " name="0.12" tabindex="22"
style="width: 15em;">
<option value="">&nbsp;</option>
<option value="EUR" class="">Europa</option>
<option value="IN" class="">Inland</option>
<option value="ITK" class="">Interkontinental</option>
</select>
<span class="redcolor"></span>
<input type="hidden" name="choice.0.12" value="y">
</td>
<td nowrap="nowrap">
<input id="other_1_14" class="inputnew " type="text" name="0.13" value=""
size="100" maxlength="255" tabindex="23"
style="text-align:left; width:auto;">
</td>
</tr>
</tbody>
</table>
</div>
<br>
<div style="clear: both;" class="warnung">*&nbsp;Neuer Datensatz ...</div>
<input type="hidden" name="sqlmode" value="insert">
<input type="hidden" name="anzrows" value="1">
<input type="hidden" name="subdir" value="sva/draedit">
<input type="hidden" name="menuid" value="rka">
<input type="hidden" name="P_anzahl" value="10">
<input type="hidden" name="P_start" value="0">
<input type="hidden" name="parentModuleParameter" value="dienstReiseSearchResult">
<input type="hidden" name="state.0" value="unknown">
<input type="hidden" name="exists.0" value="new">
<input type="hidden" name="0.0" value=" ">
<input type="hidden" name="org.0.0" value="">
<input type="hidden" name="disp.0.0" value="">
<input type="hidden" name="org.0.0" value="">
<input type="hidden" name="latest.0.0" value="">
<input type="hidden" name="key.0.0" value="">
<input type="hidden" name="0.1" value="14">
<input type="hidden" name="org.0.1" value="">
<input type="hidden" name="disp.0.1" value="">
<input type="hidden" name="org.0.1" value="">
<input type="hidden" name="latest.0.1" value="14">
<input type="hidden" name="key.0.1" value="">
<input type="hidden" name="org.0.2" value="">
<input type="hidden" name="latest.0.2" value="">
<input type="hidden" name="org.0.3" value="">
<input type="hidden" name="latest.0.3" value="">
<input type="hidden" name="org.0.4" value="">
<input type="hidden" name="latest.0.4" value="">
<input type="hidden" name="org.0.5" value="">
<input type="hidden" name="latest.0.5" value="">
<input type="hidden" name="org.0.6" value="">
<input type="hidden" name="latest.0.6" value="">
<input type="hidden" name="org.0.7" value="">
<input type="hidden" name="latest.0.7" value="">
<input type="hidden" name="org.0.8" value="">
<input type="hidden" name="latest.0.8" value="">
<input type="hidden" name="org.0.9" value="">
<input type="hidden" name="latest.0.9" value="">
<input type="hidden" name="org.0.10" value="">
<input type="hidden" name="latest.0.10" value="">
<input type="hidden" name="org.0.11" value="">
<input type="hidden" name="latest.0.11" value="">
<input type="hidden" name="org.0.12" value="">
<input type="hidden" name="latest.0.12" value="">
<input type="hidden" name="org.0.13" value="">
<input type="hidden" name="latest.0.13" value="">
<div style="clear: left;">
<input type="hidden" value="" name="fullscreen">
<input tabindex="24" type="submit" name="post" value="Speichern">
</div>
</form>
</div>
</div>
<div style="clear: both;"></div>
</div>
<div style="padding-bottom: 7em;"></div>
<div class="divfoot">
<div class="divfoot_navigation">
<a href="https://tc-hissva-test1.zuv.uni-heidelberg.de:8443/qisserver/rds?state=template&amp;template=about"
class="links3">Impressum und Datenschutz</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="https://tc-hissva-test1.zuv.uni-heidelberg.de:8443/qisserver/rds?state=template&amp;template=accessibilityStatement"
class="links3">Erklärung zur Barrierefreiheit</a>
</div>
<div class="divfoot_logo">QIS und LSF sind Produkte der
<a href="https://tc-hissva-test1.zuv.uni-heidelberg.de:8443/qisserver/rds?state=user&amp;type=0&amp;topitem="
title="Startseite"><strong>HIS</strong></a>
eG
</div>
</div>
</div>
<script type="module">
import { Calco2latoClient } from '/../js/calco2lato.js';
document.addEventListener('DOMContentLoaded', function() {
const api = new Calco2latoClient('/api-proxy.php');
const flightform = document.querySelector('#query_api');
const from = document.querySelector('#other_1_6');
const to = document.querySelector('#other_1_8');
const dist = document.querySelector('#other_1_10');
const co2 = document.querySelector('#other_1_11');
const euro = document.querySelector('#other_1_12');
flightform.addEventListener('click', async (e) => {
e.preventDefault();
try {
const flight = await api.estimateFlight({"flights": [{"departure": from.value, "arrival": to.value, "passengerCount": 1, "travelClass": "Y", "departureDate": "2025-10-08"}]});
console.log(flight)
dist.value = flight.distance
co2.value = flight.co2;
euro.value = flight.offsetInEUR;
} catch (err) {
dist.value = "-";
co2.value = "-";
euro.value = "-";
}
});
}, false);
</script>
</body>
</html>

29
public/qis/calendar.svg Normal file
View File

@@ -0,0 +1,29 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Ebene_1" x="0px" y="0px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
.st1{fill:#006AB2;}
.st2{fill:#696969;}
</style>
<rect x="5.4" y="24" class="st0" width="55.2" height="34"/>
<g>
<g>
<path class="st1" d="M58.3,62H5.7c-2,0-3.7-1.6-3.7-3.7V13.7c0-2,1.6-3.7,3.7-3.7h52.7c2,0,3.7,1.6,3.7,3.7v44.6 C62,60.4,60.4,62,58.3,62z M7.1,57H57V26H7.1V57z"/>
</g>
<g>
<g>
<path class="st2" d="M26.7,51h-4c-0.3,0-0.5-0.2-0.5-0.5V37.2l-2.7,1.3c-0.1,0.1-0.3,0.1-0.4,0c-0.1-0.1-0.2-0.2-0.3-0.3 l-0.7-3.1c-0.1-0.2,0.1-0.5,0.3-0.6l4.7-2.2c0.1,0,0.1,0,0.2,0h3.4c0.3,0,0.5,0.2,0.5,0.5v17.7C27.2,50.8,27,51,26.7,51z"/>
</g>
<g>
<path class="st2" d="M45,51H32.5c-0.3,0-0.5-0.2-0.5-0.5V48c0-0.1,0.1-0.3,0.2-0.4l2.3-2.1c3.8-3.4,5.6-5.3,5.6-7.2 c0-1.3-0.9-2.1-2.4-2.1c-1.1,0-2.3,0.5-3.5,1.4c-0.1,0.1-0.3,0.1-0.4,0.1c-0.2,0-0.3-0.2-0.3-0.3l-1.2-3c-0.1-0.2,0-0.4,0.2-0.6 c1.6-1.2,3.8-1.9,6.1-1.9c4.1,0,6.7,2.4,6.7,6.1c0,3.2-2.3,5.7-4.9,8l-0.6,0.5H45c0.3,0,0.5,0.2,0.5,0.5v3.4 C45.5,50.8,45.3,51,45,51z M38.4,47L38.4,47L38.4,47z"/>
</g>
</g>
<g>
<path class="st0" d="M43.9,0c-0.5,0.6-0.8,1.2-0.8,1.9v14.4c0,2.1,2.4,3.7,5.5,3.7c3.1,0,5.5-1.6,5.5-3.7V1.9 c0-0.7-0.3-1.4-0.8-1.9"/>
<path class="st1" d="M48.6,17.1c1.5,0,2.5-0.6,2.6-0.8l0-13.5C51,2.6,50.1,2,48.6,2C47,2,46.1,2.6,46,2.8l0,13.5 C46.1,16.5,47,17.1,48.6,17.1z"/>
</g>
<g>
<path class="st0" d="M10.8,0C10.3,0.6,10,1.2,10,1.9v14.4c0,2.1,2.4,3.7,5.5,3.7c3.1,0,5.5-1.6,5.5-3.7V1.9c0-0.7-0.3-1.4-0.8-1.9 "/>
<path class="st1" d="M15.5,17.1c1.5,0,2.5-0.6,2.6-0.8l0-13.5C18,2.6,17,2,15.5,2c-1.5,0-2.5,0.6-2.6,0.8l0,13.5 C13,16.5,13.9,17.1,15.5,17.1z"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB