vict3459/itskp-odense
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

v0.2.0 - Added CRUD for user

Browse Source
This commit is contained in:
Anders
2021-06-09 13:20:49 +02:00
parent 59f91682a7
commit 8dd1f423a6
11 changed files with 233 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Frontend/admin.php
+77 -7
View File
@@ -82,7 +82,7 @@ use Backend\Model\Post;
</div>
</nav>
</div>
<div class="row pt-4">
<div class="row pt-4 pb-4">
<div class="col">
<button class="btn btn-success mb-5" onclick="createPostSwal()">Opret Post</button>
<table class="pt-2" id="table_id">
@@ -97,18 +97,46 @@ use Backend\Model\Post;
</table>
</div>
</div>
<?php
if (isset($_SESSION['permission'])) {
?>
<div class="row pt-4">
<div class="col">
<button class="btn btn-success mb-5" onclick="createUserSwal()">Opret Bruger</button>
<table class="pt-2" id="table_id_users">
<thead>
<th>Navn</th>
<th class="w-1em"><img src="Assets/Images/Icons/pencil-dark.svg" alt="Edit"></th>
<th class="w-1em"><img src="Assets/Images/Icons/trashcan-dark.svg" alt="Delete"></th>
</thead>
<tbody id="dis_users">
</tbody>
</table>
</div>
</div>
<?php
}
?>
</div>
<script>
$(document).ready(function() {
var id = <?php echo $_SESSION['id']; ?>
});
</script>
<script src="Assets/Ajax/fetchAndDisplayData.js"></script>
<script src="Assets/Ajax/deletePost.js"></script>
<script src="Assets/Ajax/createPost.js"></script>
<script src="Assets/Ajax/editPost.js"></script>
<script src="Assets/Ajax/createUser.js"></script>
<script src="Assets/Ajax/deleteUser.js"></script>
<script src="Assets/Ajax/editUser.js"></script>
<script>
function createPostSwal() {
Swal.fire({
title: 'Opret Post',
html: '<div class="form-group row mb-4 justify-content-center"><label for="title" class="col-md-12 col-form-label text-md-right">Titel</label><div class="col-md-9"><input type="text" class="form-control" id="title" name="title" maxlength="255" required autofocus></div></div><div class="form-group row mb-4 justify-content-center"><label for="title" class="col-md-12 col-form-label text-md-right">Beskrivelse</label><div class="col-md-9"><textarea type="text" class="form-control" id="description" name="description" maxlength="2000" required autofocus>',
html: '<div class="form-group row mb-4 justify-content-center"><label for="title" class="col-md-12 col-form-label text-md-right">Titel</label><div class="col-md-9"><input type="text" class="form-control" id="title" name="title" maxlength="255" required autofocus></div></div><div class="form-group row mb-4 justify-content-center"><label for="description" class="col-md-12 col-form-label text-md-right">Beskrivelse</label><div class="col-md-9"><textarea type="text" class="form-control" id="description" name="description" maxlength="2000" required autofocus></textarea></div></div>',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
@@ -127,6 +155,31 @@ use Backend\Model\Post;
})
}
function createUserSwal() {
Swal.fire({
title: 'Opret Post',
html: '<div class="form-group row mb-4 justify-content-center"><label for="name" class="col-md-3 col-form-label text-md-right">Navn</label><div class="col-md-9"><input type="text" class="form-control" id="name" name="name" maxlength="255" required autofocus></div></div><div class="form-group row mb-4 justify-content-center"><label for="title" class="col-md-3 col-form-label text-md-right">Password</label><div class="col-md-9"><input type="password" class="form-control" id="password" name="password" maxlength="255" required autofocus></div></div><div class="form-group row mb-4 justify-content-center"><label for="title" class="col-md-3 col-form-label text-md-right">Confirm Password</label><div class="col-md-9"><input type="password" class="form-control" id="confirmPassword" name="confirmPassword" maxlength="255" required autofocus></div></div>',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'Opret',
focusConfirm: false,
preConfirm: () => {
const name = Swal.getPopup().querySelector('#name').value
const pass = Swal.getPopup().querySelector('#password').value
const conpass = Swal.getPopup().querySelector('#confirmPassword').value
if (!name || !pass || !conpass) {
Swal.showValidationMessage(`Skriv noget i alle felter!`)
} else if (pass != conpass) {
Swal.showValidationMessage(`Password er ikke ens!`)
}
return {name: name, pass: pass, conpass: conpass}
}
}).then((result) => {
createUser(result.value.name.trim(), result.value.pass.trim());
})
}
function deletePostSwal(id) {
Swal.fire({
title: 'Er du sikker?',
@@ -137,11 +190,28 @@ use Backend\Model\Post;
cancelButtonColor: '#d33',
confirmButtonText: 'Slet Post',
cancelButtonText: 'Annuller'
}).then((result) => {
if (result.isConfirmed) {
deletePost(id);
}
})
}).then((result) => {
if (result.isConfirmed) {
deletePost(id);
}
})
}
function deleteUserSwal(id) {
Swal.fire({
title: 'Er du sikker?',
text: "Dette kan ikke blive ændret tilbage!",
icon: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'Slet Bruger',
cancelButtonText: 'Annuller'
}).then((result) => {
if (result.isConfirmed) {
deleteUser(id);
}
})
}
</script>