PHPMailer

This commit is contained in:
aschwarz
2023-04-27 17:15:50 +02:00
parent de6abfa26c
commit 1235a0e270
167 changed files with 32558 additions and 22071 deletions

View File

@ -1,46 +1,46 @@
<div id="layoutSidenav_nav">
<nav class="bg-juandmi sb-sidenav accordion sb-sidenav-dark" id="sidenavAccordion">
<div class="sb-sidenav-menu">
<div class="nav">
<!--<div class="sb-sidenav-menu-heading">Core</div>-->
<a class="nav-link" href="startseite.php">
<div class="sb-nav-link-icon"><i class="fas fa-house"></i></div>
Home
</a>
<div class="sb-sidenav-menu-heading">Umfrage</div>
<a class="nav-link" href="survey_erfassen.php?new=1">
<div class="sb-nav-link-icon"><i class="fas fa-pie-chart"></i></div>
Erstellen
</a>
<a class="nav-link" href="survey_edit.php?new=1">
<div class="sb-nav-link-icon"><i class="fas fa-edit"></i></div>
Bearbeiten
</a>
<div class="sb-sidenav-menu-heading">Administration</div>
<a class="nav-link" href="parameter.php">
<div class="sb-nav-link-icon"><i class="fas fa-cog"></i></div>
Systemparameter
</a>
<a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#collapseLayouts" aria-expanded="false" aria-controls="collapseLayouts">
<div class="sb-nav-link-icon"><i class="fas fa-user"></i></div>
Benutzerverwaltung
<div class="sb-sidenav-collapse-arrow"><i class="fas fa-angle-down"></i></div>
</a>
<div class="collapse" id="collapseLayouts" aria-labelledby="headingOne" data-bs-parent="#sidenavAccordion">
<nav class="sb-sidenav-menu-nested nav">
<a class="nav-link" href="create_user.php">Benutzer erstellen</a>
<!--<a class="nav-link" href="layout-sidenav-light.html">Light Sidenav</a>-->
</nav>
<nav class="sb-sidenav-menu-nested nav">
<a class="nav-link" href="edit_user.php">Benutzer bearbeiten</a>
<!--<a class="nav-link" href="layout-sidenav-light.html">Light Sidenav</a>-->
</nav>
</div>
</div>
</div>
<div class="bg-juandmi sb-sidenav-footer">
<div class="small">Eingeloggt als:</div>
{$nav_name}
</div>
</nav>
<div id="layoutSidenav_nav">
<nav class="bg-juandmi sb-sidenav accordion sb-sidenav-dark" id="sidenavAccordion">
<div class="sb-sidenav-menu">
<div class="nav">
<!--<div class="sb-sidenav-menu-heading">Core</div>-->
<a class="nav-link" href="startseite.php">
<div class="sb-nav-link-icon"><i class="fas fa-house"></i></div>
Home
</a>
<div class="sb-sidenav-menu-heading">Umfrage</div>
<a class="nav-link" href="survey_erfassen.php?new=1">
<div class="sb-nav-link-icon"><i class="fas fa-pie-chart"></i></div>
Erstellen
</a>
<a class="nav-link" href="survey_edit.php?new=1">
<div class="sb-nav-link-icon"><i class="fas fa-edit"></i></div>
Bearbeiten
</a>
<div class="sb-sidenav-menu-heading">Administration</div>
<a class="nav-link" href="parameter.php">
<div class="sb-nav-link-icon"><i class="fas fa-cog"></i></div>
Systemparameter
</a>
<a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#collapseLayouts" aria-expanded="false" aria-controls="collapseLayouts">
<div class="sb-nav-link-icon"><i class="fas fa-user"></i></div>
Benutzerverwaltung
<div class="sb-sidenav-collapse-arrow"><i class="fas fa-angle-down"></i></div>
</a>
<div class="collapse" id="collapseLayouts" aria-labelledby="headingOne" data-bs-parent="#sidenavAccordion">
<nav class="sb-sidenav-menu-nested nav">
<a class="nav-link" href="create_user.php">Benutzer erstellen</a>
<!--<a class="nav-link" href="layout-sidenav-light.html">Light Sidenav</a>-->
</nav>
<nav class="sb-sidenav-menu-nested nav">
<a class="nav-link" href="edit_user.php">Benutzer bearbeiten</a>
<!--<a class="nav-link" href="layout-sidenav-light.html">Light Sidenav</a>-->
</nav>
</div>
</div>
</div>
<div class="bg-juandmi sb-sidenav-footer">
<div class="small">Eingeloggt als:</div>
{$nav_name}
</div>
</nav>
</div>

View File

@ -1,88 +1,88 @@
{if $action == ''}
<!DOCTYPE html>
<html lang="de">
<head>
<title>JU & MI Passwort</title>
<link rel="stylesheet" href="../jquery/jquery-ui.css">
<link rel="stylesheet" href="../jquery/jquery.timepicker.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<script src="js/all.js" crossorigin="anonymous"></script>
<script src="../jquery/jquery-3.4.1.min.js"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
<script>
function keysave(ele) {
if(event.key === 'Enter') {
changepwd();
}
}
</script>
</head>
<body class="sb-nav-fixed">
<div id="navtop"></div>
{literal}
<script>
$(function(){
// im Navbar muss der toggle in der Callbackfunktion definiert werden. Sonst findet jquery getelementbyID nicht
$("#navtop").load('navtop.php', null, function(){$.getScript('js/scripts.js');});
$("#navleft").load("nav.php");
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutSidenav">
<!-- Navigation left -->
<div id="navleft"></div>
<div id="layoutSidenav_content">
<main>
<!--Anwendung-->
<script src="../js/components/admin_changepwd.js"></script>
<div class="container-fluid">
<div class="card">
<div class="card-header">
<i class="fas fa-edit me-1"></i>
Passwortwechsel
</div>
<div class="card-body">
<div class="row">
<div class="row mt-0 mt-sm-4 mb-0 mb-sm-4">
<div class="col-12 col-md-4">Altes Passwort:</div>
<div class="col-12 col-md-8">
<input type="password" id="password" class="form-control rounded-right" required onkeydown="keysave(this)">
</div>
</div>
<div class="row mt-0 mt-sm-4 mb-0 mb-sm-4">
<div class="col-12 col-md-4">Neues Passwort:</div>
<div class="col-12 col-md-8">
<input type="password" id="password_new1" class="form-control rounded-right" required onkeydown="keysave(this)">
</div>
</div>
<div class="row mt-0 mt-sm-4 mb-0 mb-sm-4">
<div class="col-12 col-md-4">Passwortwiederholung:</div>
<div class="col-12 col-md-8">
<input type="password" id="password_new2" class="form-control rounded-right" required onkeydown="keysave(this)">
</div>
</div>
</div>
<p align='center'>
<button class="col-6 btn btn-primary btn-sm mt-3" id="save" onclick="changepwd();">Speichern</button>
</p>
</div>
</div>
</div>
<div id="msg"></div>
</main>
<!-- footer -->
<div id="footer"></div>
</div>
</div>
</body>
</html>
{/if}
{if $action == ''}
<!DOCTYPE html>
<html lang="de">
<head>
<title>JU & MI Passwort</title>
<link rel="stylesheet" href="../jquery/jquery-ui.css">
<link rel="stylesheet" href="../jquery/jquery.timepicker.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<script src="js/all.js" crossorigin="anonymous"></script>
<script src="../jquery/jquery-3.4.1.min.js"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
<script>
function keysave(ele) {
if(event.key === 'Enter') {
changepwd();
}
}
</script>
</head>
<body class="sb-nav-fixed">
<div id="navtop"></div>
{literal}
<script>
$(function(){
// im Navbar muss der toggle in der Callbackfunktion definiert werden. Sonst findet jquery getelementbyID nicht
$("#navtop").load('navtop.php', null, function(){$.getScript('js/scripts.js');});
$("#navleft").load("nav.php");
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutSidenav">
<!-- Navigation left -->
<div id="navleft"></div>
<div id="layoutSidenav_content">
<main>
<!--Anwendung-->
<script src="../js/components/admin_changepwd.js"></script>
<div class="container-fluid">
<div class="card">
<div class="card-header">
<i class="fas fa-edit me-1"></i>
Passwortwechsel
</div>
<div class="card-body">
<div class="row">
<div class="row mt-0 mt-sm-4 mb-0 mb-sm-4">
<div class="col-12 col-md-4">Altes Passwort:</div>
<div class="col-12 col-md-8">
<input type="password" id="password" class="form-control rounded-right" required onkeydown="keysave(this)">
</div>
</div>
<div class="row mt-0 mt-sm-4 mb-0 mb-sm-4">
<div class="col-12 col-md-4">Neues Passwort:</div>
<div class="col-12 col-md-8">
<input type="password" id="password_new1" class="form-control rounded-right" required onkeydown="keysave(this)">
</div>
</div>
<div class="row mt-0 mt-sm-4 mb-0 mb-sm-4">
<div class="col-12 col-md-4">Passwortwiederholung:</div>
<div class="col-12 col-md-8">
<input type="password" id="password_new2" class="form-control rounded-right" required onkeydown="keysave(this)">
</div>
</div>
</div>
<p align='center'>
<button class="col-6 btn btn-primary btn-sm mt-3" id="save" onclick="changepwd();">Speichern</button>
</p>
</div>
</div>
</div>
<div id="msg"></div>
</main>
<!-- footer -->
<div id="footer"></div>
</div>
</div>
</body>
</html>
{/if}

View File

@ -1,217 +1,217 @@
{if $action == ''}
<!DOCTYPE html>
<html lang="de">
<head>
{if $create_edit == ''}
<title>JU & MI S&auml;ngerIn erfassen</title>
{else}
<title>JU & MI S&auml;ngerIn bearbeiten</title>
{/if}
<link rel="stylesheet" href="../jquery/jquery.timepicker.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<script src="js/all.js" crossorigin="anonymous"></script>
<script src="../jquery/jquery-3.4.1.min.js"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
<script type="text/javascript" src="../js/file_upload/vpb_uploader_member.js"></script>
<script type="text/javascript">$(document).ready(function()
{
// Call the main function
new vpb_multiple_file_uploader
({
vpb_form_id: "form_id", // Form ID
autoSubmit: true,
vpb_server_url: "../controller/admin_memberupload.php"
});
});
</script>
<link href = "../jquery/jquery-ui-themes-1.13.2/jquery-ui.css" rel = "stylesheet">
</head>
<body class="sb-nav-fixed">
<div id="navtop"></div>
{literal}
<script>
$(function(){
// im Navbar muss der toggle in der Callbackfunktion definiert werden. Sonst findet jquery getelementbyID nicht
$("#navtop").load('navtop.php', null, function(){$.getScript('js/scripts.js');});
$("#navleft").load("nav.php");
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutSidenav">
<!-- Navigation left -->
<div id="navleft"></div>
<div id="layoutSidenav_content">
<main>
<div class="container-fluid">
<form name="form_id" id="form_id" action="javascript:void(0);" enctype="multipart/form-data">
<div class="card">
<div class="card-header">
<i class="fa-solid fa-user"></i>
{if $create_edit == ''}
S&auml;ngerIn erfassen
{else}
S&auml;ngerIn bearbeiten
{/if}
</div>
<div class="card-body">
<div class="row">
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">Vorname:</div>
<div class="col-12 col-md-8"><input type="text" class="form-control" name="vorname" id="vorname" value="{$member_anlegen_vorname}"></div>
</div>
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">Nachname:</div>
<div class="col-12 col-md-8"><input type="text" class="form-control" name="nachname" id="nachname" value="{$member_anlegen_nachname}"></div>
</div>
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">Mailadresse:</div>
<div class="col-12 col-md-8">
<input type="email" class="form-control" name="mail" id="mail" value="{$member_anlegen_mail}" onkeyup="checkUser()">
<div id="mailmsg"></div>
</div>
</div>
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">Singstimme:</div>
<div class="col-12 col-md-8">
<select name="singstimme"class="form-control" id="singstimme">
<option value="1" {if $member_anlegen_singstimme == 1} selected {/if}>Sopran</option>
<option value="2" {if $member_anlegen_singstimme == 2} selected {/if}>Alt</option>
<option value="3" {if $member_anlegen_singstimme == 3} selected {/if}>Tenor</option>
<option value="4" {if $member_anlegen_singstimme == 4} selected {/if}>Ba&szlig;</option>
<option value="5" {if $member_anlegen_singstimme == 5} selected {/if}>Unbekannt</option>
</select>
</div>
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">Einwilligungserkl&auml;rung:</div>
<div class="col-12 col-md-8">
<label><input type="checkbox" name="einw_livestream" id="einw_livestream" onclick="erf_einw('einw_livestream', {$create_edit});" value="1" {if $member_anlegen_einw_livestream == '1'} checked {/if}> Livestream </label><br>
<label><input type="checkbox" name="einw_homepage" id="einw_homepage" onclick="erf_einw('einw_homepage', {$create_edit});" value="1" {if $member_anlegen_einw_homepage == '1'} checked {/if}> Homepage </label><br>
<label><input type="checkbox" name="einw_socialmedia" id="einw_socialmedia" onclick="erf_einw('einw_socialmedia', {$create_edit});" value="1" {if $member_anlegen_einw_socialmedia == '1'} checked {/if}> Social Media</label>
</div>
</div>
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">Mind. 16 Jahre alt oder &auml;lter?</div>
<div class="col-12 col-md-8">
<div class="form-check">
<input class="form-check-input" value="1" type="radio" name="alter16" id="alter16_ja" onclick="erf_alter({$create_edit});" {if $member_anlegen_alter16 == '1'} checked {/if}>
<label class="form-check-label" for="alter16_ja">16 Jahre alt oder &auml;lter</label>
</div>
<div class="form-check">
<input class="form-check-input" value="0" type="radio" name="alter16" id="alter16_no" onclick="erf_alter({$create_edit});" {if $member_anlegen_alter16 == '0' or $member_anlegen_alter16 == ''} checked {/if}>
<label class="form-check-label" for="alter16_no">Unter 16 Jahre</label>
</div>
</div>
</div>
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">Bemerkung:</div>
<div class="col-12 col-md-8">
<div class="form-group">
<textarea id="bemerkung">{$member_anlegen_bemerkung}</textarea>
</div>
</div>
</div>
{if $create_edit != ''}
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">Registrierungsdatum:</div>
<div class="col-12 col-md-8">
{$member_anlegen_selfreg_date_form}
</div>
</div>
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">Dateien:</div>
<div class="col-12 col-md-8">
<div class="form-group">
<table class="table table-striped table-bordered" id="curdoks">
<thead>
<tr>
<th style="color:blue; text-align:center;">Datei</th>
<th style="color:blue; text-align:center;">Uploaddatum</th>
<th style="color:blue; text-align:center;">Aktion</th>
<tr>
</thead>
<tbody>
{section name=table_data loop=$table_data}
<tr>
<td>
{if $table_data[table_data].file_exists == 1}
<a href="{$table_data[table_data].filename}" target="_new">{$table_data[table_data].originalname}</a>
{else}
{$table_data[table_data].originalname}
{/if}
</td>
<td>{$table_data[table_data].uploaddatum}</td>
<td><a class="btn btn-danger btn-rounded btn-icon btn-sm" onclick="delMemberFile({$table_data[table_data].id})"><i class="fa fa-trash" style="width:18px;"></i></a></td>
</tr>
{/section}
</tbody>
</table>
</div>
</div>
</div>
{/if}
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<label for="formFile" class="form-label">
<div class="col-12 col-md-4">PDF:</div>
<div class="col-12col-md-8">
<input class="form-control" type="file" name="vasplus_multiple_files" id="vasplus_multiple_files" multiple="multiple">
</div>
</label>
</div>
<table class="table table-striped table-bordered" id="add_files">
<thead>
<tr>
<th style="color:blue; text-align:center;">Datei</th>
<th style="color:blue; text-align:center;">Status</th>
<th style="color:blue; text-align:center;">Gr&ouml;&szlig;e</th>
<th style="color:blue; text-align:center;">Aktion</th>
<tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<p align='center'>
{if $create_edit != ''}
<input type="hidden" id="csid" value="{$create_edit}">
{else}
<input type="hidden" id="csid" value="-1">
{/if}
<button class="col-6 btn btn-primary btn-sm mt-3" id="save" onclick="membersave();">Speichern</button>
</p>
</div>
</div>
</div>
<div id="msg"></div>
<div id="msg1"></div>
</form>
</div>
</main>
<!--
<script src="https://cdn.tiny.cloud/1/1rbpdpgs5ibxxotsljroj6rzz4t6v4akerjkdj7tuzdzlic6/tinymce/6/tinymce.min.js" referrerpolicy="origin"></script>
-->
<script src="../tinymce/js/tinymce/tinymce.min.js"></script>
<script>
tinymce.init({
selector: 'textarea#bemerkung',
height: 200,
// skin: 'bootstrap',
plugins: 'lists, link',
toolbar: 'h1 h2 bold italic strikethrough blockquote bullist numlist backcolor | link | removeformat help',
menubar: false,
});
</script>
<!-- footer -->
<div id="footer"></div>
</div>
</div>
</body>
</html>
{if $action == ''}
<!DOCTYPE html>
<html lang="de">
<head>
{if $create_edit == ''}
<title>JU & MI S&auml;ngerIn erfassen</title>
{else}
<title>JU & MI S&auml;ngerIn bearbeiten</title>
{/if}
<link rel="stylesheet" href="../jquery/jquery.timepicker.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<script src="js/all.js" crossorigin="anonymous"></script>
<script src="../jquery/jquery-3.4.1.min.js"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
<script type="text/javascript" src="../js/file_upload/vpb_uploader_member.js"></script>
<script type="text/javascript">$(document).ready(function()
{
// Call the main function
new vpb_multiple_file_uploader
({
vpb_form_id: "form_id", // Form ID
autoSubmit: true,
vpb_server_url: "../controller/admin_memberupload.php"
});
});
</script>
<link href = "../jquery/jquery-ui-themes-1.13.2/jquery-ui.css" rel = "stylesheet">
</head>
<body class="sb-nav-fixed">
<div id="navtop"></div>
{literal}
<script>
$(function(){
// im Navbar muss der toggle in der Callbackfunktion definiert werden. Sonst findet jquery getelementbyID nicht
$("#navtop").load('navtop.php', null, function(){$.getScript('js/scripts.js');});
$("#navleft").load("nav.php");
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutSidenav">
<!-- Navigation left -->
<div id="navleft"></div>
<div id="layoutSidenav_content">
<main>
<div class="container-fluid">
<form name="form_id" id="form_id" action="javascript:void(0);" enctype="multipart/form-data">
<div class="card">
<div class="card-header">
<i class="fa-solid fa-user"></i>
{if $create_edit == ''}
S&auml;ngerIn erfassen
{else}
S&auml;ngerIn bearbeiten
{/if}
</div>
<div class="card-body">
<div class="row">
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">Vorname:</div>
<div class="col-12 col-md-8"><input type="text" class="form-control" name="vorname" id="vorname" value="{$member_anlegen_vorname}"></div>
</div>
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">Nachname:</div>
<div class="col-12 col-md-8"><input type="text" class="form-control" name="nachname" id="nachname" value="{$member_anlegen_nachname}"></div>
</div>
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">Mailadresse:</div>
<div class="col-12 col-md-8">
<input type="email" class="form-control" name="mail" id="mail" value="{$member_anlegen_mail}" onkeyup="checkUser()">
<div id="mailmsg"></div>
</div>
</div>
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">Singstimme:</div>
<div class="col-12 col-md-8">
<select name="singstimme"class="form-control" id="singstimme">
<option value="1" {if $member_anlegen_singstimme == 1} selected {/if}>Sopran</option>
<option value="2" {if $member_anlegen_singstimme == 2} selected {/if}>Alt</option>
<option value="3" {if $member_anlegen_singstimme == 3} selected {/if}>Tenor</option>
<option value="4" {if $member_anlegen_singstimme == 4} selected {/if}>Ba&szlig;</option>
<option value="5" {if $member_anlegen_singstimme == 5} selected {/if}>Unbekannt</option>
</select>
</div>
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">Einwilligungserkl&auml;rung:</div>
<div class="col-12 col-md-8">
<label><input type="checkbox" name="einw_livestream" id="einw_livestream" onclick="erf_einw('einw_livestream', {$create_edit});" value="1" {if $member_anlegen_einw_livestream == '1'} checked {/if}> Livestream </label><br>
<label><input type="checkbox" name="einw_homepage" id="einw_homepage" onclick="erf_einw('einw_homepage', {$create_edit});" value="1" {if $member_anlegen_einw_homepage == '1'} checked {/if}> Homepage </label><br>
<label><input type="checkbox" name="einw_socialmedia" id="einw_socialmedia" onclick="erf_einw('einw_socialmedia', {$create_edit});" value="1" {if $member_anlegen_einw_socialmedia == '1'} checked {/if}> Social Media</label>
</div>
</div>
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">Mind. 16 Jahre alt oder &auml;lter?</div>
<div class="col-12 col-md-8">
<div class="form-check">
<input class="form-check-input" value="1" type="radio" name="alter16" id="alter16_ja" onclick="erf_alter({$create_edit});" {if $member_anlegen_alter16 == '1'} checked {/if}>
<label class="form-check-label" for="alter16_ja">16 Jahre alt oder &auml;lter</label>
</div>
<div class="form-check">
<input class="form-check-input" value="0" type="radio" name="alter16" id="alter16_no" onclick="erf_alter({$create_edit});" {if $member_anlegen_alter16 == '0' or $member_anlegen_alter16 == ''} checked {/if}>
<label class="form-check-label" for="alter16_no">Unter 16 Jahre</label>
</div>
</div>
</div>
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">Bemerkung:</div>
<div class="col-12 col-md-8">
<div class="form-group">
<textarea id="bemerkung">{$member_anlegen_bemerkung}</textarea>
</div>
</div>
</div>
{if $create_edit != ''}
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">Registrierungsdatum:</div>
<div class="col-12 col-md-8">
{$member_anlegen_selfreg_date_form}
</div>
</div>
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">Dateien:</div>
<div class="col-12 col-md-8">
<div class="form-group">
<table class="table table-striped table-bordered" id="curdoks">
<thead>
<tr>
<th style="color:blue; text-align:center;">Datei</th>
<th style="color:blue; text-align:center;">Uploaddatum</th>
<th style="color:blue; text-align:center;">Aktion</th>
<tr>
</thead>
<tbody>
{section name=table_data loop=$table_data}
<tr>
<td>
{if $table_data[table_data].file_exists == 1}
<a href="{$table_data[table_data].filename}" target="_new">{$table_data[table_data].originalname}</a>
{else}
{$table_data[table_data].originalname}
{/if}
</td>
<td>{$table_data[table_data].uploaddatum}</td>
<td><a class="btn btn-danger btn-rounded btn-icon btn-sm" onclick="delMemberFile({$table_data[table_data].id})"><i class="fa fa-trash" style="width:18px;"></i></a></td>
</tr>
{/section}
</tbody>
</table>
</div>
</div>
</div>
{/if}
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<label for="formFile" class="form-label">
<div class="col-12 col-md-4">PDF:</div>
<div class="col-12col-md-8">
<input class="form-control" type="file" name="vasplus_multiple_files" id="vasplus_multiple_files" multiple="multiple">
</div>
</label>
</div>
<table class="table table-striped table-bordered" id="add_files">
<thead>
<tr>
<th style="color:blue; text-align:center;">Datei</th>
<th style="color:blue; text-align:center;">Status</th>
<th style="color:blue; text-align:center;">Gr&ouml;&szlig;e</th>
<th style="color:blue; text-align:center;">Aktion</th>
<tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<p align='center'>
{if $create_edit != ''}
<input type="hidden" id="csid" value="{$create_edit}">
{else}
<input type="hidden" id="csid" value="-1">
{/if}
<button class="col-6 btn btn-primary btn-sm mt-3" id="save" onclick="membersave();">Speichern</button>
</p>
</div>
</div>
</div>
<div id="msg"></div>
<div id="msg1"></div>
</form>
</div>
</main>
<!--
<script src="https://cdn.tiny.cloud/1/1rbpdpgs5ibxxotsljroj6rzz4t6v4akerjkdj7tuzdzlic6/tinymce/6/tinymce.min.js" referrerpolicy="origin"></script>
-->
<script src="../tinymce/js/tinymce/tinymce.min.js"></script>
<script>
tinymce.init({
selector: 'textarea#bemerkung',
height: 200,
// skin: 'bootstrap',
plugins: 'lists, link',
toolbar: 'h1 h2 bold italic strikethrough blockquote bullist numlist backcolor | link | removeformat help',
menubar: false,
});
</script>
<!-- footer -->
<div id="footer"></div>
</div>
</div>
</body>
</html>
{/if}

View File

@ -1,224 +1,224 @@
{if $action == ''}
<!DOCTYPE html>
<html lang="de">
<head>
<title>JU & MI Benutzer erstellen</title>
<link rel="stylesheet" href="../jquery/jquery-ui.css">
<link rel="stylesheet" href="../jquery/jquery.timepicker.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<script src="js/all.js" crossorigin="anonymous"></script>
<script src="../jquery/jquery-3.4.1.min.js"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
<style>
.multiselect-container {
position: absolute;
list-style-type: none;
margin: 5px 0 0 0;
width: 100%;
padding: 10px 0;
border: none;
-webkit-box-shadow: 0px 10px 23px -16px rgba(0, 0, 0, 0.14);
-moz-box-shadow: 0px 10px 23px -16px rgba(0, 0, 0, 0.14);
box-shadow: 0px 10px 23px -16px rgba(0, 0, 0, 0.14); }
.multiselect-container .input-group {
margin: 5px; }
.multiselect-container > li {
padding: 0;
font-size: 14px; }
.multiselect-container > li > a.multiselect-all label {
font-weight: 700;
color: gray; }
.multiselect-container > li.multiselect-group label {
margin: 0;
padding: 3px 20px 3px 20px;
height: 100%;
font-weight: 700; }
.multiselect-container > li.multiselect-group-clickable label {
cursor: pointer; }
.multiselect-container > li > a {
padding: 5px 0;
color: #000;
display: block; }
.multiselect-container > li > a > label {
display: block;
position: relative;
padding-left: 20px;
margin-bottom: 12px;
cursor: pointer;
font-size: 16px;
font-weight: 500;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.multiselect-container > li > a > label:before {
content: "";
display: inline-block;
position: relative;
height: 20px;
width: 20px;
border: 2px solid rgba(0, 0, 0, 0.2);
border-radius: 4px;
background-color: transparent;
margin-right: 15px;
vertical-align: middle; }
.multiselect-container > li.active > a > label:before {
font-family: 'fontAwesome';
content: "\f00c";
color: #fff;
background-color: #52de97;
border: 0;
display: inline-block;
padding: 0;
line-height: 1.2;
padding-left: 2px; }
.multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox {
margin: 0; }
.multiselect-container > li > a > label > input[type=checkbox] {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0; }
.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px; }
.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
padding: 3px 20px 3px 40px; }
.form-inline .multiselect-container li a label.checkbox input[type=checkbox],
.form-inline .multiselect-container li a label.radio input[type=radio] {
margin-left: -20px;
margin-right: 0; }
.btn-group {
height: 52px;
width: calc(100% - 150px); }
.btn-group button {
border-radius: 4px;
background: #fff;
-webkit-box-shadow: 0px 10px 23px -16px rgba(0, 0, 0, 0.14);
-moz-box-shadow: 0px 10px 23px -16px rgba(0, 0, 0, 0.14);
box-shadow: 0px 10px 23px -16px rgba(0, 0, 0, 0.14);
padding: 0 10px;
text-align: left;
position: relative; }
.btn-group button:after {
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #999999; }
.btn-group button:focus {
-webkit-box-shadow: 0px 10px 23px -16px rgba(0, 0, 0, 0.14);
-moz-box-shadow: 0px 10px 23px -16px rgba(0, 0, 0, 0.14);
box-shadow: 0px 10px 23px -16px rgba(0, 0, 0, 0.14);
padding: 0 10px; }
.sl {
color: gray;
width: 150px; }
</style>
</head>
<body class="sb-nav-fixed">
<div id="navtop"></div>
{literal}
<script>
$(function(){
// im Navbar muss der toggle in der Callbackfunktion definiert werden. Sonst findet jquery getelementbyID nicht
$("#navtop").load('navtop.php', null, function(){$.getScript('js/scripts.js');});
$("#navleft").load("nav.php");
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutSidenav">
<!-- Navigation left -->
<div id="navleft"></div>
<div id="layoutSidenav_content">
<main>
<!--Anwendung-->
<script src="../js/components/admin_create_user.js"></script>
<div class="container-fluid">
<div class="card">
<div class="card-header">
<i class="fas fa-edit me-1"></i>
{if $create_edit == ''}
Benutzer erstellen
{else}
Benutzer bearbeiten
{/if}
</div>
<div class="card-body">
<div class="row">
<div class="row mt-0 mt-sm-4 mb-0 mb-sm-4">
<div class="col-12 col-md-4">Vorname:</div>
<div class="col-12 col-md-8"><input type="text" class="form-control" name="vorname" id="vorname" value="{$user_anlegen_vorname}"></div>
</div>
<div class="row mt-0 mt-sm-4 mb-0 mb-sm-4">
<div class="col-12 col-md-4">Nachname:</div>
<div class="col-12 col-md-8"><input type="text" class="form-control" name="nachname" id="nachname" value="{$user_anlegen_nachname}"></div>
</div>
<div class="row mt-0 mt-sm-4 mb-0 mb-sm-4">
<div class="col-12 col-md-4">Mailadresse:</div>
<div class="col-12 col-md-8"><input type="email" class="form-control" name="mail" id="mail" value="{$user_anlegen_mail}" onkeyup="checkUser()"></div>
</div>
<div class="row mt-0 mt-sm-4 mb-0 mb-sm-4">
<div class="col-12 col-md-4">Rolle:</div>
<div class="col-12 col-md-8">
<select name="rollen[]"class="form-control" id="rollen" multiple="multiple">
{section name=table_data loop=$table_data}
<option value="{$table_data[table_data].rid}" {if $table_data[table_data].selected == 1} selected {/if}>{$table_data[table_data].bezeichnung}</option>
{/section}
</select>
</div>
{if $create_edit != ''}
<div class="row mt-0 mt-sm-4 mb-0 mb-sm-4">
<div class="col-12 col-md-4">Passwort zur&uuml;cksetzen:</div>
<div class="col-12 col-md-8">
<input class="form-check-input" type="checkbox" name="pwdback" id="pwdback" value="1">
</div>
</div>
{/if}
</div>
<p align='center'>
{if $create_edit == ''}
<button class="col-6 btn btn-primary btn-sm mt-3" id="save" onclick="usersave();">Speichern</button>
{else}
<button class="col-6 btn btn-primary btn-sm mt-3" id="save" onclick="userupdate({$create_edit});">Update</button>
{/if}
</p>
</div>
</div>
</div>
<div id="msg"></div>
<div id="msg1"></div>
</main>
<!-- footer -->
<div id="footer"></div>
</div>
</div>
</body>
</html>
{/if}
{if $action == ''}
<!DOCTYPE html>
<html lang="de">
<head>
<title>JU & MI Benutzer erstellen</title>
<link rel="stylesheet" href="../jquery/jquery-ui.css">
<link rel="stylesheet" href="../jquery/jquery.timepicker.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<script src="js/all.js" crossorigin="anonymous"></script>
<script src="../jquery/jquery-3.4.1.min.js"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
<style>
.multiselect-container {
position: absolute;
list-style-type: none;
margin: 5px 0 0 0;
width: 100%;
padding: 10px 0;
border: none;
-webkit-box-shadow: 0px 10px 23px -16px rgba(0, 0, 0, 0.14);
-moz-box-shadow: 0px 10px 23px -16px rgba(0, 0, 0, 0.14);
box-shadow: 0px 10px 23px -16px rgba(0, 0, 0, 0.14); }
.multiselect-container .input-group {
margin: 5px; }
.multiselect-container > li {
padding: 0;
font-size: 14px; }
.multiselect-container > li > a.multiselect-all label {
font-weight: 700;
color: gray; }
.multiselect-container > li.multiselect-group label {
margin: 0;
padding: 3px 20px 3px 20px;
height: 100%;
font-weight: 700; }
.multiselect-container > li.multiselect-group-clickable label {
cursor: pointer; }
.multiselect-container > li > a {
padding: 5px 0;
color: #000;
display: block; }
.multiselect-container > li > a > label {
display: block;
position: relative;
padding-left: 20px;
margin-bottom: 12px;
cursor: pointer;
font-size: 16px;
font-weight: 500;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.multiselect-container > li > a > label:before {
content: "";
display: inline-block;
position: relative;
height: 20px;
width: 20px;
border: 2px solid rgba(0, 0, 0, 0.2);
border-radius: 4px;
background-color: transparent;
margin-right: 15px;
vertical-align: middle; }
.multiselect-container > li.active > a > label:before {
font-family: 'fontAwesome';
content: "\f00c";
color: #fff;
background-color: #52de97;
border: 0;
display: inline-block;
padding: 0;
line-height: 1.2;
padding-left: 2px; }
.multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox {
margin: 0; }
.multiselect-container > li > a > label > input[type=checkbox] {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0; }
.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px; }
.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
padding: 3px 20px 3px 40px; }
.form-inline .multiselect-container li a label.checkbox input[type=checkbox],
.form-inline .multiselect-container li a label.radio input[type=radio] {
margin-left: -20px;
margin-right: 0; }
.btn-group {
height: 52px;
width: calc(100% - 150px); }
.btn-group button {
border-radius: 4px;
background: #fff;
-webkit-box-shadow: 0px 10px 23px -16px rgba(0, 0, 0, 0.14);
-moz-box-shadow: 0px 10px 23px -16px rgba(0, 0, 0, 0.14);
box-shadow: 0px 10px 23px -16px rgba(0, 0, 0, 0.14);
padding: 0 10px;
text-align: left;
position: relative; }
.btn-group button:after {
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #999999; }
.btn-group button:focus {
-webkit-box-shadow: 0px 10px 23px -16px rgba(0, 0, 0, 0.14);
-moz-box-shadow: 0px 10px 23px -16px rgba(0, 0, 0, 0.14);
box-shadow: 0px 10px 23px -16px rgba(0, 0, 0, 0.14);
padding: 0 10px; }
.sl {
color: gray;
width: 150px; }
</style>
</head>
<body class="sb-nav-fixed">
<div id="navtop"></div>
{literal}
<script>
$(function(){
// im Navbar muss der toggle in der Callbackfunktion definiert werden. Sonst findet jquery getelementbyID nicht
$("#navtop").load('navtop.php', null, function(){$.getScript('js/scripts.js');});
$("#navleft").load("nav.php");
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutSidenav">
<!-- Navigation left -->
<div id="navleft"></div>
<div id="layoutSidenav_content">
<main>
<!--Anwendung-->
<script src="../js/components/admin_create_user.js"></script>
<div class="container-fluid">
<div class="card">
<div class="card-header">
<i class="fas fa-edit me-1"></i>
{if $create_edit == ''}
Benutzer erstellen
{else}
Benutzer bearbeiten
{/if}
</div>
<div class="card-body">
<div class="row">
<div class="row mt-0 mt-sm-4 mb-0 mb-sm-4">
<div class="col-12 col-md-4">Vorname:</div>
<div class="col-12 col-md-8"><input type="text" class="form-control" name="vorname" id="vorname" value="{$user_anlegen_vorname}"></div>
</div>
<div class="row mt-0 mt-sm-4 mb-0 mb-sm-4">
<div class="col-12 col-md-4">Nachname:</div>
<div class="col-12 col-md-8"><input type="text" class="form-control" name="nachname" id="nachname" value="{$user_anlegen_nachname}"></div>
</div>
<div class="row mt-0 mt-sm-4 mb-0 mb-sm-4">
<div class="col-12 col-md-4">Mailadresse:</div>
<div class="col-12 col-md-8"><input type="email" class="form-control" name="mail" id="mail" value="{$user_anlegen_mail}" onkeyup="checkUser()"></div>
</div>
<div class="row mt-0 mt-sm-4 mb-0 mb-sm-4">
<div class="col-12 col-md-4">Rolle:</div>
<div class="col-12 col-md-8">
<select name="rollen[]"class="form-control" id="rollen" multiple="multiple">
{section name=table_data loop=$table_data}
<option value="{$table_data[table_data].rid}" {if $table_data[table_data].selected == 1} selected {/if}>{$table_data[table_data].bezeichnung}</option>
{/section}
</select>
</div>
{if $create_edit != ''}
<div class="row mt-0 mt-sm-4 mb-0 mb-sm-4">
<div class="col-12 col-md-4">Passwort zur&uuml;cksetzen:</div>
<div class="col-12 col-md-8">
<input class="form-check-input" type="checkbox" name="pwdback" id="pwdback" value="1">
</div>
</div>
{/if}
</div>
<p align='center'>
{if $create_edit == ''}
<button class="col-6 btn btn-primary btn-sm mt-3" id="save" onclick="usersave();">Speichern</button>
{else}
<button class="col-6 btn btn-primary btn-sm mt-3" id="save" onclick="userupdate({$create_edit});">Update</button>
{/if}
</p>
</div>
</div>
</div>
<div id="msg"></div>
<div id="msg1"></div>
</main>
<!-- footer -->
<div id="footer"></div>
</div>
</div>
</body>
</html>
{/if}

View File

@ -1,111 +1,111 @@
{if $action == ''}
<!DOCTYPE html>
<html lang="de">
<head>
<title>JU & MI S&auml;ngerIn bearbeiten</title>
<link rel="stylesheet" href="../jquery/jquery-ui.css">
<link rel="stylesheet" href="../jquery/jquery.timepicker.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<!-- data Table: https://datatables.net/ -->
<script src="../bootstrap/data-table/jquery.min.js"></script>
<link rel="stylesheet" href="../bootstrap/data-table/dataTables.bootstrap5.min.css"></style>
<link rel="stylesheet" href="../bootstrap/data-table/rowReorder.dataTables.min.css"></style>
<script type="text/javascript" src="../bootstrap/data-table/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="../bootstrap/data-table/dataTables.rowReorder.min.js"></script>
<script type="text/javascript" src="../bootstrap/data-table/dataTables.bootstrap5.min.js"></script>
<link rel="stylesheet" href="../bootstrap/data-table/jumistyle.css"></style>
<script src="js/all.js" crossorigin="anonymous"></script>
<script src="../jquery/jquery-3.4.1.min.js"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
</head>
<body class="sb-nav-fixed">
<div id="navtop"></div>
{literal}
<script>
$(function(){
// im Navbar muss der toggle in der Callbackfunktion definiert werden. Sonst findet jquery getelementbyID nicht
$("#navtop").load('navtop.php', null, function(){$.getScript('js/scripts.js');});
$("#navleft").load("nav.php");
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutSidenav">
<!-- Navigation left -->
<div id="navleft"></div>
<div id="layoutSidenav_content">
<main>
<!--Anwendung-->
<script type="text/javascript" src="../js/file_upload/vpb_uploader_member.js"></script>
<div class="container-fluid">
<div class="card">
<div class="card-header">
<i class="fa-solid fa-user"></i>
S&auml;ngerIn bearbeiten
</div>
<div class="card-body">
<!-- https://datatables.net/download/release -->
<table id="myTable" class="table table-striped table-bordered table-hover" >
<thead>
<tr>
<th>Vorname</th>
<th>Nachname</th>
<th class="d-none d-md-table-cell"> Mail</th>
<th class="d-none d-md-table-cell">Singstimme</th>
<th>Aktion</th>
</tr>
</thead>
<tbody>
{section name=table_data loop=$table_data}
<tr>
<td>{$table_data[table_data].vorname}</td>
<td>{$table_data[table_data].nachname}</td>
<td class="d-none d-md-table-cell">{$table_data[table_data].mail}</td>
<td class="d-none d-md-table-cell">{$table_data[table_data].singstimme}</td>
<td>
<a href="create_member.php?editcsid={$table_data[table_data].csid}" class="settings" title="Edit Member" data-toggle="tooltip"><i class="fas fa fa-edit"></i></a>
&nbsp;
<a class="btn btn-danger btn-rounded btn-icon btn-sm" onclick="delMember({$table_data[table_data].csid})"><i class="fa fa-trash" style="width:18px;"></i></a>
</td>
</tr>
{/section}
</tbody>
</table>
</div>
</div>
</div>
<div id="msg"></div>
</main>
<!-- footer -->
<div id="footer"></div>
</div>
</div>
</body>
<script>
$(document).ready(function(){
var table = new DataTable('#myTable', {
rowReorder: true,
pageLength: 5,
language: {
url: '//cdn.datatables.net/plug-ins/1.13.4/i18n/de-DE.json',
search: "",
lengthMenu: "_MENU_ Zeilen",
},
});
});
</script>
</html>
{/if}
{if $action == ''}
<!DOCTYPE html>
<html lang="de">
<head>
<title>JU & MI S&auml;ngerIn bearbeiten</title>
<link rel="stylesheet" href="../jquery/jquery-ui.css">
<link rel="stylesheet" href="../jquery/jquery.timepicker.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<!-- data Table: https://datatables.net/ -->
<script src="../bootstrap/data-table/jquery.min.js"></script>
<link rel="stylesheet" href="../bootstrap/data-table/dataTables.bootstrap5.min.css"></style>
<link rel="stylesheet" href="../bootstrap/data-table/rowReorder.dataTables.min.css"></style>
<script type="text/javascript" src="../bootstrap/data-table/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="../bootstrap/data-table/dataTables.rowReorder.min.js"></script>
<script type="text/javascript" src="../bootstrap/data-table/dataTables.bootstrap5.min.js"></script>
<link rel="stylesheet" href="../bootstrap/data-table/jumistyle.css"></style>
<script src="js/all.js" crossorigin="anonymous"></script>
<script src="../jquery/jquery-3.4.1.min.js"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
</head>
<body class="sb-nav-fixed">
<div id="navtop"></div>
{literal}
<script>
$(function(){
// im Navbar muss der toggle in der Callbackfunktion definiert werden. Sonst findet jquery getelementbyID nicht
$("#navtop").load('navtop.php', null, function(){$.getScript('js/scripts.js');});
$("#navleft").load("nav.php");
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutSidenav">
<!-- Navigation left -->
<div id="navleft"></div>
<div id="layoutSidenav_content">
<main>
<!--Anwendung-->
<script type="text/javascript" src="../js/file_upload/vpb_uploader_member.js"></script>
<div class="container-fluid">
<div class="card">
<div class="card-header">
<i class="fa-solid fa-user"></i>
S&auml;ngerIn bearbeiten
</div>
<div class="card-body">
<!-- https://datatables.net/download/release -->
<table id="myTable" class="table table-striped table-bordered table-hover" >
<thead>
<tr>
<th>Vorname</th>
<th>Nachname</th>
<th class="d-none d-md-table-cell"> Mail</th>
<th class="d-none d-md-table-cell">Singstimme</th>
<th>Aktion</th>
</tr>
</thead>
<tbody>
{section name=table_data loop=$table_data}
<tr>
<td>{$table_data[table_data].vorname}</td>
<td>{$table_data[table_data].nachname}</td>
<td class="d-none d-md-table-cell">{$table_data[table_data].mail}</td>
<td class="d-none d-md-table-cell">{$table_data[table_data].singstimme}</td>
<td>
<a href="create_member.php?editcsid={$table_data[table_data].csid}" class="settings" title="Edit Member" data-toggle="tooltip"><i class="fas fa fa-edit"></i></a>
&nbsp;
<a class="btn btn-danger btn-rounded btn-icon btn-sm" onclick="delMember({$table_data[table_data].csid})"><i class="fa fa-trash" style="width:18px;"></i></a>
</td>
</tr>
{/section}
</tbody>
</table>
</div>
</div>
</div>
<div id="msg"></div>
</main>
<!-- footer -->
<div id="footer"></div>
</div>
</div>
</body>
<script>
$(document).ready(function(){
var table = new DataTable('#myTable', {
rowReorder: true,
pageLength: 5,
language: {
url: '//cdn.datatables.net/plug-ins/1.13.4/i18n/de-DE.json',
search: "",
lengthMenu: "_MENU_ Zeilen",
},
});
});
</script>
</html>
{/if}

View File

@ -1,113 +1,113 @@
{if $action == ''}
<!DOCTYPE html>
<html lang="de">
<head>
<title>JU & MI Noten bearbeiten</title>
<link rel="stylesheet" href="../jquery/jquery-ui.css">
<link rel="stylesheet" href="../jquery/jquery.timepicker.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<!-- data Table: https://datatables.net/ -->
<script src="../bootstrap/data-table/jquery.min.js"></script>
<link rel="stylesheet" href="../bootstrap/data-table/dataTables.bootstrap5.min.css"></style>
<link rel="stylesheet" href="../bootstrap/data-table/rowReorder.dataTables.min.css"></style>
<script type="text/javascript" src="../bootstrap/data-table/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="../bootstrap/data-table/dataTables.rowReorder.min.js"></script>
<script type="text/javascript" src="../bootstrap/data-table/dataTables.bootstrap5.min.js"></script>
<link rel="stylesheet" href="../bootstrap/data-table/jumistyle.css"></style>
<script src="js/all.js" crossorigin="anonymous"></script>
<script src="../jquery/jquery-3.4.1.min.js"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
</head>
<body class="sb-nav-fixed">
<div id="navtop"></div>
{literal}
<script>
$(function(){
// im Navbar muss der toggle in der Callbackfunktion definiert werden. Sonst findet jquery getelementbyID nicht
$("#navtop").load('navtop.php', null, function(){$.getScript('js/scripts.js');});
$("#navleft").load("nav.php");
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutSidenav">
<!-- Navigation left -->
<div id="navleft"></div>
<div id="layoutSidenav_content">
<main>
<!--Anwendung-->
<script type="text/javascript" src="../js/file_upload/vpb_uploader.js"></script>
<div class="container-fluid">
<div class="card">
<div class="card-header">
<i class="fas fa-edit me-1"></i>
Noten bearbeiten
</div>
<div class="card-body">
<!-- https://datatables.net/download/release -->
<table id="myTable" class="table table-striped table-bordered table-responsive table-hover" >
<thead>
<tr>
<th>Titel</th>
<th class="d-none d-md-table-cell">Verlag</th>
<th>Songbook</th>
<th class="d-none d-md-table-cell"> Lizenzmenge</th>
<th class="d-none d-md-table-cell">Streamlizenz</th>
<th>Aktion</th>
</tr>
</thead>
<tbody>
{section name=table_data loop=$table_data}
<tr>
<td>{$table_data[table_data].titel}</td>
<td class="d-none d-md-table-cell">{$table_data[table_data].verlag}</td>
<td>{$table_data[table_data].songbook}</td>
<td class="d-none d-md-table-cell">{$table_data[table_data].restlizenz}/{$table_data[table_data].anz_lizenzen}</td>
<td class="d-none d-md-table-cell">{$table_data[table_data].streamlizenz_vorh}</td>
<td>
<a href="notenupload.php?editjndid={$table_data[table_data].jndid}" class="settings" title="Edit Member" data-toggle="tooltip"><i class="fas fa fa-cog"></i></a>
&nbsp;
<a class="btn btn-danger btn-rounded btn-icon btn-sm" onclick="delNoten({$table_data[table_data].jndid})"><i class="fa fa-trash" style="width:18px;"></i></a>
</td>
</tr>
{/section}
</tbody>
</table>
</div>
</div>
</div>
<div id="msg"></div>
</main>
<!-- footer -->
<div id="footer"></div>
</div>
</div>
</body>
<script>
$(document).ready(function(){
var table = new DataTable('#myTable', {
rowReorder: true,
pageLength: 5,
language: {
url: '//cdn.datatables.net/plug-ins/1.13.4/i18n/de-DE.json',
search: "",
lengthMenu: "_MENU_ Zeilen",
},
});
});
</script>
</html>
{/if}
{if $action == ''}
<!DOCTYPE html>
<html lang="de">
<head>
<title>JU & MI Noten bearbeiten</title>
<link rel="stylesheet" href="../jquery/jquery-ui.css">
<link rel="stylesheet" href="../jquery/jquery.timepicker.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<!-- data Table: https://datatables.net/ -->
<script src="../bootstrap/data-table/jquery.min.js"></script>
<link rel="stylesheet" href="../bootstrap/data-table/dataTables.bootstrap5.min.css"></style>
<link rel="stylesheet" href="../bootstrap/data-table/rowReorder.dataTables.min.css"></style>
<script type="text/javascript" src="../bootstrap/data-table/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="../bootstrap/data-table/dataTables.rowReorder.min.js"></script>
<script type="text/javascript" src="../bootstrap/data-table/dataTables.bootstrap5.min.js"></script>
<link rel="stylesheet" href="../bootstrap/data-table/jumistyle.css"></style>
<script src="js/all.js" crossorigin="anonymous"></script>
<script src="../jquery/jquery-3.4.1.min.js"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
</head>
<body class="sb-nav-fixed">
<div id="navtop"></div>
{literal}
<script>
$(function(){
// im Navbar muss der toggle in der Callbackfunktion definiert werden. Sonst findet jquery getelementbyID nicht
$("#navtop").load('navtop.php', null, function(){$.getScript('js/scripts.js');});
$("#navleft").load("nav.php");
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutSidenav">
<!-- Navigation left -->
<div id="navleft"></div>
<div id="layoutSidenav_content">
<main>
<!--Anwendung-->
<script type="text/javascript" src="../js/file_upload/vpb_uploader.js"></script>
<div class="container-fluid">
<div class="card">
<div class="card-header">
<i class="fas fa-edit me-1"></i>
Noten bearbeiten
</div>
<div class="card-body">
<!-- https://datatables.net/download/release -->
<table id="myTable" class="table table-striped table-bordered table-responsive table-hover" >
<thead>
<tr>
<th>Titel</th>
<th class="d-none d-md-table-cell">Verlag</th>
<th>Songbook</th>
<th class="d-none d-md-table-cell"> Lizenzmenge</th>
<th class="d-none d-md-table-cell">Streamlizenz</th>
<th>Aktion</th>
</tr>
</thead>
<tbody>
{section name=table_data loop=$table_data}
<tr>
<td>{$table_data[table_data].titel}</td>
<td class="d-none d-md-table-cell">{$table_data[table_data].verlag}</td>
<td>{$table_data[table_data].songbook}</td>
<td class="d-none d-md-table-cell">{$table_data[table_data].restlizenz}/{$table_data[table_data].anz_lizenzen}</td>
<td class="d-none d-md-table-cell">{$table_data[table_data].streamlizenz_vorh}</td>
<td>
<a href="notenupload.php?editjndid={$table_data[table_data].jndid}" class="settings" title="Edit Member" data-toggle="tooltip"><i class="fas fa fa-cog"></i></a>
&nbsp;
<a class="btn btn-danger btn-rounded btn-icon btn-sm" onclick="delNoten({$table_data[table_data].jndid})"><i class="fa fa-trash" style="width:18px;"></i></a>
</td>
</tr>
{/section}
</tbody>
</table>
</div>
</div>
</div>
<div id="msg"></div>
</main>
<!-- footer -->
<div id="footer"></div>
</div>
</div>
</body>
<script>
$(document).ready(function(){
var table = new DataTable('#myTable', {
rowReorder: true,
pageLength: 5,
language: {
url: '//cdn.datatables.net/plug-ins/1.13.4/i18n/de-DE.json',
search: "",
lengthMenu: "_MENU_ Zeilen",
},
});
});
</script>
</html>
{/if}

View File

@ -1,136 +1,136 @@
{if $action == ''}
<!DOCTYPE html>
<html lang="de">
<head>
<title>JU & MI Benutzer bearbeiten</title>
<link rel="stylesheet" href="../jquery/jquery-ui.css">
<link rel="stylesheet" href="../jquery/jquery.timepicker.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<!-- data Table: https://datatables.net/ -->
<script src="../bootstrap/data-table/jquery.min.js"></script>
<link rel="stylesheet" href="../bootstrap/data-table/dataTables.bootstrap5.min.css"></style>
<link rel="stylesheet" href="../bootstrap/data-table/rowReorder.dataTables.min.css"></style>
<script type="text/javascript" src="../bootstrap/data-table/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="../bootstrap/data-table/dataTables.rowReorder.min.js"></script>
<script type="text/javascript" src="../bootstrap/data-table/dataTables.bootstrap5.min.js"></script>
<link rel="stylesheet" href="../bootstrap/data-table/jumistyle.css"></style>
<script src="js/all.js" crossorigin="anonymous"></script>
<script src="../jquery/jquery-3.4.1.min.js"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
</head>
<body class="sb-nav-fixed">
<div id="navtop"></div>
{literal}
<script>
$(function(){
// im Navbar muss der toggle in der Callbackfunktion definiert werden. Sonst findet jquery getelementbyID nicht
$("#navtop").load('navtop.php', null, function(){$.getScript('js/scripts.js');});
$("#navleft").load("nav.php");
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutSidenav">
<!-- Navigation left -->
<div id="navleft"></div>
<div id="layoutSidenav_content">
<main>
<!--Anwendung-->
<script src="../js/components/admin_create_user.js"></script>
<div class="container-fluid">
<div class="card">
<div class="card-header">
<i class="fas fa-edit me-1"></i>
Benutzer bearbeiten
</div>
<div class="card-body">
<!-- https://datatables.net/download/release -->
<table id="myTable" class="table table-striped table-bordered table-hover" >
<thead>
<tr>
<th>Vorname</th>
<th>Nachname</th>
<th class="d-none d-md-table-cell"> Mail</th>
<th class="d-none d-md-table-cell">Letzter Login</th>
<th class="d-none d-md-table-cell">Status</th>
<th>Aktion</th>
</tr>
</thead>
<tbody>
{section name=table_data loop=$table_data}
<tr>
<td>{$table_data[table_data].vorname}</td>
<td>{$table_data[table_data].nachname}</td>
<td class="d-none d-md-table-cell">{$table_data[table_data].mail}</td>
<td class="d-none d-md-table-cell">{$table_data[table_data].last_login}</td>
<td class="d-none d-md-table-cell">
<!--
# 4 Neu
# 3 Deaktiviert
# 2 Inaktiv
# 1 Aktiv
-->
{if $table_data[table_data].status == '4'}
<span class="status text-secondary">&bull;</span> Neu
{/if}
{if $table_data[table_data].status == '3'}
<span class="status text-danger">&bull;</span> Deaktiviert
{/if}
{if $table_data[table_data].status == '2'}
<span class="status text-danger">&bull;</span> Inaktiv
{/if}
{if $table_data[table_data].status == '1'}
<span class="status text-success">&bull;</span> Aktiv
{/if}
</td>
<td>
<a href="create_user.php?edituid={$table_data[table_data].uid}" class="settings" title="Edit User" data-toggle="tooltip"><i class="fas fa fa-cog"></i></a>
&nbsp;
{if $table_data[table_data].aktiv == 1}
<a href="#" class="settings text-danger" id="disable" onclick="disableuser({$table_data[table_data].uid});" title="Lock User" data-toggle="tooltip"><i class="fas fa fa-lock"></i></a>
{else}
<a href="#" class="settings text-success" id="enable" onclick="enableuser({$table_data[table_data].uid});" title="Unlock User" data-toggle="tooltip"><i class="fas fa fa-unlock"></i></a>
{/if}
</td>
</tr>
{/section}
</tbody>
</table>
</div>
</div>
</div>
<div id="msg"></div>
</main>
<!-- footer -->
<div id="footer"></div>
</div>
</div>
</body>
<script>
$(document).ready(function(){
var table = new DataTable('#myTable', {
rowReorder: true,
pageLength: 5,
language: {
url: '//cdn.datatables.net/plug-ins/1.13.4/i18n/de-DE.json',
search: "",
lengthMenu: "_MENU_ Zeilen",
},
});
});
</script>
</html>
{/if}
{if $action == ''}
<!DOCTYPE html>
<html lang="de">
<head>
<title>JU & MI Benutzer bearbeiten</title>
<link rel="stylesheet" href="../jquery/jquery-ui.css">
<link rel="stylesheet" href="../jquery/jquery.timepicker.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<!-- data Table: https://datatables.net/ -->
<script src="../bootstrap/data-table/jquery.min.js"></script>
<link rel="stylesheet" href="../bootstrap/data-table/dataTables.bootstrap5.min.css"></style>
<link rel="stylesheet" href="../bootstrap/data-table/rowReorder.dataTables.min.css"></style>
<script type="text/javascript" src="../bootstrap/data-table/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="../bootstrap/data-table/dataTables.rowReorder.min.js"></script>
<script type="text/javascript" src="../bootstrap/data-table/dataTables.bootstrap5.min.js"></script>
<link rel="stylesheet" href="../bootstrap/data-table/jumistyle.css"></style>
<script src="js/all.js" crossorigin="anonymous"></script>
<script src="../jquery/jquery-3.4.1.min.js"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
</head>
<body class="sb-nav-fixed">
<div id="navtop"></div>
{literal}
<script>
$(function(){
// im Navbar muss der toggle in der Callbackfunktion definiert werden. Sonst findet jquery getelementbyID nicht
$("#navtop").load('navtop.php', null, function(){$.getScript('js/scripts.js');});
$("#navleft").load("nav.php");
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutSidenav">
<!-- Navigation left -->
<div id="navleft"></div>
<div id="layoutSidenav_content">
<main>
<!--Anwendung-->
<script src="../js/components/admin_create_user.js"></script>
<div class="container-fluid">
<div class="card">
<div class="card-header">
<i class="fas fa-edit me-1"></i>
Benutzer bearbeiten
</div>
<div class="card-body">
<!-- https://datatables.net/download/release -->
<table id="myTable" class="table table-striped table-bordered table-hover" >
<thead>
<tr>
<th>Vorname</th>
<th>Nachname</th>
<th class="d-none d-md-table-cell"> Mail</th>
<th class="d-none d-md-table-cell">Letzter Login</th>
<th class="d-none d-md-table-cell">Status</th>
<th>Aktion</th>
</tr>
</thead>
<tbody>
{section name=table_data loop=$table_data}
<tr>
<td>{$table_data[table_data].vorname}</td>
<td>{$table_data[table_data].nachname}</td>
<td class="d-none d-md-table-cell">{$table_data[table_data].mail}</td>
<td class="d-none d-md-table-cell">{$table_data[table_data].last_login}</td>
<td class="d-none d-md-table-cell">
<!--
# 4 Neu
# 3 Deaktiviert
# 2 Inaktiv
# 1 Aktiv
-->
{if $table_data[table_data].status == '4'}
<span class="status text-secondary">&bull;</span> Neu
{/if}
{if $table_data[table_data].status == '3'}
<span class="status text-danger">&bull;</span> Deaktiviert
{/if}
{if $table_data[table_data].status == '2'}
<span class="status text-danger">&bull;</span> Inaktiv
{/if}
{if $table_data[table_data].status == '1'}
<span class="status text-success">&bull;</span> Aktiv
{/if}
</td>
<td>
<a href="create_user.php?edituid={$table_data[table_data].uid}" class="settings" title="Edit User" data-toggle="tooltip"><i class="fas fa fa-cog"></i></a>
&nbsp;
{if $table_data[table_data].aktiv == 1}
<a href="#" class="settings text-danger" id="disable" onclick="disableuser({$table_data[table_data].uid});" title="Lock User" data-toggle="tooltip"><i class="fas fa fa-lock"></i></a>
{else}
<a href="#" class="settings text-success" id="enable" onclick="enableuser({$table_data[table_data].uid});" title="Unlock User" data-toggle="tooltip"><i class="fas fa fa-unlock"></i></a>
{/if}
</td>
</tr>
{/section}
</tbody>
</table>
</div>
</div>
</div>
<div id="msg"></div>
</main>
<!-- footer -->
<div id="footer"></div>
</div>
</div>
</body>
<script>
$(document).ready(function(){
var table = new DataTable('#myTable', {
rowReorder: true,
pageLength: 5,
language: {
url: '//cdn.datatables.net/plug-ins/1.13.4/i18n/de-DE.json',
search: "",
lengthMenu: "_MENU_ Zeilen",
},
});
});
</script>
</html>
{/if}

View File

@ -1,123 +1,123 @@
{if $action == ''}
<!DOCTYPE html>
<html lang="de">
<head>
<title>JU & MI Einwilligungen</title>
<link rel="stylesheet" href="../jquery/jquery-ui.css">
<link rel="stylesheet" href="../jquery/jquery.timepicker.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<!-- data Table: https://datatables.net/ -->
<script src="../bootstrap/data-table/jquery.min.js"></script>
<link rel="stylesheet" href="../bootstrap/data-table/dataTables.bootstrap5.min.css">
</style>
<link rel="stylesheet" href="../bootstrap/data-table/rowReorder.dataTables.min.css">
</style>
<script type="text/javascript" src="../bootstrap/data-table/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="../bootstrap/data-table/dataTables.rowReorder.min.js"></script>
<script type="text/javascript" src="../bootstrap/data-table/dataTables.bootstrap5.min.js"></script>
<link rel="stylesheet" href="../bootstrap/data-table/jumistyle.css">
</style>
<script src="js/all.js" crossorigin="anonymous"></script>
<script src="../jquery/jquery-3.4.1.min.js"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
</head>
<body class="sb-nav-fixed">
<div id="navtop"></div>
{literal}
<script>
$(function(){
// im Navbar muss der toggle in der Callbackfunktion definiert werden. Sonst findet jquery getelementbyID nicht
$("#navtop").load('navtop.php', null, function(){$.getScript('js/scripts.js');});
$("#navleft").load("nav.php");
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutSidenav">
<!-- Navigation left -->
<div id="navleft"></div>
<div id="layoutSidenav_content">
<main>
<!--Anwendung-->
<script type="text/javascript" src="../js/file_upload/vpb_uploader_member.js"></script>
<div class="container-fluid">
<div class="card">
<div class="card-header">
<i class="fa-solid fa-user"></i>
Einwilligungen
<div class="d-lg-none">
<font color="red">Querformat für Mobilgeräte</font>
</div>
</div>
<div class="card-body">
<!-- https://datatables.net/download/release -->
<table id="myTable" class="table table-striped table-bordered table-hover" >
<thead>
<tr>
<th>Vorname</th>
<th>Nachname</th>
<th>Livestream</th>
<th>Homepage</th>
<th>Social&nbsp;Media</th>
</tr>
</thead>
<tbody>
{section name=table_data loop=$table_data}
<tr>
<td><font color="{$table_data[table_data].bgcolor}">{$table_data[table_data].vorname}</font></td>
<td><a href="create_member.php?editcsid={$table_data[table_data].csid}"><font color="{$table_data[table_data].bgcolor}">{$table_data[table_data].nachname}</font></a></td>
<td>
{if $table_data[table_data].einw_livestream == '1'}
<i class="fa fa-fw fa-thumbs-up" style="color: #008000;"></i>
{else}
<i class="fa fa-fw fa-thumbs-down" style="color: #FF0000;"></i>
{/if}
</td>
<td>
{if $table_data[table_data].einw_homepage == '1'}
<i class="fa fa-fw fa-thumbs-up" style="color: #008000;"></i>
{else}
<i class="fa fa-fw fa-thumbs-down" style="color: #FF0000;"></i>
{/if}
</td>
<td>
{if $table_data[table_data].einw_socialmedia == '1'}
<i class="fa fa-fw fa-thumbs-up" style="color: #008000;"></i>
{else}
<i class="fa fa-fw fa-thumbs-down" style="color: #FF0000;"></i>
{/if}
</td>
</tr>
{/section}
</tbody>
</table>
</div>
</div>
</div>
<div id="msg"></div>
</main>
<!-- footer -->
<div id="footer"></div>
</div>
</div>
</body>
<script>
$(document).ready(function(){
var table = new DataTable('#myTable', {
rowReorder: true,
pageLength: 5,
language: {
url: '//cdn.datatables.net/plug-ins/1.13.4/i18n/de-DE.json',
search: "",
lengthMenu: "_MENU_ Zeilen",
},
});
});
</script>
</html>
{if $action == ''}
<!DOCTYPE html>
<html lang="de">
<head>
<title>JU & MI Einwilligungen</title>
<link rel="stylesheet" href="../jquery/jquery-ui.css">
<link rel="stylesheet" href="../jquery/jquery.timepicker.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<!-- data Table: https://datatables.net/ -->
<script src="../bootstrap/data-table/jquery.min.js"></script>
<link rel="stylesheet" href="../bootstrap/data-table/dataTables.bootstrap5.min.css">
</style>
<link rel="stylesheet" href="../bootstrap/data-table/rowReorder.dataTables.min.css">
</style>
<script type="text/javascript" src="../bootstrap/data-table/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="../bootstrap/data-table/dataTables.rowReorder.min.js"></script>
<script type="text/javascript" src="../bootstrap/data-table/dataTables.bootstrap5.min.js"></script>
<link rel="stylesheet" href="../bootstrap/data-table/jumistyle.css">
</style>
<script src="js/all.js" crossorigin="anonymous"></script>
<script src="../jquery/jquery-3.4.1.min.js"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
</head>
<body class="sb-nav-fixed">
<div id="navtop"></div>
{literal}
<script>
$(function(){
// im Navbar muss der toggle in der Callbackfunktion definiert werden. Sonst findet jquery getelementbyID nicht
$("#navtop").load('navtop.php', null, function(){$.getScript('js/scripts.js');});
$("#navleft").load("nav.php");
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutSidenav">
<!-- Navigation left -->
<div id="navleft"></div>
<div id="layoutSidenav_content">
<main>
<!--Anwendung-->
<script type="text/javascript" src="../js/file_upload/vpb_uploader_member.js"></script>
<div class="container-fluid">
<div class="card">
<div class="card-header">
<i class="fa-solid fa-user"></i>
Einwilligungen
<div class="d-lg-none">
<font color="red">Querformat für Mobilgeräte</font>
</div>
</div>
<div class="card-body">
<!-- https://datatables.net/download/release -->
<table id="myTable" class="table table-striped table-bordered table-hover" >
<thead>
<tr>
<th>Vorname</th>
<th>Nachname</th>
<th>Livestream</th>
<th>Homepage</th>
<th>Social&nbsp;Media</th>
</tr>
</thead>
<tbody>
{section name=table_data loop=$table_data}
<tr>
<td><font color="{$table_data[table_data].bgcolor}">{$table_data[table_data].vorname}</font></td>
<td><a href="create_member.php?editcsid={$table_data[table_data].csid}"><font color="{$table_data[table_data].bgcolor}">{$table_data[table_data].nachname}</font></a></td>
<td>
{if $table_data[table_data].einw_livestream == '1'}
<i class="fa fa-fw fa-thumbs-up" style="color: #008000;"></i>
{else}
<i class="fa fa-fw fa-thumbs-down" style="color: #FF0000;"></i>
{/if}
</td>
<td>
{if $table_data[table_data].einw_homepage == '1'}
<i class="fa fa-fw fa-thumbs-up" style="color: #008000;"></i>
{else}
<i class="fa fa-fw fa-thumbs-down" style="color: #FF0000;"></i>
{/if}
</td>
<td>
{if $table_data[table_data].einw_socialmedia == '1'}
<i class="fa fa-fw fa-thumbs-up" style="color: #008000;"></i>
{else}
<i class="fa fa-fw fa-thumbs-down" style="color: #FF0000;"></i>
{/if}
</td>
</tr>
{/section}
</tbody>
</table>
</div>
</div>
</div>
<div id="msg"></div>
</main>
<!-- footer -->
<div id="footer"></div>
</div>
</div>
</body>
<script>
$(document).ready(function(){
var table = new DataTable('#myTable', {
rowReorder: true,
pageLength: 5,
language: {
url: '//cdn.datatables.net/plug-ins/1.13.4/i18n/de-DE.json',
search: "",
lengthMenu: "_MENU_ Zeilen",
},
});
});
</script>
</html>
{/if}

View File

@ -1,42 +1,42 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>JU & MI Startseite</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<link href="../bootstrap/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<script src="js/all.js" crossorigin="anonymous"></script>
<script src="../jquery/jquery-3.4.1.min.js"></script>
</head>
<body class="sb-nav-fixed">
<div id="navtop"></div>
{literal}
<script>
$(function(){
// im Navbar muss der toggle in der Callbackfunktion definiert werden. Sonst findet jquery getelementbyID nicht
$("#navtop").load('navtop.php', null, function(){$.getScript('js/scripts.js');});
$("#navleft").load("nav.php");
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutSidenav">
<!-- Navigation left -->
<div id="navleft"></div>
<div id="layoutSidenav_content">
<main>
<div id="global_rechte"><div class="alert alert-danger"><i class="fa fa-fw fa-thumbs-down"></i> Sie haben keinen Zugriff auf diese Seite</div></div>
</main>
<!-- footer -->
<div id="footer"></div>
</div>
</div>
<script src="../bootstrap/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
</body>
<!DOCTYPE html>
<html lang="en">
<head>
<title>JU & MI Startseite</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<link href="../bootstrap/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<script src="js/all.js" crossorigin="anonymous"></script>
<script src="../jquery/jquery-3.4.1.min.js"></script>
</head>
<body class="sb-nav-fixed">
<div id="navtop"></div>
{literal}
<script>
$(function(){
// im Navbar muss der toggle in der Callbackfunktion definiert werden. Sonst findet jquery getelementbyID nicht
$("#navtop").load('navtop.php', null, function(){$.getScript('js/scripts.js');});
$("#navleft").load("nav.php");
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutSidenav">
<!-- Navigation left -->
<div id="navleft"></div>
<div id="layoutSidenav_content">
<main>
<div id="global_rechte"><div class="alert alert-danger"><i class="fa fa-fw fa-thumbs-down"></i> Sie haben keinen Zugriff auf diese Seite</div></div>
</main>
<!-- footer -->
<div id="footer"></div>
</div>
</div>
<script src="../bootstrap/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

View File

@ -1,307 +1,307 @@
{if $action == ''}
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
{if $create_edit == ''}
<title>JU & MI Finazen erfassen</title>
{else}
<title>JU & MI Finazen bearbeiten</title>
{/if}
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- data Table: https://datatables.net/ -->
<script src="../bootstrap/data-table/jquery.min.js"></script>
<link rel="stylesheet" href="../bootstrap/data-table/dataTables.bootstrap5.min.css">
</style>
<link rel="stylesheet" href="../bootstrap/data-table/rowReorder.dataTables.min.css">
</style>
<script type="text/javascript" src="../bootstrap/data-table/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="../bootstrap/data-table/dataTables.rowReorder.min.js"></script>
<script type="text/javascript" src="../bootstrap/data-table/dataTables.bootstrap5.min.js"></script>
<!-- icons in nav-->
<script src="js/all.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
<script src="../jquery/jquery-3.4.1.min.js"></script>
<!-- jQuery UI CSS
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
-->
<link rel="stylesheet" href="../jquery/jquery-ui.css">
<script src="../jquery/jquery-ui.js"></script>
<!--<script type="text/javascript" charset="utf-8" language="javascript" src="../js/file_upload/DT_bootstrap.js"></script>-->
<script type="text/javascript">
$(function() {
$(".datepicker").datepicker({
prevText: '&#x3c; zur&uuml;ck', prevStatus: '',
prevJumpText: '&#x3c;&#x3c;', prevJumpStatus: '',
changeMonth: true,
changeYear: true,
nextText: 'Vor &#x3e;', nextStatus: '',
nextJumpText: '&#x3e;&#x3e;', nextJumpStatus: '',
currentText: 'Heute', currentStatus: '',
todayText: 'Heute', todayStatus: '',
clearText: '-', clearStatus: '',
closeText: 'schlie&szlig;en', closeStatus: '',
monthNames: ['Januar','Februar','M&auml;rz','April','Mai','Juni','Juli','August','September','Oktober','November','Dezember'],
monthNamesShort: ['Jan','Feb','M&auml;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" src="../js/file_upload/vpb_uploader_finanzen.js"></script>
<script type="text/javascript">$(document).ready(function()
{
// Call the main function
new vpb_multiple_file_uploader
({
vpb_form_id: "form_id", // Form ID
autoSubmit: true,
vpb_server_url: "../controller/admin_finanzen.php"
});
});
</script>
<link href = "../jquery/jquery-ui-themes-1.13.2/jquery-ui.css" rel = "stylesheet">
<style>
body {
font-family:Verdana, Geneva, sans-serif;
}
span{
color:red;
cursor:pointer;
}
</style>
</head>
<!--<body onload="if(document.erfassen)document.erfassen.{$umfrageerf_focus}.focus();return false;">-->
<body class="sb-nav-fixed">
<div id="navtop"></div>
{literal}
<script>
$(function(){
// im Navbar muss der toggle in der Callbackfunktion definiert werden. Sonst findet jquery getelementbyID nicht
$("#navtop").load('navtop.php', null, function(){$.getScript('js/scripts.js');});
$("#navleft").load("nav.php");
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutSidenav">
<!-- Navigation left -->
<div id="navleft"></div>
<div id="layoutSidenav_content">
<main>
<div class="container-fluid">
<form name="form_id" id="form_id" action="javascript:void(0);" enctype="multipart/form-data">
<div class="card">
<div class="card-header">
<i class="fas fa-edit me-1"></i>
{if $create_edit == ''}
Finanzen erfassen
{else}
Finanzen bearbeiten
{/if}
<div class="d-lg-none">
<font color="red">Querformat für Mobilgeräte</font>
</div>
</div>
<div class="card-body">
<div class="row">
<div class="row mt-2 mb-2">
<div class="col-12 col-md-4">Datum:</div>
<div class="col-12 col-md-8">
<input type="text" class="datepicker form-control" name="datum" id="datum" value="{$finanzen_datum}" required>
</div>
</div>
<div class="row mt-2 mb-2">
<div class="col-12 col-md-4">Beschreibung:</div>
<div class="col-12 col-md-8">
<input type="text" id="beschreibung" class="form-control rounded-right" value="{$finanzen_beschreibung}" required>
</div>
</div>
<div class="row mt-2 mb-2">
<div class="col-12 col-md-4">Firma:</div>
<div class="col-12 col-md-8">
<input type="text" id="firma" class="form-control rounded-right" value="{$finanzen_firma}">
</div>
</div>
<div class="row mt-2 mb-2">
<div class="col-12 col-md-4">Art:</div>
<div class="col-12 col-md-8">
<select name="art"class="form-control" id="art">
<option value="E" {if $finanzen_art == "E"} selected {/if}>Einnahme</option>
<option value="A" {if $finanzen_art == "A"} selected {/if}>Ausgabe</option>
</select>
</div>
</div>
<div class="row mt-2 mb-2">
<div class="col-12 col-md-4">Betrag:</div>
<div class="col-12 col-md-8">
<input type="number" min="1" step="any" id="betrag" class="form-control rounded-right" value="{$finanzen_betrag}" required>
</div>
</div>
<div class="row mt-2 mb-2">
<div class="col-12 col-md-4">Bemerkung:</div>
<div class="col-12 col-md-8">
<input type="text" id="bemerkung" class="form-control rounded-right" value="{$finanzen_bemerkung}">
</div>
</div>
{if $create_edit != ''}
<div class="row mt-2 mb-2">
<div class="col-12 col-md-4">Dateien:</div>
<div class="col-12 col-md-8">
<div class="form-group">
<table class="table table-striped table-bordered" id="curdoks">
<thead>
<tr>
<th style="color:blue; text-align:center;">Datei</th>
<th class="d-none d-lg-table-cell" style="color:blue; text-align:center;">Uploaddatum</th>
<th style="color:blue; text-align:center;">Aktion</th>
<tr>
</thead>
<tbody>
{section name=table_data2 loop=$table_data2}
<tr>
<td><a href="{$table_data2[table_data2].filename}" target="_new">{$table_data2[table_data2].originalname}</a></td>
<td class="d-none d-lg-table-cell">{$table_data2[table_data2].uploaddatum}</td>
<td><a class="btn btn-danger btn-rounded btn-icon btn-sm" onclick="delBelegFile({$table_data2[table_data2].id})"><i class="fa fa-trash" style="width:18px;"></i></a></td>
</tr>
{/section}
</tbody>
</table>
</div>
</div>
</div>
{/if}
<div class="row mt-2 mb-2">
<label for="formFile" class="form-label">
<div class="col-12 col-md-4">Belege:</div>
<div class="col-12col-md-8">
<input class="form-control" type="file" name="vasplus_multiple_files" id="vasplus_multiple_files" multiple="multiple">
</div>
</label>
</div>
<table class="table table-striped table-bordered" id="add_files">
<thead>
<tr>
<th style="color:blue; text-align:center;">Datei</th>
<th style="color:blue; text-align:center;">Status</th>
<th style="color:blue; text-align:center;">Gr&ouml;&szlig;e</th>
<th style="color:blue; text-align:center;">Aktion</th>
<tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<p align='center'>
{if $create_edit != ''}
<input type="hidden" id="fid" value="{$create_edit}">
{else}
<input type="hidden" id="fid" value="-1">
{/if}
<button class="col-6 btn btn-primary btn-sm mt-3" id="save">Speichern</button>
</p>
</div>
</div>
</div>
<div id="msg"></div>
</form>
<br>
<div class="card">
<div class="card-header">
<i class="fas fa-table me-1"></i>
Kontostand: {if $kontostand < 0}<font color="red">{/if}<b>{$kontostand}</b>{if $kontostand < 0}</font>{/if}
<div class="d-lg-none">
<font color="red">Querformat für Mobilgeräte</font>
</div>
</div>
<div class="card-body">
<!-- https://datatables.net/download/release -->
<table id="myTable" class="table table-striped table-bordered table-hover" >
<thead>
<tr>
<th>Vorname</th>
<th>Beschreibung</th>
<th class="d-none d-lg-table-cell">Firma</th>
<th>Beleg</th>
<th>Betrag</th>
<th>Bemerkung</th>
<th>Aktion</th>
</tr>
</thead>
<tbody>
{section name=table_data loop=$table_data}
<tr>
<td>{$table_data[table_data].datum_form}</td>
<td>{$table_data[table_data].beschreibung}</td>
<td class="d-none d-lg-table-cell">{$table_data[table_data].firma}</td>
<td>
{section name=inner loop=$table_data[table_data].inner}
{if $table_data[table_data].inner[inner].file_exists == 1}
<a href="{$table_data[table_data].inner[inner].filename}" target="_new">
<div class="d-sm-block d-lg-none mt-0 mb-0">{$table_data[table_data].inner[inner].originalname_short}</div>
<div class="d-none d-lg-block mt-0 mb-0">{$table_data[table_data].inner[inner].originalname}</div>
</a>
{else}
<div class="d-sm-block d-lg-none mt-0 mb-0">{$table_data[table_data].inner[inner].originalname_short}</div>
<div class="d-none d-lg-block mt-0 mb-0">{$table_data[table_data].inner[inner].originalname}</div>
{/if}
{/section}
</td>
<td align="right">{$table_data[table_data].betrag_form}</td>
<td>{$table_data[table_data].bemerkung}</td>
<td>
<a href="?editfid={$table_data[table_data].fid}" class="settings" title="Edit Beleg" data-toggle="tooltip"><i class="fas fa fa-edit"></i></a>
&nbsp;
<a class="btn btn-danger btn-rounded btn-icon btn-sm" onclick="delBeleg({$table_data[table_data].fid})"><i class="fa fa-trash" style="width:18px;"></i></a>
</td>
</tr>
{/section}
</tbody>
</table>
</div>
</div>
</center>
</main>
<!-- Livesearchscript muss nach den Textfelder sitzen-->
<script src="../js/components/admin_notenupload.js"></script>
<!-- footer -->
<div id="footer"></div>
</div>
</div>
</body>
<script>
$(document).ready(function(){
var table = new DataTable('#myTable', {
rowReorder: true,
pageLength: 5,
order: [[1, 'desc']],
language: {
url: '//cdn.datatables.net/plug-ins/1.13.4/i18n/de-DE.json',
search: "",
lengthMenu: "_MENU_ Zeilen",
},
});
});
</script>
</html>
{if $action == ''}
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
{if $create_edit == ''}
<title>JU & MI Finazen erfassen</title>
{else}
<title>JU & MI Finazen bearbeiten</title>
{/if}
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- data Table: https://datatables.net/ -->
<script src="../bootstrap/data-table/jquery.min.js"></script>
<link rel="stylesheet" href="../bootstrap/data-table/dataTables.bootstrap5.min.css">
</style>
<link rel="stylesheet" href="../bootstrap/data-table/rowReorder.dataTables.min.css">
</style>
<script type="text/javascript" src="../bootstrap/data-table/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="../bootstrap/data-table/dataTables.rowReorder.min.js"></script>
<script type="text/javascript" src="../bootstrap/data-table/dataTables.bootstrap5.min.js"></script>
<!-- icons in nav-->
<script src="js/all.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
<script src="../jquery/jquery-3.4.1.min.js"></script>
<!-- jQuery UI CSS
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
-->
<link rel="stylesheet" href="../jquery/jquery-ui.css">
<script src="../jquery/jquery-ui.js"></script>
<!--<script type="text/javascript" charset="utf-8" language="javascript" src="../js/file_upload/DT_bootstrap.js"></script>-->
<script type="text/javascript">
$(function() {
$(".datepicker").datepicker({
prevText: '&#x3c; zur&uuml;ck', prevStatus: '',
prevJumpText: '&#x3c;&#x3c;', prevJumpStatus: '',
changeMonth: true,
changeYear: true,
nextText: 'Vor &#x3e;', nextStatus: '',
nextJumpText: '&#x3e;&#x3e;', nextJumpStatus: '',
currentText: 'Heute', currentStatus: '',
todayText: 'Heute', todayStatus: '',
clearText: '-', clearStatus: '',
closeText: 'schlie&szlig;en', closeStatus: '',
monthNames: ['Januar','Februar','M&auml;rz','April','Mai','Juni','Juli','August','September','Oktober','November','Dezember'],
monthNamesShort: ['Jan','Feb','M&auml;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" src="../js/file_upload/vpb_uploader_finanzen.js"></script>
<script type="text/javascript">$(document).ready(function()
{
// Call the main function
new vpb_multiple_file_uploader
({
vpb_form_id: "form_id", // Form ID
autoSubmit: true,
vpb_server_url: "../controller/admin_finanzen.php"
});
});
</script>
<link href = "../jquery/jquery-ui-themes-1.13.2/jquery-ui.css" rel = "stylesheet">
<style>
body {
font-family:Verdana, Geneva, sans-serif;
}
span{
color:red;
cursor:pointer;
}
</style>
</head>
<!--<body onload="if(document.erfassen)document.erfassen.{$umfrageerf_focus}.focus();return false;">-->
<body class="sb-nav-fixed">
<div id="navtop"></div>
{literal}
<script>
$(function(){
// im Navbar muss der toggle in der Callbackfunktion definiert werden. Sonst findet jquery getelementbyID nicht
$("#navtop").load('navtop.php', null, function(){$.getScript('js/scripts.js');});
$("#navleft").load("nav.php");
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutSidenav">
<!-- Navigation left -->
<div id="navleft"></div>
<div id="layoutSidenav_content">
<main>
<div class="container-fluid">
<form name="form_id" id="form_id" action="javascript:void(0);" enctype="multipart/form-data">
<div class="card">
<div class="card-header">
<i class="fas fa-edit me-1"></i>
{if $create_edit == ''}
Finanzen erfassen
{else}
Finanzen bearbeiten
{/if}
<div class="d-lg-none">
<font color="red">Querformat für Mobilgeräte</font>
</div>
</div>
<div class="card-body">
<div class="row">
<div class="row mt-2 mb-2">
<div class="col-12 col-md-4">Datum:</div>
<div class="col-12 col-md-8">
<input type="text" class="datepicker form-control" name="datum" id="datum" value="{$finanzen_datum}" required>
</div>
</div>
<div class="row mt-2 mb-2">
<div class="col-12 col-md-4">Beschreibung:</div>
<div class="col-12 col-md-8">
<input type="text" id="beschreibung" class="form-control rounded-right" value="{$finanzen_beschreibung}" required>
</div>
</div>
<div class="row mt-2 mb-2">
<div class="col-12 col-md-4">Firma:</div>
<div class="col-12 col-md-8">
<input type="text" id="firma" class="form-control rounded-right" value="{$finanzen_firma}">
</div>
</div>
<div class="row mt-2 mb-2">
<div class="col-12 col-md-4">Art:</div>
<div class="col-12 col-md-8">
<select name="art"class="form-control" id="art">
<option value="E" {if $finanzen_art == "E"} selected {/if}>Einnahme</option>
<option value="A" {if $finanzen_art == "A"} selected {/if}>Ausgabe</option>
</select>
</div>
</div>
<div class="row mt-2 mb-2">
<div class="col-12 col-md-4">Betrag:</div>
<div class="col-12 col-md-8">
<input type="number" min="1" step="any" id="betrag" class="form-control rounded-right" value="{$finanzen_betrag}" required>
</div>
</div>
<div class="row mt-2 mb-2">
<div class="col-12 col-md-4">Bemerkung:</div>
<div class="col-12 col-md-8">
<input type="text" id="bemerkung" class="form-control rounded-right" value="{$finanzen_bemerkung}">
</div>
</div>
{if $create_edit != ''}
<div class="row mt-2 mb-2">
<div class="col-12 col-md-4">Dateien:</div>
<div class="col-12 col-md-8">
<div class="form-group">
<table class="table table-striped table-bordered" id="curdoks">
<thead>
<tr>
<th style="color:blue; text-align:center;">Datei</th>
<th class="d-none d-lg-table-cell" style="color:blue; text-align:center;">Uploaddatum</th>
<th style="color:blue; text-align:center;">Aktion</th>
<tr>
</thead>
<tbody>
{section name=table_data2 loop=$table_data2}
<tr>
<td><a href="{$table_data2[table_data2].filename}" target="_new">{$table_data2[table_data2].originalname}</a></td>
<td class="d-none d-lg-table-cell">{$table_data2[table_data2].uploaddatum}</td>
<td><a class="btn btn-danger btn-rounded btn-icon btn-sm" onclick="delBelegFile({$table_data2[table_data2].id})"><i class="fa fa-trash" style="width:18px;"></i></a></td>
</tr>
{/section}
</tbody>
</table>
</div>
</div>
</div>
{/if}
<div class="row mt-2 mb-2">
<label for="formFile" class="form-label">
<div class="col-12 col-md-4">Belege:</div>
<div class="col-12col-md-8">
<input class="form-control" type="file" name="vasplus_multiple_files" id="vasplus_multiple_files" multiple="multiple">
</div>
</label>
</div>
<table class="table table-striped table-bordered" id="add_files">
<thead>
<tr>
<th style="color:blue; text-align:center;">Datei</th>
<th style="color:blue; text-align:center;">Status</th>
<th style="color:blue; text-align:center;">Gr&ouml;&szlig;e</th>
<th style="color:blue; text-align:center;">Aktion</th>
<tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<p align='center'>
{if $create_edit != ''}
<input type="hidden" id="fid" value="{$create_edit}">
{else}
<input type="hidden" id="fid" value="-1">
{/if}
<button class="col-6 btn btn-primary btn-sm mt-3" id="save">Speichern</button>
</p>
</div>
</div>
</div>
<div id="msg"></div>
</form>
<br>
<div class="card">
<div class="card-header">
<i class="fas fa-table me-1"></i>
Kontostand: {if $kontostand < 0}<font color="red">{/if}<b>{$kontostand}</b>{if $kontostand < 0}</font>{/if}
<div class="d-lg-none">
<font color="red">Querformat für Mobilgeräte</font>
</div>
</div>
<div class="card-body">
<!-- https://datatables.net/download/release -->
<table id="myTable" class="table table-striped table-bordered table-hover" >
<thead>
<tr>
<th>Vorname</th>
<th>Beschreibung</th>
<th class="d-none d-lg-table-cell">Firma</th>
<th>Beleg</th>
<th>Betrag</th>
<th>Bemerkung</th>
<th>Aktion</th>
</tr>
</thead>
<tbody>
{section name=table_data loop=$table_data}
<tr>
<td>{$table_data[table_data].datum_form}</td>
<td>{$table_data[table_data].beschreibung}</td>
<td class="d-none d-lg-table-cell">{$table_data[table_data].firma}</td>
<td>
{section name=inner loop=$table_data[table_data].inner}
{if $table_data[table_data].inner[inner].file_exists == 1}
<a href="{$table_data[table_data].inner[inner].filename}" target="_new">
<div class="d-sm-block d-lg-none mt-0 mb-0">{$table_data[table_data].inner[inner].originalname_short}</div>
<div class="d-none d-lg-block mt-0 mb-0">{$table_data[table_data].inner[inner].originalname}</div>
</a>
{else}
<div class="d-sm-block d-lg-none mt-0 mb-0">{$table_data[table_data].inner[inner].originalname_short}</div>
<div class="d-none d-lg-block mt-0 mb-0">{$table_data[table_data].inner[inner].originalname}</div>
{/if}
{/section}
</td>
<td align="right">{$table_data[table_data].betrag_form}</td>
<td>{$table_data[table_data].bemerkung}</td>
<td>
<a href="?editfid={$table_data[table_data].fid}" class="settings" title="Edit Beleg" data-toggle="tooltip"><i class="fas fa fa-edit"></i></a>
&nbsp;
<a class="btn btn-danger btn-rounded btn-icon btn-sm" onclick="delBeleg({$table_data[table_data].fid})"><i class="fa fa-trash" style="width:18px;"></i></a>
</td>
</tr>
{/section}
</tbody>
</table>
</div>
</div>
</center>
</main>
<!-- Livesearchscript muss nach den Textfelder sitzen-->
<script src="../js/components/admin_notenupload.js"></script>
<!-- footer -->
<div id="footer"></div>
</div>
</div>
</body>
<script>
$(document).ready(function(){
var table = new DataTable('#myTable', {
rowReorder: true,
pageLength: 5,
order: [[1, 'desc']],
language: {
url: '//cdn.datatables.net/plug-ins/1.13.4/i18n/de-DE.json',
search: "",
lengthMenu: "_MENU_ Zeilen",
},
});
});
</script>
</html>
{/if}

View File

@ -1,8 +1,8 @@
<footer class="py-4 bg-light mt-auto">
<div class="container-fluid px-4">
<div class="d-flex align-items-center justify-content-between small">
<div class="text-muted">Copyright &copy; JU & MI 2023</div>
</div>
</div>
</footer>
<footer class="py-4 bg-light mt-auto">
<div class="container-fluid px-4">
<div class="d-flex align-items-center justify-content-between small">
<div class="text-muted">Copyright &copy; JU & MI 2023</div>
</div>
</div>
</footer>

View File

@ -1,93 +1,93 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>JU & MI Startseite</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<link href="../bootstrap/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<script src="js/all.js" crossorigin="anonymous"></script>
<script src="../jquery/jquery-3.4.1.min.js"></script>
</head>
<body class="sb-nav-fixed">
<div id="navtop"></div>
{literal}
<script>
$(function(){
// im Navbar muss der toggle in der Callbackfunktion definiert werden. Sonst findet jquery getelementbyID nicht
$("#navtop").load('navtop.php', null, function(){$.getScript('js/scripts.js');});
$("#navleft").load("nav.php");
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutSidenav">
<!-- Navigation left -->
<div id="navleft"></div>
<div id="layoutSidenav_content">
<main>
<div class="container-fluid">
<div class="card">
<div class="card-header">
<i class="fas fa-user me-1"></i>
Herzlich willkommen {$startseite_name}
</div>
<div class="card-body">
<p class="card-text">Herzlich willkommen zur Administration von Jugendchor & Miteinander.<br><br>
</p>
<!--
<div class="row">
<div class="col-xl-3 col-md-6">
<div class="card bg-primary text-white mb-4">
<div class="card-body">Primary Card</div>
</div>
</div>
<div class="col-xl-3 col-md-6">
<div class="card bg-warning text-white mb-4">
<div class="card-body">Warning Card</div>
<div class="card-footer d-flex align-items-center justify-content-between">
<a class="small text-white stretched-link" href="#">View Details</a>
<div class="small text-white"><i class="fas fa-angle-right"></i></div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6">
<div class="card bg-success text-white mb-4">
<div class="card-body">Success Card</div>
<div class="card-footer d-flex align-items-center justify-content-between">
<a class="small text-white stretched-link" href="#">View Details</a>
<div class="small text-white"><i class="fas fa-angle-right"></i></div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6">
<div class="card bg-danger text-white mb-4">
<div class="card-body">Danger Card</div>
<div class="card-footer d-flex align-items-center justify-content-between">
<a class="small text-white stretched-link" href="#">View Details</a>
<div class="small text-white"><i class="fas fa-angle-right"></i></div>
</div>
</div>
</div>
</div>
-->
</div>
</div>
</div>
</main>
<!-- footer -->
<div id="footer"></div>
</div>
</div>
<script src="../bootstrap/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
</body>
<!DOCTYPE html>
<html lang="en">
<head>
<title>JU & MI Startseite</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<link href="../bootstrap/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<script src="js/all.js" crossorigin="anonymous"></script>
<script src="../jquery/jquery-3.4.1.min.js"></script>
</head>
<body class="sb-nav-fixed">
<div id="navtop"></div>
{literal}
<script>
$(function(){
// im Navbar muss der toggle in der Callbackfunktion definiert werden. Sonst findet jquery getelementbyID nicht
$("#navtop").load('navtop.php', null, function(){$.getScript('js/scripts.js');});
$("#navleft").load("nav.php");
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutSidenav">
<!-- Navigation left -->
<div id="navleft"></div>
<div id="layoutSidenav_content">
<main>
<div class="container-fluid">
<div class="card">
<div class="card-header">
<i class="fas fa-user me-1"></i>
Herzlich willkommen {$startseite_name}
</div>
<div class="card-body">
<p class="card-text">Herzlich willkommen zur Administration von Jugendchor & Miteinander.<br><br>
</p>
<!--
<div class="row">
<div class="col-xl-3 col-md-6">
<div class="card bg-primary text-white mb-4">
<div class="card-body">Primary Card</div>
</div>
</div>
<div class="col-xl-3 col-md-6">
<div class="card bg-warning text-white mb-4">
<div class="card-body">Warning Card</div>
<div class="card-footer d-flex align-items-center justify-content-between">
<a class="small text-white stretched-link" href="#">View Details</a>
<div class="small text-white"><i class="fas fa-angle-right"></i></div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6">
<div class="card bg-success text-white mb-4">
<div class="card-body">Success Card</div>
<div class="card-footer d-flex align-items-center justify-content-between">
<a class="small text-white stretched-link" href="#">View Details</a>
<div class="small text-white"><i class="fas fa-angle-right"></i></div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6">
<div class="card bg-danger text-white mb-4">
<div class="card-body">Danger Card</div>
<div class="card-footer d-flex align-items-center justify-content-between">
<a class="small text-white stretched-link" href="#">View Details</a>
<div class="small text-white"><i class="fas fa-angle-right"></i></div>
</div>
</div>
</div>
</div>
-->
</div>
</div>
</div>
</main>
<!-- footer -->
<div id="footer"></div>
</div>
</div>
<script src="../bootstrap/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

View File

@ -1,133 +1,133 @@
{if $action == ''}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>JU & MI Administration</title>
<link href="css/styles.css" rel="stylesheet" />
<script src="js/all.js" crossorigin="anonymous"></script>
<script src="../jquery/jquery-3.4.1.min.js"></script>
<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>
<script src="../js/lottie_bodymovin/lottie.min.js"></script>
<style type="text/css">
.lottie-container {
justify-content: center;
top: 40px;
left: 0;
right: 0;
bottom: 20px;
height: 180px;
pointer-events: none;
}
</style>
<script>
$(document).ready(function(){
$('[data-toggle="popover"]').popover();
});
</script>
</head>
<body>
<div id="navtop"></div>
{literal}
<script>
$(function() {
$("#mail").focus();
});
$(function(){
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutAuthentication">
<div id="layoutAuthentication_content">
<main>
<!--Anwendung-->
<script src="../js/components/admin_login.js"></script>
<div class="lottie-container" id="lottie-container"></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-5">
<div class="card shadow-lg border-0 rounded-lg mt-5">
<div class="card-header">
<h3 class="text-center font-weight-light my-4">Login</h3>
</div>
<div class="card-body">
<div class="form-floating mb-3">
<input class="form-control" name="mail" id="mail" type="email" onkeydown="keysave(this)" placeholder="Mailadresse" />
<label for="inputEmail">Mailadresse</label>
</div>
<div class="form-floating mb-3">
<input class="form-control" name="password" id="password" type="password" onkeydown="keysave(this)" placeholder="Passwort" />
<label for="inputPassword">Passwort</label>
</div>
<!--<div class="form-check mb-3">
<input class="form-check-input" id="inputRememberPassword" type="checkbox" value="" />
<label class="form-check-label" for="inputRememberPassword">Remember Password</label>
</div>
-->
<div class="d-flex align-items-center justify-content-between mt-4 mb-0">
<!--<a class="small" href="password.html">Forgot Password?</a>-->
<label><input type="checkbox" name="angemeldet_bleiben" id="angemeldet_bleiben" value="1">
<a type="button" class="link-secondary" data-bs-toggle="popover" data-bs-html="true" data-bs-trigger="hover"
title="Angemeldet bleiben"
data-bs-content="Durch das Markieren dieses Feldes wird beim n&auml;chsten Besuch die Anmeldemaske nicht erscheinen.<br>
<b>Die Anwendung speichert lokal Cookies in Ihrem Browser.</b><br>
Sobald Sie in der Anwendung einen Logout machen, werden die Cookies gel&ouml;scht und ein Login ist wieder erforderlich.">
Angemeldet bleiben
</a>
</label>
&nbsp;
<a class="link-secondary" href="passwortvergessen.php">Passwort vergessen</a>
</div>
</div>
<input type='submit' class="btn btn-primary" onclick="login();" name='senden' value="Login">
<div class="card-footer text-center py-3">
<!--<div class="small"><a href="register.html">Need an account? Sign up!</a></div>-->
</div>
</div>
<div id="msg"></div>
</div>
</div>
</div>
<div class="lottie-container" id="lottie-container"></div>
<script type="text/javascript">
var item = bodymovin.loadAnimation({
wrapper: document.getElementById('lottie-container'),
animType: 'svg',
loop: true,
autoplay: true,
path: '../media/data.json'
});
</script>
</main>
{literal}
<script type="text/javascript">
function keysave(ele) {
if(event.key === 'Enter') {
login();
}
}
</script>
{/literal}
</div>
<div id="layoutAuthentication_footer">
<!-- footer -->
<div id="footer"></div>
</div>
</div>
<script>
var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
return new bootstrap.Popover(popoverTriggerEl)
})
</script>
</body>
</html>
{/if}
{if $action == ''}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>JU & MI Administration</title>
<link href="css/styles.css" rel="stylesheet" />
<script src="js/all.js" crossorigin="anonymous"></script>
<script src="../jquery/jquery-3.4.1.min.js"></script>
<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>
<script src="../js/lottie_bodymovin/lottie.min.js"></script>
<style type="text/css">
.lottie-container {
justify-content: center;
top: 40px;
left: 0;
right: 0;
bottom: 20px;
height: 180px;
pointer-events: none;
}
</style>
<script>
$(document).ready(function(){
$('[data-toggle="popover"]').popover();
});
</script>
</head>
<body>
<div id="navtop"></div>
{literal}
<script>
$(function() {
$("#mail").focus();
});
$(function(){
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutAuthentication">
<div id="layoutAuthentication_content">
<main>
<!--Anwendung-->
<script src="../js/components/admin_login.js"></script>
<div class="lottie-container" id="lottie-container"></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-5">
<div class="card shadow-lg border-0 rounded-lg mt-5">
<div class="card-header">
<h3 class="text-center font-weight-light my-4">Login</h3>
</div>
<div class="card-body">
<div class="form-floating mb-3">
<input class="form-control" name="mail" id="mail" type="email" onkeydown="keysave(this)" placeholder="Mailadresse" />
<label for="inputEmail">Mailadresse</label>
</div>
<div class="form-floating mb-3">
<input class="form-control" name="password" id="password" type="password" onkeydown="keysave(this)" placeholder="Passwort" />
<label for="inputPassword">Passwort</label>
</div>
<!--<div class="form-check mb-3">
<input class="form-check-input" id="inputRememberPassword" type="checkbox" value="" />
<label class="form-check-label" for="inputRememberPassword">Remember Password</label>
</div>
-->
<div class="d-flex align-items-center justify-content-between mt-4 mb-0">
<!--<a class="small" href="password.html">Forgot Password?</a>-->
<label><input type="checkbox" name="angemeldet_bleiben" id="angemeldet_bleiben" value="1">
<a type="button" class="link-secondary" data-bs-toggle="popover" data-bs-html="true" data-bs-trigger="hover"
title="Angemeldet bleiben"
data-bs-content="Durch das Markieren dieses Feldes wird beim n&auml;chsten Besuch die Anmeldemaske nicht erscheinen.<br>
<b>Die Anwendung speichert lokal Cookies in Ihrem Browser.</b><br>
Sobald Sie in der Anwendung einen Logout machen, werden die Cookies gel&ouml;scht und ein Login ist wieder erforderlich.">
Angemeldet bleiben
</a>
</label>
&nbsp;
<a class="link-secondary" href="passwortvergessen.php">Passwort vergessen</a>
</div>
</div>
<input type='submit' class="btn btn-primary" onclick="login();" name='senden' value="Login">
<div class="card-footer text-center py-3">
<!--<div class="small"><a href="register.html">Need an account? Sign up!</a></div>-->
</div>
</div>
<div id="msg"></div>
</div>
</div>
</div>
<div class="lottie-container" id="lottie-container"></div>
<script type="text/javascript">
var item = bodymovin.loadAnimation({
wrapper: document.getElementById('lottie-container'),
animType: 'svg',
loop: true,
autoplay: true,
path: '../media/data.json'
});
</script>
</main>
{literal}
<script type="text/javascript">
function keysave(ele) {
if(event.key === 'Enter') {
login();
}
}
</script>
{/literal}
</div>
<div id="layoutAuthentication_footer">
<!-- footer -->
<div id="footer"></div>
</div>
</div>
<script>
var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
return new bootstrap.Popover(popoverTriggerEl)
})
</script>
</body>
</html>
{/if}

View File

@ -0,0 +1,169 @@
{if $action == ''}
<!DOCTYPE html>
<html lang="de">
<head>
<title>JU & MI Mailversand</title>
<link rel="stylesheet" href="../jquery/jquery.timepicker.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<script src="js/all.js" crossorigin="anonymous"></script>
<script src="../jquery/jquery-3.4.1.min.js"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
<link href = "../jquery/jquery-ui-themes-1.13.2/jquery-ui.css" rel = "stylesheet">
<style>
#frmEnquiry div label {
margin-left: 5px
}
.InputBox:focus {
outline:none;
}
.error {
background-color: #FF6600;
border: #AA4502 1px solid;
padding: 5px 10px;
color: #FFFFFF;
border-radius: 4px;
}
.success {
background-color: #9fd2a1;
border: #91bf93 1px solid;
padding: 5px 10px;
color: #3d503d;
border-radius: 4px;
cursor: pointer;
font-size: 0.9em;
}
.info {
font-size: .8em;
color: #FF6600;
letter-spacing: 2px;
padding-left: 5px;
}
.btnAction {
background-color: #263327;
border: 0;
padding: 10px 40px;
color: #FFF;
border: #F0F0F0 1px solid;
border-radius: 4px;
cursor:pointer;
}
.btnAction:focus {
outline:none;
}
.invalid {
background: #fbf2f2;
background-color: #fbf2f2;
border: #e8e0e0 1px solid;
}
</style>
</head>
<body class="sb-nav-fixed">
<div id="navtop"></div>
{literal}
<script>
$(function(){
// im Navbar muss der toggle in der Callbackfunktion definiert werden. Sonst findet jquery getelementbyID nicht
$("#navtop").load('navtop.php', null, function(){$.getScript('js/scripts.js');});
$("#navleft").load("nav.php");
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutSidenav">
<!-- Navigation left -->
<div id="navleft"></div>
<div id="layoutSidenav_content">
<main>
<!--Anwendung-->
<script src="../js/components/admin_phpmailer.js"></script>
<div class="container-fluid">
<div class="card">
<div class="card-header">
<i class="fa fa-envelope"></i>
Mailversand
</div>
<div class="card-body">
<div id="mail-status"></div>
<div class="row">
<form id="frmEnquiry" action="" method="post" enctype='multipart/form-data'>
<!--
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12">
<input type="text" name="userName" id="userName" class="form-control InputBox" placeholder="Name">
</div>
</div>
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12">
<input type="text" name="userEmail" id="userEmail" class="form-control InputBox" placeholder="Email">
</div>
</div>
-->
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12">
<label>Empfängerkreis</label><br />
<select name="empfaenger[]"class="form-control InputBox" id="empfaenger" multiple="multiple">
{section name=table_data loop=$table_data}
<option value="S-{$table_data[table_data].rid}">{$table_data[table_data].bezeichnung}</option>
{/section}
<option value="C-1">ChorsängerInnen</option>
</select>
</div>
</div>
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12">
<input type="text" name="subject" id="subject" class="form-control InputBox" placeholder="Betreff">
</div>
</div>
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12">
<textarea name="content" id="content" class="form-control InputBox" placeholder="Mailtext"></textarea>
</div>
</div>
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12">
<label>Anhänge</label><br /><input type="file" name="attachment[]" class="form-control InputBox" multiple="multiple">
</div>
</div>
<p align='center'>
<input type="submit" class="col-6 btn btn-primary btn-sm mt-3" id="save" value="Senden">
</p>
</div>
</div>
</div>
<div id="msg"></div>
<div id="msg1"></div>
</form>
<div id="loader-icon" style="display: none;">
<img src="../media/LoaderIcon.gif" />
</div>
</div>
</main>
<!--
<script src="https://cdn.tiny.cloud/1/1rbpdpgs5ibxxotsljroj6rzz4t6v4akerjkdj7tuzdzlic6/tinymce/6/tinymce.min.js" referrerpolicy="origin"></script>
-->
<script src="../tinymce/js/tinymce/tinymce.min.js"></script>
<script>
tinymce.init({
selector: 'textarea#content',
newline_behavior: 'linebreak',
height: 200,
// skin: 'bootstrap',
plugins: 'lists, link',
toolbar: 'h1 h2 bold italic strikethrough blockquote bullist numlist backcolor | link | removeformat help',
menubar: false,
});
</script>
<!-- footer -->
<div id="footer"></div>
</div>
</div>
</body>
</html>
{/if}

View File

@ -1,41 +1,41 @@
<div id="layoutSidenav_nav">
<nav class="bg-juandmi sb-sidenav accordion sb-sidenav-dark" id="sidenavAccordion">
<div class="sb-sidenav-menu">
<div class="nav">
{section name=table_data loop=$table_data}
{if $table_data[table_data].visible > 0}
<div class="sb-sidenav-menu-heading">{$table_data[table_data].headline}</div>
{/if}
{section name=inner loop=$table_data[table_data].inner}
{if $table_data[table_data].inner[inner].link == '#'}
<a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#collapse{$smarty.section.table_data.rownum}{$smarty.section.inner.rownum}" aria-expanded="false" aria-controls="collapse{$smarty.section.table_data.rownum}{$smarty.section.inner.rownum}">
{else}
<a class="nav-link" href="{$table_data[table_data].inner[inner].link}">
{/if}
<div class="sb-nav-link-icon"><i class="{$table_data[table_data].inner[inner].fontawesome}"></i></div>
{$table_data[table_data].inner[inner].headline}
{if $table_data[table_data].inner[inner].link == '#'}
<div class="sb-sidenav-collapse-arrow"><i class="fas fa-angle-down"></i></div>
{/if}
</a>
{section name=inner2 loop=$table_data[table_data].inner[inner].inner2}
{if $smarty.section.inner2.rownum == 1}
<div class="collapse" id="collapse{$smarty.section.table_data.rownum}{$smarty.section.inner.rownum}" aria-labelledby="headingOne" data-bs-parent="#sidenavAccordion">
{/if}
<nav class="sb-sidenav-menu-nested nav">
<a class="nav-link" href="{$table_data[table_data].inner[inner].inner2[inner2].link}">{$table_data[table_data].inner[inner].inner2[inner2].headline}</a>
</nav>
{if $smarty.section.inner2.last}
</div>
{/if}
{/section}
{/section}
{/section}
</div>
</div>
<div class="bg-juandmi sb-sidenav-footer">
<div class="small">Eingeloggt als:</div>
{$nav_name}
</div>
</nav>
<div id="layoutSidenav_nav">
<nav class="bg-juandmi sb-sidenav accordion sb-sidenav-dark" id="sidenavAccordion">
<div class="sb-sidenav-menu">
<div class="nav">
{section name=table_data loop=$table_data}
{if $table_data[table_data].visible > 0}
<div class="sb-sidenav-menu-heading">{$table_data[table_data].headline}</div>
{/if}
{section name=inner loop=$table_data[table_data].inner}
{if $table_data[table_data].inner[inner].link == '#'}
<a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#collapse{$smarty.section.table_data.rownum}{$smarty.section.inner.rownum}" aria-expanded="false" aria-controls="collapse{$smarty.section.table_data.rownum}{$smarty.section.inner.rownum}">
{else}
<a class="nav-link" href="{$table_data[table_data].inner[inner].link}">
{/if}
<div class="sb-nav-link-icon"><i class="{$table_data[table_data].inner[inner].fontawesome}"></i></div>
{$table_data[table_data].inner[inner].headline}
{if $table_data[table_data].inner[inner].link == '#'}
<div class="sb-sidenav-collapse-arrow"><i class="fas fa-angle-down"></i></div>
{/if}
</a>
{section name=inner2 loop=$table_data[table_data].inner[inner].inner2}
{if $smarty.section.inner2.rownum == 1}
<div class="collapse" id="collapse{$smarty.section.table_data.rownum}{$smarty.section.inner.rownum}" aria-labelledby="headingOne" data-bs-parent="#sidenavAccordion">
{/if}
<nav class="sb-sidenav-menu-nested nav">
<a class="nav-link" href="{$table_data[table_data].inner[inner].inner2[inner2].link}">{$table_data[table_data].inner[inner].inner2[inner2].headline}</a>
</nav>
{if $smarty.section.inner2.last}
</div>
{/if}
{/section}
{/section}
{/section}
</div>
</div>
<div class="bg-juandmi sb-sidenav-footer">
<div class="small">Eingeloggt als:</div>
{$nav_name}
</div>
</nav>
</div>

View File

@ -1,49 +1,49 @@
<!--Navigation top-->
<style>
<!-- abweichend von original styles.css -->
.sb-sidenav-dark .sb-sidenav-menu .nav-link {
color: rgba(255, 255, 255, 0.8);
}
.sb-sidenav-dark .sb-sidenav-menu .nav-link .sb-nav-link-icon {
color: rgba(255, 255, 255, 0.8);
}
.sb-sidenav-dark {
background-color: #212529;
color: rgba(255, 255, 255, 0.8);
}
.navbar-dark {
--bs-navbar-color: rgba(255, 255, 255, 0.8)
}
</style>
<nav class="bg-juandmi sb-topnav navbar navbar-expand navbar-dark">
<!-- Navbar Brand-->
<a class="navbar-brand ps-3" href="index.php">JU & MI</a>
<!-- Sidebar Toggle: js/scripts.js in der callbackfunktion vom Load aufrufen beim einbetten-->
<button class="btn btn-link btn-sm order-1 order-lg-0 me-4 me-lg-0" id="sidebarToggle" href="#!"><i class="fas fa-bars"></i></button>
<!-- Navbar Search-->
<form class="d-none d-md-inline-block form-inline ms-auto me-0 me-md-3 my-2 my-md-0">
<!--
<div class="input-group">
<input class="form-control" type="text" placeholder="Search for..." aria-label="Search for..." aria-describedby="btnNavbarSearch" />
<button class="btn btn-primary" id="btnNavbarSearch" type="button"><i class="fas fa-search"></i></button>
</div>
-->
</form>
<!-- Navbar-->
<ul class="navbar-nav ms-auto ms-md-0 me-3 me-lg-4">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="navbarDropdown" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"><i class="fas fa-user fa-fw"></i></a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
<!--
<li><a class="dropdown-item" href="tables.html">Settings</a></li>
<li><a class="dropdown-item" href="#!">Activity Log</a></li>
<li><hr class="dropdown-divider" /></li>
-->
<li><a class="dropdown-item" href="changepwd.php">Passwortwechsel</a></li>
<li><a class="dropdown-item" href="logout.php">Logout</a></li>
</ul>
</li>
</ul>
</nav>
<!--Navigation top-->
<style>
<!-- abweichend von original styles.css -->
.sb-sidenav-dark .sb-sidenav-menu .nav-link {
color: rgba(255, 255, 255, 0.8);
}
.sb-sidenav-dark .sb-sidenav-menu .nav-link .sb-nav-link-icon {
color: rgba(255, 255, 255, 0.8);
}
.sb-sidenav-dark {
background-color: #212529;
color: rgba(255, 255, 255, 0.8);
}
.navbar-dark {
--bs-navbar-color: rgba(255, 255, 255, 0.8)
}
</style>
<nav class="bg-juandmi sb-topnav navbar navbar-expand navbar-dark">
<!-- Navbar Brand-->
<a class="navbar-brand ps-3" href="index.php">JU & MI</a>
<!-- Sidebar Toggle: js/scripts.js in der callbackfunktion vom Load aufrufen beim einbetten-->
<button class="btn btn-link btn-sm order-1 order-lg-0 me-4 me-lg-0" id="sidebarToggle" href="#!"><i class="fas fa-bars"></i></button>
<!-- Navbar Search-->
<form class="d-none d-md-inline-block form-inline ms-auto me-0 me-md-3 my-2 my-md-0">
<!--
<div class="input-group">
<input class="form-control" type="text" placeholder="Search for..." aria-label="Search for..." aria-describedby="btnNavbarSearch" />
<button class="btn btn-primary" id="btnNavbarSearch" type="button"><i class="fas fa-search"></i></button>
</div>
-->
</form>
<!-- Navbar-->
<ul class="navbar-nav ms-auto ms-md-0 me-3 me-lg-4">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="navbarDropdown" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"><i class="fas fa-user fa-fw"></i></a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
<!--
<li><a class="dropdown-item" href="tables.html">Settings</a></li>
<li><a class="dropdown-item" href="#!">Activity Log</a></li>
<li><hr class="dropdown-divider" /></li>
-->
<li><a class="dropdown-item" href="changepwd.php">Passwortwechsel</a></li>
<li><a class="dropdown-item" href="logout.php">Logout</a></li>
</ul>
</li>
</ul>
</nav>
<br>

View File

@ -1,161 +1,161 @@
{if $action == ''}
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>Notenbuch erfassen</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<script src="js/all.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
<script src="../jquery/jquery-3.4.1.min.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>
<style>
.btn-group > .btn{
margin-bottom:20px;
border-radius:20px !important;
}
</style>
<script type="text/javascript">
$('#ZuordnungModal').on('hidden.bs.modal', function (e) {
alert("close");
})
</script>
<style type="text/css">
.ui-sortable tr {
cursor:pointer;
}
.ui-sortable tr:hover {
background:rgba(244,251,17,0.45);
}
</style>
<script>
$(document).ready(function(){
$('[data-toggle="popover"]').popover();
});
</script>
</head>
<!--<body onload="if(document.erfassen)document.erfassen.{$umfrageerf_focus}.focus();return false;">-->
<body class="sb-nav-fixed">
<div id="navtop"></div>
{literal}
<script>
$(function(){
// im Navbar muss der toggle in der Callbackfunktion definiert werden. Sonst findet jquery getelementbyID nicht
$("#navtop").load('navtop.php', null, function(){$.getScript('js/scripts.js');});
$("#navleft").load("nav.php");
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutSidenav">
<!-- Navigation left -->
<div id="navleft"></div>
<div id="layoutSidenav_content">
<main>
<!--Anwendung-->
<script src="../js/components/admin_notenbuch.js"></script>
<div class="container-fluid">
<div class="card">
<div class="card-header">
<i class="fas fa-table me-1"></i>
Notenbuch erfassen
</div>
<div class="row mt-1 mt-sm-1 mb-1 mb-sm-1">
<div class="col-5 col-md-4">Notenbuchname:</div>
<div class="col-7 col-md-8"><input class="form-control" type="text" name="notenbuchname" id="notenbuchname" value="{$umfrageerf_value_frage}" size="60"></div>
</div>
<div class="row mt-1 mt-sm-1 mb-1 mb-sm-1">
<div class="col-5 col-md-4">Lizenz erfoderlich:</div>
<div class="col-7 col-md-8"><input type="checkbox" class="form-check-input" onchange="document.getElementById('notenbuchlizenz').disabled = !this.checked;" name='checkliz' id='checkliz'/></div>
</div>
<div class="row mt-1 mt-sm-1 mb-1 mb-sm-1">
<div class="col-5 col-md-4">Anzahl vorhandene Lizenzen:</div>
<div class="col-7 col-md-8"><input class="form-control" type="number" disabled name="notenbuchlizenz" id="notenbuchlizenz" value="{$umfrageerf_value_notenbuchlizenz}" size="60"></div>
</div>
</div>
<div class="row">
<div class="row col-3"></div>
<div class="row col-6"><button class="btn btn-primary btn-sm mt-3" id="save" onclick="notenbuchsave();">Speichern</button></div>
<div class="row col-3"></div>
</div>
<br>
<div class="card">
<div class="card-header">
<i class="fas fa-table me-1"></i>
Vorhandene Notenbücher
</div>
<div class="card-body">
<div class="row mt-0 mt-sm-1 mb-0 mb-sm-1">
<div class="row mt-0 mb-0">
<div class="d-none col-md-5 d-md-block"><b>Notenbuch</b></div>
<div class="d-none col-md-4 d-md-block"><b>Lizenzen</b></div>
<div class="d-none col-md-3 d-md-block"><b>Aktion</b></div>
</div>
{section name=table_data loop=$table_data}
<div class="row mt-0 mt-sm-1 mb-0 mb-sm-1">
<div class="col-7 col-md-5">{$table_data[table_data].bezeichnung}</div>
<div class="d-none col-md-4 d-md-block">{$table_data[table_data].restlizenz}/{$table_data[table_data].anzahl_lizenz}</div>
<div class="col-5 col-md-3">
<a class="btn mt-1 mt-md-0 btn-success btn-rounded btn-icon btn-sm" onclick="editNotenbuch({$table_data[table_data].zsid})"><i class="fa fa-edit" style="width:18px;"></i></a>
<a class="btn mt-1 mt-md-0 btn-success btn-rounded btn-icon btn-sm" data-bs-toggle="modal" value="{$table_data[table_data].zsid}|notenbuchzuordnung.php" onclick="ShowZuordnung(this)" data-bs-target="#ZuordnungModal"><i class="fa fa-eye" style="width:18px;"></i></a>
<a class="btn mt-1 mt-md-0 btn-success btn-rounded btn-icon btn-sm" data-bs-toggle="modal" value="{$table_data[table_data].zsid}|notenuserzuordnung.php" onclick="ShowZuordnung(this)" data-bs-target="#ZuordnungModal"><i class="fa fa-user" style="width:18px;"></i></a>
<a class="btn mt-1 mt-md-0 btn-danger btn-rounded btn-icon btn-sm" onclick="delZusammenstellung({$table_data[table_data].zsid})"><i class="fa fa-trash" style="width:18px;"></i></a>
</div>
</div>
{/section}
<!-- Modal, muss hier static sein. Das bedeutet man kann es nicht wegklicken, wenn man neben das Fenster klickt. Man will durch click auf close einen Reload auslösen -->
<div class="modal" id="ZuordnungModal" data-bs-backdrop="static" tabindex="-1" aria-labelledby="ZuordnungModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<!--<h5 class="modal-title" id="ZuordnungModalLabel">Rollenübersicht</h5>-->
<button type="button" onclick="location.reload();" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<button type="button" onclick="location.reload();" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!--<button type="button" class="btn btn-primary">Save changes</button>-->
</div>
</div>
</div>
</div>
<!-- Lösen Sie das Modal mit einem Button aus -->
{literal}
<script>
function ShowZuordnung(a){
let receive = a.getAttribute("value");
var a = receive.split('|');
var value = a[0];
var file = a[1];
$( '.modal-body' ).load( file+'?edit='+value , function () {
$( '#ZuordnungModal' ).modal({show: true });
});
}
</script>
{/literal}
</div>
</div>
</div>
<div id="msg"></div>
</main>
<!-- footer -->
<div id="footer"></div>
</div>
</div>
</body>
</html>
{/if}
{if $action == ''}
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>Notenbuch erfassen</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<script src="js/all.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
<script src="../jquery/jquery-3.4.1.min.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>
<style>
.btn-group > .btn{
margin-bottom:20px;
border-radius:20px !important;
}
</style>
<script type="text/javascript">
$('#ZuordnungModal').on('hidden.bs.modal', function (e) {
alert("close");
})
</script>
<style type="text/css">
.ui-sortable tr {
cursor:pointer;
}
.ui-sortable tr:hover {
background:rgba(244,251,17,0.45);
}
</style>
<script>
$(document).ready(function(){
$('[data-toggle="popover"]').popover();
});
</script>
</head>
<!--<body onload="if(document.erfassen)document.erfassen.{$umfrageerf_focus}.focus();return false;">-->
<body class="sb-nav-fixed">
<div id="navtop"></div>
{literal}
<script>
$(function(){
// im Navbar muss der toggle in der Callbackfunktion definiert werden. Sonst findet jquery getelementbyID nicht
$("#navtop").load('navtop.php', null, function(){$.getScript('js/scripts.js');});
$("#navleft").load("nav.php");
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutSidenav">
<!-- Navigation left -->
<div id="navleft"></div>
<div id="layoutSidenav_content">
<main>
<!--Anwendung-->
<script src="../js/components/admin_notenbuch.js"></script>
<div class="container-fluid">
<div class="card">
<div class="card-header">
<i class="fas fa-table me-1"></i>
Notenbuch erfassen
</div>
<div class="row mt-1 mt-sm-1 mb-1 mb-sm-1">
<div class="col-5 col-md-4">Notenbuchname:</div>
<div class="col-7 col-md-8"><input class="form-control" type="text" name="notenbuchname" id="notenbuchname" value="{$umfrageerf_value_frage}" size="60"></div>
</div>
<div class="row mt-1 mt-sm-1 mb-1 mb-sm-1">
<div class="col-5 col-md-4">Lizenz erfoderlich:</div>
<div class="col-7 col-md-8"><input type="checkbox" class="form-check-input" onchange="document.getElementById('notenbuchlizenz').disabled = !this.checked;" name='checkliz' id='checkliz'/></div>
</div>
<div class="row mt-1 mt-sm-1 mb-1 mb-sm-1">
<div class="col-5 col-md-4">Anzahl vorhandene Lizenzen:</div>
<div class="col-7 col-md-8"><input class="form-control" type="number" disabled name="notenbuchlizenz" id="notenbuchlizenz" value="{$umfrageerf_value_notenbuchlizenz}" size="60"></div>
</div>
</div>
<div class="row">
<div class="row col-3"></div>
<div class="row col-6"><button class="btn btn-primary btn-sm mt-3" id="save" onclick="notenbuchsave();">Speichern</button></div>
<div class="row col-3"></div>
</div>
<br>
<div class="card">
<div class="card-header">
<i class="fas fa-table me-1"></i>
Vorhandene Notenbücher
</div>
<div class="card-body">
<div class="row mt-0 mt-sm-1 mb-0 mb-sm-1">
<div class="row mt-0 mb-0">
<div class="d-none col-md-5 d-md-block"><b>Notenbuch</b></div>
<div class="d-none col-md-4 d-md-block"><b>Lizenzen</b></div>
<div class="d-none col-md-3 d-md-block"><b>Aktion</b></div>
</div>
{section name=table_data loop=$table_data}
<div class="row mt-0 mt-sm-1 mb-0 mb-sm-1">
<div class="col-7 col-md-5">{$table_data[table_data].bezeichnung}</div>
<div class="d-none col-md-4 d-md-block">{$table_data[table_data].restlizenz}/{$table_data[table_data].anzahl_lizenz}</div>
<div class="col-5 col-md-3">
<a class="btn mt-1 mt-md-0 btn-success btn-rounded btn-icon btn-sm" onclick="editNotenbuch({$table_data[table_data].zsid})"><i class="fa fa-edit" style="width:18px;"></i></a>
<a class="btn mt-1 mt-md-0 btn-success btn-rounded btn-icon btn-sm" data-bs-toggle="modal" value="{$table_data[table_data].zsid}|notenbuchzuordnung.php" onclick="ShowZuordnung(this)" data-bs-target="#ZuordnungModal"><i class="fa fa-eye" style="width:18px;"></i></a>
<a class="btn mt-1 mt-md-0 btn-success btn-rounded btn-icon btn-sm" data-bs-toggle="modal" value="{$table_data[table_data].zsid}|notenuserzuordnung.php" onclick="ShowZuordnung(this)" data-bs-target="#ZuordnungModal"><i class="fa fa-user" style="width:18px;"></i></a>
<a class="btn mt-1 mt-md-0 btn-danger btn-rounded btn-icon btn-sm" onclick="delZusammenstellung({$table_data[table_data].zsid})"><i class="fa fa-trash" style="width:18px;"></i></a>
</div>
</div>
{/section}
<!-- Modal, muss hier static sein. Das bedeutet man kann es nicht wegklicken, wenn man neben das Fenster klickt. Man will durch click auf close einen Reload auslösen -->
<div class="modal" id="ZuordnungModal" data-bs-backdrop="static" tabindex="-1" aria-labelledby="ZuordnungModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<!--<h5 class="modal-title" id="ZuordnungModalLabel">Rollenübersicht</h5>-->
<button type="button" onclick="location.reload();" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<button type="button" onclick="location.reload();" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!--<button type="button" class="btn btn-primary">Save changes</button>-->
</div>
</div>
</div>
</div>
<!-- Lösen Sie das Modal mit einem Button aus -->
{literal}
<script>
function ShowZuordnung(a){
let receive = a.getAttribute("value");
var a = receive.split('|');
var value = a[0];
var file = a[1];
$( '.modal-body' ).load( file+'?edit='+value , function () {
$( '#ZuordnungModal' ).modal({show: true });
});
}
</script>
{/literal}
</div>
</div>
</div>
<div id="msg"></div>
</main>
<!-- footer -->
<div id="footer"></div>
</div>
</div>
</body>
</html>
{/if}

View File

@ -1,147 +1,147 @@
{if $action == ''}
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<script src="js/all.js" crossorigin="anonymous"></script>
<!-- data Table: https://datatables.net/ -->
<script src="../bootstrap/data-table/jquery.min.js"></script>
<link rel="stylesheet" href="../bootstrap/data-table/dataTables.bootstrap5.min.css"></style>
<link rel="stylesheet" href="../bootstrap/data-table/rowReorder.dataTables.min.css"></style>
<script type="text/javascript" src="../bootstrap/data-table/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="../bootstrap/data-table/dataTables.rowReorder.min.js"></script>
<script type="text/javascript" src="../bootstrap/data-table/dataTables.bootstrap5.min.js"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
<script src="../jquery/jquery-3.4.1.min.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>
<style>
.btn-group > .btn{
margin-bottom:20px;
border-radius:20px !important;
}
</style>
<style type="text/css">
.ui-sortable tr {
cursor:pointer;
}
.ui-sortable tr:hover {
background:rgba(244,251,17,0.45);
}
</style>
</head>
<!--<body onload="if(document.erfassen)document.erfassen.{$umfrageerf_focus}.focus();return false;">-->
<body class="sb-nav-fixed">
<main>
<!--Anwendung-->
<script src="../js/components/admin_notenbuch.js"></script>
<p class="text-center"><b>{$notenbuchzuordnung_bezeichnung}</b></p>
<div class="container-fluid">
<div class="card">
<div class="card-header">
<i class="fas fa-table me-1"></i>
Nicht zugewiesene Rechte
</div>
<div class="card-body">
<table id="notassigned" class="table table-striped table-bordered table-responsive table-hover" >
<thead>
<tr>
<th>Lied</th>
<th>Aktion</th>
</tr>
</thead>
<tbody>
{section name=table_data loop=$table_data}
<tr>
<td>{$table_data[table_data].titel}</td>
<td>
<p class="text-center">
<a class="btn btn-success btn-rounded btn-icon btn-sm" onclick="erfzuordnung({$table_data[table_data].jndid},{$rollen_edit})"><i class="fa-solid fa-plus" style="width:18px;"></i></a>
</p>
</td>
</tr>
{/section}
</tbody>
</table>
</div>
</div>
<br>
<div class="card">
<div class="card-header">
<i class="fas fa-table me-1"></i>
Nicht zugewiesene Lieder
</div>
<div class="card-body">
<table id="assigned" class="table table-striped table-bordered table-responsive table-hover" >
<thead>
<tr>
<th>Lied</th>
<th>Aktion</th>
</tr>
</thead>
<tbody>
{section name=table_data1 loop=$table_data1}
<tr>
<td>{$table_data1[table_data1].titel}</td>
<td>
<p class="text-center">
<a class="btn btn-danger btn-rounded btn-icon btn-sm" onclick="delzuordnung({$table_data1[table_data1].jndid}, {$rollen_edit})"><i class="fa-solid fa-minus" style="width:18px;"></i></a>
</p>
</td>
</tr>
{/section}
</tbody>
</table>
</div>
</div>
<div id="msg"></div>
</main>
</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>
<script>
$(document).ready(function(){
var table = new DataTable('#notassigned', {
rowReorder: true,
pageLength: 5,
language: {
url: '//cdn.datatables.net/plug-ins/1.13.4/i18n/de-DE.json',
search: "",
lengthMenu: "_MENU_ Zeilen",
},
});
var table2 = new DataTable('#assigned', {
rowReorder: true,
pageLength: 5,
language: {
url: '//cdn.datatables.net/plug-ins/1.13.4/i18n/de-DE.json',
search: "",
lengthMenu: "_MENU_ Zeilen",
},
});
});
</script>
</html>
{/if}
{if $action == ''}
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<script src="js/all.js" crossorigin="anonymous"></script>
<!-- data Table: https://datatables.net/ -->
<script src="../bootstrap/data-table/jquery.min.js"></script>
<link rel="stylesheet" href="../bootstrap/data-table/dataTables.bootstrap5.min.css"></style>
<link rel="stylesheet" href="../bootstrap/data-table/rowReorder.dataTables.min.css"></style>
<script type="text/javascript" src="../bootstrap/data-table/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="../bootstrap/data-table/dataTables.rowReorder.min.js"></script>
<script type="text/javascript" src="../bootstrap/data-table/dataTables.bootstrap5.min.js"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
<script src="../jquery/jquery-3.4.1.min.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>
<style>
.btn-group > .btn{
margin-bottom:20px;
border-radius:20px !important;
}
</style>
<style type="text/css">
.ui-sortable tr {
cursor:pointer;
}
.ui-sortable tr:hover {
background:rgba(244,251,17,0.45);
}
</style>
</head>
<!--<body onload="if(document.erfassen)document.erfassen.{$umfrageerf_focus}.focus();return false;">-->
<body class="sb-nav-fixed">
<main>
<!--Anwendung-->
<script src="../js/components/admin_notenbuch.js"></script>
<p class="text-center"><b>{$notenbuchzuordnung_bezeichnung}</b></p>
<div class="container-fluid">
<div class="card">
<div class="card-header">
<i class="fas fa-table me-1"></i>
Nicht zugewiesene Rechte
</div>
<div class="card-body">
<table id="notassigned" class="table table-striped table-bordered table-responsive table-hover" >
<thead>
<tr>
<th>Lied</th>
<th>Aktion</th>
</tr>
</thead>
<tbody>
{section name=table_data loop=$table_data}
<tr>
<td>{$table_data[table_data].titel}</td>
<td>
<p class="text-center">
<a class="btn btn-success btn-rounded btn-icon btn-sm" onclick="erfzuordnung({$table_data[table_data].jndid},{$rollen_edit})"><i class="fa-solid fa-plus" style="width:18px;"></i></a>
</p>
</td>
</tr>
{/section}
</tbody>
</table>
</div>
</div>
<br>
<div class="card">
<div class="card-header">
<i class="fas fa-table me-1"></i>
Nicht zugewiesene Lieder
</div>
<div class="card-body">
<table id="assigned" class="table table-striped table-bordered table-responsive table-hover" >
<thead>
<tr>
<th>Lied</th>
<th>Aktion</th>
</tr>
</thead>
<tbody>
{section name=table_data1 loop=$table_data1}
<tr>
<td>{$table_data1[table_data1].titel}</td>
<td>
<p class="text-center">
<a class="btn btn-danger btn-rounded btn-icon btn-sm" onclick="delzuordnung({$table_data1[table_data1].jndid}, {$rollen_edit})"><i class="fa-solid fa-minus" style="width:18px;"></i></a>
</p>
</td>
</tr>
{/section}
</tbody>
</table>
</div>
</div>
<div id="msg"></div>
</main>
</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>
<script>
$(document).ready(function(){
var table = new DataTable('#notassigned', {
rowReorder: true,
pageLength: 5,
language: {
url: '//cdn.datatables.net/plug-ins/1.13.4/i18n/de-DE.json',
search: "",
lengthMenu: "_MENU_ Zeilen",
},
});
var table2 = new DataTable('#assigned', {
rowReorder: true,
pageLength: 5,
language: {
url: '//cdn.datatables.net/plug-ins/1.13.4/i18n/de-DE.json',
search: "",
lengthMenu: "_MENU_ Zeilen",
},
});
});
</script>
</html>
{/if}

View File

@ -1,189 +1,189 @@
{if $action == ''}
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
{if $create_edit == ''}
<title>JU & MI Noten erfassen</title>
{else}
<title>JU & MI Noten bearbeiten</title>
{/if}
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<script src="js/all.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
<script src="../jquery/jquery-3.4.1.min.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" charset="utf-8" language="javascript" src="../js/file_upload/DT_bootstrap.js"></script>-->
<script type="text/javascript" src="../js/file_upload/vpb_uploader.js"></script>
<script type="text/javascript">$(document).ready(function()
{
// Call the main function
new vpb_multiple_file_uploader
({
vpb_form_id: "form_id", // Form ID
autoSubmit: true,
vpb_server_url: "../controller/admin_notenupload.php"
});
});
</script>
<link href = "../jquery/jquery-ui-themes-1.13.2/jquery-ui.css" rel = "stylesheet">
<style>
body {
font-family:Verdana, Geneva, sans-serif;
}
span{
color:red;
cursor:pointer;
}
</style>
</head>
<!--<body onload="if(document.erfassen)document.erfassen.{$umfrageerf_focus}.focus();return false;">-->
<body class="sb-nav-fixed">
<div id="navtop"></div>
{literal}
<script>
$(function(){
// im Navbar muss der toggle in der Callbackfunktion definiert werden. Sonst findet jquery getelementbyID nicht
$("#navtop").load('navtop.php', null, function(){$.getScript('js/scripts.js');});
$("#navleft").load("nav.php");
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutSidenav">
<!-- Navigation left -->
<div id="navleft"></div>
<div id="layoutSidenav_content">
<main>
<div class="container-fluid">
<form name="form_id" id="form_id" action="javascript:void(0);" enctype="multipart/form-data">
<div class="card">
<div class="card-header">
<i class="fas fa-edit me-1"></i>
{if $create_edit == ''}
Noten erfassen
{else}
Noten bearbeiten
{/if}
</div>
<div class="card-body">
<div class="row">
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">Titel:</div>
<div class="col-12 col-md-8">
<input type="text" id="titel" class="form-control rounded-right" value="{$notenupload_titel}" required>
</div>
</div>
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">LiedNr:</div>
<div class="col-12 col-md-8">
<input type="text" id="liednr" class="form-control rounded-right" value="{$notenupload_liednr}" required>
</div>
</div>
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">Verlag:</div>
<div class="col-12 col-md-8">
<input type="text" id="verlag" class="form-control rounded-right" value="{$notenupload_verlag}">
</div>
</div>
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">Anzahl Lizenzen:</div>
<div class="col-12 col-md-8">
<input type="number" id="anz_lizenzen" class="form-control rounded-right" value="{$notenupload_anz_lizenzen}" required>
</div>
</div>
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-8 col-md-4">Streamlizenz vorhanden:</div>
<div class="col-4 col-md-8">
<input class="form-check-input" type="checkbox" name="streamlizenz" id="streamlizenz" value="1" {if $notenupload_streamlizenz == '1'}checked{/if}>
</div>
</div>
{if $create_edit != ''}
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">Dateien:</div>
<div class="col-12 col-md-8">
<div class="form-group">
<table class="table table-striped table-bordered" id="curdoks">
<thead>
<tr>
<th style="color:blue; text-align:center;">Datei</th>
<th class="d-none d-lg-table-cell" style="color:blue; text-align:center;">Uploaddatum</th>
<th style="color:blue; text-align:center;">Aktion</th>
<tr>
</thead>
<tbody>
{section name=table_data loop=$table_data}
<tr>
<td>
{if $table_data[table_data].file_exists == 1}
<a href="{$table_data[table_data].filename}" target="_new">{$table_data[table_data].originalname}</a>
{else}
{$table_data[table_data].originalname}
{/if}
</td>
<td class="d-none d-lg-table-cell">{$table_data[table_data].uploaddatum}</td>
<td><a class="btn btn-danger btn-rounded btn-icon btn-sm" onclick="delNotenFile({$table_data[table_data].id})"><i class="fa fa-trash" style="width:18px;"></i></a></td>
</tr>
{/section}
</tbody>
</table>
</div>
</div>
</div>
{/if}
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<label for="formFile" class="form-label">
<div class="col-12 col-md-4">PDF:</div>
<div class="col-12col-md-8">
<input class="form-control" type="file" name="vasplus_multiple_files" id="vasplus_multiple_files" multiple="multiple">
</div>
</label>
</div>
<table class="table table-striped table-bordered" id="add_files">
<thead>
<tr>
<th style="color:blue; text-align:center;">Datei</th>
<th style="color:blue; text-align:center;">Status</th>
<th style="color:blue; text-align:center;">Gr&ouml;&szlig;e</th>
<th style="color:blue; text-align:center;">Aktion</th>
<tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<p align='center'>
{if $create_edit != ''}
<input type="hidden" id="jndid" value="{$create_edit}">
{else}
<input type="hidden" id="jndid" value="-1">
{/if}
<button class="col-6 btn btn-primary btn-sm mt-3" id="save">Speichern</button>
</p>
</div>
</div>
</div>
<div id="msg"></div>
</form>
</center>
</main>
<!-- Livesearchscript muss nach den Textfelder sitzen-->
<script src="../js/components/admin_notenupload.js"></script>
<!-- footer -->
<div id="footer"></div>
</div>
</div>
</body>
</html>
{/if}
{if $action == ''}
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
{if $create_edit == ''}
<title>JU & MI Noten erfassen</title>
{else}
<title>JU & MI Noten bearbeiten</title>
{/if}
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<script src="js/all.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
<script src="../jquery/jquery-3.4.1.min.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" charset="utf-8" language="javascript" src="../js/file_upload/DT_bootstrap.js"></script>-->
<script type="text/javascript" src="../js/file_upload/vpb_uploader.js"></script>
<script type="text/javascript">$(document).ready(function()
{
// Call the main function
new vpb_multiple_file_uploader
({
vpb_form_id: "form_id", // Form ID
autoSubmit: true,
vpb_server_url: "../controller/admin_notenupload.php"
});
});
</script>
<link href = "../jquery/jquery-ui-themes-1.13.2/jquery-ui.css" rel = "stylesheet">
<style>
body {
font-family:Verdana, Geneva, sans-serif;
}
span{
color:red;
cursor:pointer;
}
</style>
</head>
<!--<body onload="if(document.erfassen)document.erfassen.{$umfrageerf_focus}.focus();return false;">-->
<body class="sb-nav-fixed">
<div id="navtop"></div>
{literal}
<script>
$(function(){
// im Navbar muss der toggle in der Callbackfunktion definiert werden. Sonst findet jquery getelementbyID nicht
$("#navtop").load('navtop.php', null, function(){$.getScript('js/scripts.js');});
$("#navleft").load("nav.php");
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutSidenav">
<!-- Navigation left -->
<div id="navleft"></div>
<div id="layoutSidenav_content">
<main>
<div class="container-fluid">
<form name="form_id" id="form_id" action="javascript:void(0);" enctype="multipart/form-data">
<div class="card">
<div class="card-header">
<i class="fas fa-edit me-1"></i>
{if $create_edit == ''}
Noten erfassen
{else}
Noten bearbeiten
{/if}
</div>
<div class="card-body">
<div class="row">
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">Titel:</div>
<div class="col-12 col-md-8">
<input type="text" id="titel" class="form-control rounded-right" value="{$notenupload_titel}" required>
</div>
</div>
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">LiedNr:</div>
<div class="col-12 col-md-8">
<input type="text" id="liednr" class="form-control rounded-right" value="{$notenupload_liednr}" required>
</div>
</div>
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">Verlag:</div>
<div class="col-12 col-md-8">
<input type="text" id="verlag" class="form-control rounded-right" value="{$notenupload_verlag}">
</div>
</div>
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">Anzahl Lizenzen:</div>
<div class="col-12 col-md-8">
<input type="number" id="anz_lizenzen" class="form-control rounded-right" value="{$notenupload_anz_lizenzen}" required>
</div>
</div>
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-8 col-md-4">Streamlizenz vorhanden:</div>
<div class="col-4 col-md-8">
<input class="form-check-input" type="checkbox" name="streamlizenz" id="streamlizenz" value="1" {if $notenupload_streamlizenz == '1'}checked{/if}>
</div>
</div>
{if $create_edit != ''}
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">Dateien:</div>
<div class="col-12 col-md-8">
<div class="form-group">
<table class="table table-striped table-bordered" id="curdoks">
<thead>
<tr>
<th style="color:blue; text-align:center;">Datei</th>
<th class="d-none d-lg-table-cell" style="color:blue; text-align:center;">Uploaddatum</th>
<th style="color:blue; text-align:center;">Aktion</th>
<tr>
</thead>
<tbody>
{section name=table_data loop=$table_data}
<tr>
<td>
{if $table_data[table_data].file_exists == 1}
<a href="{$table_data[table_data].filename}" target="_new">{$table_data[table_data].originalname}</a>
{else}
{$table_data[table_data].originalname}
{/if}
</td>
<td class="d-none d-lg-table-cell">{$table_data[table_data].uploaddatum}</td>
<td><a class="btn btn-danger btn-rounded btn-icon btn-sm" onclick="delNotenFile({$table_data[table_data].id})"><i class="fa fa-trash" style="width:18px;"></i></a></td>
</tr>
{/section}
</tbody>
</table>
</div>
</div>
</div>
{/if}
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<label for="formFile" class="form-label">
<div class="col-12 col-md-4">PDF:</div>
<div class="col-12col-md-8">
<input class="form-control" type="file" name="vasplus_multiple_files" id="vasplus_multiple_files" multiple="multiple">
</div>
</label>
</div>
<table class="table table-striped table-bordered" id="add_files">
<thead>
<tr>
<th style="color:blue; text-align:center;">Datei</th>
<th style="color:blue; text-align:center;">Status</th>
<th style="color:blue; text-align:center;">Gr&ouml;&szlig;e</th>
<th style="color:blue; text-align:center;">Aktion</th>
<tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<p align='center'>
{if $create_edit != ''}
<input type="hidden" id="jndid" value="{$create_edit}">
{else}
<input type="hidden" id="jndid" value="-1">
{/if}
<button class="col-6 btn btn-primary btn-sm mt-3" id="save">Speichern</button>
</p>
</div>
</div>
</div>
<div id="msg"></div>
</form>
</center>
</main>
<!-- Livesearchscript muss nach den Textfelder sitzen-->
<script src="../js/components/admin_notenupload.js"></script>
<!-- footer -->
<div id="footer"></div>
</div>
</div>
</body>
</html>
{/if}

View File

@ -1,150 +1,150 @@
{if $action == ''}
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<script src="js/all.js" crossorigin="anonymous"></script>
<!-- data Table: https://datatables.net/ -->
<script src="../bootstrap/data-table/jquery.min.js"></script>
<link rel="stylesheet" href="../bootstrap/data-table/dataTables.bootstrap5.min.css"></style>
<link rel="stylesheet" href="../bootstrap/data-table/rowReorder.dataTables.min.css"></style>
<script type="text/javascript" src="../bootstrap/data-table/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="../bootstrap/data-table/dataTables.rowReorder.min.js"></script>
<script type="text/javascript" src="../bootstrap/data-table/dataTables.bootstrap5.min.js"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
<script src="../jquery/jquery-3.4.1.min.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>
<style>
.btn-group > .btn{
margin-bottom:20px;
border-radius:20px !important;
}
.ui-sortable tr {
cursor:pointer;
}
.ui-sortable tr:hover {
background:rgba(244,251,17,0.45);
}
.table>:not(caption)>*>* {
padding: 0.1rem 0.1rem;
}
p {
margin: 0;
}
</style>
</head>
<!--<body onload="if(document.erfassen)document.erfassen.{$umfrageerf_focus}.focus();return false;">-->
<body class="sb-nav-fixed">
<main>
<!--Anwendung-->
<script src="../js/components/admin_rollen.js"></script>
<p class="text-center"><b>{$notenzuordnung_bezeichnung}</b></p>
<div class="container-fluid">
<div class="card">
<div class="card-header">
<i class="fas fa-table me-1"></i>
Nicht zugewiesene S&auml;gerIn
</div>
<div class="card-body">
<table id="notassigned" class="table table-striped table-bordered table-responsive table-hover" >
<thead class="d-none">
<tr>
<th>Vorname</th>
<th>Nachname</th>
<th>Aktion</th>
</tr>
</thead>
<tbody>
{section name=table_data loop=$table_data}
<tr>
<td>{$table_data[table_data].vorname}</td>
<td>{$table_data[table_data].nachname}</td>
<td>
<p class="text-center">
<a class="btn btn-success btn-rounded btn-icon btn-sm" onclick="erfNotenUser({$table_data[table_data].csid}, {$zusammenstellung_edit})"><i class="fa-solid fa-plus" style="width:18px;"></i></a>
</p>
</td>
</tr>
{/section}
</tbody>
</table>
</div>
</div>
<br>
<div class="card">
<div class="card-header">
<i class="fas fa-table me-1"></i>
Zugewiesene S&auml;gerIn
</div>
<div class="card-body">
<table id="assigned" class="table table-striped table-bordered table-responsive table-hover" >
<thead class="d-none">
<tr>
<th>Vorname</th>
<th>Nachname</th>
<th>Aktion</th>
</tr>
</thead>
<tbody>
{section name=table_data1 loop=$table_data1}
<tr>
<td>{$table_data1[table_data1].vorname}</td>
<td>{$table_data1[table_data1].nachname}</td>
<td>
<p class="text-center">
<a class="btn btn-danger btn-rounded btn-icon btn-sm" onclick="delNotenUser({$table_data1[table_data1].csid}, {$zusammenstellung_edit})"><i class="fa-solid fa-minus" style="width:18px;"></i></a>
</p>
</td>
</tr>
{/section}
</tbody>
</table>
</div>
</div>
<div id="msg"></div>
</main>
</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>
<script>
$(document).ready(function(){
var table = new DataTable('#notassigned', {
rowReorder: true,
pageLength: 5,
language: {
url: '//cdn.datatables.net/plug-ins/1.13.4/i18n/de-DE.json',
search: "",
lengthMenu: "_MENU_ Zeilen",
},
});
var table2 = new DataTable('#assigned', {
rowReorder: true,
pageLength: 5,
language: {
url: '//cdn.datatables.net/plug-ins/1.13.4/i18n/de-DE.json',
search: "",
lengthMenu: "_MENU_ Zeilen",
},
});
});
</script>
</html>
{/if}
{if $action == ''}
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<script src="js/all.js" crossorigin="anonymous"></script>
<!-- data Table: https://datatables.net/ -->
<script src="../bootstrap/data-table/jquery.min.js"></script>
<link rel="stylesheet" href="../bootstrap/data-table/dataTables.bootstrap5.min.css"></style>
<link rel="stylesheet" href="../bootstrap/data-table/rowReorder.dataTables.min.css"></style>
<script type="text/javascript" src="../bootstrap/data-table/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="../bootstrap/data-table/dataTables.rowReorder.min.js"></script>
<script type="text/javascript" src="../bootstrap/data-table/dataTables.bootstrap5.min.js"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
<script src="../jquery/jquery-3.4.1.min.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>
<style>
.btn-group > .btn{
margin-bottom:20px;
border-radius:20px !important;
}
.ui-sortable tr {
cursor:pointer;
}
.ui-sortable tr:hover {
background:rgba(244,251,17,0.45);
}
.table>:not(caption)>*>* {
padding: 0.1rem 0.1rem;
}
p {
margin: 0;
}
</style>
</head>
<!--<body onload="if(document.erfassen)document.erfassen.{$umfrageerf_focus}.focus();return false;">-->
<body class="sb-nav-fixed">
<main>
<!--Anwendung-->
<script src="../js/components/admin_rollen.js"></script>
<p class="text-center"><b>{$notenzuordnung_bezeichnung}</b></p>
<div class="container-fluid">
<div class="card">
<div class="card-header">
<i class="fas fa-table me-1"></i>
Nicht zugewiesene S&auml;gerIn
</div>
<div class="card-body">
<table id="notassigned" class="table table-striped table-bordered table-responsive table-hover" >
<thead class="d-none">
<tr>
<th>Vorname</th>
<th>Nachname</th>
<th>Aktion</th>
</tr>
</thead>
<tbody>
{section name=table_data loop=$table_data}
<tr>
<td>{$table_data[table_data].vorname}</td>
<td>{$table_data[table_data].nachname}</td>
<td>
<p class="text-center">
<a class="btn btn-success btn-rounded btn-icon btn-sm" onclick="erfNotenUser({$table_data[table_data].csid}, {$zusammenstellung_edit})"><i class="fa-solid fa-plus" style="width:18px;"></i></a>
</p>
</td>
</tr>
{/section}
</tbody>
</table>
</div>
</div>
<br>
<div class="card">
<div class="card-header">
<i class="fas fa-table me-1"></i>
Zugewiesene S&auml;gerIn
</div>
<div class="card-body">
<table id="assigned" class="table table-striped table-bordered table-responsive table-hover" >
<thead class="d-none">
<tr>
<th>Vorname</th>
<th>Nachname</th>
<th>Aktion</th>
</tr>
</thead>
<tbody>
{section name=table_data1 loop=$table_data1}
<tr>
<td>{$table_data1[table_data1].vorname}</td>
<td>{$table_data1[table_data1].nachname}</td>
<td>
<p class="text-center">
<a class="btn btn-danger btn-rounded btn-icon btn-sm" onclick="delNotenUser({$table_data1[table_data1].csid}, {$zusammenstellung_edit})"><i class="fa-solid fa-minus" style="width:18px;"></i></a>
</p>
</td>
</tr>
{/section}
</tbody>
</table>
</div>
</div>
<div id="msg"></div>
</main>
</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>
<script>
$(document).ready(function(){
var table = new DataTable('#notassigned', {
rowReorder: true,
pageLength: 5,
language: {
url: '//cdn.datatables.net/plug-ins/1.13.4/i18n/de-DE.json',
search: "",
lengthMenu: "_MENU_ Zeilen",
},
});
var table2 = new DataTable('#assigned', {
rowReorder: true,
pageLength: 5,
language: {
url: '//cdn.datatables.net/plug-ins/1.13.4/i18n/de-DE.json',
search: "",
lengthMenu: "_MENU_ Zeilen",
},
});
});
</script>
</html>
{/if}

View File

@ -1,63 +1,63 @@
{if $action == ''}
<!DOCTYPE html>
<html lang="en">
<head>
<title>JU & MI Systemparameter</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<script src="js/all.js" crossorigin="anonymous"></script>
<script src="../jquery/jquery-3.4.1.min.js"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
</head>
<body class="sb-nav-fixed">
<div id="navtop"></div>
{literal}
<script>
$(function(){
// im Navbar muss der toggle in der Callbackfunktion definiert werden. Sonst findet jquery getelementbyID nicht
$("#navtop").load('navtop.php', null, function(){$.getScript('js/scripts.js');});
$("#navleft").load("nav.php");
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutSidenav">
<!-- Navigation left -->
<div id="navleft"></div>
<div id="layoutSidenav_content">
<main>
<!--Anwendung-->
<script src="../js/components/admin_parameter.js"></script>
<div class="container-fluid">
<div class="card">
<div class="card-header">
<i class="fas fa-cog me-1"></i>
Systemparameter
</div>
<div class="card-body">
{section name=table_data1 loop=$table_data1}
<div class="row mt-0 mt-sm-4 mb-0 mb-sm-4">
<div class="col-12 col-md-4">{$table_data1[table_data1].beschreibung}</div>
<div class="col-12 col-md-8"><input type="text" class="form-control" name="{$table_data1[table_data1].pid}" value="{$table_data1[table_data1].wert}"></div>
</div>
{/section}
</div>
</div>
</div>
<div class="col-12 btn-group">
<a class="btn btn-primary mt-3" onclick="onClickSaveParameter()"><i class="fa fa-save" style="width:18px;"></i></a>
</div>
<div id="msg"></div>
</main>
<!-- footer -->
<div id="footer"></div>
</div>
</div>
</body>
</html>
{if $action == ''}
<!DOCTYPE html>
<html lang="en">
<head>
<title>JU & MI Systemparameter</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<script src="js/all.js" crossorigin="anonymous"></script>
<script src="../jquery/jquery-3.4.1.min.js"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
</head>
<body class="sb-nav-fixed">
<div id="navtop"></div>
{literal}
<script>
$(function(){
// im Navbar muss der toggle in der Callbackfunktion definiert werden. Sonst findet jquery getelementbyID nicht
$("#navtop").load('navtop.php', null, function(){$.getScript('js/scripts.js');});
$("#navleft").load("nav.php");
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutSidenav">
<!-- Navigation left -->
<div id="navleft"></div>
<div id="layoutSidenav_content">
<main>
<!--Anwendung-->
<script src="../js/components/admin_parameter.js"></script>
<div class="container-fluid">
<div class="card">
<div class="card-header">
<i class="fas fa-cog me-1"></i>
Systemparameter
</div>
<div class="card-body">
{section name=table_data1 loop=$table_data1}
<div class="row mt-0 mt-sm-4 mb-0 mb-sm-4">
<div class="col-12 col-md-4">{$table_data1[table_data1].beschreibung}</div>
<div class="col-12 col-md-8"><input type="text" class="form-control" name="{$table_data1[table_data1].pid}" value="{$table_data1[table_data1].wert}"></div>
</div>
{/section}
</div>
</div>
</div>
<div class="col-12 btn-group">
<a class="btn btn-primary mt-3" onclick="onClickSaveParameter()"><i class="fa fa-save" style="width:18px;"></i></a>
</div>
<div id="msg"></div>
</main>
<!-- footer -->
<div id="footer"></div>
</div>
</div>
</body>
</html>
{/if}

View File

@ -1,96 +1,96 @@
{if $action == ''}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>JU & MI Passwort vergessen</title>
<link href="css/styles.css" rel="stylesheet" />
<script src="js/all.js" crossorigin="anonymous"></script>
<script src="../jquery/jquery-3.4.1.min.js"></script>
<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>
<script src="../js/lottie_bodymovin/lottie.min.js"></script>
<style type="text/css">
.lottie-container {
justify-content: center;
top: 40px;
left: 0;
right: 0;
bottom: 20px;
height: 180px;
pointer-events: none;
}
</style>
</head>
<body>
<div id="navtop"></div>
{literal}
<script>
$(function() {
$("#mail_pwvergessen").focus();
});
$(function(){
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutAuthentication">
<div id="layoutAuthentication_content">
<main>
<!--Anwendung-->
<script src="../js/components/admin_login.js"></script>
<div class="lottie-container" id="lottie-container"></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-5">
<div class="card shadow-lg border-0 rounded-lg mt-5">
<div class="card-header">
<h3 class="text-center font-weight-light my-4">Passwort vergessen</h3>
</div>
<div class="card-body">
<div class="form-floating mb-3">
<input class="form-control" name="mail_pwvergessen" id="mail_pwvergessen" type="email" onkeydown="keysave(this)" placeholder="Mailadresse" />
<label for="inputEmail">Mailadresse</label>
</div>
</div>
<input type='submit' class="btn btn-primary" onclick="passwortvergessen();" name='senden' value="Neues Passwort">
</div>
<div id="msg"></div>
</div>
</div>
</div>
<div class="lottie-container" id="lottie-container"></div>
<script type="text/javascript">
var item = bodymovin.loadAnimation({
wrapper: document.getElementById('lottie-container'),
animType: 'svg',
loop: true,
autoplay: true,
path: '../media/data.json'
});
</script>
</main>
{literal}
<script type="text/javascript">
function keysave(ele) {
if(event.key === 'Enter') {
passwortvergessen();
}
}
</script>
{/literal}
</div>
<div id="layoutAuthentication_footer">
<!-- footer -->
<div id="footer"></div>
</div>
</div>
</body>
</html>
{/if}
{if $action == ''}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>JU & MI Passwort vergessen</title>
<link href="css/styles.css" rel="stylesheet" />
<script src="js/all.js" crossorigin="anonymous"></script>
<script src="../jquery/jquery-3.4.1.min.js"></script>
<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>
<script src="../js/lottie_bodymovin/lottie.min.js"></script>
<style type="text/css">
.lottie-container {
justify-content: center;
top: 40px;
left: 0;
right: 0;
bottom: 20px;
height: 180px;
pointer-events: none;
}
</style>
</head>
<body>
<div id="navtop"></div>
{literal}
<script>
$(function() {
$("#mail_pwvergessen").focus();
});
$(function(){
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutAuthentication">
<div id="layoutAuthentication_content">
<main>
<!--Anwendung-->
<script src="../js/components/admin_login.js"></script>
<div class="lottie-container" id="lottie-container"></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-5">
<div class="card shadow-lg border-0 rounded-lg mt-5">
<div class="card-header">
<h3 class="text-center font-weight-light my-4">Passwort vergessen</h3>
</div>
<div class="card-body">
<div class="form-floating mb-3">
<input class="form-control" name="mail_pwvergessen" id="mail_pwvergessen" type="email" onkeydown="keysave(this)" placeholder="Mailadresse" />
<label for="inputEmail">Mailadresse</label>
</div>
</div>
<input type='submit' class="btn btn-primary" onclick="passwortvergessen();" name='senden' value="Neues Passwort">
</div>
<div id="msg"></div>
</div>
</div>
</div>
<div class="lottie-container" id="lottie-container"></div>
<script type="text/javascript">
var item = bodymovin.loadAnimation({
wrapper: document.getElementById('lottie-container'),
animType: 'svg',
loop: true,
autoplay: true,
path: '../media/data.json'
});
</script>
</main>
{literal}
<script type="text/javascript">
function keysave(ele) {
if(event.key === 'Enter') {
passwortvergessen();
}
}
</script>
{/literal}
</div>
<div id="layoutAuthentication_footer">
<!-- footer -->
<div id="footer"></div>
</div>
</div>
</body>
</html>
{/if}

View File

@ -1,111 +1,111 @@
{if $action == ''}
<!DOCTYPE html>
<html lang="de">
<head>
<title>JU & MI Passwort</title>
<link rel="stylesheet" href="../jquery/jquery-ui.css">
<link rel="stylesheet" href="../jquery/jquery.timepicker.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<script src="js/all.js" crossorigin="anonymous"></script>
<script src="../jquery/jquery-3.4.1.min.js"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
<script src="../js/lottie_bodymovin/lottie.min.js"></script>
<style type="text/css">
.lottie-container {
justify-content: center;
top: 40px;
left: 0;
right: 0;
bottom: 20px;
height: 180px;
pointer-events: none;
}
</style>
</head>
<body>
<div id="navtop"></div>
{literal}
<script>
$(function() {
$("#password_new1").focus();
});
$(function(){
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutAuthentication">
<div id="layoutAuthentication_content">
<main>
<!--Anwendung-->
<script src="../js/components/admin_login.js"></script>
<div class="lottie-container" id="lottie-container"></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-5">
<div class="card shadow-lg border-0 rounded-lg mt-5">
<div class="card-header">
<h3 class="text-center font-weight-light my-4">Passwort vergeben</h3>
</div>
<div class="card-body">
<div class="row">
<div class="row mt-0 mt-sm-4 mb-0 mb-sm-4">
<div class="col-12 col-md-6">Neues Passwort:</div>
<div class="col-12 col-md-6">
<input type="password" id="password_new1" class="form-control rounded-right" required onkeydown="keysave(this)">
<input type="hidden" id="code" value="{$code}">
<input type="hidden" id="uid" value="{$uid}">
</div>
</div>
<div class="row mt-0 mt-sm-4 mb-0 mb-sm-4">
<div class="col-12 col-md-6">Passwortwiederholung:</div>
<div class="col-12 col-md-6">
<input type="password" id="password_new2" class="form-control rounded-right" required onkeydown="keysave(this)">
</div>
</div>
</div>
</div>
<input type='submit' class="btn btn-primary" onclick="resetpasswort();" name='senden' value="Neues Passwort">
</div>
<div id="msg"></div>
{if $error == 1}
<div id="msg1">{$error_text}</div>
{/if}
</div>
</div>
</div>
<div class="lottie-container" id="lottie-container"></div>
<script type="text/javascript">
var item = bodymovin.loadAnimation({
wrapper: document.getElementById('lottie-container'),
animType: 'svg',
loop: true,
autoplay: true,
path: '../media/data.json'
});
</script>
</main>
{literal}
<script type="text/javascript">
function keysave(ele) {
if(event.key === 'Enter') {
resetpasswort();
}
}
</script>
{/literal}
</div>
<div id="layoutAuthentication_footer">
<!-- footer -->
<div id="footer"></div>
</div>
</div>
</body>
</html>
{/if}
{if $action == ''}
<!DOCTYPE html>
<html lang="de">
<head>
<title>JU & MI Passwort</title>
<link rel="stylesheet" href="../jquery/jquery-ui.css">
<link rel="stylesheet" href="../jquery/jquery.timepicker.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<script src="js/all.js" crossorigin="anonymous"></script>
<script src="../jquery/jquery-3.4.1.min.js"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
<script src="../js/lottie_bodymovin/lottie.min.js"></script>
<style type="text/css">
.lottie-container {
justify-content: center;
top: 40px;
left: 0;
right: 0;
bottom: 20px;
height: 180px;
pointer-events: none;
}
</style>
</head>
<body>
<div id="navtop"></div>
{literal}
<script>
$(function() {
$("#password_new1").focus();
});
$(function(){
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutAuthentication">
<div id="layoutAuthentication_content">
<main>
<!--Anwendung-->
<script src="../js/components/admin_login.js"></script>
<div class="lottie-container" id="lottie-container"></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-5">
<div class="card shadow-lg border-0 rounded-lg mt-5">
<div class="card-header">
<h3 class="text-center font-weight-light my-4">Passwort vergeben</h3>
</div>
<div class="card-body">
<div class="row">
<div class="row mt-0 mt-sm-4 mb-0 mb-sm-4">
<div class="col-12 col-md-6">Neues Passwort:</div>
<div class="col-12 col-md-6">
<input type="password" id="password_new1" class="form-control rounded-right" required onkeydown="keysave(this)">
<input type="hidden" id="code" value="{$code}">
<input type="hidden" id="uid" value="{$uid}">
</div>
</div>
<div class="row mt-0 mt-sm-4 mb-0 mb-sm-4">
<div class="col-12 col-md-6">Passwortwiederholung:</div>
<div class="col-12 col-md-6">
<input type="password" id="password_new2" class="form-control rounded-right" required onkeydown="keysave(this)">
</div>
</div>
</div>
</div>
<input type='submit' class="btn btn-primary" onclick="resetpasswort();" name='senden' value="Neues Passwort">
</div>
<div id="msg"></div>
{if $error == 1}
<div id="msg1">{$error_text}</div>
{/if}
</div>
</div>
</div>
<div class="lottie-container" id="lottie-container"></div>
<script type="text/javascript">
var item = bodymovin.loadAnimation({
wrapper: document.getElementById('lottie-container'),
animType: 'svg',
loop: true,
autoplay: true,
path: '../media/data.json'
});
</script>
</main>
{literal}
<script type="text/javascript">
function keysave(ele) {
if(event.key === 'Enter') {
resetpasswort();
}
}
</script>
{/literal}
</div>
<div id="layoutAuthentication_footer">
<!-- footer -->
<div id="footer"></div>
</div>
</div>
</body>
</html>
{/if}

View File

@ -1,116 +1,116 @@
{if $action == ''}
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Auswertung</title>
<!-- https://www.budde-mediendesign.de/blog/programmierung/das-bootstrap-4-grid-system-->
<link href="../bootstrap/node_modules/bootstrap/dist/css/bootstrap.min.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;
}
.container2 {
width: 80%;
}
.progress {
height: 28px;
}
.progress-bar {
background-color: #0BA7AD;
font-size: 16px;
line-height: 28px;
}
span {
position: absolute;
right: 20px;
color: #002C6C;
}
p {
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div class="container">
<div class="grid">
<div class="headline col-12 bg-white">
<h2>
<p class="text-center">{$result_headline}</p>
</h2>
<p class="text-center small">({$result_datum_von} bis {$result_datum_bis})</p>
</div>
<div class="col-12 ">
<table class="table table-sm">
<tbody>
<tr>
<th scope="row">Vollständige Teilnehmer</th>
<td>{$result_anz_fertige}</td>
<tr>
<th scope="row">Teilweise beantwortet</th>
<td>{$result_anz_angefangen}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="container">
{section name=table_data loop=$table_data}
<p class="text-primary">{$table_data[table_data].frage}<br>({$table_data[table_data].anz_userfrage} Personen)</p>
{if $table_data[table_data].multiple == '1'}
<p class="small">(Multiple Choice Frage)</p>
{/if}
{section name=inner loop=$table_data[table_data].inner}
<div class="row">
<div class="col-5">
<label>
<p class="small">{$table_data[table_data].inner[inner].antwort}</p>
</label>
</div>
<div class="col-7">
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="{$table_data[table_data].inner[inner].prozent}" aria-valuemin="0" aria-valuemax="100" style="width: {$table_data[table_data].inner[inner].prozent}%;"><span>{$table_data[table_data].inner[inner].prozent}%</span></div>
</div>
</div>
</div>
{/section}
<br>
{/section}
</div>
<div class="container">
<div class="grid">
<div class="col-12 ">
<table class="table table-striped">
{section name=table_data3 loop=$table_data3}
{if $smarty.section.table_data3.rownum == 1}
<thead>
<tr>
<th scope="col"><p class="text-primary">Bemerkungen</p></th>
</tr>
</thead>
<tbody>
{/if}
<tr>
<td>{$table_data3[table_data3].freitext}</td>
</tr>
{/section}
</tbody>
</table>
</div>
</div>
</div>
</body>
</html>
{/if}
{if $action == ''}
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Auswertung</title>
<!-- https://www.budde-mediendesign.de/blog/programmierung/das-bootstrap-4-grid-system-->
<link href="../bootstrap/node_modules/bootstrap/dist/css/bootstrap.min.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;
}
.container2 {
width: 80%;
}
.progress {
height: 28px;
}
.progress-bar {
background-color: #0BA7AD;
font-size: 16px;
line-height: 28px;
}
span {
position: absolute;
right: 20px;
color: #002C6C;
}
p {
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div class="container">
<div class="grid">
<div class="headline col-12 bg-white">
<h2>
<p class="text-center">{$result_headline}</p>
</h2>
<p class="text-center small">({$result_datum_von} bis {$result_datum_bis})</p>
</div>
<div class="col-12 ">
<table class="table table-sm">
<tbody>
<tr>
<th scope="row">Vollständige Teilnehmer</th>
<td>{$result_anz_fertige}</td>
<tr>
<th scope="row">Teilweise beantwortet</th>
<td>{$result_anz_angefangen}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="container">
{section name=table_data loop=$table_data}
<p class="text-primary">{$table_data[table_data].frage}<br>({$table_data[table_data].anz_userfrage} Personen)</p>
{if $table_data[table_data].multiple == '1'}
<p class="small">(Multiple Choice Frage)</p>
{/if}
{section name=inner loop=$table_data[table_data].inner}
<div class="row">
<div class="col-5">
<label>
<p class="small">{$table_data[table_data].inner[inner].antwort}</p>
</label>
</div>
<div class="col-7">
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="{$table_data[table_data].inner[inner].prozent}" aria-valuemin="0" aria-valuemax="100" style="width: {$table_data[table_data].inner[inner].prozent}%;"><span>{$table_data[table_data].inner[inner].prozent}%</span></div>
</div>
</div>
</div>
{/section}
<br>
{/section}
</div>
<div class="container">
<div class="grid">
<div class="col-12 ">
<table class="table table-striped">
{section name=table_data3 loop=$table_data3}
{if $smarty.section.table_data3.rownum == 1}
<thead>
<tr>
<th scope="col"><p class="text-primary">Bemerkungen</p></th>
</tr>
</thead>
<tbody>
{/if}
<tr>
<td>{$table_data3[table_data3].freitext}</td>
</tr>
{/section}
</tbody>
</table>
</div>
</div>
</div>
</body>
</html>
{/if}

View File

@ -1,164 +1,164 @@
{if $action == ''}
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<script src="js/all.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
<script src="../jquery/jquery-3.4.1.min.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>
<style>
.btn-group > .btn{
margin-bottom:20px;
border-radius:20px !important;
}
</style>
<script type="text/javascript">
{literal}
function keysave(ele) {
if(event.key === 'Enter') {
rollesave();
}
}
{/literal}
</script>
<style type="text/css">
.ui-sortable tr {
cursor:pointer;
}
.ui-sortable tr:hover {
background:rgba(244,251,17,0.45);
}
</style>
<script>
$(document).ready(function(){
$('[data-toggle="popover"]').popover();
});
</script>
</head>
<!--<body onload="if(document.erfassen)document.erfassen.{$umfrageerf_focus}.focus();return false;">-->
<body class="sb-nav-fixed">
<div id="navtop"></div>
{literal}
<script>
$(function(){
// im Navbar muss der toggle in der Callbackfunktion definiert werden. Sonst findet jquery getelementbyID nicht
$("#navtop").load('navtop.php', null, function(){$.getScript('js/scripts.js');});
$("#navleft").load("nav.php");
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutSidenav">
<!-- Navigation left -->
<div id="navleft"></div>
<div id="layoutSidenav_content">
<main>
<!--Anwendung-->
<script src="../js/components/admin_rollen.js"></script>
<div class="container-fluid">
<div class="card">
<div class="card-header">
<i class="fas fa-table me-1"></i>
Rollen erfassen
</div>
<div class="row mt-1 mt-sm-1 mb-1 mb-sm-1">
<div class="col-4 col-md-4">Rollenname:</div>
<div class="col-8 col-md-8"><input class="form-control" type="text" name="rollenname" id="rollenname" value="{$umfrageerf_value_frage}" size="60" onkeydown="keysave(this)"></div>
</div>
</div>
<div class="row">
<div class="row col-3"></div>
<div class="row col-6"><button class="btn btn-primary btn-sm mt-3" id="save" onclick="rollesave();">Speichern</button></div>
<div class="row col-3"></div>
</div>
<br>
<div class="card">
<div class="card-header">
<i class="fas fa-table me-1"></i>
Vorhandene Rollen
</div>
<div class="card-body">
<div class="row mt-0 mt-sm-1 mb-0 mb-sm-1">
<div class="row mt-0 mb-0">
<div class="d-none col-md-7 d-md-block"><b>Rolle</b></div>
<div class="d-none col-md-5 d-md-block"><b>Aktion</b></div>
</div>
{section name=table_data loop=$table_data}
<div class="row mt-0 mt-sm-1 mb-0 mb-sm-1">
<div class="col-6 col-md-7">{$table_data[table_data].bezeichnung}</div>
<div class="col-6 col-md-5">
<a class="btn btn-success btn-rounded btn-icon btn-sm" data-bs-toggle="modal" value="{$table_data[table_data].rid}|rollenzuordnung.php" onclick="ShowZuordnung(this)" data-bs-target="#ZuordnungModal"><i class="fa fa-eye" style="width:18px;"></i></a>
<a class="btn btn-success btn-rounded btn-icon btn-sm" data-bs-toggle="modal" value="{$table_data[table_data].rid}|userzuordnung.php" onclick="ShowZuordnung(this)" data-bs-target="#ZuordnungModal"><i class="fa fa-user" style="width:18px;"></i></a>
<a class="btn btn-danger btn-rounded btn-icon btn-sm" onclick="delRole({$table_data[table_data].rid})"><i class="fa fa-trash" style="width:18px;"></i></a>
</div>
</div>
{/section}
<!-- Modal -->
<div class="modal" id="ZuordnungModal" tabindex="-1" aria-labelledby="ZuordnungModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<!--<h5 class="modal-title" id="ZuordnungModalLabel">Rollenübersicht</h5>-->
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!--<button type="button" class="btn btn-primary">Save changes</button>-->
</div>
</div>
</div>
</div>
<!-- Lösen Sie das Modal mit einem Button aus -->
{literal}
<script>
function ShowZuordnung(a){
let receive = a.getAttribute("value");
var a = receive.split('|');
var value = a[0];
var file = a[1];
$( '.modal-body' ).load( file+'?edit='+value , function () {
$( '#ZuordnungModal' ).modal({show: true });
});
}
</script>
{/literal}
</div>
</div>
</div>
<div id="msg"></div>
</main>
<!--
<button type="button" class="btn btn-primary" data-bs-toggle="popover" title="Popover Header" data-bs-content="Some content inside the popover">
Toggle popover
</button>
-->
<!-- footer -->
<div id="footer"></div>
</div>
</div>
<!--
<script>
var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
return new bootstrap.Popover(popoverTriggerEl)
})
</script>
-->
</body>
</html>
{/if}
{if $action == ''}
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<script src="js/all.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
<script src="../jquery/jquery-3.4.1.min.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>
<style>
.btn-group > .btn{
margin-bottom:20px;
border-radius:20px !important;
}
</style>
<script type="text/javascript">
{literal}
function keysave(ele) {
if(event.key === 'Enter') {
rollesave();
}
}
{/literal}
</script>
<style type="text/css">
.ui-sortable tr {
cursor:pointer;
}
.ui-sortable tr:hover {
background:rgba(244,251,17,0.45);
}
</style>
<script>
$(document).ready(function(){
$('[data-toggle="popover"]').popover();
});
</script>
</head>
<!--<body onload="if(document.erfassen)document.erfassen.{$umfrageerf_focus}.focus();return false;">-->
<body class="sb-nav-fixed">
<div id="navtop"></div>
{literal}
<script>
$(function(){
// im Navbar muss der toggle in der Callbackfunktion definiert werden. Sonst findet jquery getelementbyID nicht
$("#navtop").load('navtop.php', null, function(){$.getScript('js/scripts.js');});
$("#navleft").load("nav.php");
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutSidenav">
<!-- Navigation left -->
<div id="navleft"></div>
<div id="layoutSidenav_content">
<main>
<!--Anwendung-->
<script src="../js/components/admin_rollen.js"></script>
<div class="container-fluid">
<div class="card">
<div class="card-header">
<i class="fas fa-table me-1"></i>
Rollen erfassen
</div>
<div class="row mt-1 mt-sm-1 mb-1 mb-sm-1">
<div class="col-4 col-md-4">Rollenname:</div>
<div class="col-8 col-md-8"><input class="form-control" type="text" name="rollenname" id="rollenname" value="{$umfrageerf_value_frage}" size="60" onkeydown="keysave(this)"></div>
</div>
</div>
<div class="row">
<div class="row col-3"></div>
<div class="row col-6"><button class="btn btn-primary btn-sm mt-3" id="save" onclick="rollesave();">Speichern</button></div>
<div class="row col-3"></div>
</div>
<br>
<div class="card">
<div class="card-header">
<i class="fas fa-table me-1"></i>
Vorhandene Rollen
</div>
<div class="card-body">
<div class="row mt-0 mt-sm-1 mb-0 mb-sm-1">
<div class="row mt-0 mb-0">
<div class="d-none col-md-7 d-md-block"><b>Rolle</b></div>
<div class="d-none col-md-5 d-md-block"><b>Aktion</b></div>
</div>
{section name=table_data loop=$table_data}
<div class="row mt-0 mt-sm-1 mb-0 mb-sm-1">
<div class="col-6 col-md-7">{$table_data[table_data].bezeichnung}</div>
<div class="col-6 col-md-5">
<a class="btn btn-success btn-rounded btn-icon btn-sm" data-bs-toggle="modal" value="{$table_data[table_data].rid}|rollenzuordnung.php" onclick="ShowZuordnung(this)" data-bs-target="#ZuordnungModal"><i class="fa fa-eye" style="width:18px;"></i></a>
<a class="btn btn-success btn-rounded btn-icon btn-sm" data-bs-toggle="modal" value="{$table_data[table_data].rid}|userzuordnung.php" onclick="ShowZuordnung(this)" data-bs-target="#ZuordnungModal"><i class="fa fa-user" style="width:18px;"></i></a>
<a class="btn btn-danger btn-rounded btn-icon btn-sm" onclick="delRole({$table_data[table_data].rid})"><i class="fa fa-trash" style="width:18px;"></i></a>
</div>
</div>
{/section}
<!-- Modal -->
<div class="modal" id="ZuordnungModal" tabindex="-1" aria-labelledby="ZuordnungModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<!--<h5 class="modal-title" id="ZuordnungModalLabel">Rollenübersicht</h5>-->
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!--<button type="button" class="btn btn-primary">Save changes</button>-->
</div>
</div>
</div>
</div>
<!-- Lösen Sie das Modal mit einem Button aus -->
{literal}
<script>
function ShowZuordnung(a){
let receive = a.getAttribute("value");
var a = receive.split('|');
var value = a[0];
var file = a[1];
$( '.modal-body' ).load( file+'?edit='+value , function () {
$( '#ZuordnungModal' ).modal({show: true });
});
}
</script>
{/literal}
</div>
</div>
</div>
<div id="msg"></div>
</main>
<!--
<button type="button" class="btn btn-primary" data-bs-toggle="popover" title="Popover Header" data-bs-content="Some content inside the popover">
Toggle popover
</button>
-->
<!-- footer -->
<div id="footer"></div>
</div>
</div>
<!--
<script>
var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
return new bootstrap.Popover(popoverTriggerEl)
})
</script>
-->
</body>
</html>
{/if}

View File

@ -1,90 +1,90 @@
{if $action == ''}
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<script src="js/all.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
<script src="../jquery/jquery-3.4.1.min.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>
<style>
.btn-group > .btn{
margin-bottom:20px;
border-radius:20px !important;
}
</style>
<style type="text/css">
.ui-sortable tr {
cursor:pointer;
}
.ui-sortable tr:hover {
background:rgba(244,251,17,0.45);
}
</style>
</head>
<!--<body onload="if(document.erfassen)document.erfassen.{$umfrageerf_focus}.focus();return false;">-->
<body class="sb-nav-fixed">
<main>
<!--Anwendung-->
<script src="../js/components/admin_rollen.js"></script>
<p class="text-center"><b>{$rollenzuordnung_bezeichnung}</b></p>
<div class="container-fluid">
<div class="card">
<div class="card-header">
<i class="fas fa-table me-1"></i>
Nicht zugewiesene Rechte
</div>
<div class="card-body">
<div class="row mt-0 mt-sm-1 mb-0 mb-sm-1">
<div class="row mt-0 mb-0">
<div class="d-none col-md-10 d-md-block"><b>Recht</b></div>
<div class="d-none col-md-2 d-md-block"><b>Aktion</b></div>
</div>
{section name=table_data loop=$table_data}
<div class="row mt-0 mt-sm-1 mb-0 mb-sm-1">
<div class="col-10 col-md-10">{$table_data[table_data].headline}</div>
<div class="col-2 col-md-2"><a class="btn btn-success btn-rounded btn-icon btn-sm" onclick="erfzuordnung('{$table_data[table_data].meid}|{$rollen_edit}')"><i class="fa-solid fa-plus" style="width:18px;"></i></a></div>
</div>
{/section}
</div>
</div>
</div>
<br>
<div class="card">
<div class="card-header">
<i class="fas fa-table me-1"></i>
Zugewiesene Rechte
</div>
<div class="card-body">
<div class="row mt-0 mt-sm-1 mb-0 mb-sm-1">
<div class="row mt-0 mb-0">
<div class="d-none col-md-10 d-md-block"><b>Recht</b></div>
<div class="d-none col-md-2 d-md-block"><b>Aktion</b></div>
</div>
{section name=table_data1 loop=$table_data1}
<div class="row mt-0 mt-sm-1 mb-0 mb-sm-1">
<div class="col-10 col-md-10">{$table_data1[table_data1].headline}</div>
<div class="col-2 col-md-2"><a class="btn btn-danger btn-rounded btn-icon btn-sm" onclick="delzuordnung('{$table_data1[table_data1].meid}|{$rollen_edit}')"><i class="fa-solid fa-minus" style="width:18px;"></i></a></div>
</div>
{/section}
</div>
</div>
</div>
<div id="msg"></div>
</main>
</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>
{/if}
{if $action == ''}
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<script src="js/all.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
<script src="../jquery/jquery-3.4.1.min.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>
<style>
.btn-group > .btn{
margin-bottom:20px;
border-radius:20px !important;
}
</style>
<style type="text/css">
.ui-sortable tr {
cursor:pointer;
}
.ui-sortable tr:hover {
background:rgba(244,251,17,0.45);
}
</style>
</head>
<!--<body onload="if(document.erfassen)document.erfassen.{$umfrageerf_focus}.focus();return false;">-->
<body class="sb-nav-fixed">
<main>
<!--Anwendung-->
<script src="../js/components/admin_rollen.js"></script>
<p class="text-center"><b>{$rollenzuordnung_bezeichnung}</b></p>
<div class="container-fluid">
<div class="card">
<div class="card-header">
<i class="fas fa-table me-1"></i>
Nicht zugewiesene Rechte
</div>
<div class="card-body">
<div class="row mt-0 mt-sm-1 mb-0 mb-sm-1">
<div class="row mt-0 mb-0">
<div class="d-none col-md-10 d-md-block"><b>Recht</b></div>
<div class="d-none col-md-2 d-md-block"><b>Aktion</b></div>
</div>
{section name=table_data loop=$table_data}
<div class="row mt-0 mt-sm-1 mb-0 mb-sm-1">
<div class="col-10 col-md-10">{$table_data[table_data].headline}</div>
<div class="col-2 col-md-2"><a class="btn btn-success btn-rounded btn-icon btn-sm" onclick="erfzuordnung('{$table_data[table_data].meid}|{$rollen_edit}')"><i class="fa-solid fa-plus" style="width:18px;"></i></a></div>
</div>
{/section}
</div>
</div>
</div>
<br>
<div class="card">
<div class="card-header">
<i class="fas fa-table me-1"></i>
Zugewiesene Rechte
</div>
<div class="card-body">
<div class="row mt-0 mt-sm-1 mb-0 mb-sm-1">
<div class="row mt-0 mb-0">
<div class="d-none col-md-10 d-md-block"><b>Recht</b></div>
<div class="d-none col-md-2 d-md-block"><b>Aktion</b></div>
</div>
{section name=table_data1 loop=$table_data1}
<div class="row mt-0 mt-sm-1 mb-0 mb-sm-1">
<div class="col-10 col-md-10">{$table_data1[table_data1].headline}</div>
<div class="col-2 col-md-2"><a class="btn btn-danger btn-rounded btn-icon btn-sm" onclick="delzuordnung('{$table_data1[table_data1].meid}|{$rollen_edit}')"><i class="fa-solid fa-minus" style="width:18px;"></i></a></div>
</div>
{/section}
</div>
</div>
</div>
<div id="msg"></div>
</main>
</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>
{/if}

View File

@ -1,115 +1,115 @@
{if $action == ''}
<!DOCTYPE html>
<html lang="de">
<head>
<title>JU & MI Umfragen bearbeiten</title>
<link rel="stylesheet" href="../jquery/jquery-ui.css">
<link rel="stylesheet" href="../jquery/jquery.timepicker.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="../jquery/jquery-3.4.1.min.js"></script>
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<script src="js/all.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
</head>
<body class="sb-nav-fixed">
<div id="navtop"></div>
{literal}
<script>
$(function(){
// im Navbar muss der toggle in der Callbackfunktion definiert werden. Sonst findet jquery getelementbyID nicht
$("#navtop").load('navtop.php', null, function(){$.getScript('js/scripts.js');});
$("#navleft").load("nav.php");
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutSidenav">
<!-- Navigation left -->
<div id="navleft"></div>
<div id="layoutSidenav_content">
<main>
<!--Anwendung-->
<script src="../js/components/admin_edit.js"></script>
<div class="container-fluid">
<div class="card">
<div class="card-header">
<i class="fas fa-edit me-1"></i>
Erfasste Umfragen
</div>
<div class="card-body">
<div class="row">
<!-- bei mobilen Geäten ausblenden: d-none d-lg-block -->
<div class="d-none col-1 col-lg-1 mb-2 mb-sm-3 d-lg-block"><b>Nr</b></div>
<div class="d-none col-8 col-lg-5 mb-2 mb-sm-3 d-lg-block"><b>Überschrift</b></div>
<div class="d-none d-lg-block col-lg-2 mb-2 mb-sm-3 d-lg-block"><b>Startdatum</b></div>
<div class="d-none d-lg-block col-lg-2 mb-2 mb-sm-3 d-lg-block"><b>Enddatum</b></div>
<div class="d-none col-3 col-lg-2 mb-2 mb-sm-3 d-lg-block"><b>Bearbeiten</b></div>
</div>
{section name=table_data1 loop=$table_data1}
<div class="row mt-0 mb-0">
<div class="col-1 col-lg-1 mb-2 mb-sm-3">{$smarty.section.table_data1.rownum}</div>
<div class="col-8 col-lg-5 mb-2 mb-sm-3">{$table_data1[table_data1].headline}
<div class="d-block d-lg-none">{$table_data1[table_data1].datum_von} -</div>
<div class="d-block d-lg-none">{$table_data1[table_data1].datum_bis}</div>
</div>
<div class="d-none d-lg-block col-lg-2 mb-2 mb-sm-3">{$table_data1[table_data1].datum_von}</div>
<div class="d-none d-lg-block col-lg-2 mb-2 mb-sm-3">{$table_data1[table_data1].datum_bis}</div>
<div class="col-3 col-lg-2 mb-2 mb-sm-3">
<a href="survey_erfassen.php?edit=1&umid={$table_data1[table_data1].umid}" class="btn btn-primary btn-rounded btn-icon btn-sm"><i class="fa fa-edit" style="width:18px;"></i></a>
<a class="btn btn-success btn-rounded btn-icon btn-sm" data-bs-toggle="modal" value="{$table_data1[table_data1].umid}" onclick="ShowDetails(this)" data-bs-target="#exampleModal"><i class="fa fa-eye" style="width:18px;"></i></a>
<a class="btn btn-danger btn-rounded btn-icon btn-sm" onclick="onClickDeleteSurvey({$table_data1[table_data1].umid})"><i class="fa fa-trash" style="width:18px;"></i></a>
</div>
</div>
{/section}
<!-- Modal -->
<div class="modal" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Umfrageergebnis</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!--<button type="button" class="btn btn-primary">Save changes</button>-->
</div>
</div>
</div>
</div>
<!-- Lösen Sie das Modal mit einem Button aus -->
{literal}
<script>
function ShowDetails(a){
let value = a.getAttribute("value");
$( '.modal-body' ).load( 'result_latest.php?editumid='+value , function () {
$( '#exampleModal' ).modal({show: true });
});
}
</script>
{/literal}
</div>
</div>
</div>
</main>
<!-- footer -->
<div id="footer"></div>
</div>
</div>
</body>
</html>
{/if}
{if $action == ''}
<!DOCTYPE html>
<html lang="de">
<head>
<title>JU & MI Umfragen bearbeiten</title>
<link rel="stylesheet" href="../jquery/jquery-ui.css">
<link rel="stylesheet" href="../jquery/jquery.timepicker.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="../jquery/jquery-3.4.1.min.js"></script>
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<script src="js/all.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
</head>
<body class="sb-nav-fixed">
<div id="navtop"></div>
{literal}
<script>
$(function(){
// im Navbar muss der toggle in der Callbackfunktion definiert werden. Sonst findet jquery getelementbyID nicht
$("#navtop").load('navtop.php', null, function(){$.getScript('js/scripts.js');});
$("#navleft").load("nav.php");
$("#footer").load("footer.php");
});
</script>
{/literal}
<div id="layoutSidenav">
<!-- Navigation left -->
<div id="navleft"></div>
<div id="layoutSidenav_content">
<main>
<!--Anwendung-->
<script src="../js/components/admin_edit.js"></script>
<div class="container-fluid">
<div class="card">
<div class="card-header">
<i class="fas fa-edit me-1"></i>
Erfasste Umfragen
</div>
<div class="card-body">
<div class="row">
<!-- bei mobilen Geäten ausblenden: d-none d-lg-block -->
<div class="d-none col-1 col-lg-1 mb-2 mb-sm-3 d-lg-block"><b>Nr</b></div>
<div class="d-none col-8 col-lg-5 mb-2 mb-sm-3 d-lg-block"><b>Überschrift</b></div>
<div class="d-none d-lg-block col-lg-2 mb-2 mb-sm-3 d-lg-block"><b>Startdatum</b></div>
<div class="d-none d-lg-block col-lg-2 mb-2 mb-sm-3 d-lg-block"><b>Enddatum</b></div>
<div class="d-none col-3 col-lg-2 mb-2 mb-sm-3 d-lg-block"><b>Bearbeiten</b></div>
</div>
{section name=table_data1 loop=$table_data1}
<div class="row mt-0 mb-0">
<div class="col-1 col-lg-1 mb-2 mb-sm-3">{$smarty.section.table_data1.rownum}</div>
<div class="col-8 col-lg-5 mb-2 mb-sm-3">{$table_data1[table_data1].headline}
<div class="d-block d-lg-none">{$table_data1[table_data1].datum_von} -</div>
<div class="d-block d-lg-none">{$table_data1[table_data1].datum_bis}</div>
</div>
<div class="d-none d-lg-block col-lg-2 mb-2 mb-sm-3">{$table_data1[table_data1].datum_von}</div>
<div class="d-none d-lg-block col-lg-2 mb-2 mb-sm-3">{$table_data1[table_data1].datum_bis}</div>
<div class="col-3 col-lg-2 mb-2 mb-sm-3">
<a href="survey_erfassen.php?edit=1&umid={$table_data1[table_data1].umid}" class="btn btn-primary btn-rounded btn-icon btn-sm"><i class="fa fa-edit" style="width:18px;"></i></a>
<a class="btn btn-success btn-rounded btn-icon btn-sm" data-bs-toggle="modal" value="{$table_data1[table_data1].umid}" onclick="ShowDetails(this)" data-bs-target="#exampleModal"><i class="fa fa-eye" style="width:18px;"></i></a>
<a class="btn btn-danger btn-rounded btn-icon btn-sm" onclick="onClickDeleteSurvey({$table_data1[table_data1].umid})"><i class="fa fa-trash" style="width:18px;"></i></a>
</div>
</div>
{/section}
<!-- Modal -->
<div class="modal" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Umfrageergebnis</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!--<button type="button" class="btn btn-primary">Save changes</button>-->
</div>
</div>
</div>
</div>
<!-- Lösen Sie das Modal mit einem Button aus -->
{literal}
<script>
function ShowDetails(a){
let value = a.getAttribute("value");
$( '.modal-body' ).load( 'result_latest.php?editumid='+value , function () {
$( '#exampleModal' ).modal({show: true });
});
}
</script>
{/literal}
</div>
</div>
</div>
</main>
<!-- footer -->
<div id="footer"></div>
</div>
</div>
</body>
</html>
{/if}

View File

@ -1,17 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<script src="../tinymce/js/tinymce/tinymce.min.js"></script>
<script type="text/javascript">
tinymce.init({
selector: '#mytextarea'
});
</script>
</head>
<body>
<h1>TinyMCE Quick Start Guide</h1>
<form method="post">
<textarea id="mytextarea">Hello, World!</textarea>
</form>
</body>
<!DOCTYPE html>
<html>
<head>
<script src="../tinymce/js/tinymce/tinymce.min.js"></script>
<script type="text/javascript">
tinymce.init({
selector: '#mytextarea'
});
</script>
</head>
<body>
<h1>TinyMCE Quick Start Guide</h1>
<form method="post">
<textarea id="mytextarea">Hello, World!</textarea>
</form>
</body>
</html>

View File

@ -1,150 +1,150 @@
{if $action == ''}
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<script src="js/all.js" crossorigin="anonymous"></script>
<!-- data Table: https://datatables.net/ -->
<script src="../bootstrap/data-table/jquery.min.js"></script>
<link rel="stylesheet" href="../bootstrap/data-table/dataTables.bootstrap5.min.css"></style>
<link rel="stylesheet" href="../bootstrap/data-table/rowReorder.dataTables.min.css"></style>
<script type="text/javascript" src="../bootstrap/data-table/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="../bootstrap/data-table/dataTables.rowReorder.min.js"></script>
<script type="text/javascript" src="../bootstrap/data-table/dataTables.bootstrap5.min.js"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
<script src="../jquery/jquery-3.4.1.min.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>
<style>
.btn-group > .btn{
margin-bottom:20px;
border-radius:20px !important;
}
.ui-sortable tr {
cursor:pointer;
}
.ui-sortable tr:hover {
background:rgba(244,251,17,0.45);
}
.table>:not(caption)>*>* {
padding: 0.1rem 0.1rem;
}
p {
margin: 0;
}
</style>
</head>
<!--<body onload="if(document.erfassen)document.erfassen.{$umfrageerf_focus}.focus();return false;">-->
<body class="sb-nav-fixed">
<main>
<!--Anwendung-->
<script src="../js/components/admin_rollen.js"></script>
<p class="text-center"><b>{$rollenzuordnung_bezeichnung}</b></p>
<div class="container-fluid">
<div class="card">
<div class="card-header">
<i class="fas fa-table me-1"></i>
Nicht zugewiesene Lieder
</div>
<div class="card-body">
<table id="notassigned" class="table table-striped table-bordered table-responsive table-hover" >
<thead class="d-none">
<tr>
<th>Vorname</th>
<th>Nachname</th>
<th>Aktion</th>
</tr>
</thead>
<tbody>
{section name=table_data loop=$table_data}
<tr>
<td>{$table_data[table_data].vorname}</td>
<td>{$table_data[table_data].nachname}</td>
<td>
<p class="text-center">
<a class="btn btn-success btn-rounded btn-icon btn-sm" onclick="erfuser('{$table_data[table_data].uid}|{$rollen_edit}')"><i class="fa-solid fa-plus" style="width:18px;"></i></a>
</p>
</td>
</tr>
{/section}
</tbody>
</table>
</div>
</div>
<br>
<div class="card">
<div class="card-header">
<i class="fas fa-table me-1"></i>
Zugewiesene Benutzer
</div>
<div class="card-body">
<table id="assigned" class="table table-striped table-bordered table-responsive table-hover" >
<thead class="d-none">
<tr>
<th>Vorname</th>
<th>Nachname</th>
<th>Aktion</th>
</tr>
</thead>
<tbody>
{section name=table_data1 loop=$table_data1}
<tr>
<td>{$table_data1[table_data1].vorname}</td>
<td>{$table_data1[table_data1].nachname}</td>
<td>
<p class="text-center">
<a class="btn btn-danger btn-rounded btn-icon btn-sm" onclick="deluser('{$table_data1[table_data1].uid}|{$rollen_edit}')"><i class="fa-solid fa-minus" style="width:18px;"></i></a>
</p>
</td>
</tr>
{/section}
</tbody>
</table>
</div>
</div>
<div id="msg"></div>
</main>
</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>
<script>
$(document).ready(function(){
var table = new DataTable('#notassigned', {
rowReorder: true,
pageLength: 5,
language: {
url: '//cdn.datatables.net/plug-ins/1.13.4/i18n/de-DE.json',
search: "",
lengthMenu: "_MENU_ Zeilen",
},
});
var table2 = new DataTable('#assigned', {
rowReorder: true,
pageLength: 5,
language: {
url: '//cdn.datatables.net/plug-ins/1.13.4/i18n/de-DE.json',
search: "",
lengthMenu: "_MENU_ Zeilen",
},
});
});
</script>
</html>
{/if}
{if $action == ''}
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- nochmals bootstrap.css mit Erweiterungen vom Dashboard -->
<link href="css/styles.css" rel="stylesheet" />
<!-- icons in nav-->
<script src="js/all.js" crossorigin="anonymous"></script>
<!-- data Table: https://datatables.net/ -->
<script src="../bootstrap/data-table/jquery.min.js"></script>
<link rel="stylesheet" href="../bootstrap/data-table/dataTables.bootstrap5.min.css"></style>
<link rel="stylesheet" href="../bootstrap/data-table/rowReorder.dataTables.min.css"></style>
<script type="text/javascript" src="../bootstrap/data-table/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="../bootstrap/data-table/dataTables.rowReorder.min.js"></script>
<script type="text/javascript" src="../bootstrap/data-table/dataTables.bootstrap5.min.js"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
<script src="../jquery/jquery-3.4.1.min.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>
<style>
.btn-group > .btn{
margin-bottom:20px;
border-radius:20px !important;
}
.ui-sortable tr {
cursor:pointer;
}
.ui-sortable tr:hover {
background:rgba(244,251,17,0.45);
}
.table>:not(caption)>*>* {
padding: 0.1rem 0.1rem;
}
p {
margin: 0;
}
</style>
</head>
<!--<body onload="if(document.erfassen)document.erfassen.{$umfrageerf_focus}.focus();return false;">-->
<body class="sb-nav-fixed">
<main>
<!--Anwendung-->
<script src="../js/components/admin_rollen.js"></script>
<p class="text-center"><b>{$rollenzuordnung_bezeichnung}</b></p>
<div class="container-fluid">
<div class="card">
<div class="card-header">
<i class="fas fa-table me-1"></i>
Nicht zugewiesene Lieder
</div>
<div class="card-body">
<table id="notassigned" class="table table-striped table-bordered table-responsive table-hover" >
<thead class="d-none">
<tr>
<th>Vorname</th>
<th>Nachname</th>
<th>Aktion</th>
</tr>
</thead>
<tbody>
{section name=table_data loop=$table_data}
<tr>
<td>{$table_data[table_data].vorname}</td>
<td>{$table_data[table_data].nachname}</td>
<td>
<p class="text-center">
<a class="btn btn-success btn-rounded btn-icon btn-sm" onclick="erfuser('{$table_data[table_data].uid}|{$rollen_edit}')"><i class="fa-solid fa-plus" style="width:18px;"></i></a>
</p>
</td>
</tr>
{/section}
</tbody>
</table>
</div>
</div>
<br>
<div class="card">
<div class="card-header">
<i class="fas fa-table me-1"></i>
Zugewiesene Benutzer
</div>
<div class="card-body">
<table id="assigned" class="table table-striped table-bordered table-responsive table-hover" >
<thead class="d-none">
<tr>
<th>Vorname</th>
<th>Nachname</th>
<th>Aktion</th>
</tr>
</thead>
<tbody>
{section name=table_data1 loop=$table_data1}
<tr>
<td>{$table_data1[table_data1].vorname}</td>
<td>{$table_data1[table_data1].nachname}</td>
<td>
<p class="text-center">
<a class="btn btn-danger btn-rounded btn-icon btn-sm" onclick="deluser('{$table_data1[table_data1].uid}|{$rollen_edit}')"><i class="fa-solid fa-minus" style="width:18px;"></i></a>
</p>
</td>
</tr>
{/section}
</tbody>
</table>
</div>
</div>
<div id="msg"></div>
</main>
</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>
<script>
$(document).ready(function(){
var table = new DataTable('#notassigned', {
rowReorder: true,
pageLength: 5,
language: {
url: '//cdn.datatables.net/plug-ins/1.13.4/i18n/de-DE.json',
search: "",
lengthMenu: "_MENU_ Zeilen",
},
});
var table2 = new DataTable('#assigned', {
rowReorder: true,
pageLength: 5,
language: {
url: '//cdn.datatables.net/plug-ins/1.13.4/i18n/de-DE.json',
search: "",
lengthMenu: "_MENU_ Zeilen",
},
});
});
</script>
</html>
{/if}

View File

@ -1,76 +1,77 @@
<!DOCTYPE html>
<html lang="de">
<head>
<title>JU & MI Registrierung</title>
<link rel="stylesheet" href="../jquery/jquery.timepicker.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- icons in nav-->
<script src="../dashboard/js/all.js" crossorigin="anonymous"></script>
<script src="../jquery/jquery-3.4.1.min.js"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
<link href = "../jquery/jquery-ui-themes-1.13.2/jquery-ui.css" rel = "stylesheet">
</head>
<body>
<br>
<main>
<!--Anwendung-->
<script src="../js/components/selfregistration.js"></script>
<div class="container-fluid">
<div class="card">
<div class="card-header">
<i class="fa-solid fa-user"></i>
JU & MI Registrierung
</div>
<div class="card-body">
<div class="row">
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">Vorname:</div>
<div class="col-12 col-md-8"><input type="text" class="form-control" name="vorname" id="vorname" value="{$member_anlegen_vorname}" required></div>
</div>
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">Nachname:</div>
<div class="col-12 col-md-8"><input type="text" class="form-control" name="nachname" id="nachname" value="{$member_anlegen_nachname}" required></div>
</div>
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">Mailadresse:</div>
<div class="col-12 col-md-8"><input type="email" class="form-control" name="mail" id="mail" value="{$member_anlegen_mail}" required></div>
</div>
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">Ich bin 16 Jahre alt oder &auml;lter?</div>
<div class="col-12 col-md-8">
<div class="form-check">
<input class="form-check-input" value="1" type="radio" name="alter16" id="alter16_ja">
<label class="form-check-label" for="alter16_ja">Ja, ich bin 16 Jahre alt oder &auml;lter</label>
</div>
<div class="form-check">
<input class="form-check-input" value="0" type="radio" name="alter16" id="alter16_no" checked>
<label class="form-check-label" for="alter16_no">Nein, ich bin noch keine 16 Jahre alt</label>
</div>
</div>
</div>
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">Singstimme:</div>
<div class="col-12 col-md-8">
<select name="singstimme"class="form-control" id="singstimme">
<option value="1">Sopran</option>
<option value="2">Alt</option>
<option value="3">Tenor</option>
<option value="4">Ba&szlig;</option>
<option value="5">Wei&szlig; ich nicht</option>
</select>
</div>
<p align='center'>
<button class="col-6 btn btn-primary btn-sm mt-3" id="save" onclick="membersave();">Speichern</button>
</p>
</div>
</div>
</div>
<div id="msg"></div>
</div>
</main>
</div>
</body>
<!DOCTYPE html>
<html lang="de">
<head>
<title>JU & MI Registrierung</title>
<link rel="stylesheet" href="../jquery/jquery.timepicker.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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>
<!-- icons in nav-->
<script src="../dashboard/js/all.js" crossorigin="anonymous"></script>
<script src="../jquery/jquery-3.4.1.min.js"></script>
<link rel="stylesheet" href="../bootstrap/node_modules/bootstrap-icons/font/bootstrap-icons.css">
<link href = "../jquery/jquery-ui-themes-1.13.2/jquery-ui.css" rel = "stylesheet">
</head>
<body>
<br>
<main>
<!--Anwendung-->
<script src="../js/components/selfregistration.js"></script>
<div class="container-fluid">
<div class="card">
<div class="card-header">
<i class="fa-solid fa-user"></i>
JU & MI Registrierung
</div>
<div class="card-body">
<div class="row">
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">Vorname:</div>
<div class="col-12 col-md-8"><input type="text" class="form-control" name="vorname" id="vorname" value="{$member_anlegen_vorname}" required></div>
</div>
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">Nachname:</div>
<div class="col-12 col-md-8"><input type="text" class="form-control" name="nachname" id="nachname" value="{$member_anlegen_nachname}" required></div>
</div>
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">Mailadresse:</div>
<div class="col-12 col-md-8"><input type="email" class="form-control" name="mail" id="mail" value="{$member_anlegen_mail}" required></div>
</div>
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">Ich bin 16 Jahre alt oder &auml;lter?</div>
<div class="col-12 col-md-8">
<div class="form-check">
<input class="form-check-input" value="1" type="radio" name="alter16" id="alter16_ja">
<label class="form-check-label" for="alter16_ja">Ja, ich bin 16 Jahre alt oder &auml;lter</label>
</div>
<div class="form-check">
<input class="form-check-input" value="0" type="radio" name="alter16" id="alter16_no" checked>
<label class="form-check-label" for="alter16_no">Nein, ich bin noch keine 16 Jahre alt</label>
</div>
</div>
</div>
<div class="row mt-2 mt-sm-4 mb-2 mb-sm-4">
<div class="col-12 col-md-4">Singstimme:</div>
<div class="col-12 col-md-8">
<select name="singstimme"class="form-control" id="singstimme">
<option value="1">Sopran</option>
<option value="2">Alt</option>
<option value="3">Tenor</option>
<option value="4">Ba&szlig;</option>
<option value="5">Wei&szlig; ich nicht</option>
</select>
</div>
<p align='center'>
<button class="col-6 btn btn-primary btn-sm mt-3" id="save" onclick="membersave();">Speichern</button>
</p>
</div>
</div>
</div>
<div id="msg"></div>
<div id="msg1"></div>
</div>
</main>
</div>
</body>
</html>

View File

@ -1,335 +1,335 @@
{if $action == ''}
<!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;
}
.fill-5 {
animation: fill 2.5s linear 1;
}
@keyframes fill {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
.progress-bar {
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
color: var(--bs-progress-bar-color);
height: 5px;
text-align: center;
white-space: nowrap;
background-color: #0D7377;
transition: var(--bs-progress-bar-transition);
}
.lottie-container {
justify-content: center;
top: 20px;
left: 0;
right: 0;
bottom: 20px;
height: 300px;
pointer-events: none;
}
</style>
<script src="../js/lottie_bodymovin/lottie.min.js"></script>
</head>
<body>
<div class="container">
<div class="grid">
<div class="headline col-12 bg-white">
<div class="lottie-container" id="lottie-container"></div>
<script type="text/javascript">
var item = bodymovin.loadAnimation({
wrapper: document.getElementById('lottie-container'),
animType: 'svg',
loop: true,
autoplay: true,
path: '../media/data.json'
});
</script>
</div>
<form action="?action=umfrage" method='post' name='start'>
{if $umfrage_anzeigen == '0'}
<div class="col-12 ">
<h4>
<p class="text-center">Aktuell sind keine Umfragen verfügbar</p>
</h4>
</div>
{/if}
{if $umfrage_ende == '1'}
<div class="col-12 ">
<h4>
<p class="text-center">Herzlichen Dank für deine Teilnahme</p>
</h4>
</div>
{/if}
{if $umfrage_anzeigen == '1' AND $umfrage_ende != '1'}
<div class="col-12 ">
<h4>
<p class="text-center">Umfrage wird geladen</p>
</h4>
</div>
{/if}
{if $umfrage_anzeigen == '1' AND $umfrage_ende == 0}
<div class="progress" style="height: 5px;">
<div class="progress-bar fill-5" role="progressbar"
style="width: 100%" aria-valuenow="100" aria-valuemin="0"
aria-valuemax="100">
</div>
</div>
<input type="hidden" name="umid" value="{$umfrage_umid}">
<script type="text/javascript">
window.onload=function(){
window.setTimeout(document.start.submit.bind(document.start), 2500);
};
</script>
</form>
{/if}
</div>
</div>
</body>
</html>
{/if}
{if $action == 'umfrage'}
<!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>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.9.1/lottie.min.js"></script>
<style type="text/css">
.lottie-container {
justify-content: center;
top: 20px;
left: 0;
right: 0;
bottom: 20px;
height: 300px;
pointer-events: none;
}
</style>
</head>
<body >
<!-- hier kommt der Inhalt der Seite hin -->
<div class="container">
{if $umfrage_showende != '1'}
<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="?action=umfrage" method='post' name='erfassen'>
{if $umfrage_showfreitext == '0'}
{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" {if $table_data[table_data].inner[inner].selected == '1'} checked {/if}>
{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 $table_data[table_data].inner[inner].selected == '1'} checked {/if}>
{/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">
<input type="hidden" name="row" value="{$pagination_row}">
<input type="hidden" name="allcount" value="{$pagination_allcount}">
{if $umfrage_start0 == '1'}
<input type="submit" class="btn btn-light" name="but_prev" value="Zurück">
{/if}
{if $umfrage_start0 == '2'}
<a disabled class="btn btn-light">Zurück</a>
{/if}
{if $umfrage_end0 == '1'}
<input type="hidden" name="save" value="{$table_data[table_data].ufid}">
<input type="hidden" name="exit" value="0">
<input type="submit" class="btn btn-primary" name="but_next" value="Weiter">
{/if}
{if $umfrage_end0 == '2'}
<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="but_next" value="Umfrage beenden">
{/if}
</div>
{/section}
{/if}
{if $umfrage_showfreitext == '1'}
<div class="question col-12 ">
<h4>
<p class="text-center">Raum für Hinweise/Bemerkungen</p>
</h4>
</div>
<br>
<div class="col-12 btn-group-vertical btn-toolbar" role="group" aria-label="Basic radio toggle button group">
<textarea class="form-control" id="freitext" name="freitext" rows="6">{$umfrage_value_freitext}</textarea>
</div>
<div class="col-12 btn-group">
<input type="hidden" name="row" value="{$pagination_row}">
<input type="hidden" name="allcount" value="{$pagination_allcount}">
{if $umfrage_start0 == '1'}
<input type="submit" class="btn btn-light" name="but_prev" value="Zurück">
{/if}
{if $umfrage_start0 == '2'}
<a disabled class="btn btn-light">Zurück</a>
{/if}
{if $umfrage_end0 == '1'}
<input type="hidden" name="save" value="freitext">
<input type="hidden" name="exit" value="0">
<input type="submit" class="btn btn-primary" name="but_next" value="Weiter">
{/if}
{if $umfrage_end0 == '2'}
<input type="hidden" name="save" value="freitext">
<input type="hidden" name="exit" value="1">
<input type="submit" class="btn btn-primary" name="but_next" value="Umfrage beenden">
{/if}
</div>
{/if}
</div>
</form>
{/if}
{if $umfrage_showende == '1'}
<div class="grid">
<div class="headline col-12 bg-white">
<div class="lottie-container" id="lottie-container"></div>
<script type="text/javascript">
var item = bodymovin.loadAnimation({
wrapper: document.getElementById('lottie-container'),
animType: 'svg',
loop: true,
autoplay: true,
path: '../media/data.json'
});
</script>
</div>
<div class="col-12 ">
<h4>
<p class="text-center">Herzlichen Dank für deine Teilnahme</p>
</h4>
</div>
</div>
{/if}
</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>
{if $action == ''}
<!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;
}
.fill-5 {
animation: fill 2.5s linear 1;
}
@keyframes fill {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
.progress-bar {
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
color: var(--bs-progress-bar-color);
height: 5px;
text-align: center;
white-space: nowrap;
background-color: #0D7377;
transition: var(--bs-progress-bar-transition);
}
.lottie-container {
justify-content: center;
top: 20px;
left: 0;
right: 0;
bottom: 20px;
height: 300px;
pointer-events: none;
}
</style>
<script src="../js/lottie_bodymovin/lottie.min.js"></script>
</head>
<body>
<div class="container">
<div class="grid">
<div class="headline col-12 bg-white">
<div class="lottie-container" id="lottie-container"></div>
<script type="text/javascript">
var item = bodymovin.loadAnimation({
wrapper: document.getElementById('lottie-container'),
animType: 'svg',
loop: true,
autoplay: true,
path: '../media/data.json'
});
</script>
</div>
<form action="?action=umfrage" method='post' name='start'>
{if $umfrage_anzeigen == '0'}
<div class="col-12 ">
<h4>
<p class="text-center">Aktuell sind keine Umfragen verfügbar</p>
</h4>
</div>
{/if}
{if $umfrage_ende == '1'}
<div class="col-12 ">
<h4>
<p class="text-center">Herzlichen Dank für deine Teilnahme</p>
</h4>
</div>
{/if}
{if $umfrage_anzeigen == '1' AND $umfrage_ende != '1'}
<div class="col-12 ">
<h4>
<p class="text-center">Umfrage wird geladen</p>
</h4>
</div>
{/if}
{if $umfrage_anzeigen == '1' AND $umfrage_ende == 0}
<div class="progress" style="height: 5px;">
<div class="progress-bar fill-5" role="progressbar"
style="width: 100%" aria-valuenow="100" aria-valuemin="0"
aria-valuemax="100">
</div>
</div>
<input type="hidden" name="umid" value="{$umfrage_umid}">
<script type="text/javascript">
window.onload=function(){
window.setTimeout(document.start.submit.bind(document.start), 2500);
};
</script>
</form>
{/if}
</div>
</div>
</body>
</html>
{/if}
{if $action == 'umfrage'}
<!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>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.9.1/lottie.min.js"></script>
<style type="text/css">
.lottie-container {
justify-content: center;
top: 20px;
left: 0;
right: 0;
bottom: 20px;
height: 300px;
pointer-events: none;
}
</style>
</head>
<body >
<!-- hier kommt der Inhalt der Seite hin -->
<div class="container">
{if $umfrage_showende != '1'}
<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="?action=umfrage" method='post' name='erfassen'>
{if $umfrage_showfreitext == '0'}
{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" {if $table_data[table_data].inner[inner].selected == '1'} checked {/if}>
{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 $table_data[table_data].inner[inner].selected == '1'} checked {/if}>
{/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">
<input type="hidden" name="row" value="{$pagination_row}">
<input type="hidden" name="allcount" value="{$pagination_allcount}">
{if $umfrage_start0 == '1'}
<input type="submit" class="btn btn-light" name="but_prev" value="Zurück">
{/if}
{if $umfrage_start0 == '2'}
<a disabled class="btn btn-light">Zurück</a>
{/if}
{if $umfrage_end0 == '1'}
<input type="hidden" name="save" value="{$table_data[table_data].ufid}">
<input type="hidden" name="exit" value="0">
<input type="submit" class="btn btn-primary" name="but_next" value="Weiter">
{/if}
{if $umfrage_end0 == '2'}
<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="but_next" value="Umfrage beenden">
{/if}
</div>
{/section}
{/if}
{if $umfrage_showfreitext == '1'}
<div class="question col-12 ">
<h4>
<p class="text-center">Raum für Hinweise/Bemerkungen</p>
</h4>
</div>
<br>
<div class="col-12 btn-group-vertical btn-toolbar" role="group" aria-label="Basic radio toggle button group">
<textarea class="form-control" id="freitext" name="freitext" rows="6">{$umfrage_value_freitext}</textarea>
</div>
<div class="col-12 btn-group">
<input type="hidden" name="row" value="{$pagination_row}">
<input type="hidden" name="allcount" value="{$pagination_allcount}">
{if $umfrage_start0 == '1'}
<input type="submit" class="btn btn-light" name="but_prev" value="Zurück">
{/if}
{if $umfrage_start0 == '2'}
<a disabled class="btn btn-light">Zurück</a>
{/if}
{if $umfrage_end0 == '1'}
<input type="hidden" name="save" value="freitext">
<input type="hidden" name="exit" value="0">
<input type="submit" class="btn btn-primary" name="but_next" value="Weiter">
{/if}
{if $umfrage_end0 == '2'}
<input type="hidden" name="save" value="freitext">
<input type="hidden" name="exit" value="1">
<input type="submit" class="btn btn-primary" name="but_next" value="Umfrage beenden">
{/if}
</div>
{/if}
</div>
</form>
{/if}
{if $umfrage_showende == '1'}
<div class="grid">
<div class="headline col-12 bg-white">
<div class="lottie-container" id="lottie-container"></div>
<script type="text/javascript">
var item = bodymovin.loadAnimation({
wrapper: document.getElementById('lottie-container'),
animType: 'svg',
loop: true,
autoplay: true,
path: '../media/data.json'
});
</script>
</div>
<div class="col-12 ">
<h4>
<p class="text-center">Herzlichen Dank für deine Teilnahme</p>
</h4>
</div>
</div>
{/if}
</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>
{/if}