Current File : /home/users/kundensystem/www/admin/points.php

<?php
include './inc/header.php';
include './inc/sidebar.php';

if($adminRole['products']!='1'&&$adminData['role']!='1'){ 
  ?><script>location.href="index.php";</script><?php
  exit;
}

$msg='';
if(isset($_GET['codex'])&&$_GET['codex']=='4'){
  $id=$_GET['id'];
  mysqli_query($conn, "DELETE FROM ".$dbtable11." WHERE id = '".$id."'");
  $msg='<div class="alert alert-success alert-dismissible fade show">Bullet Point wurde aus der Datenbank gelöscht!</div>';
}

if(isset($_POST['rand'])&&$_POST['rand']!=''&&$_POST['rand']==$_SESSION['rand']){
  if(!isset($_POST['point_id'])||$_POST['point_id']==''){
    mysqli_query($conn, "INSERT INTO ".$dbtable11." SET title = '".$_POST['title']."'");
    $msg='<div class="alert alert-success alert-dismissible fade show">Bullet Point wurde erfolgreich angelegt!</div>';
  } else {
    $id = $_POST['point_id'];
    mysqli_query($conn,  "UPDATE ".$dbtable11." SET title = '".$_POST['title']."' WHERE id = '".$id."'");
    $msg='<div class="alert alert-success alert-dismissible fade show">Kategorie wurde erfolgreich ge&auml;ndert!</div>';
  }
}

?>

<main id="main" class="main">

  <div class="pagetitle">
    <h1>Bullet Points</h1>
    <nav>
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="index.php">Home</a></li>
        <li class="breadcrumb-item">Unsere Produkte</li>
        <li class="breadcrumb-item">Bullet Points</li>
      </ol>
    </nav>
  </div><!-- End Page Title -->

  <section class="section dashboard">
    <div class="row">
      <div class="col-lg-2"> </div>
      <div class="col-lg-8"> 
        <div class="card">
          <div class="card-body">
            <h5 class="card-title">Bullet Points</h5>
            <?= $msg;?>
            <div class="mb-3">
                <button class="btn btn-success" data-bs-toggle="modal" data-bs-target="#editModal" id="addBtn"> + Neue Bullet Point</button>
            </div>
            <div class="responsive_table">
              <table id="data_table" class="table table-striped table-bordered" style="width:100%">
                <thead>
                  <tr>
                    <th>ID</th>
                    <th>Titel</th>
                    <th></th>
                  </tr>
                </thead>
                <tbody>
                  <?php
                  $sql=mysqli_query($conn, "SELECT * FROM ".$dbtable11);
                  while($row = mysqli_fetch_assoc($sql)){
                    echo '<tr>
                            <td>'.$row['id'].'</td>
                            <td>'.$row['title'].'</td>
                            <td class="text-right">
                                <button class="btn btn-success btn-sm editBtn" data-bs-toggle="modal" data-bs-target="#editModal" data-id="'.$row['id'].'" data-title="'.$row['title'].'">
                                    <i class="bi bi-pencil-fill"></i>
                                </button>
                                <a href="points.php?id='.$row['id'].'&codex=4" class="btn btn-danger btn-sm delBtn">
                                    <i class="bi bi-trash"></i>
                                </a>
                            </td>
                        </tr>'; 
                  }
                  ?>
                </tbody>
              </table>
            </div>

            <br><br>
          </div>
        </div>
      </div>
    </div>
  </section>

</main><!-- End #main -->

<?php
include_once './inc/footer.php';
?>
<link href="https://cdn.datatables.net/1.10.22/css/dataTables.bootstrap4.min.css" rel="stylesheet">
<script src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.22/js/dataTables.bootstrap4.min.js"></script>

<script>
    $('.sub11 ul').addClass('show');
    $('.sub11 .nav-link').removeClass('collapsed');
    
    $(document).ready(function(){
      $('#data_table').DataTable({
          "order": [[ 0, "asc" ]],
          "scrollX": true,
          "language": {
              "lengthMenu": "Zeige _MENU_ Eintr&auml;ge",
              "info":           "Zeige Eintrag _START_ bis _END_ von _TOTAL_ Eintr&auml;gen",
              "search":         "Suche:",
              "infoEmpty":      "Zeige 0 bis 0 von 0 Eintr&auml;gen",
              "emptyTable": "Keine Daten verf&uuml;gbar",
              "paginate": {
                  "first":      "First",
                  "last":       "Last",
                  "next":       "N&auml;chste",
                  "previous":   "Vorher"
              },
          }
      });
    })

    $(document).on('click', '#addBtn', function(){
      $('.modal-title').html('Neue Bullet Point');
      $('#title').val('');
      $('#point_id').val('');
    })

    $(document).on('click', '.editBtn', function(){
      $('.modal-title').html('Bullet Point bearbeiten');
      $('#title').val($(this).data('title'));
      $('#point_id').val($(this).data('id'));
    })
</script>


<div class="modal fade" id="editModal" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <form method="POST" enctype="multipart/form-data">
                <div class="modal-header">
                    <h5 class="modal-title"></h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                  <b>Title</b>
                  <input type="text" class="form-control" id="title" name="title" required>
                </div>
                <div class="modal-footer">
                    <?php $rand=rand(); $_SESSION['rand']=$rand; ?>
                    <input type="hidden" value="<?= $rand;?>" name="rand">
                    <input type="hidden" name="point_id" id="point_id">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Abbrechen</button>
                    <button type="submit" class="btn btn-primary">Speichern</button>
                </div>
            </form>
        </div>
    </div>
</div>