190 lines
5.9 KiB
HTML
190 lines
5.9 KiB
HTML
<html>
|
||
<head>
|
||
<title>Ansicht Feedback</title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
|
||
|
||
<link rel="stylesheet" type="text/css" href="css/bestformat.css">
|
||
|
||
<link rel="stylesheet" href="php/3rdparty/orderstyle/orderstyle.min.css" />
|
||
<link rel="stylesheet" href="php/3rdparty/orderstyle/jquery.mobile.icons.min.css" />
|
||
|
||
<link rel="stylesheet" href="php/3rdparty/jquery.mobile-1.4.0.min.css" type="text/css" />
|
||
<script src="php/3rdparty/jquery-2.0.3.min.js"></script>
|
||
<script src="php/3rdparty/jquery.mobile-1.4.0.min.js"></script>
|
||
<script src="utilities.js"></script>
|
||
<script src="kitchenbar.js"></script>
|
||
<style>
|
||
|
||
#tableWithEntriesToCook,#tableWithCookedEntries,#headertableToCook
|
||
{
|
||
width:100%;
|
||
}
|
||
|
||
#declareready,#declarenotcooked {
|
||
text-align:center;
|
||
vertical-align:middle;
|
||
}
|
||
|
||
#readybutton,#notreadybutton {
|
||
width:90%;
|
||
}
|
||
|
||
#optiontext
|
||
{
|
||
font-family:sans-serif;
|
||
font-size:10pt;
|
||
color:black;
|
||
}
|
||
|
||
#tableWithCookedEntries td {
|
||
background:#b4b4ec
|
||
}
|
||
|
||
.dividerline {
|
||
height: 10px;
|
||
}
|
||
</style>
|
||
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<script>
|
||
|
||
function binding() {
|
||
$("#sendMail").off("click").on("click", function (e) {
|
||
e.stopImmediatePropagation();
|
||
e.preventDefault();
|
||
|
||
var role = $('#role option:selected').text();
|
||
var topic = $('#topic option:selected').text();
|
||
var email = $("#emailaddr").val();
|
||
var tel = $("#tel").val();
|
||
var content = $("#content").val();
|
||
var rights = $("#rights").val();
|
||
|
||
if (email == '') {
|
||
alert("Email-Adresse angeben!");
|
||
return;
|
||
}
|
||
|
||
if (content == '') {
|
||
alert("Nachrichtenfeld ist leer");
|
||
return;
|
||
}
|
||
|
||
var data = {
|
||
role : role,
|
||
topic : topic,
|
||
email : email,
|
||
tel : tel,
|
||
allowSendRights : (rights == 1 ? 1 : 0),
|
||
content : content
|
||
};
|
||
|
||
doAjax("POST","php/contenthandler.php?module=feedback&command=sendMail",data,mailWasSent,"Fehler Nachrichtenversand");
|
||
});
|
||
}
|
||
|
||
function mailWasSent(jsonText) {
|
||
if (jsonText == "OK") {
|
||
alert ("Wenn eine Kopie der Nachricht an die angegebene Emailadresse gesendet wurde, scheint der Mailversand an den Entwickler erfolgreich gewesen zu sein.");
|
||
} else {
|
||
alert ("Fehler beim Nachrichtenversand: " + jsonText);
|
||
}
|
||
|
||
$("#emailaddr").val("");
|
||
$("#tel").val("");
|
||
$("#content").val("");
|
||
location.reload();
|
||
}
|
||
|
||
//pageinit event for first page
|
||
//triggers only once
|
||
//write all your on-load functions and event handlers pertaining to page1
|
||
$(document).on("pageinit", "#feedback-page", function () {
|
||
initializeMainMenu("#modulemenu");
|
||
hideMenu();
|
||
binding();
|
||
});
|
||
|
||
|
||
</script>
|
||
<!--first page -->
|
||
<div data-role="page" id="feedback-page">
|
||
<div data-role="panel" id="modulepanel" data-position="right" data-display="overlay">
|
||
<ul data-role="listview" id="modulemenu" data-divider-theme="a" data-inset="true">
|
||
<li data-role="list-divider" data-theme="b" data-role="heading">Module</li>
|
||
</ul>
|
||
</div><!-- /panel -->
|
||
<div data-role="header" data-theme="b" data-position="fixed">
|
||
<h1>Feedback</h1>
|
||
<div data-type="horizontal" style="top:0px;position:absolute;float:right;z-index:10;display:inline;" align="right" class="ui-btn-right">
|
||
<a href="#" data-role="button" data-icon="arrow-d" data-ajax="false" id="menuswitch">Module</a>
|
||
</div>
|
||
</div>
|
||
<div data-role="content" id="allpagecontent">
|
||
<p>Diese Seite dient zur <20>bermittlung von Feedback an den Entwickler. Die Email wird das Mailkonto
|
||
des Betreibers versendet.</p>
|
||
<form>
|
||
<div class="ui-field-contain">
|
||
<label for="role">Rolle:</label>
|
||
<select name="role" id="role" data-theme="e">
|
||
<option value="1" selected>Kellner</option>
|
||
<option value="2">K<EFBFBD>chenpersonal</option>
|
||
<option value="3">Gastwirt</option>
|
||
<option value="4">Betriebspr<EFBFBD>fer</option>
|
||
<option value="5">Tester</option>
|
||
</select>
|
||
</div> <!-- ui-field-contain -->
|
||
|
||
<div class="ui-field-contain">
|
||
<label for="topic">Thema:</label>
|
||
<select name="topic" id="topic" data-theme="e">
|
||
<option value="1" selected>Problem</option>
|
||
<option value="2">Frage</option>
|
||
<option value="3">Allg. R<>ckmeldung</option>
|
||
</select>
|
||
</div> <!-- ui-field-contain -->
|
||
|
||
<div class="ui-field-contain">
|
||
<label for="rights"><EFBFBD>bermittlung:</label>
|
||
<select name="rights" id="rights" data-theme="e">
|
||
<option value="1" selected>mit DB-Info und Benutzerrechten</option>
|
||
<option value="2">nur Nachricht</option>
|
||
</select>
|
||
</div> <!-- ui-field-contain -->
|
||
|
||
<div class="ui-field-contain">
|
||
<label for="emailaddr">Email:</label>
|
||
<input type="text" id="emailaddr" value="" data-mini="true" placeholder="Email-Adresse" data-theme="e" />
|
||
</div> <!-- ui-field-contain -->
|
||
|
||
<div class="ui-field-contain">
|
||
<label for="tel">Telefon:</label>
|
||
<input type="text" id="tel" value="" data-mini="true" placeholder="0123-456789" data-theme="e"/>
|
||
</div> <!-- ui-field-contain -->
|
||
|
||
<div class="ui-field-contain">
|
||
<label for="content">Nachricht:</label>
|
||
<textarea cols="40" rows="8" name="content" id="content" data-theme="c"></textarea>
|
||
</div> <!-- ui-field-contain -->
|
||
|
||
<p>Bitte <i>Telefonnummer</i> angeben, wenn eine <b>Antwort</b> per Telefon gew<65>nscht wird.
|
||
<br>Eine Antwort des Entwicklers
|
||
kann nicht garantiert werden! Informationen <20>ber den verwendeten Internetbrowser wird an den Entwickler gesendet, damit m<>gliche Fragen
|
||
oder Probleme leichter identifiziert werden k<>nnen.</p>
|
||
|
||
<button type="submit" data-theme="f" data-icon="check" id="sendMail">Absenden</button>
|
||
</form>
|
||
</div>
|
||
<div data-role="footer" data-theme="b" id="thefooterr">
|
||
<div class="ui-grid-a">
|
||
<div class="ui-block-a userinfo" id="loggedinuser"></div>
|
||
<div class="ui-block-b grid_right" id="versioninfo"></div>
|
||
</div><!-- /grid-a -->
|
||
</div> <!-- footer -->
|
||
|
||
</body>
|
||
</html> |