420 lines
16 KiB
HTML
420 lines
16 KiB
HTML
{if $action == ''}
|
|
<html>
|
|
<head>
|
|
<link type="text/css" rel="stylesheet" href="../templates/{$global_template}/css/styles_refill.css">
|
|
<link rel="stylesheet" href="../jquery/jquery-ui.css">
|
|
<link rel="stylesheet" href="../jquery/jquery.timepicker.min.css">
|
|
<script src="../jquery/jquery-1.12.4.js"></script>
|
|
<script src="../jquery/jquery-ui.js"></script>
|
|
<script src="../jquery/globalize.js"></script>
|
|
<script src="../jquery/globalize.culture.de-DE.js"></script>
|
|
<script src="../jquery/jquery.mousewheel.js"></script>
|
|
<script src="../jquery/jquery.timepicker.min.js"></script>
|
|
<style type="text/css">
|
|
.spinner {
|
|
width: 112px;
|
|
height: 15px;
|
|
font-size: 12px !important;
|
|
}
|
|
</style>
|
|
<script>
|
|
$( function() {
|
|
$( ".spinner" ).spinner({
|
|
change: function (event, ui) {
|
|
<!--calc_erm_78();-->
|
|
},
|
|
spin: function (event, ui) {
|
|
<!--calc_erm_78();-->
|
|
},
|
|
start: function (event, ui) {
|
|
<!--calc_erm_78();-->
|
|
},
|
|
stop: function (event, ui) {
|
|
<!--calc_erm_78();-->
|
|
},
|
|
step: 1,
|
|
numberFormat: "i",
|
|
min:0,
|
|
decimals:0
|
|
});
|
|
Globalize.culture( "de-DE" );
|
|
} );
|
|
|
|
function trackKeys(evnt,regEx) {
|
|
var keyCode = evnt.keyCode ? evnt.keyCode : evnt.which;
|
|
return !!String.fromCharCode(keyCode).match(regEx);
|
|
}
|
|
//-->
|
|
</script>
|
|
<script type="text/javascript">
|
|
$(function() {
|
|
$(".datepicker").datepicker({
|
|
prevText: '< zurück', prevStatus: '',
|
|
prevJumpText: '<<', prevJumpStatus: '',
|
|
changeMonth: true,
|
|
changeYear: true,
|
|
nextText: 'Vor >', nextStatus: '',
|
|
nextJumpText: '>>', nextJumpStatus: '',
|
|
currentText: 'Heute', currentStatus: '',
|
|
todayText: 'Heute', todayStatus: '',
|
|
clearText: '-', clearStatus: '',
|
|
closeText: 'schließen', closeStatus: '',
|
|
monthNames: ['Januar','Februar','März','April','Mai','Juni','Juli','August','September','Oktober','November','Dezember'],
|
|
monthNamesShort: ['Jan','Feb','Mär','Apr','Mai','Jun','Jul','Aug','Sep','Okt','Nov','Dez'],
|
|
dayNames: ['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag'],
|
|
dayNamesShort: ['So','Mo','Di','Mi','Do','Fr','Sa'],
|
|
dayNamesMin: ['So','Mo','Di','Mi','Do','Fr','Sa'],
|
|
weekHeader: 'Wo',
|
|
weekStatus: 'Woche des Monats',
|
|
showMonthAfterYear: false,
|
|
showOn: 'focus',
|
|
firstDay: 1,
|
|
numberOfMonths : 1,
|
|
yearRange: "c-5:+5",
|
|
showButtonPanel : true,
|
|
altField : "#datepicker_input",
|
|
dateFormat : "dd.mm.yy",
|
|
showWeek: true
|
|
});
|
|
$.datepicker._gotoToday = function(id) {
|
|
$(id).datepicker('setDate', new Date()).datepicker('hide').blur();
|
|
}
|
|
|
|
});
|
|
</script>
|
|
|
|
<script type="text/javascript">
|
|
$(document).ready(function(){
|
|
$('input.timepicker').timepicker({
|
|
timeFormat: 'HH:mm',
|
|
interval: 30,
|
|
minTime: '00:00',
|
|
maxTime: '23:00',
|
|
startTime: '0',
|
|
dynamic: false,
|
|
dropdown: true,
|
|
scrollbar: true
|
|
});
|
|
});
|
|
</script>
|
|
|
|
<style>
|
|
.StandardTable thead th{
|
|
background: lightgray;
|
|
border: 1px solid #656565;
|
|
font-size:12px;
|
|
font-family:Arial;
|
|
padding-top:5px;
|
|
padding-bottom:5px;
|
|
padding-left:5px;
|
|
padding-right:5px;
|
|
}
|
|
textarea{
|
|
border: 1px solid #888;
|
|
height: 6.7em;
|
|
width: 48.5em;
|
|
}
|
|
select{
|
|
width:630px;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<form action="?action=fragen" method='post' name='erfassen'>
|
|
|
|
{if $umfrageerf_error == '1'}
|
|
<table width="70%" class="errorTable" align="center">
|
|
<tr>
|
|
<td>
|
|
<img src="../templates/{$global_template}/images/pflichtfelder/achtung_gross.gif">
|
|
</td>
|
|
<td><b>Achtung!</b><br>
|
|
{$umfrageerf_error_text}
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<br />
|
|
{/if}
|
|
<fieldset>
|
|
<legend>
|
|
<b>Zeitraum der Umfrage und Bezeichnung</b>
|
|
</legend>
|
|
<br />
|
|
<br />
|
|
<table cellspacing="0" cellpadding="0" width="100%" border="0" class="StandardTable">
|
|
<tr>
|
|
<td width="30%">
|
|
Link verfügbar ab Datum:
|
|
</td>
|
|
<td>
|
|
<input type="text" class="datepicker" name="datumvon" id="datumvon" value="{$umfrageerf_value_datumvon}">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="30%">
|
|
</td>
|
|
<td>
|
|
</td>
|
|
<tr>
|
|
<tr>
|
|
<td width="30%">
|
|
Link verfügbar ab Uhrzeit:
|
|
</td>
|
|
<td>
|
|
<input type="text" class="timepicker" name="zeitvon" id="zeitvon" value="{$umfrageerf_value_zeitvon}" onKeypress="return trackKeys(event,/[0-9,:]/);">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="30%">
|
|
</td>
|
|
<td>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="30%">
|
|
Link verfügbar bis Datum:
|
|
</td>
|
|
<td>
|
|
<input type="text" class="datepicker" name="datumbis" id="datumbis" value="{$umfrageerf_value_datumbis}">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="30%">
|
|
</td>
|
|
<td>
|
|
</td>
|
|
<tr>
|
|
<tr>
|
|
<td width="30%">
|
|
Link verfügbar bis Uhrzeit:
|
|
</td>
|
|
<td>
|
|
<input type="text" class="timepicker" name="zeitbis" id="zeitbis" value="{$umfrageerf_value_zeitbis}" onKeypress="return trackKeys(event,/[0-9,:]/);">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td width="30%">
|
|
</td>
|
|
<td>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>
|
|
Headline der Umfrage:
|
|
</td>
|
|
<td valign="top">
|
|
<input type="text" name="headline" id="headline" value="{$umfrageerf_value_headline}" size="60">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
</td>
|
|
<td>
|
|
</td>
|
|
</tr>
|
|
|
|
</table>
|
|
<br />
|
|
<p align='center'>
|
|
<input type='submit' name='senden' value="Weiter - Fragen erfassen">
|
|
</p>
|
|
<br />
|
|
</fieldset>
|
|
</form>
|
|
|
|
</body>
|
|
</html>
|
|
{/if}
|
|
{if $action == 'fragen'}
|
|
<html>
|
|
<head>
|
|
<link type="text/css" rel="stylesheet" href="../templates/{$global_template}/css/styles_refill.css">
|
|
|
|
<style>
|
|
.StandardTable thead th{
|
|
background: lightgray;
|
|
border: 1px solid #656565;
|
|
font-size:12px;
|
|
font-family:Arial;
|
|
padding-top:5px;
|
|
padding-bottom:5px;
|
|
padding-left:5px;
|
|
padding-right:5px;
|
|
}
|
|
textarea{
|
|
border: 1px solid #888;
|
|
height: 6.7em;
|
|
width: 48.5em;
|
|
}
|
|
select{
|
|
width:630px;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<form action="?action=save" method='post' name='erfassen'>
|
|
|
|
{if $umfrageerf_error == '1'}
|
|
<table width="70%" class="errorTable" align="center">
|
|
<tr>
|
|
<td>
|
|
<img src="../templates/{$global_template}/images/pflichtfelder/achtung_gross.gif">
|
|
</td>
|
|
<td><b>Achtung!</b><br>
|
|
{$umfrageerf_error_text}
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<br />
|
|
{/if}
|
|
<fieldset>
|
|
<legend>
|
|
<b>Frage & Antworten erfassen</b>
|
|
</legend>
|
|
<br />
|
|
<br />
|
|
<table cellspacing="0" cellpadding="0" width="100%" border="0" class="StandardTable">
|
|
<tr>
|
|
<td>
|
|
Frage:
|
|
</td>
|
|
<td valign="top">
|
|
<input type="text" name="frage" id="frage" value="{$umfrageerf_value_frage}" size="60">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
</td>
|
|
<td>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
Antwort:
|
|
</td>
|
|
<td valign="top">
|
|
<input type="text" name="antwort" id="antwort" value="{$umfrageerf_value_antwort}" size="60">
|
|
</td>
|
|
</tr>
|
|
|
|
|
|
</table>
|
|
<br />
|
|
<p align='center'>
|
|
<input type='submit' name='senden' value="Speichern">
|
|
</p>
|
|
<br />
|
|
</fieldset>
|
|
<br>
|
|
<br>
|
|
<fieldset>
|
|
<legend>
|
|
<b> Vorschau der Frage</b>
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="description" content="Scrollable tab for Bootstrap 5">
|
|
<meta name="keywords" content="Bootstrap, Bootstrap 5, Tabs">
|
|
<meta name="author" content="Federico Navarrete">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Scrollable Tabs Bootstrap 5</title>
|
|
<link href="../bootstrap/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<script src="../bootstrap/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
|
|
|
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
|
|
</head>
|
|
<body>
|
|
<div class="w-100 pt-3">
|
|
<div class="scroller scroller-left float-start mt-2"><i class="bi bi-caret-left-fill"></i></div>
|
|
<div class="scroller scroller-right float-end mt-2"><i class="bi bi-caret-right-fill"></i></div>
|
|
<div class="wrapper-nav">
|
|
<nav class="nav nav-tabs list mt-2" id="myTab" role="tablist">
|
|
<a class="nav-item nav-link pointer active" data-bs-toggle="tab" data-bs-target="#tab1" role="tab" aria-controls="public" aria-selected="true">Tab1</a>
|
|
<a class="nav-item nav-link pointer" data-bs-target="#tab2" role="tab" data-bs-toggle="tab">Tab 2</a>
|
|
<a class="nav-item nav-link pointer" data-bs-target="#tab3" role="tab" data-bs-toggle="tab">Tab 3</a>
|
|
<a class="nav-item nav-link pointer" data-bs-target="#tab4" role="tab" data-bs-toggle="tab">Tab 4</a>
|
|
<a class="nav-item nav-link pointer" data-bs-target="#tab5" role="tab" data-bs-toggle="tab">Tab 5</a>
|
|
<a class="nav-item nav-link pointer" data-bs-target="#tab6" role="tab" data-bs-toggle="tab">Tab 6</a>
|
|
<a class="nav-item nav-link pointer" data-bs-target="#tab7" role="tab" data-bs-toggle="tab">Tab 7</a>
|
|
<a class="nav-item nav-link pointer" data-bs-target="#tab8" role="tab" data-bs-toggle="tab">Tab 8</a>
|
|
<a class="nav-item nav-link pointer" data-bs-target="#tab9" role="tab" data-bs-toggle="tab">Tab 9</a>
|
|
<a class="nav-item nav-link pointer" data-bs-target="#tab10" role="tab" data-bs-toggle="tab">Tab 10</a>
|
|
<a class="nav-item nav-link pointer" data-bs-target="#tab11" role="tab" data-bs-toggle="tab">Tab 11</a>
|
|
<a class="nav-item nav-link pointer" data-bs-target="#tab12" role="tab" data-bs-toggle="tab">Tab 12</a>
|
|
<a class="nav-item nav-link pointer" data-bs-target="#tab13" role="tab" data-bs-toggle="tab">Tab 13</a>
|
|
<a class="nav-item nav-link pointer" data-bs-target="#tab14" role="tab" data-bs-toggle="tab">Tab 14</a>
|
|
<a class="nav-item nav-link pointer" data-bs-target="#tab15" role="tab" data-bs-toggle="tab">Tab 15</a>
|
|
<a class="nav-item nav-link pointer" data-bs-target="#tab16" role="tab" data-bs-toggle="tab">Tab 16</a>
|
|
</nav>
|
|
</div>
|
|
<div class="tab-content p-3" id="myTabContent">
|
|
<div role="tabpanel" class="tab-pane fade active show mt-2" id="tab1" aria-labelledby="public-tab" >
|
|
This is the content of Tab 1...
|
|
</div>
|
|
<div class="tab-pane fade mt-2" id="tab2" role="tabpanel" aria-labelledby="group-dropdown2-tab" >
|
|
This is the content of Tab 2...
|
|
</div>
|
|
<div class="tab-pane fade mt-2" id="tab3" role="tabpanel" aria-labelledby="group-dropdown2-tab" >
|
|
This is the content of Tab 3...
|
|
</div>
|
|
<div class="tab-pane fade mt-2" id="tab4" role="tabpanel" aria-labelledby="group-dropdown2-tab" >
|
|
This is the content of Tab 4...
|
|
</div>
|
|
<div class="tab-pane fade mt-2" id="tab5" role="tabpanel" aria-labelledby="group-dropdown2-tab" >
|
|
This is the content of Tab 5...
|
|
</div>
|
|
<div class="tab-pane fade mt-2" id="tab6" role="tabpanel" aria-labelledby="group-dropdown2-tab" >
|
|
This is the content of Tab 6...
|
|
</div>
|
|
<div class="tab-pane fade mt-2" id="tab7" role="tabpanel" aria-labelledby="group-dropdown2-tab" >
|
|
This is the content of Tab 7...
|
|
</div>
|
|
<div class="tab-pane fade mt-2" id="tab8" role="tabpanel" aria-labelledby="group-dropdown2-tab" >
|
|
This is the content of Tab 8...
|
|
</div>
|
|
<div class="tab-pane fade mt-2" id="tab9" role="tabpanel" aria-labelledby="group-dropdown2-tab" >
|
|
This is the content of Tab 9...
|
|
</div>
|
|
<div class="tab-pane fade mt-2" id="tab10" role="tabpanel" aria-labelledby="group-dropdown2-tab" >
|
|
This is the content of Tab 10...
|
|
</div>
|
|
<div class="tab-pane fade mt-2" id="tab11" role="tabpanel" aria-labelledby="group-dropdown2-tab" >
|
|
This is the content of Tab 11...
|
|
</div>
|
|
<div class="tab-pane fade mt-2" id="tab12" role="tabpanel" aria-labelledby="group-dropdown2-tab" >
|
|
This is the content of Tab 12...
|
|
</div>
|
|
<div class="tab-pane fade mt-2" id="tab13" role="tabpanel" aria-labelledby="group-dropdown2-tab" >
|
|
This is the content of Tab 13...
|
|
</div>
|
|
<div class="tab-pane fade mt-2" id="tab14" role="tabpanel" aria-labelledby="group-dropdown2-tab" >
|
|
This is the content of Tab 14...
|
|
</div>
|
|
<div class="tab-pane fade mt-2" id="tab15" role="tabpanel" aria-labelledby="group-dropdown2-tab" >
|
|
This is the content of Tab 15...
|
|
</div>
|
|
<div class="tab-pane fade mt-2" id="tab16" role="tabpanel" aria-labelledby="group-dropdown2-tab" >
|
|
This is the content of Tab 16...
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<script src="../bootstrap/node_modules/move-js/move.js"></script>
|
|
<link href="../bootstrap/dist/scrollable-tabs.min.css" rel="stylesheet">
|
|
<script src="../bootstrap/dist/scrollable-tabs.min.js"></script>
|
|
</body>
|
|
</html>
|
|
</legend>
|
|
|
|
</form>
|
|
|
|
</body>
|
|
</html>
|
|
{/if} |