Stand 17.02.2023
This commit is contained in:
aschwarz
@ -1,7 +1,7 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>{$titel_head_umfrage}</title>
|
||||
<link type="text/css" rel="stylesheet" href="../css/styles_refill.css">
|
||||
<link type="text/css" rel="stylesheet" href="../templates/{$global_template}/css/styles_refill.css">
|
||||
</head>
|
||||
|
||||
<style type='text/css'>
|
||||
|
||||
@ -1,420 +1,455 @@
|
||||
{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" );
|
||||
} );
|
||||
<head>
|
||||
|
||||
function trackKeys(evnt,regEx) {
|
||||
var keyCode = evnt.keyCode ? evnt.keyCode : evnt.which;
|
||||
return !!String.fromCharCode(keyCode).match(regEx);
|
||||
<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>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<link href="../bootstrap/node_modules/bootstrap/dist/css/bootstrap.ali.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">
|
||||
|
||||
<link type="text/css" rel="stylesheet" href="../templates/{$global_template}/css/styles_refill.css">
|
||||
<style type="text/css">
|
||||
.spinner {
|
||||
width: 112px;
|
||||
height: 15px;
|
||||
font-size: 12px !important;
|
||||
}
|
||||
//-->
|
||||
</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();
|
||||
}
|
||||
</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" );
|
||||
} );
|
||||
|
||||
});
|
||||
</script>
|
||||
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 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">
|
||||
</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;
|
||||
}
|
||||
.form-control{
|
||||
width:50%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<form action="?action=fragen" method='post' name='erfassen'>
|
||||
{if $umfrageerf_error == '1'}
|
||||
<table width="70%" class="errorTable" align="center">
|
||||
<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>
|
||||
<td>
|
||||
<img src="../templates/{$global_template}/images/pflichtfelder/achtung_gross.gif">
|
||||
</td>
|
||||
<td><b>Achtung!</b><br>
|
||||
{$umfrageerf_error_text}
|
||||
</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>
|
||||
</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 form-control" 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 form-control" 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 form-control" 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 form-control" 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 class="form-control" 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' class="btn btn-primary" 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">
|
||||
<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">
|
||||
|
||||
<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>
|
||||
<link href="../bootstrap/node_modules/bootstrap/dist/css/bootstrap.ali.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">
|
||||
<script src="../jquery/jquery-1.12.4.js"></script>
|
||||
<!-- jQuery UI CSS
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
|
||||
-->
|
||||
<script src="../jquery/jquery-ui.js"></script>
|
||||
<script type="text/javascript">
|
||||
{literal}
|
||||
|
||||
<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">
|
||||
$(document).ready(function() {
|
||||
|
||||
//Helper function to keep table row from collapsing when being sorted
|
||||
var fixHelperModified = function(e, tr) {
|
||||
var $originals = tr.children();
|
||||
var $helper = tr.clone();
|
||||
$helper.children().each(function(index)
|
||||
{
|
||||
$(this).width($originals.eq(index).width())
|
||||
});
|
||||
return $helper;
|
||||
};
|
||||
|
||||
//Make diagnosis table sortable
|
||||
$("#sortable tbody").sortable({
|
||||
helper: fixHelperModified,
|
||||
stop: function(event,ui) {
|
||||
renumber_table('#sortable')
|
||||
var order = $('#sortable tbody').sortable('toArray', { attribute: 'data-sort-id'});
|
||||
console.log(order.join(','));
|
||||
sortOrder = order.join(',');
|
||||
$.post(
|
||||
'../controller/reihenfolge.ajax.php',
|
||||
{'action':'updateSortedRows','sortOrder':sortOrder},
|
||||
function(data){
|
||||
var a = data.split('|***|');
|
||||
if(a[1]=="update"){
|
||||
$('#msg').show().delay(1000).fadeOut(500);
|
||||
$('#msg').html(a[0]);
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
}
|
||||
}).disableSelection();
|
||||
|
||||
|
||||
});
|
||||
|
||||
//Renumber table rows
|
||||
function renumber_table(tableID) {
|
||||
$(tableID + " tr").each(function() {
|
||||
count = $(this).parent().children().index($(this)) + 1;
|
||||
$(this).find('.priority').html(count);
|
||||
});
|
||||
}
|
||||
|
||||
{/literal}
|
||||
</script>
|
||||
<style type="text/css">
|
||||
.ui-sortable tr {
|
||||
cursor:pointer;
|
||||
}
|
||||
.ui-sortable tr:hover {
|
||||
background:rgba(244,251,17,0.45);
|
||||
}
|
||||
</style>
|
||||
<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;
|
||||
}
|
||||
.form-control{
|
||||
width:50%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body onload="if(document.erfassen)document.erfassen.{$umfrageerf_focus}.focus();return false;">
|
||||
<!--Anwendung-->
|
||||
<script src="../js/components/admin_erfassen.js"></script>
|
||||
|
||||
<form action="?action=save" method='post' name='erfassen'>
|
||||
{if $umfrageerf_error == '1'}
|
||||
<table width="70%" class="errorTable" align="center">
|
||||
<tr>
|
||||
<td>
|
||||
Frage:
|
||||
</td>
|
||||
<td valign="top">
|
||||
<input type="text" name="frage" id="frage" value="{$umfrageerf_value_frage}" size="60">
|
||||
</td>
|
||||
<td>
|
||||
<img src="../templates/{$global_template}/images/pflichtfelder/achtung_gross.gif">
|
||||
</td>
|
||||
<td><b>Achtung!</b><br>
|
||||
{$umfrageerf_error_text}
|
||||
</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.ali.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>
|
||||
</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 class="form-control" 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 class="form-control" type="text" name="antwort" id="antwort" value="{$umfrageerf_value_antwort}" size="60">
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br />
|
||||
<p align='center'>
|
||||
<input type='submit' class="btn btn-primary" name='senden' value="Speichern">
|
||||
</p>
|
||||
<br />
|
||||
</fieldset>
|
||||
<br>
|
||||
<br>
|
||||
<fieldset>
|
||||
<legend>
|
||||
<b>Vorschau der Fragen</b>
|
||||
</legend>
|
||||
<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">
|
||||
{section name=table_data1 loop=$table_data1}
|
||||
<a {if $table_data1[table_data1].ufid == $umfrageerf_gesp_werte_value_ufid2} class="nav-item nav-link pointer active" {else} class="nav-item nav-link pointer" {/if} data-bs-target="#tab{$table_data1[table_data1].ufid}" href="?action=fragen&tabufid={$table_data1[table_data1].ufid}"role="tab" aria-controls="public" {if $smarty.section.table_data1.rownum == $umfrageerf_gesp_werte_value_ufid2} aria-selected="true" {/if}>Frage {$smarty.section.table_data1.rownum}</a>
|
||||
<!--
|
||||
<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>
|
||||
-->
|
||||
{/section}
|
||||
<a class="nav-item nav-link pointer" data-bs-target="#neuefrage" href="?action=fragen&tabufid=neuefrage" role="tab">Neue Frage</a>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="tab-content p-3" id="myTabContent">
|
||||
<div role="tabpanel" class="tab-pane fade active show mt-2" id="tab{$umfrageerf_gesp_werte_value_ufid2}" aria-labelledby="public-tab" >
|
||||
<h2>{$umfrageerf_value_frage}</h2>
|
||||
<br>
|
||||
{if $table_data2_anz > 0}
|
||||
<table class="table" id="sortable">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Sortierung</th>
|
||||
<th>Antwortmöglichkeit</th>
|
||||
<th>Löschen</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="tb">
|
||||
{section name=table_data2 loop=$table_data2}
|
||||
<tr data-sort-id="{$table_data2[table_data2].uaid}">
|
||||
<td valign="middle" class="priority">{$smarty.section.table_data2.rownum}</td>
|
||||
<td valign="middle">{$table_data2[table_data2].antwort}</td>
|
||||
<td valign="middle"><button class="btn btn-delete btn-danger" onclick="onClickDelete({$table_data2[table_data2].uaid})">Löschen</button></td>
|
||||
</tr>
|
||||
{/section}
|
||||
</table>
|
||||
<div id="msg"></div>
|
||||
</form>
|
||||
<p align='center'><button class="btn btn-delete btn-danger" onclick="onClickDeleteQuestion({$umfrageerf_value_ufid})">Frage Löschen</button></p>
|
||||
{/if}
|
||||
</div>
|
||||
<div class="tab-pane fade mt-2" id="neuefrage" role="tabpanel" aria-labelledby="group-dropdown2-tab" >
|
||||
</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>
|
||||
</body>
|
||||
</html>
|
||||
{/if}
|
||||
@ -1,7 +1,7 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>Youtube Links</title>
|
||||
<link type="text/css" rel="stylesheet" href="../css/styles_refill.css">
|
||||
<link type="text/css" rel="stylesheet" href="../templates/{$global_template}/css/styles_refill.css">
|
||||
</head>
|
||||
|
||||
|
||||
|
||||
@ -6,28 +6,9 @@
|
||||
<link type="text/css" rel="stylesheet" href="../templates/{$global_template}/css/styles_refill.css">
|
||||
|
||||
|
||||
<script type="text/javascript" src="../ajaxtabs/ajaxtabs.js">
|
||||
|
||||
/***********************************************
|
||||
* Ajax Tabs Content script v2.2- <20> Dynamic Drive DHTML code library (www.dynamicdrive.com)
|
||||
* This notice MUST stay intact for legal use
|
||||
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
|
||||
***********************************************/
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
<style type="text/css">
|
||||
body {
|
||||
background-image: url("templates/{$global_template}/images/backgr/ground.png");
|
||||
background-repeat: repeat-x;
|
||||
background-position: left -1614px;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<body>
|
||||
|
||||
<table width="100%" cellpadding="0" cellspacing="0" border="0">
|
||||
|
||||
161
templates/modern/survey/index.html
Normal file
161
templates/modern/survey/index.html
Normal file
@ -0,0 +1,161 @@
|
||||
<!doctype html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<title>Umfrage</title>
|
||||
<!-- https://www.budde-mediendesign.de/blog/programmierung/das-bootstrap-4-grid-system-->
|
||||
<link href="../bootstrap/node_modules/bootstrap/dist/css/bootstrap.ali.css" rel="stylesheet">
|
||||
<!--
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy" crossorigin="anonymous">
|
||||
-->
|
||||
|
||||
<style type="text/css">
|
||||
body {
|
||||
background-color : #FFF;
|
||||
}
|
||||
.headline {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
.question {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 1px;
|
||||
padding-left: 10px;
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
border-bottom-left-radius: 10px;
|
||||
color: #FFF;
|
||||
background-color: #35B6BB;
|
||||
}
|
||||
.answer {
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.prog-col {
|
||||
background-color: #35B6BB;
|
||||
}
|
||||
.btn-outline-primary{
|
||||
--bs-btn-color: #0D7377;
|
||||
--bs-btn-border-color: #0D7377;
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #0D7377;
|
||||
--bs-btn-hover-border-color: #0D7377;
|
||||
--bs-btn-focus-shadow-rgb: 13, 110, 253;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #0D7377;
|
||||
--bs-btn-active-border-color: #0D7377;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
||||
--bs-btn-disabled-color: #0D7377;
|
||||
--bs-btn-disabled-bg: transparent;
|
||||
--bs-btn-disabled-border-color: #0D7377;
|
||||
--bs-gradient: none;
|
||||
background-color: #F8F9F9;
|
||||
}
|
||||
.btn-group-vertical > .btn{
|
||||
margin-bottom:20px;
|
||||
border-radius:20px !important;
|
||||
}
|
||||
.btn-group > .btn{
|
||||
margin-bottom:20px;
|
||||
border-radius:20px !important;
|
||||
}
|
||||
.btn-primary {
|
||||
--bs-btn-color: #fff;
|
||||
--bs-btn-bg: #0D7377;
|
||||
--bs-btn-border-color: #0D7377;
|
||||
--bs-btn-hover-color: #fff;
|
||||
--bs-btn-hover-bg: #35B6BB;
|
||||
--bs-btn-hover-border-color: #0BA7AD;
|
||||
--bs-btn-focus-shadow-rgb: 49, 132, 253;
|
||||
--bs-btn-active-color: #fff;
|
||||
--bs-btn-active-bg: #0BA7AD;
|
||||
--bs-btn-active-border-color: #0a53be;
|
||||
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
||||
--bs-btn-disabled-color: #fff;
|
||||
--bs-btn-disabled-bg: #0D7377;
|
||||
--bs-btn-disabled-border-color: #0D7377;
|
||||
}
|
||||
.smaller{
|
||||
font-size: 0.6em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body >
|
||||
<!-- hier kommt der Inhalt der Seite hin -->
|
||||
<div class="container">
|
||||
<div class="progress" style="height: 5px;">
|
||||
<div class="progress-bar prog-col" role="progressbar" style="width:{$umfrage_progress}%" aria-valuenow="{$umfrage_progress}" aria-valuemin="0" aria-valuemax="100"></div>
|
||||
</div>
|
||||
<div class="grid">
|
||||
<div class="headline col-12 bg-white">
|
||||
<h2>
|
||||
<p class="text-center">{$umfrage_headline}</p>
|
||||
</h2>
|
||||
</div>
|
||||
<form action="" method='post' name='erfassen'>
|
||||
{section name=table_data loop=$table_data}
|
||||
<div class="question col-12 ">
|
||||
<h4>
|
||||
<p class="text-center">{$table_data[table_data].frage}</p>
|
||||
</h4>
|
||||
{if $table_data[table_data].multiple == '1'}<p class="text-center small">Mehrfachantworten möglich</p>{/if}
|
||||
|
||||
</div>
|
||||
<br>
|
||||
<div class="col-12 btn-group-vertical btn-toolbar" role="group" aria-label="Basic radio toggle button group">
|
||||
{section name=inner loop=$table_data[table_data].inner}
|
||||
{if $table_data[table_data].multiple == '0'}
|
||||
<input value="{$table_data[table_data].inner[inner].uaid}" type="radio" class="btn-check" name="antwort" id="btnradio{$smarty.section.inner.rownum}" autocomplete="off">
|
||||
{else}
|
||||
<input value="{$table_data[table_data].inner[inner].uaid}" type="checkbox" class="btn-check" name="antwort_{$table_data[table_data].inner[inner].uaid}" id="btnradio{$smarty.section.inner.rownum}" autocomplete="off">
|
||||
{/if}
|
||||
<label class="answer btn btn-outline-primary" for="btnradio{$smarty.section.inner.rownum}">{$table_data[table_data].inner[inner].antwort}</label>
|
||||
{/section}
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="col-12 btn-group">
|
||||
{if $umfrage_start0 == '1'}
|
||||
<!--<a href="?start={$umfrage_start_newstart}" class="btn btn-light">Zurück</a>-->
|
||||
<input type="hidden" name="start" value="{$umfrage_start_newstart}">
|
||||
<input type='submit' class="btn btn-light" name='senden' value="Zurück">
|
||||
{/if}
|
||||
{if $umfrage_start0 == '2'}
|
||||
<a disabled class="btn btn-light">Zurück</a>
|
||||
{/if}
|
||||
{if $umfrage_end0 == '1'}
|
||||
<!--<a href="?start={$umfrage_end_newstart}&save={$table_data[table_data].ufid}" class="btn btn-primary">Weiter</a>-->
|
||||
<input type="hidden" name="start" value="{$umfrage_end_newstart}">
|
||||
<input type="hidden" name="save" value="{$table_data[table_data].ufid}">
|
||||
<input type='submit' class="btn btn-primary" name='senden' value="Weiter">
|
||||
{/if}
|
||||
{if $umfrage_end0 == '2'}
|
||||
<!--<a href="?start={$umfrage_end_newstart}&save={$table_data[table_data].ufid}&exit=1" class="btn btn-primary">Umfrage beenden</a>-->
|
||||
<input type="hidden" name="start" value="{$umfrage_end_newstart}">
|
||||
<input type="hidden" name="save" value="{$table_data[table_data].ufid}">
|
||||
<input type="hidden" name="exit" value="1">
|
||||
<input type='submit' class="btn btn-primary" name='senden' value="Umfrage beenden">
|
||||
|
||||
{/if}
|
||||
</div>
|
||||
{/section}
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<!--
|
||||
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-a5N7Y/aK3qNeh15eJKGWxsqtnX/wWdSZSKp+81YjTmS15nvnvxKHuzaWwXHDli+4" crossorigin="anonymous"></script>
|
||||
-->
|
||||
<script src="../jquery/jquery-3.4.1.min.js"></script>
|
||||
<script src="../bootstrap/node_modules/@popperjs/core/dist/umd/popper.min.js"></script>
|
||||
<script src="../bootstrap/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user