Kennwortwechsel Benutzer anlegen
This commit is contained in:
aschwarz
139
templates/modern/dashboard/changepwd.html
Normal file
139
templates/modern/dashboard/changepwd.html
Normal file
@ -0,0 +1,139 @@
|
||||
{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="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>
|
||||
|
||||
::-ms-reveal {
|
||||
display: none;
|
||||
}
|
||||
|
||||
button#toggle-password {
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
right: 4px;
|
||||
z-index: 9;
|
||||
width: 28px;
|
||||
height: 30px;
|
||||
background: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
button#toggle-password:active,
|
||||
button#toggle-password:focus,
|
||||
button#toggle-password:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
button#toggle-password:focus {
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
.input-password {
|
||||
padding-right: calc(1.5em + 0.75rem);
|
||||
background-repeat: no-repeat;
|
||||
background-position: right calc(0.375em + 0.1875rem) center;
|
||||
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
|
||||
}
|
||||
|
||||
.input-password[type=text]:valid {
|
||||
background-image: url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z'/%3E%3Cpath d='M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z'/%3E%3Cpath d='M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709z'/%3E%3Cpath fill-rule='evenodd' d='M13.646 14.354l-12-12 .708-.708 12 12-.708.708z'/%3E%3C/svg%3E") !important;
|
||||
}
|
||||
|
||||
.input-password[type=password]:valid {
|
||||
background-image: url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.134 13.134 0 0 0 1.66 2.043C4.12 11.332 5.88 12.5 8 12.5c2.12 0 3.879-1.168 5.168-2.457A13.134 13.134 0 0 0 14.828 8a13.133 13.133 0 0 0-1.66-2.043C11.879 4.668 10.119 3.5 8 3.5c-2.12 0-3.879 1.168-5.168 2.457A13.133 13.133 0 0 0 1.172 8z'/%3E%3Cpath fill-rule='evenodd' d='M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z'/%3E%3C/svg%3E") !important;
|
||||
}
|
||||
</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_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">
|
||||
<div class="input-group">
|
||||
<input type="password" id="password" class="form-control rounded-right" required>
|
||||
<button id="toggle-password" type="button" class="d-none"
|
||||
aria-label="Show password as plain text. Warning: this will display your password on the screen.">
|
||||
</button>
|
||||
</div>
|
||||
</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">
|
||||
<div class="input-group">
|
||||
<input type="password" id="password_new1" class="form-control rounded-right" required>
|
||||
<button id="toggle-password" type="button" class="d-none"
|
||||
aria-label="Show password as plain text. Warning: this will display your password on the screen.">
|
||||
</button>
|
||||
</div>
|
||||
</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">
|
||||
<div class="input-group">
|
||||
<input type="password" id="password_new2" class="form-control rounded-right" required>
|
||||
<button id="toggle-password" type="button" class="d-none"
|
||||
aria-label="Show password as plain text. Warning: this will display your password on the screen.">
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</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>
|
||||
<script src="../js/show-password-toggle.js" async></script>
|
||||
</main>
|
||||
<!-- footer -->
|
||||
<div id="footer"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
{/if}
|
||||
208
templates/modern/dashboard/create_user.html
Normal file
208
templates/modern/dashboard/create_user.html
Normal file
@ -0,0 +1,208 @@
|
||||
{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="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>
|
||||
Benutzer erstellen
|
||||
</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}">{$table_data[table_data].bezeichnung}</option>
|
||||
{/section}
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<p align='center'>
|
||||
<button class="col-6 btn btn-primary btn-sm mt-3" id="save" onclick="usersave();">Speichern</button>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="msg"></div>
|
||||
<div id="msg1"></div>
|
||||
</main>
|
||||
<!-- footer -->
|
||||
<div id="footer"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
{/if}
|
||||
@ -9,7 +9,7 @@
|
||||
</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 fa-pie-chart"></i></div>
|
||||
<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">
|
||||
@ -65,6 +65,20 @@
|
||||
<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>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
<a class="nav-link" href="tables.html">
|
||||
<div class="sb-nav-link-icon"><i class="fas fa-table"></i></div>
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<!--Navigation top-->
|
||||
<nav class="bg-juandmi sb-topnav navbar navbar-expand navbar-dark">
|
||||
<!-- Navbar Brand-->
|
||||
<a class="navbar-brand ps-3" href="index.html">Administration JU & MI</a>
|
||||
<a class="navbar-brand ps-3" href="startseite.php">Administration 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-->
|
||||
@ -23,6 +23,7 @@
|
||||
<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>
|
||||
|
||||
@ -36,7 +36,7 @@
|
||||
<div class="container-fluid">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<i class="fas fa-table me-1"></i>
|
||||
<i class="fas fa-cog me-1"></i>
|
||||
Systemparameter
|
||||
</div>
|
||||
<div class="card-body">
|
||||
|
||||
@ -40,7 +40,7 @@
|
||||
<div class="container-fluid">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<i class="fas fa-table me-1"></i>
|
||||
<i class="fas fa-edit me-1"></i>
|
||||
Erfasste Umfragen
|
||||
</div>
|
||||
<div class="card-body">
|
||||
|
||||
@ -136,7 +136,7 @@
|
||||
<div class="container-fluid">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<i class="fas fa-table me-1"></i>
|
||||
<i class="fas fa-pie-chart me-1"></i>
|
||||
Zeitraum der Umfrage und Bezeichnung
|
||||
</div>
|
||||
<div class="row mt-0 mt-sm-4 mb-0 mb-sm-4">
|
||||
|
||||
Reference in New Issue
Block a user