Compare commits
21 Commits
dd15e3468a
...
dev/tasks-
| Author | SHA1 | Date | |
|---|---|---|---|
| ea14d44a7f | |||
| e414fe1264 | |||
| 03547c2bac | |||
| fc1df1effb | |||
| 486d00ae88 | |||
| 60e0d396f2 | |||
| 3f0f43aebf | |||
| 0b97dd4095 | |||
| 08e7060b1b | |||
| e9fbee43e3 | |||
| cc8bdd4ea1 | |||
| bbb2e830b3 | |||
| dbc617ad81 | |||
| fa7d83fc36 | |||
| a062f08ed7 | |||
| bd576665c8 | |||
| 5bfdda2340 | |||
| acfc50a244 | |||
| b4ee8fa6e0 | |||
| e1cf6f21f5 | |||
| ffc53f23e2 |
@@ -1,48 +0,0 @@
|
||||
<?php
|
||||
|
||||
|
||||
// ToDo's
|
||||
// Whitelists oder Prepared Statements gegen SQL-Injection hinzufügen
|
||||
|
||||
|
||||
include 'init.php';
|
||||
|
||||
$request = htmlspecialchars($_POST['request'], ENT_QUOTES);
|
||||
|
||||
if ($request=='buildings') {
|
||||
$webgis_id = htmlspecialchars($_POST['webgis_id'], ENT_QUOTES);
|
||||
|
||||
try {
|
||||
|
||||
$pdo -> query("DELETE FROM buildings WHERE webgis_id = '$webgis_id'");
|
||||
|
||||
} catch (PDOException $e) {
|
||||
echo "ERROR ".$e->getMessage();
|
||||
}
|
||||
}
|
||||
|
||||
if ($request == 'pipelines') {
|
||||
$webgis_id = htmlspecialchars($_POST['webgis_id'], ENT_QUOTES);
|
||||
|
||||
try {
|
||||
|
||||
$pdo -> query("DELETE from pipelines where webgis_id= '$webgis_id' ");
|
||||
|
||||
} catch(PDOException $e) {
|
||||
echo "ERROR ".$e->getMessage();
|
||||
}
|
||||
}
|
||||
|
||||
if ($request == 'valves') {
|
||||
$webgis_id = htmlspecialchars($_POST['webgis_id'], ENT_QUOTES);
|
||||
|
||||
try {
|
||||
|
||||
$pdo -> query("DELETE from valves where webgis_id= '$webgis_id' ");
|
||||
|
||||
} catch(PDOException $e) {
|
||||
echo "ERROR ".$e->getMessage();
|
||||
}
|
||||
}
|
||||
|
||||
?>
|
||||
@@ -1,52 +0,0 @@
|
||||
<?php
|
||||
|
||||
// ToDo's
|
||||
// Whitelists oder Prepared Statements gegen SQL-Injection hinzufügen
|
||||
|
||||
// PostgreSQL-Serververbindung
|
||||
include 'init.php';
|
||||
|
||||
// HTTP-POST-Methode für Formulardaten
|
||||
$table = htmlspecialchars($_POST['table'], ENT_QUOTES);
|
||||
$field = htmlspecialchars($_POST['field'], ENT_QUOTES);
|
||||
$value = htmlspecialchars($_POST['value'], ENT_QUOTES);
|
||||
|
||||
try {
|
||||
// Datenbankabfrage
|
||||
$result = $pdo -> query("SELECT *, ST_AsGeoJSON(geom) as geojson FROM $table WHERE $field = '$value'");
|
||||
|
||||
$features = [];
|
||||
|
||||
foreach($result as $row) {
|
||||
// PHP-Objekt erstellen
|
||||
$geometry = json_decode($row['geojson']);
|
||||
|
||||
// PHP-Objekt bereinigen
|
||||
unset($row['geom']);
|
||||
unset($row['geojson']);
|
||||
|
||||
// JSON-Feature hinzufügen
|
||||
$feature = [
|
||||
"type"=>"Feature",
|
||||
"geometry"=>$geometry,
|
||||
"properties"=>$row
|
||||
];
|
||||
|
||||
array_push($features, $feature);
|
||||
};
|
||||
|
||||
// Feature-Collection hinzufügen
|
||||
$featureCollection = [
|
||||
"type"=>"FeatureCollection",
|
||||
"features"=>$features
|
||||
];
|
||||
|
||||
echo json_encode($featureCollection);
|
||||
|
||||
// Fehlernachricht ausgeben
|
||||
} catch(PDOException $e) {
|
||||
echo "ERROR ".$e->getMessage();
|
||||
|
||||
}
|
||||
|
||||
?>
|
||||
@@ -1,73 +0,0 @@
|
||||
<?php
|
||||
|
||||
// ToDo's
|
||||
// Whitelists oder Prepared Statements gegen SQL-Injection hinzufügen
|
||||
|
||||
// PostgreSQL-Serververbindung
|
||||
include 'init.php';
|
||||
|
||||
$request = htmlspecialchars($_POST['request'], ENT_QUOTES);
|
||||
|
||||
if ($request == 'valves') {
|
||||
$valve_id = htmlspecialchars($_POST['valve_id'], ENT_QUOTES);
|
||||
$valve_type = htmlspecialchars($_POST['valve_type'], ENT_QUOTES);
|
||||
$valve_dma_id = htmlspecialchars($_POST['valve_dma_id'], ENT_QUOTES);
|
||||
$valve_diameter = htmlspecialchars($_POST['valve_diameter'], ENT_QUOTES);
|
||||
$valve_visibility = htmlspecialchars($_POST['valve_visibility'], ENT_QUOTES);
|
||||
$valve_location = htmlspecialchars($_POST['valve_location'], ENT_QUOTES);
|
||||
$valve_geometry = $_POST['valve_geometry'];
|
||||
|
||||
$result = $pdo -> query("SELECT * FROM valves WHERE valve_id = '$valve_id'");
|
||||
|
||||
if ($result->rowCount()>0) {
|
||||
echo "ERROR: Valve ID already exists. Please type in another ID!";
|
||||
} else {
|
||||
// Datenbankabfrage
|
||||
$result = $pdo -> query("INSERT INTO valves(valve_id, valve_type, valve_dma_id, valve_diameter, valve_location, valve_visibility, geom) VALUES ('$valve_id', '$valve_type', '$valve_dma_id', '$valve_diameter', '$valve_location', '$valve_visibility', ST_SetSRID(ST_GeomFromGeoJSON('$valve_geometry'), 4326))");
|
||||
}
|
||||
}
|
||||
|
||||
if ($request == 'pipelines') {
|
||||
$pipeline_id = htmlspecialchars($_POST['pipeline_id'], ENT_QUOTES);
|
||||
$pipeline_category = htmlspecialchars($_POST['pipeline_category'], ENT_QUOTES);
|
||||
$pipeline_dma_id = htmlspecialchars($_POST['pipeline_dma_id'], ENT_QUOTES);
|
||||
$pipeline_diameter = htmlspecialchars($_POST['pipeline_diameter'], ENT_QUOTES);
|
||||
$pipeline_method = htmlspecialchars($_POST['pipeline_method'], ENT_QUOTES);
|
||||
$pipeline_location = htmlspecialchars($_POST['pipeline_location'], ENT_QUOTES);
|
||||
$pipeline_geometry = $_POST['pipeline_geometry'];
|
||||
|
||||
$result = $pdo -> query("SELECT * FROM pipelines WHERE pipeline_id = '$pipeline_id'");
|
||||
|
||||
if ($result->rowCount()>0) {
|
||||
echo "ERROR: Pipeline ID already exists. Please type in another ID!";
|
||||
} else {
|
||||
// Datenbankabfrage
|
||||
$result = $pdo -> query("INSERT INTO pipelines(pipeline_id, pipeline_category, pipeline_dma_id, pipeline_diameter, pipeline_method, pipeline_location, geom) VALUES ('$pipeline_id', '$pipeline_category', '$pipeline_dma_id', '$pipeline_diameter', '$pipeline_method', '$pipeline_location', ST_SetSRID(ST_GeomFromGeoJSON('$pipeline_geometry'), 4326))");
|
||||
}
|
||||
}
|
||||
|
||||
if ($request == 'buildings') {
|
||||
|
||||
$account_no = htmlspecialchars($_POST['account_no'], ENT_QUOTES);
|
||||
$building_category = htmlspecialchars($_POST['building_category'], ENT_QUOTES);
|
||||
$building_dma_id = htmlspecialchars($_POST['building_dma_id'], ENT_QUOTES);
|
||||
$building_storey = htmlspecialchars($_POST['building_storey'], ENT_QUOTES);
|
||||
$building_population = htmlspecialchars($_POST['building_population'], ENT_QUOTES);
|
||||
$building_location = htmlspecialchars($_POST['building_location'], ENT_QUOTES);
|
||||
$building_geometry = $_POST['building_geometry'];
|
||||
|
||||
$result = $pdo -> query("SELECT *from buildings where account_no= '$account_no'");
|
||||
|
||||
if ($result->rowCount()>0) {
|
||||
echo "ERROR: Building ID already exists. Please type in another ID!";
|
||||
} else {
|
||||
$sql = $pdo -> query("INSERT INTO buildings(account_no, building_category, building_dma_id, building_storey, building_population, building_location, geom) VALUES ('$account_no', '$building_category', '$building_dma_id', '$building_storey', '$building_population', '$building_location', ST_Force3DZ(ST_SetSRID(ST_GeomFromGeoJSON('$building_geometry'), 4326)))");
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
?>
|
||||
@@ -1,63 +0,0 @@
|
||||
<?php
|
||||
|
||||
// ToDo's
|
||||
// Whitelists oder Prepared Statements gegen SQL-Injection hinzufügen
|
||||
|
||||
// PostgreSQL-Serververbindung
|
||||
include 'init.php';
|
||||
|
||||
// HTTP-POST-Methode für Formulardaten
|
||||
$table = htmlspecialchars($_POST['table'], ENT_QUOTES);
|
||||
$dma_id = htmlspecialchars($_POST['dma_id'], ENT_QUOTES);
|
||||
|
||||
if($table == 'valves') {
|
||||
$dma_id_field = "valve_dma_id";
|
||||
}
|
||||
|
||||
if($table == 'buildings') {
|
||||
$dma_id_field = "building_dma_id";
|
||||
}
|
||||
|
||||
if($table == 'pipelines') {
|
||||
$dma_id_field = "pipeline_dma_id";
|
||||
}
|
||||
|
||||
try {
|
||||
// Datenbankabfrage
|
||||
$result = $pdo -> query("SELECT *, ST_AsGeoJSON(geom) as geojson FROM $table WHERE $dma_id_field = '$dma_id'");
|
||||
|
||||
$features = [];
|
||||
|
||||
foreach($result as $row) {
|
||||
// PHP-Objekt erstellen
|
||||
$geometry = json_decode($row['geojson']);
|
||||
|
||||
// PHP-Objekt bereinigen
|
||||
unset($row['geom']);
|
||||
unset($row['geojson']);
|
||||
|
||||
// JSON-Feature hinzufügen
|
||||
$feature = [
|
||||
"type"=>"Feature",
|
||||
"geometry"=>$geometry,
|
||||
"properties"=>$row
|
||||
];
|
||||
|
||||
array_push($features, $feature);
|
||||
};
|
||||
|
||||
// Feature-Collection hinzufügen
|
||||
$featureCollection = [
|
||||
"type"=>"FeatureCollection",
|
||||
"features"=>$features
|
||||
];
|
||||
|
||||
echo json_encode($featureCollection);
|
||||
|
||||
// Fehlernachricht ausgeben
|
||||
} catch(PDOException $e) {
|
||||
echo "ERROR ".$e->getMessage();
|
||||
|
||||
}
|
||||
|
||||
?>
|
||||
@@ -1,97 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
|
||||
<!-- jQuery UI -->
|
||||
<link rel="stylesheet" href="source/jquery-ui.min.css">
|
||||
<script src="source/jquery-ui.min.js"></script>
|
||||
|
||||
<!-- Bootstrap Stylesheet & Skript -->
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
|
||||
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
|
||||
<!-- Sidebar Plugin -->
|
||||
<link rel="stylesheet" href="plugins/sidebar/leaflet-sidebar.css">
|
||||
<script src="plugins/sidebar/leaflet-sidebar.js"></script>
|
||||
|
||||
|
||||
<!-- Button Plugin -->
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet-easybutton@2/src/easy-button.css">
|
||||
<script src="https://cdn.jsdelivr.net/npm/leaflet-easybutton@2/src/easy-button.js"></script>
|
||||
|
||||
<!-- Font Plugin -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css">
|
||||
|
||||
<!-- PolylineMeasure Plugin -->
|
||||
<link rel="stylesheet" href="https://ppete2.github.io/Leaflet.PolylineMeasure/Leaflet.PolylineMeasure.css">
|
||||
<script src="https://ppete2.github.io/Leaflet.PolylineMeasure/Leaflet.PolylineMeasure.js"></script>
|
||||
|
||||
<!-- MousePosition Plugin -->
|
||||
<link rel="stylesheet" href="plugins/mouseposition/L.Control.MousePosition.css">
|
||||
<script src="plugins/mouseposition/L.Control.MousePosition.js"></script>
|
||||
|
||||
<!-- Geoman Plugin -->
|
||||
<link rel="stylesheet" href="https://unpkg.com/@geoman-io/leaflet-geoman-free@latest/dist/leaflet-geoman.css">
|
||||
<script src="https://unpkg.com/@geoman-io/leaflet-geoman-free@latest/dist/leaflet-geoman.js"></script>
|
||||
|
||||
<!-- Minimap Plugin -->
|
||||
<link rel="stylesheet" href="plugins/minimap/Control.MiniMap.min.css">
|
||||
<script src="plugins/minimap/Control.MiniMap.min.js"></script>
|
||||
|
||||
<!-- ajax Plugin -->
|
||||
<script src="plugins/ajax/leaflet.ajax.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="popup-container">
|
||||
|
||||
<input type="hidden" name="building_database_id" class="updateBuilding" value="something">
|
||||
<input type="hidden" name="account_no_old" class="updateBuilding" value="something">
|
||||
|
||||
|
||||
<div class="popup-form-group">
|
||||
<label class="control-label popup-label">Building ID</label>
|
||||
<input type="text" class="form-control popup-input text-center updateBuilding" value="something" name="account_no">
|
||||
</div>
|
||||
|
||||
<div class="popup-form-group">
|
||||
<label class="control-label popup-label">Category</label>
|
||||
<input type="text" class="form-control popup-input text-center updateBuilding" value="something" name="building_category">
|
||||
</div>
|
||||
|
||||
<div class="popup-form-group">
|
||||
<label class="control-label popup-label">Storey</label>
|
||||
<input type="number" class="form-control popup-input text-center updateBuilding" value="something" name="building_storey">
|
||||
</div>
|
||||
|
||||
<div class="popup-form-group">
|
||||
<label class="control-label popup-label">Population</label>
|
||||
<input type="number" class="form-control popup-input text-center updateBuilding" value="something" name="building_population">
|
||||
</div>
|
||||
|
||||
<div class="popup-form-group">
|
||||
<label class="control-label popup-label">Location</label>
|
||||
<input type="text" class="form-control popup-input text-center updateBuilding" value="something" name="building_locationn">
|
||||
</div>
|
||||
|
||||
<div class="popup-button-group">
|
||||
<button type="submit" class="btn btn-success popup-button">Update</button>
|
||||
<button type="submit" class="btn btn-danger popup-button">Delete</button>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -1,98 +0,0 @@
|
||||
<?php
|
||||
include 'init.php';
|
||||
|
||||
$request = htmlspecialchars($_POST['request'], ENT_QUOTES);
|
||||
|
||||
if ($request=='buildings') {
|
||||
$webgis_id = htmlspecialchars($_POST['webgis_id'], ENT_QUOTES);
|
||||
$account_no_old = htmlspecialchars($_POST['account_no_old'], ENT_QUOTES);
|
||||
$account_no = htmlspecialchars($_POST['account_no'], ENT_QUOTES);
|
||||
$building_category = htmlspecialchars($_POST['building_category'], ENT_QUOTES);
|
||||
$building_storey = htmlspecialchars($_POST['building_storey'], ENT_QUOTES);
|
||||
$building_population = htmlspecialchars($_POST['building_population'], ENT_QUOTES);
|
||||
$building_location = htmlspecialchars($_POST['building_location'], ENT_QUOTES);
|
||||
$building_dma_id = htmlspecialchars($_POST['building_dma_id'], ENT_QUOTES);
|
||||
|
||||
|
||||
try {
|
||||
|
||||
if ($account_no_old != $account_no) {
|
||||
$result = $pdo -> query("SELECT * FROM buildings WHERE account_no = '$account_no'");
|
||||
|
||||
if ($result -> rowCount()>0) {
|
||||
echo "ERROR: Account Number already exists. Pleas type in another Account Number!";
|
||||
} else {
|
||||
$pdo -> query("UPDATE buildings SET account_no = '$account_no', building_category = '$building_category', building_storey = '$building_storey', building_population = '$building_population', building_location = '$building_location', building_dma_id = '$building_dma_id' WHERE webgis_id = '$webgis_id'");
|
||||
}
|
||||
|
||||
} else { $pdo -> query("UPDATE buildings SET account_no = '$account_no', building_category = '$building_category', building_storey = '$building_storey', building_population = '$building_population', building_location = '$building_location', building_dma_id = '$building_dma_id' WHERE webgis_id = '$webgis_id'");
|
||||
}
|
||||
|
||||
} catch (PDOException $e) {
|
||||
echo "ERROR ".$e->getMessage();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
if ($request == 'pipelines') {
|
||||
$webgis_id = htmlspecialchars($_POST['webgis_id'], ENT_QUOTES);
|
||||
$pipeline_id_old = htmlspecialchars($_POST['pipeline_id_old'], ENT_QUOTES);
|
||||
$pipeline_id = htmlspecialchars($_POST['pipeline_id'], ENT_QUOTES);
|
||||
$pipeline_dma_id = htmlspecialchars($_POST['pipeline_dma_id'], ENT_QUOTES);
|
||||
$pipeline_diameter = htmlspecialchars($_POST['pipeline_diameter'], ENT_QUOTES);
|
||||
$pipeline_location = htmlspecialchars($_POST['pipeline_location'], ENT_QUOTES);
|
||||
$pipeline_category = htmlspecialchars($_POST['pipeline_category'], ENT_QUOTES);
|
||||
$pipeline_length = htmlspecialchars($_POST['pipeline_length'], ENT_QUOTES);
|
||||
|
||||
|
||||
try {
|
||||
|
||||
if ($pipeline_id_old != $pipeline_id) {
|
||||
$result = $pdo -> query("SELECT *from pipelines where pipeline_id = '$pipeline_id' ");
|
||||
|
||||
if ($result -> rowCount()>0) {
|
||||
echo "ERROR: Pipeline ID already exists. Please choose a new ID";
|
||||
} else {
|
||||
$pdo -> query("UPDATE pipelines set pipeline_id = '$pipeline_id', pipeline_dma_id = '$pipeline_dma_id', pipeline_diameter = '$pipeline_diameter', pipeline_location = '$pipeline_location', pipeline_category='$pipeline_category', pipeline_length='$pipeline_length' where webgis_id = '$webgis_id'");
|
||||
}
|
||||
} else {
|
||||
$pdo -> query("UPDATE pipelines set pipeline_id = '$pipeline_id', pipeline_dma_id = '$pipeline_dma_id', pipeline_diameter = '$pipeline_diameter', pipeline_location = '$pipeline_location', pipeline_category='$pipeline_category', pipeline_length='$pipeline_length' where webgis_id = '$webgis_id'");
|
||||
}
|
||||
|
||||
} catch(PDOException $e) {
|
||||
echo "ERROR ".$e->getMessage();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
if ($request == 'valves') {
|
||||
$webgis_id = htmlspecialchars($_POST['webgis_id'], ENT_QUOTES);
|
||||
$valve_id_old = htmlspecialchars($_POST['valve_id_old'], ENT_QUOTES);
|
||||
$valve_id = htmlspecialchars($_POST['valve_id'], ENT_QUOTES);
|
||||
$valve_dma_id = htmlspecialchars($_POST['valve_dma_id'], ENT_QUOTES);
|
||||
$valve_type = htmlspecialchars($_POST['valve_type'], ENT_QUOTES);
|
||||
$valve_diameter = htmlspecialchars($_POST['valve_diameter'], ENT_QUOTES);
|
||||
$valve_location = htmlspecialchars($_POST['valve_location'], ENT_QUOTES);
|
||||
$valve_visibility = htmlspecialchars($_POST['valve_visibility'], ENT_QUOTES);
|
||||
|
||||
|
||||
try {
|
||||
|
||||
if ($valve_id_old != $valve_id) {
|
||||
$result = $pdo -> query("SELECT *from valves where valve_id = '$valve_id' ");
|
||||
|
||||
if ($result -> rowCount()>0) {
|
||||
echo "ERROR: Valve ID already exists. Please choose a new ID";
|
||||
} else {
|
||||
$pdo -> query("UPDATE valves set valve_id = '$valve_id', valve_dma_id = '$valve_dma_id', valve_type = '$valve_type', valve_diameter = '$valve_diameter', valve_location = '$valve_location', valve_visibility = '$valve_visibility' where webgis_id = '$webgis_id' ");
|
||||
}
|
||||
} else {
|
||||
$pdo -> query("UPDATE valves set valve_id = '$valve_id', valve_dma_id = '$valve_dma_id', valve_type = '$valve_type', valve_diameter = '$valve_diameter', valve_location = '$valve_location', valve_visibility = '$valve_visibility' where webgis_id = '$webgis_id' ");
|
||||
}
|
||||
|
||||
} catch(PDOException $e) {
|
||||
echo "ERROR ".$e->getMessage();
|
||||
}
|
||||
}
|
||||
|
||||
?>
|
||||
@@ -35,7 +35,7 @@ COMMENT ON TABLE municipalities IS 'Configuration Per Municipality (Tenant) usin
|
||||
|
||||
-- ---------------------------------------------------------------------
|
||||
-- Block 3: Table "contributions"
|
||||
-- Aitizen and Administration Contributions as Points, Lines, and
|
||||
-- Citizen and Administration Contributions as Points, Lines, and
|
||||
-- Polygons stored together in one mixed-geometry Column.
|
||||
-- ---------------------------------------------------------------------
|
||||
CREATE TABLE contributions (
|
||||
|
||||
183
migrations/009_tasks-module.sql
Normal file
183
migrations/009_tasks-module.sql
Normal file
@@ -0,0 +1,183 @@
|
||||
-- =====================================================================
|
||||
-- Migration 009: Tasks Module — Tasks with Reward System
|
||||
-- =====================================================================
|
||||
|
||||
|
||||
-- ---------------------------------------------------------------------
|
||||
-- Block 1: Tasks Table
|
||||
-- Stores Tasks with Geometry, Moderation and Completion.
|
||||
-- Status Flow from pending to rejected or approved to completed to verified
|
||||
-- ---------------------------------------------------------------------
|
||||
CREATE TABLE IF NOT EXISTS tasks (
|
||||
task_id SERIAL PRIMARY KEY,
|
||||
municipality_id INTEGER NOT NULL REFERENCES municipalities(municipality_id),
|
||||
geom GEOMETRY(Geometry, 4326) NOT NULL,
|
||||
geom_type VARCHAR(10) NOT NULL CHECK (geom_type IN ('point', 'line', 'polygon')),
|
||||
category VARCHAR(50) NOT NULL,
|
||||
title VARCHAR(200) NOT NULL,
|
||||
description TEXT DEFAULT '',
|
||||
points_reward INTEGER NOT NULL DEFAULT 25,
|
||||
author_name VARCHAR(100) NOT NULL,
|
||||
browser_id VARCHAR(36),
|
||||
photo_path VARCHAR(255),
|
||||
status VARCHAR(20) NOT NULL DEFAULT 'pending'
|
||||
CHECK (status IN ('pending', 'rejected', 'approved', 'completed', 'verified')),
|
||||
address VARCHAR(255),
|
||||
|
||||
-- Completion Fields empty before completed
|
||||
completed_by_name VARCHAR(100),
|
||||
completed_by_browser VARCHAR(36),
|
||||
completion_photo VARCHAR(255),
|
||||
completion_comment TEXT,
|
||||
completed_at TIMESTAMP,
|
||||
|
||||
-- Counters updated via Triggers
|
||||
likes_count INTEGER NOT NULL DEFAULT 0,
|
||||
dislikes_count INTEGER NOT NULL DEFAULT 0,
|
||||
comment_count INTEGER NOT NULL DEFAULT 0,
|
||||
|
||||
created_at TIMESTAMP NOT NULL DEFAULT NOW(),
|
||||
updated_at TIMESTAMP NOT NULL DEFAULT NOW()
|
||||
);
|
||||
|
||||
CREATE INDEX idx_tasks_municipality ON tasks(municipality_id);
|
||||
CREATE INDEX idx_tasks_status ON tasks(status);
|
||||
CREATE INDEX idx_tasks_category ON tasks(category);
|
||||
|
||||
|
||||
-- ---------------------------------------------------------------------
|
||||
-- Block 2: Citizen Points Table
|
||||
-- One Row per Completion. Leaderboard via SUM and GROUP BY.
|
||||
-- ---------------------------------------------------------------------
|
||||
CREATE TABLE IF NOT EXISTS user_points (
|
||||
points_id SERIAL PRIMARY KEY,
|
||||
municipality_id INTEGER NOT NULL REFERENCES municipalities(municipality_id),
|
||||
user_name VARCHAR(100) NOT NULL,
|
||||
points INTEGER NOT NULL DEFAULT 25,
|
||||
task_id INTEGER NOT NULL REFERENCES tasks(task_id) ON DELETE CASCADE,
|
||||
created_at TIMESTAMP NOT NULL DEFAULT NOW()
|
||||
);
|
||||
|
||||
CREATE INDEX idx_user_points_municipality ON user_points(municipality_id);
|
||||
CREATE INDEX idx_user_points_user ON user_points(user_name);
|
||||
|
||||
|
||||
-- ---------------------------------------------------------------------
|
||||
-- Block 3: Adapts Votes Table for Tasks
|
||||
-- Either contribution_id OR task_id
|
||||
-- ---------------------------------------------------------------------
|
||||
ALTER TABLE votes
|
||||
ADD COLUMN task_id INTEGER REFERENCES tasks(task_id) ON DELETE CASCADE;
|
||||
|
||||
CREATE INDEX idx_votes_task ON votes(task_id);
|
||||
|
||||
-- Unique Vote per Browser per Task
|
||||
ALTER TABLE votes
|
||||
ADD CONSTRAINT votes_task_browser_unique
|
||||
UNIQUE (task_id, browser_id);
|
||||
|
||||
|
||||
-- ---------------------------------------------------------------------
|
||||
-- Block 4: Adapts Comments Table for Tasks
|
||||
-- Either contribution_id OR task_id
|
||||
-- ---------------------------------------------------------------------
|
||||
ALTER TABLE comments
|
||||
ADD COLUMN task_id INTEGER REFERENCES tasks(task_id) ON DELETE CASCADE;
|
||||
|
||||
CREATE INDEX idx_comments_task ON comments(task_id);
|
||||
|
||||
|
||||
-- ---------------------------------------------------------------------
|
||||
-- Block 5: Trigger Updated Timestamp for Tasks
|
||||
-- ---------------------------------------------------------------------
|
||||
CREATE TRIGGER set_tasks_updated_at
|
||||
BEFORE UPDATE ON tasks
|
||||
FOR EACH ROW
|
||||
EXECUTE FUNCTION set_updated_at();
|
||||
|
||||
|
||||
-- ---------------------------------------------------------------------
|
||||
-- Block 6: Trigger Vote Counts for Tasks
|
||||
-- Mirrors Pattern from Contributions.
|
||||
-- ---------------------------------------------------------------------
|
||||
CREATE OR REPLACE FUNCTION update_task_vote_counts()
|
||||
RETURNS TRIGGER AS $$
|
||||
BEGIN
|
||||
IF TG_OP = 'INSERT' OR TG_OP = 'UPDATE' THEN
|
||||
IF NEW.task_id IS NOT NULL THEN
|
||||
UPDATE tasks SET
|
||||
likes_count = (SELECT COUNT(*) FROM votes WHERE task_id = NEW.task_id AND vote_type = 'like'),
|
||||
dislikes_count = (SELECT COUNT(*) FROM votes WHERE task_id = NEW.task_id AND vote_type = 'dislike')
|
||||
WHERE task_id = NEW.task_id;
|
||||
END IF;
|
||||
END IF;
|
||||
|
||||
IF TG_OP = 'DELETE' OR (TG_OP = 'UPDATE' AND OLD.task_id IS NOT NULL) THEN
|
||||
UPDATE tasks SET
|
||||
likes_count = (SELECT COUNT(*) FROM votes WHERE task_id = OLD.task_id AND vote_type = 'like'),
|
||||
dislikes_count = (SELECT COUNT(*) FROM votes WHERE task_id = OLD.task_id AND vote_type = 'dislike')
|
||||
WHERE task_id = OLD.task_id;
|
||||
END IF;
|
||||
|
||||
RETURN NULL;
|
||||
END;
|
||||
$$ LANGUAGE plpgsql;
|
||||
|
||||
DROP TRIGGER IF EXISTS trigger_update_task_vote_counts ON votes;
|
||||
|
||||
CREATE TRIGGER trigger_update_task_vote_counts
|
||||
AFTER INSERT OR DELETE OR UPDATE ON votes
|
||||
FOR EACH ROW
|
||||
EXECUTE FUNCTION update_task_vote_counts();
|
||||
|
||||
|
||||
-- ---------------------------------------------------------------------
|
||||
-- Block 7: Trigger Comment Count for Tasks
|
||||
-- Mirrors Pattern from Contributions.
|
||||
-- ---------------------------------------------------------------------
|
||||
CREATE OR REPLACE FUNCTION update_task_comment_count()
|
||||
RETURNS TRIGGER AS $$
|
||||
BEGIN
|
||||
IF TG_OP = 'INSERT' OR TG_OP = 'UPDATE' THEN
|
||||
IF NEW.task_id IS NOT NULL THEN
|
||||
UPDATE tasks
|
||||
SET comment_count = (
|
||||
SELECT COUNT(*) FROM comments
|
||||
WHERE task_id = NEW.task_id AND status = 'approved'
|
||||
)
|
||||
WHERE task_id = NEW.task_id;
|
||||
END IF;
|
||||
END IF;
|
||||
|
||||
IF TG_OP = 'DELETE' OR (TG_OP = 'UPDATE' AND OLD.task_id IS NOT NULL) THEN
|
||||
UPDATE tasks
|
||||
SET comment_count = (
|
||||
SELECT COUNT(*) FROM comments
|
||||
WHERE task_id = OLD.task_id AND status = 'approved'
|
||||
)
|
||||
WHERE task_id = OLD.task_id;
|
||||
END IF;
|
||||
|
||||
RETURN NULL;
|
||||
END;
|
||||
$$ LANGUAGE plpgsql;
|
||||
|
||||
DROP TRIGGER IF EXISTS trigger_update_task_comment_count ON comments;
|
||||
|
||||
CREATE TRIGGER trigger_update_task_comment_count
|
||||
AFTER INSERT OR DELETE OR UPDATE OF status ON comments
|
||||
FOR EACH ROW
|
||||
EXECUTE FUNCTION update_task_comment_count();
|
||||
|
||||
|
||||
-- ---------------------------------------------------------------------
|
||||
-- Block 8: Views for QGIS
|
||||
-- ---------------------------------------------------------------------
|
||||
CREATE OR REPLACE VIEW tasks_points AS
|
||||
SELECT * FROM tasks WHERE geom_type = 'point';
|
||||
|
||||
CREATE OR REPLACE VIEW tasks_lines AS
|
||||
SELECT * FROM tasks WHERE geom_type = 'line';
|
||||
|
||||
CREATE OR REPLACE VIEW tasks_polygons AS
|
||||
SELECT * FROM tasks WHERE geom_type = 'polygon';
|
||||
665
public/admin.php
665
public/admin.php
@@ -131,7 +131,7 @@ $counts['total'] = count($all_contributions);
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Moderation — <?= htmlspecialchars($municipality['name']) ?></title>
|
||||
<link rel="icon" href="<?= htmlspecialchars($municipality['logo_path'] ?? 'assets/icon-municipality.png') ?>" type="image/png">
|
||||
<link rel="icon" href="assets/shield-halved-solid-off-black.png" type="image/png">
|
||||
|
||||
<!-- Loads CSS Dependencies -->
|
||||
|
||||
@@ -522,657 +522,28 @@ $counts['total'] = count($all_contributions);
|
||||
|
||||
|
||||
<!-- ============================================================= -->
|
||||
<!-- JavaScript: Leaflet, Interactions, API Calls -->
|
||||
<!-- Loads JavaScript Dependencies -->
|
||||
<!-- ============================================================= -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.9.4/leaflet.min.js"></script>
|
||||
|
||||
|
||||
<!-- ============================================================= -->
|
||||
<!-- Admin Configuration passed to JavaScript -->
|
||||
<!-- ============================================================= -->
|
||||
<script>
|
||||
// Municipality Configuration for Map Previews
|
||||
const MUNICIPALITY_CENTER = [<?= $municipality['center_lat'] ?>, <?= $municipality['center_lng'] ?>];
|
||||
const MUNICIPALITY_ID = <?= $municipality['municipality_id'] ?>;
|
||||
const API_URL = 'api/contributions.php';
|
||||
const PRIMARY_COLOR = '<?= htmlspecialchars($municipality['primary_color']) ?>';
|
||||
|
||||
// Current Status Filter
|
||||
let currentFilter = 'all';
|
||||
|
||||
// Restores active Tab after Page Reload
|
||||
const savedTab = sessionStorage.getItem('admin_active_tab');
|
||||
if (savedTab) {
|
||||
// Delays to ensure DOM is ready
|
||||
setTimeout(function () {
|
||||
const tabBtn = document.querySelector('.page-tab[onclick*="' + savedTab + '"]');
|
||||
if (tabBtn) tabBtn.click();
|
||||
}, 100);
|
||||
}
|
||||
|
||||
|
||||
// =============================================================
|
||||
// Page Tab Navigation
|
||||
// =============================================================
|
||||
|
||||
function showPageTab(tabName) {
|
||||
// Saves active Tab for Persistence after Reload
|
||||
sessionStorage.setItem('admin_active_tab', tabName);
|
||||
|
||||
document.querySelectorAll('.page-tab-content').forEach(function (el) {
|
||||
el.style.display = 'none';
|
||||
});
|
||||
|
||||
// Deactivates all Tab Buttons
|
||||
document.querySelectorAll('.page-tab').forEach(function (el) {
|
||||
el.classList.remove('active');
|
||||
});
|
||||
|
||||
// Shows selected Tab and activates Button
|
||||
document.getElementById('tab-' + tabName).style.display = 'block';
|
||||
event.currentTarget.classList.add('active');
|
||||
}
|
||||
|
||||
|
||||
// =============================================================
|
||||
// Collapsible Rows
|
||||
// =============================================================
|
||||
|
||||
function toggleRow(row) {
|
||||
const wasOpen = row.classList.contains('open');
|
||||
|
||||
// Closes all open Rows
|
||||
document.querySelectorAll('.contribution-row.open').forEach(function (el) {
|
||||
el.classList.remove('open');
|
||||
});
|
||||
|
||||
// Toggles clicked Row
|
||||
if (!wasOpen) {
|
||||
row.classList.add('open');
|
||||
|
||||
// Loads Map Preview if not already loaded
|
||||
const mapDiv = row.querySelector('.detail-map');
|
||||
if (mapDiv && !mapDiv.dataset.loaded) {
|
||||
loadMapPreview(mapDiv);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// =============================================================
|
||||
// Detail Slider for Maps and Photos
|
||||
// =============================================================
|
||||
|
||||
function slideDetail(contributionId, direction) {
|
||||
const slider = document.getElementById('slider-' + contributionId);
|
||||
if (!slider) return;
|
||||
|
||||
const slides = slider.querySelectorAll('.detail-slide');
|
||||
let activeIndex = -1;
|
||||
|
||||
// Finds currently active Slide
|
||||
slides.forEach(function (slide, i) {
|
||||
if (slide.style.display !== 'none') activeIndex = i;
|
||||
});
|
||||
|
||||
// Calculates next Slide Index (wraps around)
|
||||
const nextIndex = (activeIndex + direction + slides.length) % slides.length;
|
||||
|
||||
// Switches Slides
|
||||
slides.forEach(function (slide) { slide.style.display = 'none'; });
|
||||
slides[nextIndex].style.display = 'block';
|
||||
|
||||
// Loads Map if switching to Map Slide and not yet loaded
|
||||
if (slides[nextIndex].dataset.slide === 'map') {
|
||||
const mapDiv = slides[nextIndex].querySelector('.detail-map');
|
||||
if (mapDiv && !mapDiv.dataset.loaded) {
|
||||
loadMapPreview(mapDiv);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// =============================================================
|
||||
// Map Preview (Leaflet Mini Map per Contribution)
|
||||
// =============================================================
|
||||
|
||||
function loadMapPreview(mapDiv) {
|
||||
const contributionId = mapDiv.dataset.contributionId;
|
||||
|
||||
// Fetches all Contributions to find the Geometry
|
||||
const formData = new FormData();
|
||||
formData.append('action', 'read');
|
||||
formData.append('municipality_id', MUNICIPALITY_ID);
|
||||
formData.append('status', 'all');
|
||||
|
||||
fetch(API_URL, { method: 'POST', body: formData })
|
||||
.then(function (r) { return r.json(); })
|
||||
.then(function (data) {
|
||||
if (!data.features) return;
|
||||
|
||||
// Finds specific Contribution
|
||||
const feature = data.features.find(function (f) {
|
||||
return f.properties.contribution_id == contributionId;
|
||||
});
|
||||
|
||||
if (!feature) {
|
||||
mapDiv.innerHTML = '<div style="padding:20px;color:#999;text-align:center;font-size:0.8rem;">Geometrie nicht gefunden.</div>';
|
||||
return;
|
||||
}
|
||||
|
||||
// Creates Leaflet Mini Map
|
||||
const miniMap = L.map(mapDiv, {
|
||||
zoomControl: false,
|
||||
attributionControl: false,
|
||||
dragging: true,
|
||||
scrollWheelZoom: false
|
||||
});
|
||||
|
||||
L.tileLayer('https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png', {
|
||||
maxZoom: 20
|
||||
}).addTo(miniMap);
|
||||
|
||||
// Adds Geometry to Mini Map
|
||||
const geojsonLayer = L.geoJSON(feature, {
|
||||
style: { color: PRIMARY_COLOR, weight: 3, fillOpacity: 0.2 },
|
||||
pointToLayer: function (f, latlng) {
|
||||
return L.circleMarker(latlng, {
|
||||
radius: 8, color: '#ffffff', weight: 2,
|
||||
fillColor: PRIMARY_COLOR, fillOpacity: 0.9
|
||||
});
|
||||
}
|
||||
}).addTo(miniMap);
|
||||
|
||||
// Fits Map to Geometry Bounds
|
||||
const bounds = geojsonLayer.getBounds();
|
||||
if (bounds.isValid()) {
|
||||
miniMap.fitBounds(bounds, { padding: [25, 25], maxZoom: 17 });
|
||||
} else {
|
||||
miniMap.setView(MUNICIPALITY_CENTER, 15);
|
||||
}
|
||||
|
||||
mapDiv.dataset.loaded = 'true';
|
||||
})
|
||||
.catch(function () {
|
||||
mapDiv.innerHTML = '<div style="padding:20px;color:#999;text-align:center;font-size:0.8rem;">Karte nicht verfügbar.</div>';
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// =============================================================
|
||||
// Status Filter
|
||||
// =============================================================
|
||||
|
||||
function filterByStatus(status, tabButton) {
|
||||
currentFilter = status;
|
||||
|
||||
// Updates active Tab
|
||||
document.querySelectorAll('.filter-tab').forEach(function (el) {
|
||||
el.classList.remove('active');
|
||||
});
|
||||
tabButton.classList.add('active');
|
||||
|
||||
// Shows/Hides Contribution Rows
|
||||
let visibleCount = 0;
|
||||
document.querySelectorAll('.contribution-row').forEach(function (row) {
|
||||
if (status === 'all' || row.dataset.status === status) {
|
||||
row.style.display = '';
|
||||
visibleCount++;
|
||||
} else {
|
||||
row.style.display = 'none';
|
||||
}
|
||||
});
|
||||
|
||||
// Updates Count Display
|
||||
document.getElementById('visible-count').textContent = visibleCount + ' Beiträge';
|
||||
}
|
||||
|
||||
|
||||
// =============================================================
|
||||
// Sort Contributions
|
||||
// =============================================================
|
||||
|
||||
function sortContributions(sortBy) {
|
||||
const container = document.getElementById('contributions-container');
|
||||
const rows = Array.from(container.querySelectorAll('.contribution-row'));
|
||||
|
||||
rows.sort(function (a, b) {
|
||||
if (sortBy === 'date-desc') {
|
||||
return new Date(b.dataset.date) - new Date(a.dataset.date);
|
||||
} else if (sortBy === 'date-asc') {
|
||||
return new Date(a.dataset.date) - new Date(b.dataset.date);
|
||||
} else if (sortBy === 'category') {
|
||||
return a.dataset.category.localeCompare(b.dataset.category);
|
||||
}
|
||||
return 0;
|
||||
});
|
||||
|
||||
// Reappends sorted Rows
|
||||
rows.forEach(function (row) {
|
||||
container.appendChild(row);
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// =============================================================
|
||||
// API Helper
|
||||
// =============================================================
|
||||
|
||||
function apiCall(data) {
|
||||
const formData = new FormData();
|
||||
for (const key in data) {
|
||||
formData.append(key, data[key]);
|
||||
}
|
||||
return fetch(API_URL, { method: 'POST', body: formData })
|
||||
.then(function (r) { return r.json(); });
|
||||
}
|
||||
|
||||
|
||||
// =============================================================
|
||||
// Change Contribution Status
|
||||
// =============================================================
|
||||
|
||||
function changeStatus(contributionId, newStatus) {
|
||||
const labels = { approved: 'freigeben', rejected: 'ablehnen', pending: 'zurücksetzen' };
|
||||
|
||||
Swal.fire({
|
||||
title: 'Beitrag ' + labels[newStatus] + '?',
|
||||
showCancelButton: true,
|
||||
confirmButtonText: 'Ja',
|
||||
cancelButtonText: 'Abbrechen',
|
||||
confirmButtonColor: PRIMARY_COLOR
|
||||
}).then(function (result) {
|
||||
if (!result.isConfirmed) return;
|
||||
|
||||
apiCall({
|
||||
action: 'update',
|
||||
contribution_id: contributionId,
|
||||
status: newStatus
|
||||
}).then(function (response) {
|
||||
if (response.error) {
|
||||
Swal.fire('Fehler', response.error, 'error');
|
||||
return;
|
||||
}
|
||||
// Reloads Page to reflect Changes
|
||||
location.reload();
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// =============================================================
|
||||
// Edit Contribution
|
||||
// =============================================================
|
||||
|
||||
function editContribution(contributionId, currentTitle, currentDescription) {
|
||||
Swal.fire({
|
||||
title: 'Beitrag bearbeiten',
|
||||
html:
|
||||
'<div style="text-align:left;">' +
|
||||
'<div style="margin-bottom:12px;">' +
|
||||
'<label style="display:block;font-weight:600;font-size:1.15rem;margin-bottom:4px;">Titel</label>' +
|
||||
'<input id="swal-title" class="swal2-input" style="margin:0;width:100%;" value="' + currentTitle + '">' +
|
||||
'</div>' +
|
||||
'<div>' +
|
||||
'<label style="display:block;font-weight:600;font-size:1.15rem;margin-bottom:4px;">Beschreibung</label>' +
|
||||
'<textarea id="swal-description" class="swal2-textarea" style="margin:0;width:100%;">' + currentDescription + '</textarea>' +
|
||||
'</div>' +
|
||||
'</div>',
|
||||
showCancelButton: true,
|
||||
confirmButtonText: 'Speichern',
|
||||
cancelButtonText: 'Abbrechen',
|
||||
confirmButtonColor: PRIMARY_COLOR,
|
||||
preConfirm: function () {
|
||||
return {
|
||||
title: document.getElementById('swal-title').value.trim(),
|
||||
description: document.getElementById('swal-description').value.trim()
|
||||
};
|
||||
}
|
||||
}).then(function (result) {
|
||||
if (!result.isConfirmed) return;
|
||||
|
||||
apiCall({
|
||||
action: 'update',
|
||||
contribution_id: contributionId,
|
||||
title: result.value.title,
|
||||
description: result.value.description
|
||||
}).then(function (response) {
|
||||
if (response.error) {
|
||||
Swal.fire('Fehler', response.error, 'error');
|
||||
return;
|
||||
}
|
||||
Swal.fire('Gespeichert!', 'Beitrag wurde aktualisiert.', 'success')
|
||||
.then(function () { location.reload(); });
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// =============================================================
|
||||
// Delete Contribution
|
||||
// =============================================================
|
||||
|
||||
function deleteContribution(contributionId) {
|
||||
Swal.fire({
|
||||
title: 'Beitrag löschen?',
|
||||
text: 'Diese Aktion kann nicht rückgängig gemacht werden.',
|
||||
icon: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonText: 'Beitrag löschen',
|
||||
cancelButtonText: 'Abbrechen',
|
||||
confirmButtonColor: '#c62828'
|
||||
}).then(function (result) {
|
||||
if (!result.isConfirmed) return;
|
||||
|
||||
apiCall({
|
||||
action: 'delete',
|
||||
contribution_id: contributionId
|
||||
}).then(function (response) {
|
||||
if (response.error) {
|
||||
Swal.fire('Fehler', response.error, 'error');
|
||||
return;
|
||||
}
|
||||
Swal.fire('Gelöscht!', 'Beitrag wurde gelöscht.', 'success')
|
||||
.then(function () { location.reload(); });
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// =============================================================
|
||||
// Create News Article
|
||||
// =============================================================
|
||||
|
||||
function createNews() {
|
||||
Swal.fire({
|
||||
title: 'Neuigkeit hinzufügen',
|
||||
html:
|
||||
'<div style="text-align:left;">' +
|
||||
'<div style="margin-bottom:12px;">' +
|
||||
'<label style="display:block;font-weight:600;font-size:1.15rem;margin-bottom:4px;">Titel</label>' +
|
||||
'<input id="swal-news-title" class="swal2-input" style="margin:0;width:100%;" placeholder="Titel der Neuigkeit">' +
|
||||
'</div>' +
|
||||
'<div style="margin-bottom:12px;">' +
|
||||
'<label style="display:block;font-weight:600;font-size:1.15rem;margin-bottom:4px;">Inhalt</label>' +
|
||||
'<textarea id="swal-news-content" class="swal2-textarea" style="margin:0;width:100%;" placeholder="Neuigkeit verfassen..."></textarea>' +
|
||||
'</div>' +
|
||||
'<div>' +
|
||||
'<label style="display:block;font-weight:600;font-size:1.15rem;margin-bottom:4px;">Autor</label>' +
|
||||
'<input id="swal-news-author" class="swal2-input" style="margin:0;width:100%;" value="Stadtverwaltung">' +
|
||||
'</div>' +
|
||||
'</div>',
|
||||
showCancelButton: true,
|
||||
confirmButtonText: 'Veröffentlichen',
|
||||
cancelButtonText: 'Abbrechen',
|
||||
confirmButtonColor: PRIMARY_COLOR,
|
||||
preConfirm: function () {
|
||||
const title = document.getElementById('swal-news-title').value.trim();
|
||||
const content = document.getElementById('swal-news-content').value.trim();
|
||||
const author = document.getElementById('swal-news-author').value.trim() || 'Stadtverwaltung';
|
||||
if (!title || !content) {
|
||||
Swal.showValidationMessage('Titel und Inhalt sind Pflichtfelder.');
|
||||
return false;
|
||||
}
|
||||
return { title: title, content: content, author_name: author };
|
||||
}
|
||||
}).then(function (result) {
|
||||
if (!result.isConfirmed) return;
|
||||
|
||||
const formData = new FormData();
|
||||
formData.append('action', 'create_news');
|
||||
formData.append('municipality_id', MUNICIPALITY_ID);
|
||||
formData.append('title', result.value.title);
|
||||
formData.append('content', result.value.content);
|
||||
formData.append('author_name', result.value.author_name);
|
||||
|
||||
fetch(API_URL, { method: 'POST', body: formData })
|
||||
.then(function (r) { return r.json(); })
|
||||
.then(function (response) {
|
||||
if (response.error) {
|
||||
Swal.fire('Fehler', response.error, 'error');
|
||||
return;
|
||||
}
|
||||
Swal.fire('Veröffentlicht!', 'Neuigkeit wurde veröffentlicht.', 'success')
|
||||
.then(function () { location.reload(); });
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// =============================================================
|
||||
// Edit News Article
|
||||
// =============================================================
|
||||
function editNews(newsId, currentTitle, currentContent, currentAuthor) {
|
||||
Swal.fire({
|
||||
title: 'Neuigkeit bearbeiten',
|
||||
html:
|
||||
'<div style="text-align:left;">' +
|
||||
'<div style="margin-bottom:12px;">' +
|
||||
'<label style="display:block;font-weight:600;font-size:1.15rem;margin-bottom:4px;">Titel</label>' +
|
||||
'<input id="swal-news-title" class="swal2-input" style="margin:0;width:100%;" value="' + currentTitle + '">' +
|
||||
'</div>' +
|
||||
'<div style="margin-bottom:12px;">' +
|
||||
'<label style="display:block;font-weight:600;font-size:1.15rem;margin-bottom:4px;">Inhalt</label>' +
|
||||
'<textarea id="swal-news-content" class="swal2-textarea" style="margin:0;width:100%;">' + currentContent + '</textarea>' +
|
||||
'</div>' +
|
||||
'<div>' +
|
||||
'<label style="display:block;font-weight:600;font-size:1.15rem;margin-bottom:4px;">Autor</label>' +
|
||||
'<input id="swal-news-author" class="swal2-input" style="margin:0;width:100%;" value="' + currentAuthor + '">' +
|
||||
'</div>' +
|
||||
'</div>',
|
||||
showCancelButton: true,
|
||||
confirmButtonText: 'Speichern',
|
||||
cancelButtonText: 'Abbrechen',
|
||||
confirmButtonColor: PRIMARY_COLOR,
|
||||
preConfirm: function () {
|
||||
return {
|
||||
title: document.getElementById('swal-news-title').value.trim(),
|
||||
content: document.getElementById('swal-news-content').value.trim(),
|
||||
author_name: document.getElementById('swal-news-author').value.trim() || 'Stadtverwaltung'
|
||||
};
|
||||
}
|
||||
}).then(function (result) {
|
||||
if (!result.isConfirmed) return;
|
||||
|
||||
const formData = new FormData();
|
||||
formData.append('action', 'update_news');
|
||||
formData.append('news_id', newsId);
|
||||
formData.append('title', result.value.title);
|
||||
formData.append('content', result.value.content);
|
||||
formData.append('author_name', result.value.author_name);
|
||||
|
||||
fetch(API_URL, { method: 'POST', body: formData })
|
||||
.then(function (r) { return r.json(); })
|
||||
.then(function (response) {
|
||||
if (response.error) {
|
||||
Swal.fire('Fehler', response.error, 'error');
|
||||
return;
|
||||
}
|
||||
Swal.fire('Gespeichert!', 'Neuigkeit wurde aktualisiert.', 'success')
|
||||
.then(function () { location.reload(); });
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// =============================================================
|
||||
// Create News Article
|
||||
// =============================================================
|
||||
function deleteNews(newsId) {
|
||||
Swal.fire({
|
||||
title: 'Neuigkeit löschen?',
|
||||
text: 'Diese Aktion kann nicht rückgängig gemacht werden.',
|
||||
icon: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonText: 'Löschen',
|
||||
cancelButtonText: 'Abbrechen',
|
||||
confirmButtonColor: '#c62828'
|
||||
}).then(function (result) {
|
||||
if (!result.isConfirmed) return;
|
||||
|
||||
const formData = new FormData();
|
||||
formData.append('action', 'delete_news');
|
||||
formData.append('news_id', newsId);
|
||||
|
||||
fetch(API_URL, { method: 'POST', body: formData })
|
||||
.then(function (r) { return r.json(); })
|
||||
.then(function (response) {
|
||||
if (response.error) {
|
||||
Swal.fire('Fehler', response.error, 'error');
|
||||
return;
|
||||
}
|
||||
Swal.fire('Gelöscht!', 'Neuigkeit wurde gelöscht.', 'success')
|
||||
.then(function () { location.reload(); });
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// =============================================================
|
||||
// Sort Comments
|
||||
// =============================================================
|
||||
|
||||
function sortCommentRows(sortBy) {
|
||||
const container = document.getElementById('comments-mod-container');
|
||||
const rows = Array.from(container.querySelectorAll('.comment-mod-row'));
|
||||
|
||||
rows.sort(function (a, b) {
|
||||
if (sortBy === 'date-desc') {
|
||||
return new Date(b.dataset.date) - new Date(a.dataset.date);
|
||||
} else if (sortBy === 'date-asc') {
|
||||
return new Date(a.dataset.date) - new Date(b.dataset.date);
|
||||
} else if (sortBy === 'contribution') {
|
||||
return a.dataset.contribution.localeCompare(b.dataset.contribution);
|
||||
}
|
||||
return 0;
|
||||
});
|
||||
|
||||
rows.forEach(function (row) { container.appendChild(row); });
|
||||
}
|
||||
|
||||
|
||||
// =============================================================
|
||||
// Delete Comments
|
||||
// =============================================================
|
||||
|
||||
function deleteModComment(commentId) {
|
||||
Swal.fire({
|
||||
title: 'Kommentar löschen?',
|
||||
text: 'Diese Aktion kann nicht rückgängig gemacht werden.',
|
||||
icon: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonText: 'Löschen',
|
||||
cancelButtonText: 'Abbrechen',
|
||||
confirmButtonColor: '#c62828'
|
||||
}).then(function (result) {
|
||||
if (!result.isConfirmed) return;
|
||||
|
||||
apiCall({
|
||||
action: 'delete_comment',
|
||||
comment_id: commentId
|
||||
}).then(function (response) {
|
||||
if (response.error) {
|
||||
Swal.fire('Fehler', response.error, 'error');
|
||||
return;
|
||||
}
|
||||
Swal.fire('Gelöscht!', 'Kommentar wurde entfernt.', 'success')
|
||||
.then(function () { location.reload(); });
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// =============================================================
|
||||
// Filter Comments by Status
|
||||
// =============================================================
|
||||
|
||||
function filterCommentsByStatus(status, tabButton) {
|
||||
// Updates active Filter Tab (only within Comments Tab)
|
||||
document.querySelectorAll('#comment-filter-tabs .filter-tab').forEach(function (el) {
|
||||
el.classList.remove('active');
|
||||
});
|
||||
tabButton.classList.add('active');
|
||||
|
||||
// Shows/Hides Comment Rows
|
||||
let visibleCount = 0;
|
||||
document.querySelectorAll('.comment-mod-row').forEach(function (row) {
|
||||
if (status === 'all' || row.dataset.status === status) {
|
||||
row.style.display = '';
|
||||
visibleCount++;
|
||||
} else {
|
||||
row.style.display = 'none';
|
||||
}
|
||||
});
|
||||
|
||||
document.getElementById('comment-visible-count').textContent = visibleCount + ' Kommentare';
|
||||
}
|
||||
|
||||
|
||||
// =============================================================
|
||||
// Change Comment Status (approve, reject, reset)
|
||||
// =============================================================
|
||||
|
||||
function changeCommentStatus(commentId, newStatus) {
|
||||
const labels = { approved: 'akzeptieren', rejected: 'ablehnen', pending: 'zurücksetzen' };
|
||||
|
||||
Swal.fire({
|
||||
title: 'Kommentar ' + labels[newStatus] + '?',
|
||||
showCancelButton: true,
|
||||
confirmButtonText: 'Ja',
|
||||
cancelButtonText: 'Abbrechen',
|
||||
confirmButtonColor: PRIMARY_COLOR
|
||||
}).then(function (result) {
|
||||
if (!result.isConfirmed) return;
|
||||
|
||||
apiCall({
|
||||
action: 'update_comment',
|
||||
comment_id: commentId,
|
||||
status: newStatus
|
||||
}).then(function (response) {
|
||||
if (response.error) {
|
||||
Swal.fire('Fehler', response.error, 'error');
|
||||
return;
|
||||
}
|
||||
location.reload();
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// =============================================================
|
||||
// Edit Comment Content
|
||||
// =============================================================
|
||||
|
||||
function editModComment(commentId, currentContent) {
|
||||
Swal.fire({
|
||||
title: 'Kommentar bearbeiten',
|
||||
html:
|
||||
'<div style="text-align:left;">' +
|
||||
'<label style="display:block;font-weight:600;font-size:1.15rem;margin-bottom:4px;">Inhalt</label>' +
|
||||
'<textarea id="swal-comment-content" class="swal2-textarea" style="margin:0;width:100%;">' + currentContent + '</textarea>' +
|
||||
'</div>',
|
||||
showCancelButton: true,
|
||||
confirmButtonText: 'Speichern',
|
||||
cancelButtonText: 'Abbrechen',
|
||||
confirmButtonColor: PRIMARY_COLOR,
|
||||
preConfirm: function () {
|
||||
return { content: document.getElementById('swal-comment-content').value.trim() };
|
||||
}
|
||||
}).then(function (result) {
|
||||
if (!result.isConfirmed) return;
|
||||
|
||||
apiCall({
|
||||
action: 'update_comment',
|
||||
comment_id: commentId,
|
||||
content: result.value.content
|
||||
}).then(function (response) {
|
||||
if (response.error) {
|
||||
Swal.fire('Fehler', response.error, 'error');
|
||||
return;
|
||||
}
|
||||
Swal.fire('Gespeichert!', 'Kommentar wurde aktualisiert.', 'success')
|
||||
.then(function () { location.reload(); });
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
const ADMIN_CONFIG = {
|
||||
id: <?= $municipality['municipality_id'] ?>,
|
||||
name: "<?= htmlspecialchars($municipality['name'], ENT_QUOTES) ?>",
|
||||
slug: "<?= htmlspecialchars($municipality['slug'], ENT_QUOTES) ?>",
|
||||
center: [<?= $municipality['center_lat'] ?>, <?= $municipality['center_lng'] ?>],
|
||||
zoom: <?= $municipality['default_zoom'] ?>,
|
||||
primaryColor: "<?= htmlspecialchars($municipality['primary_color'], ENT_QUOTES) ?>"
|
||||
};
|
||||
</script>
|
||||
|
||||
<!-- Application Logic -->
|
||||
<script src="js/admin.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -1205,7 +576,7 @@ function show_login_page($municipality, $error = null) {
|
||||
<input type="password" name="password" placeholder="Passwort" autofocus>
|
||||
<button type="submit"><i class="fa-solid fa-right-to-bracket"></i> Anmelden</button>
|
||||
</form>
|
||||
<div class="back-link"><i class="fa fa-arrow-left"></i></i> <a href="index.php">Zurück zum Bürgerportal</a></div>
|
||||
<div class="back-link"><i class="fa fa-arrow-left"></i> <a href="index.php">Zurück zum Bürgerportal</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
@@ -17,7 +17,7 @@ require_once __DIR__ . '/db.php';
|
||||
|
||||
|
||||
// ---------------------------------------------------------------------
|
||||
// Read Action Parameter and Route to correct Handler
|
||||
// Reads Action Parameter and Routes to correct Handler
|
||||
// ---------------------------------------------------------------------
|
||||
$input = get_input();
|
||||
$action = $input['action'] ?? '';
|
||||
@@ -59,6 +59,27 @@ switch ($action) {
|
||||
case 'update_comment':
|
||||
handle_update_comment($input);
|
||||
break;
|
||||
case 'read_tasks':
|
||||
handle_read_tasks($input);
|
||||
break;
|
||||
case 'create_task':
|
||||
handle_create_task($input);
|
||||
break;
|
||||
case 'update_task':
|
||||
handle_update_task($input);
|
||||
break;
|
||||
case 'delete_task':
|
||||
handle_delete_task($input);
|
||||
break;
|
||||
case 'complete_task':
|
||||
handle_complete_task($input);
|
||||
break;
|
||||
case 'verify_task':
|
||||
handle_verify_task($input);
|
||||
break;
|
||||
case 'read_leaderboard':
|
||||
handle_read_leaderboard($input);
|
||||
break;
|
||||
default:
|
||||
error_response('Unknown Action. Supported Actions are read, create, update, delete, vote.');
|
||||
}
|
||||
@@ -335,8 +356,8 @@ function handle_delete($input) {
|
||||
|
||||
|
||||
// ---------------------------------------------------------------------
|
||||
// VOTE: Likes or Dislikes a Contribution
|
||||
// Required: contribution_id, voter_name, vote_type
|
||||
// VOTE: Likes or Dislikes Contributions or Tasks
|
||||
// Required: contribution_id or task_id, voter_name, vote_type
|
||||
// Database Trigger automatically updates Likes and Dislikes Count
|
||||
// UNIQUE Constraint prevents duplicate Votes per Voter.
|
||||
// ---------------------------------------------------------------------
|
||||
@@ -344,7 +365,7 @@ function handle_vote($input) {
|
||||
$pdo = get_db();
|
||||
|
||||
// Validates Input
|
||||
$missing = validate_required($input, ['contribution_id', 'voter_name', 'vote_type']);
|
||||
$missing = validate_required($input, ['voter_name', 'vote_type']);
|
||||
if (!empty($missing)) {
|
||||
error_response('Missing Fields: ' . implode(', ', $missing));
|
||||
}
|
||||
@@ -355,13 +376,6 @@ function handle_vote($input) {
|
||||
error_response('Invalid vote_type. Must be: ' . implode(', ', $valid_vote_types));
|
||||
}
|
||||
|
||||
// Checks if Contribution exists
|
||||
$stmt = $pdo->prepare("SELECT contribution_id FROM contributions WHERE contribution_id = :id");
|
||||
$stmt->execute([':id' => $input['contribution_id']]);
|
||||
if (!$stmt->fetch()) {
|
||||
error_response('Contribution not found.', 404);
|
||||
}
|
||||
|
||||
// Prepared SQL Statement
|
||||
try {
|
||||
// Checks if Voter already voted on this Contribution
|
||||
@@ -370,11 +384,39 @@ function handle_vote($input) {
|
||||
error_response('Browser ID required for Voting.');
|
||||
}
|
||||
|
||||
$stmt = $pdo->prepare("
|
||||
SELECT vote_id, vote_type FROM votes
|
||||
WHERE contribution_id = :cid AND browser_id = :bid
|
||||
");
|
||||
$stmt->execute([':cid' => $input['contribution_id'], ':bid' => $browser_id]);
|
||||
// Determines Vote Type
|
||||
$is_task = isset($input['task_id']) && $input['task_id'] !== '';
|
||||
|
||||
if ($is_task) {
|
||||
// Checks for Tasks
|
||||
$stmt = $pdo->prepare("SELECT task_id FROM tasks WHERE task_id = :id");
|
||||
$stmt->execute([':id' => $input['task_id']]);
|
||||
if (!$stmt->fetch()) {
|
||||
error_response('Task not found.', 404);
|
||||
}
|
||||
|
||||
// Checks if Browser already voted on Task
|
||||
$stmt = $pdo->prepare("
|
||||
SELECT vote_id, vote_type FROM votes
|
||||
WHERE task_id = :id AND browser_id = :bid
|
||||
");
|
||||
$stmt->execute([':id' => $input['task_id'], ':bid' => $browser_id]);
|
||||
} else {
|
||||
// Checks for Contributions
|
||||
$stmt = $pdo->prepare("SELECT contribution_id FROM contributions WHERE contribution_id = :id");
|
||||
$stmt->execute([':id' => $input['contribution_id']]);
|
||||
if (!$stmt->fetch()) {
|
||||
error_response('Contribution not found.', 404);
|
||||
}
|
||||
|
||||
// Checks if Browser already voted on Contribution
|
||||
$stmt = $pdo->prepare("
|
||||
SELECT vote_id, vote_type FROM votes
|
||||
WHERE contribution_id = :id AND browser_id = :bid
|
||||
");
|
||||
$stmt->execute([':id' => $input['contribution_id'], ':bid' => $browser_id]);
|
||||
}
|
||||
|
||||
$existing = $stmt->fetch();
|
||||
|
||||
if ($existing) {
|
||||
@@ -384,35 +426,47 @@ function handle_vote($input) {
|
||||
$stmt->execute([':vid' => $existing['vote_id']]);
|
||||
json_response(['message' => 'Vote removed.', 'action' => 'removed']);
|
||||
} else {
|
||||
// Different Vote Type — Switches Vote
|
||||
// Different Vote Type — Removes old Vote before Inserting new one
|
||||
$stmt = $pdo->prepare("DELETE FROM votes WHERE vote_id = :vid");
|
||||
$stmt->execute([':vid' => $existing['vote_id']]);
|
||||
|
||||
$stmt = $pdo->prepare("
|
||||
INSERT INTO votes (contribution_id, voter_name, vote_type, browser_id)
|
||||
VALUES (:cid, :voter, :vtype, :bid)
|
||||
");
|
||||
$stmt->execute([
|
||||
':cid' => $input['contribution_id'],
|
||||
':voter' => $input['voter_name'],
|
||||
':vtype' => $input['vote_type'],
|
||||
':bid' => $browser_id
|
||||
]);
|
||||
json_response(['message' => 'Vote changed.', 'action' => 'changed'], 200);
|
||||
$this_insert = true;
|
||||
}
|
||||
} else {
|
||||
// No existing Vote — Inserts Vote
|
||||
$stmt = $pdo->prepare("
|
||||
INSERT INTO votes (contribution_id, voter_name, vote_type, browser_id)
|
||||
VALUES (:cid, :voter, :vtype, :bid)
|
||||
$this_insert = true;
|
||||
}
|
||||
|
||||
if (!empty($this_insert)) {
|
||||
if ($is_task) {
|
||||
$stmt = $pdo->prepare("
|
||||
INSERT INTO votes (task_id, voter_name, vote_type, browser_id)
|
||||
VALUES (:id, :voter, :vtype, :bid)
|
||||
");
|
||||
$stmt->execute([
|
||||
':cid' => $input['contribution_id'],
|
||||
':id' => $input['task_id'],
|
||||
':voter' => $input['voter_name'],
|
||||
':vtype' => $input['vote_type'],
|
||||
':bid' => $browser_id
|
||||
]);
|
||||
json_response(['message' => 'Vote recorded.', 'action' => 'created'], 201);
|
||||
} else {
|
||||
$stmt = $pdo->prepare("
|
||||
INSERT INTO votes (contribution_id, voter_name, vote_type, browser_id)
|
||||
VALUES (:id, :voter, :vtype, :bid)
|
||||
");
|
||||
$stmt->execute([
|
||||
':id' => $input['contribution_id'],
|
||||
':voter' => $input['voter_name'],
|
||||
':vtype' => $input['vote_type'],
|
||||
':bid' => $browser_id
|
||||
]);
|
||||
}
|
||||
|
||||
// Returns changed or created
|
||||
if ($existing) {
|
||||
json_response(['message' => 'Vote changed.', 'action' => 'changed'], 200);
|
||||
} else {
|
||||
json_response(['message' => 'Vote recorded.', 'action' => 'created'], 201);
|
||||
}
|
||||
}
|
||||
|
||||
} catch (PDOException $e) {
|
||||
@@ -565,26 +619,40 @@ function handle_photo_upload($file) {
|
||||
// =====================================================================
|
||||
|
||||
// ---------------------------------------------------------------------
|
||||
// READ COMMENTS: Loads Comments for a Contribution
|
||||
// Returns Comments sorted by Date (newest first)
|
||||
// Required: contribution_id
|
||||
// READ COMMENTS: Loads Comments for Contributions or Tasks
|
||||
// Returns Comments sorted by Date (oldest first)
|
||||
// Required: contribution_id or task_id
|
||||
// ---------------------------------------------------------------------
|
||||
function handle_read_comments($input) {
|
||||
$pdo = get_db();
|
||||
|
||||
$missing = validate_required($input, ['contribution_id']);
|
||||
if (!empty($missing)) {
|
||||
error_response('Missing Fields: ' . implode(', ', $missing));
|
||||
// Checks for contribution_id or task_id
|
||||
if (empty($input['contribution_id']) && empty($input['task_id'])) {
|
||||
error_response('Either contribution_id or task_id is required.');
|
||||
}
|
||||
|
||||
// Determines Vote Type
|
||||
$is_task = isset($input['task_id']) && $input['task_id'] !== '';
|
||||
|
||||
try {
|
||||
$stmt = $pdo->prepare("
|
||||
SELECT comment_id, contribution_id, author_name, browser_id, content, status, created_at
|
||||
FROM comments
|
||||
WHERE contribution_id = :cid AND status = 'approved'
|
||||
ORDER BY created_at ASC
|
||||
");
|
||||
$stmt->execute([':cid' => $input['contribution_id']]);
|
||||
if ($is_task) {
|
||||
$stmt = $pdo->prepare("
|
||||
SELECT comment_id, task_id, author_name, browser_id, content, status, created_at
|
||||
FROM comments
|
||||
WHERE task_id = :id AND status = 'approved'
|
||||
ORDER BY created_at ASC
|
||||
");
|
||||
} else {
|
||||
$stmt = $pdo->prepare("
|
||||
SELECT comment_id, contribution_id, author_name, browser_id, content, status, created_at
|
||||
FROM comments
|
||||
WHERE contribution_id = :id AND status = 'approved'
|
||||
ORDER BY created_at ASC
|
||||
");
|
||||
}
|
||||
|
||||
// Prepared Statement
|
||||
$stmt->execute([':id' => $is_task ? $input['task_id'] : $input['contribution_id']]);
|
||||
$comments = $stmt->fetchAll();
|
||||
|
||||
json_response(['comments' => $comments, 'count' => count($comments)]);
|
||||
@@ -596,37 +664,56 @@ function handle_read_comments($input) {
|
||||
|
||||
|
||||
// ---------------------------------------------------------------------
|
||||
// CREATE COMMENT: Adds Comments to Contributions
|
||||
// Required: contribution_id, author_name, content
|
||||
// CREATE COMMENT: Adds Comments Contributions or Tasks
|
||||
// Required: author_name, content, contribution_id or task_id
|
||||
// Optional: browser_id
|
||||
// ---------------------------------------------------------------------
|
||||
function handle_create_comment($input) {
|
||||
$pdo = get_db();
|
||||
|
||||
$missing = validate_required($input, ['contribution_id', 'author_name', 'content']);
|
||||
$missing = validate_required($input, ['author_name', 'content']);
|
||||
if (!empty($missing)) {
|
||||
error_response('Missing Fields: ' . implode(', ', $missing));
|
||||
}
|
||||
|
||||
// Validates Content Length
|
||||
// Checks for contribution_id or task_id
|
||||
if (empty($input['contribution_id']) && empty($input['task_id'])) {
|
||||
error_response('Either contribution_id or task_id is required.');
|
||||
}
|
||||
|
||||
// Validates Length
|
||||
if (strlen($input['content']) > 1000) {
|
||||
error_response('Comment too long. Maximum 1000 Characters.');
|
||||
}
|
||||
|
||||
// Checks if Contribution exists
|
||||
$stmt = $pdo->prepare("SELECT contribution_id FROM contributions WHERE contribution_id = :id");
|
||||
$stmt->execute([':id' => $input['contribution_id']]);
|
||||
if (!$stmt->fetch()) {
|
||||
error_response('Contribution not found.', 404);
|
||||
}
|
||||
// Determines Comment Type
|
||||
$is_task = isset($input['task_id']) && $input['task_id'] !== '';
|
||||
|
||||
if ($is_task) {
|
||||
// Checks for Tasks
|
||||
$stmt = $pdo->prepare("SELECT task_id FROM tasks WHERE task_id = :id");
|
||||
$stmt->execute([':id' => $input['task_id']]);
|
||||
if (!$stmt->fetch()) {
|
||||
error_response('Task not found.', 404);
|
||||
}
|
||||
} else {
|
||||
// Checks for Contributions
|
||||
$stmt = $pdo->prepare("SELECT contribution_id FROM contributions WHERE contribution_id = :id");
|
||||
$stmt->execute([':id' => $input['contribution_id']]);
|
||||
if (!$stmt->fetch()) {
|
||||
error_response('Contribution not found.', 404);
|
||||
}
|
||||
}
|
||||
|
||||
// Prepared Statement
|
||||
try {
|
||||
$stmt = $pdo->prepare("
|
||||
INSERT INTO comments (contribution_id, author_name, browser_id, content)
|
||||
VALUES (:cid, :author, :bid, :content)
|
||||
INSERT INTO comments (contribution_id, task_id, author_name, browser_id, content)
|
||||
VALUES (:cid, :tid, :author, :bid, :content)
|
||||
");
|
||||
$stmt->execute([
|
||||
':cid' => $input['contribution_id'],
|
||||
':cid' => $is_task ? null : $input['contribution_id'],
|
||||
':tid' => $is_task ? $input['task_id'] : null,
|
||||
':author' => $input['author_name'],
|
||||
':bid' => $input['browser_id'] ?? null,
|
||||
':content' => $input['content']
|
||||
@@ -709,4 +796,387 @@ function handle_update_comment($input) {
|
||||
} catch (PDOException $e) {
|
||||
error_response('Database Error: ' . $e->getMessage(), 500);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// =====================================================================
|
||||
// Action Handlers for Tasks
|
||||
// =====================================================================
|
||||
|
||||
|
||||
// ---------------------------------------------------------------------
|
||||
// READ TASKS: Loads Tasks as GeoJSON FeatureCollection
|
||||
// Required: municipality_id
|
||||
// Optional: status, browser_id
|
||||
// ---------------------------------------------------------------------
|
||||
function handle_read_tasks($input) {
|
||||
$pdo = get_db();
|
||||
|
||||
$missing = validate_required($input, ['municipality_id']);
|
||||
if (!empty($missing)) {
|
||||
error_response('Missing Fields: ' . implode(', ', $missing));
|
||||
}
|
||||
|
||||
$sql = "SELECT *, ST_AsGeoJSON(geom) AS geojson
|
||||
FROM tasks
|
||||
WHERE municipality_id = :mid";
|
||||
$params = [':mid' => $input['municipality_id']];
|
||||
|
||||
// Status Filter
|
||||
$status = $input['status'] ?? 'visible';
|
||||
if ($status === 'visible') {
|
||||
$sql .= " AND status IN ('open', 'completed', 'verified')";
|
||||
} elseif ($status !== 'all') {
|
||||
$sql .= " AND status = :status";
|
||||
$params[':status'] = $status;
|
||||
}
|
||||
|
||||
$sql .= " ORDER BY created_at DESC";
|
||||
|
||||
try {
|
||||
$stmt = $pdo->prepare($sql);
|
||||
$stmt->execute($params);
|
||||
$rows = $stmt->fetchAll();
|
||||
} catch (PDOException $e) {
|
||||
error_response('Database Error: ' . $e->getMessage(), 500);
|
||||
}
|
||||
|
||||
// Builds GeoJSON FeatureCollection
|
||||
$features = [];
|
||||
foreach ($rows as $row) {
|
||||
$geometry = json_decode($row['geojson']);
|
||||
unset($row['geom'], $row['geojson']);
|
||||
$features[] = [
|
||||
'type' => 'Feature',
|
||||
'geometry' => $geometry,
|
||||
'properties' => $row
|
||||
];
|
||||
}
|
||||
|
||||
$result = [
|
||||
'type' => 'FeatureCollection',
|
||||
'features' => $features
|
||||
];
|
||||
|
||||
// User Votes for Tasks
|
||||
$browser_id = $input['browser_id'] ?? '';
|
||||
if ($browser_id !== '') {
|
||||
$stmt = $pdo->prepare("
|
||||
SELECT task_id, vote_type FROM votes
|
||||
WHERE browser_id = :bid AND task_id IS NOT NULL
|
||||
");
|
||||
$stmt->execute([':bid' => $browser_id]);
|
||||
$user_votes = [];
|
||||
foreach ($stmt->fetchAll() as $v) {
|
||||
$user_votes[$v['task_id']] = $v['vote_type'];
|
||||
}
|
||||
$result['user_votes'] = $user_votes;
|
||||
}
|
||||
|
||||
json_response($result);
|
||||
}
|
||||
|
||||
|
||||
// ---------------------------------------------------------------------
|
||||
// CREATE TASK: Inserts new Task with optional Photo
|
||||
// Required: municipality_id, geom, geom_type, category, title, author_name
|
||||
// Optional: description, browser_id, photo
|
||||
// ---------------------------------------------------------------------
|
||||
function handle_create_task($input) {
|
||||
$pdo = get_db();
|
||||
|
||||
$missing = validate_required($input, [
|
||||
'municipality_id', 'geom', 'geom_type', 'category', 'title', 'author_name'
|
||||
]);
|
||||
if (!empty($missing)) {
|
||||
error_response('Missing Fields: ' . implode(', ', $missing));
|
||||
}
|
||||
|
||||
$valid_geom_types = ['point', 'line', 'polygon'];
|
||||
if (!in_array($input['geom_type'], $valid_geom_types)) {
|
||||
error_response('Invalid Geometry Type.');
|
||||
}
|
||||
|
||||
$geojson = json_decode($input['geom']);
|
||||
if (!$geojson || !isset($geojson->type)) {
|
||||
error_response('Invalid GeoJSON.');
|
||||
}
|
||||
|
||||
// Handles optional Photo Upload
|
||||
$photo_path = null;
|
||||
if (isset($_FILES['photo']) && $_FILES['photo']['error'] === UPLOAD_ERR_OK) {
|
||||
$photo_path = handle_photo_upload($_FILES['photo']);
|
||||
if (!$photo_path) {
|
||||
error_response('Photo Upload failed. JPG, PNG, GIF and WebP up to 5 MB.');
|
||||
}
|
||||
}
|
||||
|
||||
try {
|
||||
$stmt = $pdo->prepare("
|
||||
INSERT INTO tasks
|
||||
(municipality_id, geom, geom_type, category, title, description, author_name, browser_id, photo_path)
|
||||
VALUES
|
||||
(:mid, ST_SetSRID(ST_GeomFromGeoJSON(:geom), 4326), :geom_type,
|
||||
:category, :title, :description, :author_name, :browser_id, :photo_path)
|
||||
");
|
||||
$stmt->execute([
|
||||
':mid' => $input['municipality_id'],
|
||||
':geom' => $input['geom'],
|
||||
':geom_type' => $input['geom_type'],
|
||||
':category' => $input['category'],
|
||||
':title' => $input['title'],
|
||||
':description' => $input['description'] ?? '',
|
||||
':author_name' => $input['author_name'],
|
||||
':browser_id' => $input['browser_id'] ?? null,
|
||||
':photo_path' => $photo_path
|
||||
]);
|
||||
|
||||
json_response([
|
||||
'message' => 'Task created successfully.',
|
||||
'task_id' => (int) $pdo->lastInsertId()
|
||||
], 201);
|
||||
|
||||
} catch (PDOException $e) {
|
||||
error_response('Database Error: ' . $e->getMessage(), 500);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// ---------------------------------------------------------------------
|
||||
// UPDATE TASK: Updates existing Tasks or Status
|
||||
// Required: task_id
|
||||
// Optional: category, title, description, status, address
|
||||
// ---------------------------------------------------------------------
|
||||
function handle_update_task($input) {
|
||||
$pdo = get_db();
|
||||
|
||||
$missing = validate_required($input, ['task_id']);
|
||||
if (!empty($missing)) {
|
||||
error_response('Missing Fields: ' . implode(', ', $missing));
|
||||
}
|
||||
|
||||
$updatable = ['category', 'title', 'description', 'status', 'address'];
|
||||
$set = [];
|
||||
$params = [':id' => $input['task_id']];
|
||||
|
||||
foreach ($updatable as $field) {
|
||||
if (isset($input[$field]) && $input[$field] !== '') {
|
||||
$set[] = "$field = :$field";
|
||||
$params[":$field"] = $input[$field];
|
||||
}
|
||||
}
|
||||
|
||||
if (empty($set)) {
|
||||
error_response('No Fields to update.');
|
||||
}
|
||||
|
||||
if (isset($params[':status'])) {
|
||||
$valid = ['pending', 'rejected', 'open', 'completed', 'verified'];
|
||||
if (!in_array($params[':status'], $valid)) {
|
||||
error_response('Invalid Status.');
|
||||
}
|
||||
}
|
||||
|
||||
try {
|
||||
$stmt = $pdo->prepare("UPDATE tasks SET " . implode(', ', $set) . " WHERE task_id = :id");
|
||||
$stmt->execute($params);
|
||||
json_response(['message' => 'Task updated successfully.']);
|
||||
} catch (PDOException $e) {
|
||||
error_response('Database Error: ' . $e->getMessage(), 500);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// ---------------------------------------------------------------------
|
||||
// DELETE TASK: Removes existing Tasks
|
||||
// Required: task_id
|
||||
// ---------------------------------------------------------------------
|
||||
function handle_delete_task($input) {
|
||||
$pdo = get_db();
|
||||
|
||||
$missing = validate_required($input, ['task_id']);
|
||||
if (!empty($missing)) {
|
||||
error_response('Missing Fields: ' . implode(', ', $missing));
|
||||
}
|
||||
|
||||
try {
|
||||
$stmt = $pdo->prepare("DELETE FROM tasks WHERE task_id = :id");
|
||||
$stmt->execute([':id' => $input['task_id']]);
|
||||
json_response(['message' => 'Task deleted successfully.']);
|
||||
} catch (PDOException $e) {
|
||||
error_response('Database Error: ' . $e->getMessage(), 500);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// ---------------------------------------------------------------------
|
||||
// COMPLETE TASK: Completes existing Tasks with Photo Proof
|
||||
// Required: task_id, author_name, browser_id
|
||||
// Required File: completion_photo
|
||||
// Optional: completion_comment
|
||||
// ---------------------------------------------------------------------
|
||||
function handle_complete_task($input) {
|
||||
$pdo = get_db();
|
||||
|
||||
$missing = validate_required($input, ['task_id', 'author_name', 'browser_id']);
|
||||
if (!empty($missing)) {
|
||||
error_response('Missing Fields: ' . implode(', ', $missing));
|
||||
}
|
||||
|
||||
// Checks if Task exists and is open
|
||||
$stmt = $pdo->prepare("SELECT task_id, status FROM tasks WHERE task_id = :id");
|
||||
$stmt->execute([':id' => $input['task_id']]);
|
||||
$task = $stmt->fetch();
|
||||
|
||||
if (!$task) {
|
||||
error_response('Task not found.', 404);
|
||||
}
|
||||
if ($task['status'] !== 'open') {
|
||||
error_response('Task is not available for Completion.');
|
||||
}
|
||||
|
||||
// Handles required Completion Photo
|
||||
if (!isset($_FILES['completion_photo']) || $_FILES['completion_photo']['error'] !== UPLOAD_ERR_OK) {
|
||||
error_response('Completion Photo is required.');
|
||||
}
|
||||
|
||||
$photo_path = handle_photo_upload($_FILES['completion_photo']);
|
||||
if (!$photo_path) {
|
||||
error_response('Photo Upload failed. JPG, PNG, GIF and WebP up to 5 MB.');
|
||||
}
|
||||
|
||||
try {
|
||||
$stmt = $pdo->prepare("
|
||||
UPDATE tasks SET
|
||||
status = 'completed',
|
||||
completed_by_name = :name,
|
||||
completed_by_browser = :browser,
|
||||
completion_photo = :photo,
|
||||
completion_comment = :comment,
|
||||
completed_at = NOW()
|
||||
WHERE task_id = :id
|
||||
");
|
||||
$stmt->execute([
|
||||
':id' => $input['task_id'],
|
||||
':name' => $input['author_name'],
|
||||
':browser' => $input['browser_id'],
|
||||
':photo' => $photo_path,
|
||||
':comment' => $input['completion_comment'] ?? ''
|
||||
]);
|
||||
|
||||
json_response(['message' => 'Task Completion submitted for Review.']);
|
||||
|
||||
} catch (PDOException $e) {
|
||||
error_response('Database Error: ' . $e->getMessage(), 500);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// ---------------------------------------------------------------------
|
||||
// VERIFY TASK: Moderator confirms or rejects Completions
|
||||
// Required: task_id, action
|
||||
// Awards Points and sets Status if verified
|
||||
// Clears Completion Fields, resets Status if rejected
|
||||
// ---------------------------------------------------------------------
|
||||
function handle_verify_task($input) {
|
||||
$pdo = get_db();
|
||||
|
||||
$missing = validate_required($input, ['task_id', 'verify_action']);
|
||||
if (!empty($missing)) {
|
||||
error_response('Missing Fields: ' . implode(', ', $missing));
|
||||
}
|
||||
|
||||
// Loads Task
|
||||
$stmt = $pdo->prepare("SELECT * FROM tasks WHERE task_id = :id");
|
||||
$stmt->execute([':id' => $input['task_id']]);
|
||||
$task = $stmt->fetch();
|
||||
|
||||
if (!$task) {
|
||||
error_response('Task not found.', 404);
|
||||
}
|
||||
if ($task['status'] !== 'completed') {
|
||||
error_response('Task is not in completed State.');
|
||||
}
|
||||
|
||||
try {
|
||||
if ($input['verify_action'] === 'verify') {
|
||||
// Accepts Completion and Awards Points
|
||||
$stmt = $pdo->prepare("UPDATE tasks SET status = 'verified' WHERE task_id = :id");
|
||||
$stmt->execute([':id' => $input['task_id']]);
|
||||
|
||||
// Awards Points to User
|
||||
$stmt = $pdo->prepare("
|
||||
INSERT INTO user_points (municipality_id, user_name, points, task_id)
|
||||
VALUES (:mid, :name, :points, :tid)
|
||||
");
|
||||
$stmt->execute([
|
||||
':mid' => $task['municipality_id'],
|
||||
':name' => $task['completed_by_name'],
|
||||
':points' => $task['points_reward'],
|
||||
':tid' => $input['task_id']
|
||||
]);
|
||||
|
||||
json_response(['message' => 'Task verified. Points awarded.']);
|
||||
|
||||
} elseif ($input['verify_action'] === 'reject') {
|
||||
// Rejects Completion and Clears Fields
|
||||
$stmt = $pdo->prepare("
|
||||
UPDATE tasks SET
|
||||
status = 'open',
|
||||
completed_by_name = NULL,
|
||||
completed_by_browser = NULL,
|
||||
completion_photo = NULL,
|
||||
completion_comment = NULL,
|
||||
completed_at = NULL
|
||||
WHERE task_id = :id
|
||||
");
|
||||
$stmt->execute([':id' => $input['task_id']]);
|
||||
|
||||
json_response(['message' => 'Completion rejected. Task is open again.']);
|
||||
|
||||
} else {
|
||||
error_response('Invalid Action. Must be: verify or reject.');
|
||||
}
|
||||
|
||||
} catch (PDOException $e) {
|
||||
error_response('Database Error: ' . $e->getMessage(), 500);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// ---------------------------------------------------------------------
|
||||
// READ LEADERBOARD: Returns Citizen Leaderboard
|
||||
// Required: municipality_id
|
||||
// Optional: limit
|
||||
// ---------------------------------------------------------------------
|
||||
function handle_read_leaderboard($input) {
|
||||
$pdo = get_db();
|
||||
|
||||
$missing = validate_required($input, ['municipality_id']);
|
||||
if (!empty($missing)) {
|
||||
error_response('Missing Fields: ' . implode(', ', $missing));
|
||||
}
|
||||
|
||||
$limit = min((int)($input['limit'] ?? 10), 50);
|
||||
|
||||
try {
|
||||
$stmt = $pdo->prepare("
|
||||
SELECT user_name,
|
||||
SUM(points) AS total_points,
|
||||
COUNT(*) AS tasks_completed
|
||||
FROM user_points
|
||||
WHERE municipality_id = :mid
|
||||
GROUP BY user_name
|
||||
ORDER BY total_points DESC
|
||||
LIMIT :lim
|
||||
");
|
||||
$stmt->bindValue(':mid', $input['municipality_id'], PDO::PARAM_INT);
|
||||
$stmt->bindValue(':lim', $limit, PDO::PARAM_INT);
|
||||
$stmt->execute();
|
||||
|
||||
json_response(['leaderboard' => $stmt->fetchAll()]);
|
||||
|
||||
} catch (PDOException $e) {
|
||||
error_response('Database Error: ' . $e->getMessage(), 500);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -110,4 +110,22 @@ function get_categories() {
|
||||
'industry' => ['label' => 'Industrie', 'faIcon' => 'fa-industry', 'color' => '#7030A0'],
|
||||
'other' => ['label' => 'Sonstiges', 'faIcon' => 'fa-thumbtack', 'color' => '#7F7F7F'],
|
||||
];
|
||||
}
|
||||
|
||||
// ---------------------------------------------------------------------
|
||||
// Task Category Definitions
|
||||
// Returns associative Array of Task Category Keys to Labels, Icons,
|
||||
// and Colors. Shared between Citizen Participation Portal and
|
||||
// Moderation Page.
|
||||
// ToDo: Move to Database Table.
|
||||
// ---------------------------------------------------------------------
|
||||
function get_task_categories() {
|
||||
return [
|
||||
'repair' => ['label' => 'Reparatur', 'faIcon' => 'fa-wrench', 'color' => '#C00000'],
|
||||
'social' => ['label' => 'Nachbarschaft', 'faIcon' => 'fa-people-group', 'color' => '#E65100'],
|
||||
'safety' => ['label' => 'Sicherheit', 'faIcon' => 'fa-shield-halved', 'color' => '#FFC000'],
|
||||
'greenery' => ['label' => 'Grünpflege', 'faIcon' => 'fa-leaf', 'color' => '#92D050'],
|
||||
'cleanup' => ['label' => 'Sauberkeit', 'faIcon' => 'fa-broom', 'color' => '#0070C0'],
|
||||
'other_task' => ['label' => 'Sonstiges', 'faIcon' => 'fa-clipboard-check','color' => '#7F7F7F'],
|
||||
];
|
||||
}
|
||||
BIN
public/assets/lock-solid-off-black.png
Normal file
BIN
public/assets/lock-solid-off-black.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
BIN
public/assets/scale-balanced-solid-off-black.png
Normal file
BIN
public/assets/scale-balanced-solid-off-black.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
BIN
public/assets/shield-halved-solid-off-black.png
Normal file
BIN
public/assets/shield-halved-solid-off-black.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
BIN
public/assets/user-group-solid-off-black.png
Normal file
BIN
public/assets/user-group-solid-off-black.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
BIN
public/assets/user-group-solid-off-white.png
Normal file
BIN
public/assets/user-group-solid-off-white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
@@ -11,7 +11,7 @@ $municipality = $stmt->fetch();
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Impressum — <?= htmlspecialchars($municipality['name']) ?></title>
|
||||
<link rel="icon" href="<?= htmlspecialchars($municipality['logo_path'] ?? 'assets/icon-municipality.png') ?>" type="image/png">
|
||||
<link rel="icon" href="assets/scale-balanced-solid-off-black.png" type="image/png">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
<style>:root { --color-primary: <?= htmlspecialchars($municipality['primary_color']) ?>; }</style>
|
||||
|
||||
158
public/index.php
158
public/index.php
@@ -10,8 +10,6 @@ require_once __DIR__ . '/api/auth.php';
|
||||
|
||||
// -----------------------------------------------------------------
|
||||
// Loads Municipality Configuration
|
||||
// ToDo's: Dynamic Loading via URL Slug once multi-tenant Routing
|
||||
// is implemented. Hardcoded Slug for now.
|
||||
// -----------------------------------------------------------------
|
||||
$pdo = get_db();
|
||||
$stmt = $pdo->prepare("SELECT * FROM municipalities WHERE slug = :slug");
|
||||
@@ -35,8 +33,8 @@ $news_items = $stmt->fetchAll();
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Bürgerbeteiligungsportal <?= htmlspecialchars($municipality['name']) ?></title>
|
||||
<link rel="icon" href="<?= htmlspecialchars($municipality['logo_path'] ?? 'assets/icon-municipality.png') ?>" type="image/png">
|
||||
<title>Mitmachkarte <?= htmlspecialchars($municipality['name']) ?></title>
|
||||
<link rel="icon" href="assets/user-group-solid-off-black.png" type="image/png">
|
||||
<meta name="description" content="Bürgerbeteiligungsportal. Hinweise und Vorschläge auf der Karte eintragen.">
|
||||
|
||||
|
||||
@@ -68,6 +66,10 @@ $news_items = $stmt->fetchAll();
|
||||
<!-- Application Styles -->
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
|
||||
<!-- Shepherd.js Onboarding Tour -->
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/shepherd.js@11.2.0/dist/css/shepherd.css">
|
||||
|
||||
|
||||
<!-- ============================================================= -->
|
||||
<!-- Municipality Theme loaded from Database -->
|
||||
<!-- ============================================================= -->
|
||||
@@ -87,7 +89,7 @@ $news_items = $stmt->fetchAll();
|
||||
<header id="app-header">
|
||||
<div class="header-left">
|
||||
<?php if (!empty($municipality['logo_path'])): ?>
|
||||
<img src="<?= htmlspecialchars($municipality['logo_path']) ?>" alt="<?= htmlspecialchars($municipality['name']) ?>" class="header-logo" onerror="this.style.display='none'">
|
||||
<img src="assets/user-group-solid-off-white.png" alt="user-group-solid-off-white" class="header-logo" onerror="this.style.display='none'">
|
||||
<?php endif; ?>
|
||||
<h1 class="header-title">Mitmachkarte <?= htmlspecialchars($municipality['name']) ?></h1>
|
||||
</div>
|
||||
@@ -128,35 +130,71 @@ $news_items = $stmt->fetchAll();
|
||||
<!-- Sidebar Tab Icons -->
|
||||
<div class="leaflet-sidebar-tabs">
|
||||
<ul role="tablist">
|
||||
<li><a href="#tab-home" role="tab"><i class="fa-solid fa-house"></i></a></li>
|
||||
<li><a href="#tab-help" role="tab"><i class="fa-solid fa-circle-question"></i></a></li>
|
||||
<li><a href="#tab-list" role="tab"><i class="fa-solid fa-list"></i></a></li>
|
||||
<li><a href="#tab-news" role="tab"><i class="fa-solid fa-newspaper"></i></a></li>
|
||||
<li><a href="#tab-contributions" role="tab" title="Hinweise"><i class="fa-solid fa-clipboard-list"></i></a></li>
|
||||
<li><a href="#tab-tasks" role="tab" title="Aufgaben"><i class="fa-solid fa-clipboard-check"></i></a></li>
|
||||
<li><a href="#tab-list" role="tab" title="Beiträge"><i class="fa-solid fa-list"></i></a></li>
|
||||
<li><a href="#tab-news" role="tab" title="Neuigkeiten"><i class="fa-solid fa-newspaper"></i></a></li>
|
||||
<li><a href="#tab-help" role="tab" title="Hilfe"><i class="fa-solid fa-circle-question"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Sidebar Tab Content -->
|
||||
<div class="leaflet-sidebar-content">
|
||||
|
||||
<!-- Home Tab -->
|
||||
<div class="leaflet-sidebar-pane" id="tab-home">
|
||||
<!-- Contributions Tab -->
|
||||
<div class="leaflet-sidebar-pane" id="tab-contributions">
|
||||
<h2 class="leaflet-sidebar-header">
|
||||
Start
|
||||
Hinweise
|
||||
<span class="leaflet-sidebar-close"><i class="fa-solid fa-xmark"></i></span>
|
||||
</h2>
|
||||
<div class="sidebar-body">
|
||||
<p>Willkommen beim Bürgerbeteiligungsportal <strong><?= htmlspecialchars($municipality['name']) ?></strong>.</p>
|
||||
<p>Verwenden Sie die Karte, um Hinweise und Aufgaben für die Stadtverwaltung hinzuzufügen oder bestehende Beiträge der Bürgerschaft zu betrachten.</p>
|
||||
<p>Verwenden Sie die Karte, um <strong>Hinweise</strong> für die Stadtverwaltung hinzuzufügen oder bestehende Hinweise zu betrachten, bewerten und kommentieren</p>
|
||||
|
||||
<h3>Kategorien</h3>
|
||||
<div id="category-filter">
|
||||
<!-- Category Filter Checkboxes — populated by app.js -->
|
||||
<!-- populated by app.js -->
|
||||
</div>
|
||||
|
||||
<p id="stats-container"></p>
|
||||
<!-- populated by app.js -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Tasks Tab -->
|
||||
<div class="leaflet-sidebar-pane" id="tab-tasks">
|
||||
<h2 class="leaflet-sidebar-header">
|
||||
Aufgaben
|
||||
<span class="leaflet-sidebar-close"><i class="fa-solid fa-xmark"></i></span>
|
||||
</h2>
|
||||
<div class="sidebar-body">
|
||||
<p>Verwenden Sie die Karte, um <strong>Aufgaben</strong> für die Gemeinschaft hinzuzufügen oder bestehende Aufgaben zu betrachten, bewerten und kommentieren.</p>
|
||||
|
||||
<h3>Kategorien</h3>
|
||||
<div id="task-category-filter">
|
||||
<!-- populated by app.js -->
|
||||
</div>
|
||||
<p id="task-stats-container">
|
||||
<!-- populated by app.js -->
|
||||
</p>
|
||||
|
||||
<div class="task-filter-row">
|
||||
<select id="task-status-filter" class="form-input" onchange="updateTasksList()" style="margin-bottom:8px;">
|
||||
<option value="open">Offene Aufgaben</option>
|
||||
<option value="all">Alle Aufgaben</option>
|
||||
<option value="completed">Wartend auf Prüfung</option>
|
||||
<option value="verified">Erledigte Aufgaben</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<h3>Statistik</h3>
|
||||
<div id="stats-container">
|
||||
<!-- Contribution Statistics — populated by app.js -->
|
||||
<!-- Leaderboard -->
|
||||
<div id="leaderboard-container" class="leaderboard-box">
|
||||
<h3>Rangliste</h3>
|
||||
<div id="leaderboard-list"></div>
|
||||
<button class="btn btn-secondary leaderboard-more-btn" onclick="showFullLeaderboard()">
|
||||
Vollständige Rangliste
|
||||
</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -171,32 +209,11 @@ $news_items = $stmt->fetchAll();
|
||||
<input type="text" id="list-search-input" placeholder="Beiträge durchsuchen..." class="form-input">
|
||||
</div>
|
||||
<div id="contributions-list">
|
||||
<!-- Contribution Cards — populated by app.js -->
|
||||
<!-- populated by app.js -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Help Tab -->
|
||||
<div class="leaflet-sidebar-pane" id="tab-help">
|
||||
<h2 class="leaflet-sidebar-header">
|
||||
Hilfe
|
||||
<span class="leaflet-sidebar-close"><i class="fa-solid fa-xmark"></i></span>
|
||||
</h2>
|
||||
<div class="sidebar-body">
|
||||
<h3><i class="fa-solid fa-map-location-dot"></i> Karte bedienen</h3>
|
||||
<p>Verschieben Sie die Karte per Mausklick und Ziehen. Zoomen Sie mit dem Mausrad oder den Zoom-Buttons.</p>
|
||||
|
||||
<h3><i class="fa-solid fa-plus"></i> Beitrag erstellen</h3>
|
||||
<p>Verwenden Sie die Zeichenwerkzeuge rechts, um Beiträge als Punkte, Linien oder Flächen zu zeichnen. Anschließend können Sie Kategorie und Beschreibung hinzufügen.</p>
|
||||
|
||||
<h3><i class="fa-solid fa-thumbs-up"></i> Abstimmen</h3>
|
||||
<p>Klicken Sie auf bestehende Beiträge und nutzen Sie die Like/Dislike Funktion, um Ihre Meinung kundzugeben.</p>
|
||||
|
||||
<h3><i class="fa-solid fa-magnifying-glass"></i> Suchen</h3>
|
||||
<p>Verwenden Sie die Adresssuche rechts, um bestimmte Orte auf der Karte zu finden.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- News Tab -->
|
||||
<div class="leaflet-sidebar-pane" id="tab-news">
|
||||
<h2 class="leaflet-sidebar-header">
|
||||
@@ -204,21 +221,18 @@ $news_items = $stmt->fetchAll();
|
||||
<span class="leaflet-sidebar-close"><i class="fa-solid fa-xmark"></i></span>
|
||||
</h2>
|
||||
<div class="sidebar-body">
|
||||
<!-- News Search -->
|
||||
<div class="list-search">
|
||||
<input type="text" id="news-search-input" placeholder="Neuigkeiten durchsuchen..." class="form-input" oninput="filterNews()">
|
||||
</div>
|
||||
|
||||
<!-- News Items Container -->
|
||||
<div id="news-list">
|
||||
<?php if (empty($news_items)): ?>
|
||||
<p style="text-align:center;color:#999;padding:20px;">Noch keine Neuigkeiten veröffentlicht.</p>
|
||||
<?php else: ?>
|
||||
<?php foreach ($news_items as $news): ?>
|
||||
<div class="news-item"
|
||||
data-title="<?= htmlspecialchars(strtolower($news['title'])) ?>"
|
||||
data-content="<?= htmlspecialchars(strtolower($news['content'])) ?>"
|
||||
data-author="<?= htmlspecialchars(strtolower($news['author_name'])) ?>">
|
||||
data-title="<?= htmlspecialchars(strtolower($news['title'])) ?>"
|
||||
data-content="<?= htmlspecialchars(strtolower($news['content'])) ?>"
|
||||
data-author="<?= htmlspecialchars(strtolower($news['author_name'])) ?>">
|
||||
<h3><?= htmlspecialchars($news['title']) ?></h3>
|
||||
<p><?= nl2br(htmlspecialchars($news['content'])) ?></p>
|
||||
<span class="news-date">
|
||||
@@ -232,7 +246,43 @@ $news_items = $stmt->fetchAll();
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Help Tab -->
|
||||
<div class="leaflet-sidebar-pane" id="tab-help">
|
||||
<h2 class="leaflet-sidebar-header">
|
||||
Hilfe
|
||||
<span class="leaflet-sidebar-close"><i class="fa-solid fa-xmark"></i></span>
|
||||
</h2>
|
||||
<div class="sidebar-body">
|
||||
<h3><i class="fa-solid fa-book"></i> Interaktive Anleitung</h3>
|
||||
<p>Klicken Sie unten auf Tutorial starten um Schritt für Schritt durch die Kernfunktionen der Mitmachkarte geführt zu werden.</p>
|
||||
<p>
|
||||
<button class="btn btn-primary" onclick="if(typeof restartOnboarding==='function'){sidebar.close();restartOnboarding()}" style="font-size:0.85rem;">
|
||||
<i class="fa-solid fa-route"></i> Tutorial starten
|
||||
</button>
|
||||
</p>
|
||||
|
||||
<h3><i class="fa-solid fa-map-location-dot"></i> Karte bedienen</h3>
|
||||
<p>Verschieben Sie die Karte per Mausklick und Ziehen. Zoomen Sie mit dem Mausrad oder den Zoom-Buttons.</p>
|
||||
|
||||
<h3><i class="fa-solid fa-location-dot"></i> Beitrag hinzufügen</h3>
|
||||
<p>Verwenden Sie die Zeichenwerkzeuge rechts, um Hinweise, Anregungen und Vorschläge auf der Mitmachkarte als Punkte, Linien oder Flächen hinzuzufügen.</p>
|
||||
|
||||
<h3><i class="fa-solid fa-thumbs-up"></i> Bewerten</h3>
|
||||
<p>Klicken Sie auf bestehende Beiträge und nutzen Sie die Bewertungsfunktion, um Ihre Meinung zu äußern.</p>
|
||||
|
||||
<h3><i class="fa-solid fa-comments"></i> Kommentieren</h3>
|
||||
<p>Gerne können Sie Ihre Meinung zu bestehenden Beiträgen auch durch die Kommentarfunktion äußern.</p>
|
||||
|
||||
<h3><i class="fa-solid fa-clipboard-check"></i> Aufgaben erledigen</h3>
|
||||
<p>Klicken Sie auf eine offene Aufgabe und melden Sie die Erledigung mit einem Foto-Nachweis.</p>
|
||||
|
||||
<h3><i class="fa-solid fa-magnifying-glass"></i> Suchen</h3>
|
||||
<p>Verwenden Sie die Adresssuche rechts, um schnell den richtigen Ort auf der Mitmachkarte zu finden.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Leaflet Map -->
|
||||
@@ -246,7 +296,7 @@ $news_items = $stmt->fetchAll();
|
||||
<!-- ============================================================= -->
|
||||
<footer id="app-footer">
|
||||
<span class="dev-warning">
|
||||
<i class="fa-solid fa-triangle-exclamation"></i> Demoversion - nicht in Absprache mit der Stadt Lohne entwickelt! Alle Beitrage, Kommentare und Personen sind frei erfunden.
|
||||
<i class="fa-solid fa-triangle-exclamation"></i> Demoversion - nicht in Rücksprache mit der Stadt Lohne entwickelt! Alle Beitrage, Kommentare und Personen sind frei erfunden.
|
||||
</span>
|
||||
<div class="footer-content">
|
||||
<span class="footer-text">© <a href="https://endex-geodaten.de" target="_blank" style="color:inherit;">endex GmbH</a></span>
|
||||
@@ -267,7 +317,7 @@ $news_items = $stmt->fetchAll();
|
||||
<li>Bestehende Beiträge der Bürgerschaft betrachten und bewerten</li>
|
||||
</ul>
|
||||
<p style="background:#fff3cd;padding:10px;border-radius:6px;border:1px solid #ffc107;font-size:0.85rem;color:#856404;">
|
||||
<i class="fa-solid fa-triangle-exclamation"></i> <strong>Hinweis:</strong> Dieses Bürgerbeteiligungsportal befindet sich noch in der Entwicklung und wurde nicht offiziell beauftragt.
|
||||
<i class="fa-solid fa-triangle-exclamation"></i> <strong>Hinweis:</strong> Demoversion - nicht in Rücksprache mit der Stadt Lohne entwickelt! Alle Beitrage, Kommentare und Personen sind frei erfunden.
|
||||
</p>
|
||||
<p>Zum Hinzufügen von Beiträgen geben Sie bitte zunächst Ihren Namen ein.</p> <div class="modal-actions">
|
||||
<button class="btn btn-primary" onclick="closeWelcomeAndShowLogin()">Loslegen</button>
|
||||
@@ -342,7 +392,7 @@ $news_items = $stmt->fetchAll();
|
||||
|
||||
|
||||
<!-- ============================================================= -->
|
||||
<!-- Loads JavaScript Dependencies -->
|
||||
<!-- Loads JavaScript Dependencies -->
|
||||
<!-- ============================================================= -->
|
||||
|
||||
<!-- Leaflet 1.9.4 -->
|
||||
@@ -366,11 +416,18 @@ $news_items = $stmt->fetchAll();
|
||||
<!-- SweetAlert2 -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.14.0/dist/sweetalert2.all.min.js"></script>
|
||||
|
||||
<!-- Shepherd.js Library -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/shepherd.js@11.2.0/dist/js/shepherd.min.js"></script>
|
||||
|
||||
<!-- Onboarding Logic -->
|
||||
<script src="js/onboarding.js"></script>
|
||||
|
||||
|
||||
<!-- ============================================================= -->
|
||||
<!-- Municipality Configuration passed to JavaScript -->
|
||||
<!-- ============================================================= -->
|
||||
<script>
|
||||
// Municipality Configuration from Database — used by app.js
|
||||
// Municipality Configuration from Database
|
||||
const MUNICIPALITY = {
|
||||
id: <?= $municipality['municipality_id'] ?>,
|
||||
name: "<?= htmlspecialchars($municipality['name'], ENT_QUOTES) ?>",
|
||||
@@ -382,6 +439,7 @@ $news_items = $stmt->fetchAll();
|
||||
|
||||
// Category Definitions from Database
|
||||
const CATEGORIES = <?= json_encode(get_categories(), JSON_UNESCAPED_UNICODE) ?>;
|
||||
const TASK_CATEGORIES = <?= json_encode(get_task_categories(), JSON_UNESCAPED_UNICODE) ?>;
|
||||
|
||||
// Admin Status from PHP Session
|
||||
const IS_ADMIN = <?= (function_exists('is_admin') && is_admin()) ? 'true' : 'false' ?>;
|
||||
|
||||
637
public/js/admin.js
Normal file
637
public/js/admin.js
Normal file
@@ -0,0 +1,637 @@
|
||||
// =====================================================================
|
||||
// WebGIS Moderation Portal — Application Logic
|
||||
// Initializes Map Preview, loads Contributions from the API,
|
||||
// handles CRUD Workflow, sorting and filtering for Contributions,
|
||||
// Comments and News, and manages all UI Interactions
|
||||
//
|
||||
// Depends on: ADMIN_CONFIG Object set in Moderation Page
|
||||
// =====================================================================
|
||||
|
||||
// =====================================================================
|
||||
// Block 0: Configuration and Application State
|
||||
// =====================================================================
|
||||
|
||||
// API Endpoint as relative Path
|
||||
const API_URL = 'api/contributions.php';
|
||||
|
||||
// =====================================================================
|
||||
// Block 1: Page Tab Navigation
|
||||
// =====================================================================
|
||||
|
||||
// Restores active Tab after Page Reload
|
||||
const savedTab = sessionStorage.getItem('admin_active_tab');
|
||||
if (savedTab) {
|
||||
// Delays to ensure DOM is ready
|
||||
setTimeout(function () {
|
||||
const tabBtn = document.querySelector('.page-tab[onclick*="' + savedTab + '"]');
|
||||
if (tabBtn) tabBtn.click();
|
||||
}, 100);
|
||||
}
|
||||
|
||||
|
||||
// Page Tab Navigation
|
||||
function showPageTab(tabName) {
|
||||
// Saves active Tab for Persistence after Reload
|
||||
sessionStorage.setItem('admin_active_tab', tabName);
|
||||
|
||||
document.querySelectorAll('.page-tab-content').forEach(function (el) {
|
||||
el.style.display = 'none';
|
||||
});
|
||||
|
||||
// Deactivates all Tab Buttons
|
||||
document.querySelectorAll('.page-tab').forEach(function (el) {
|
||||
el.classList.remove('active');
|
||||
});
|
||||
|
||||
// Shows selected Tab and activates Button
|
||||
document.getElementById('tab-' + tabName).style.display = 'block';
|
||||
event.currentTarget.classList.add('active');
|
||||
}
|
||||
|
||||
|
||||
// =====================================================================
|
||||
// Block 2: Collapsible Rows for Contributions and Comments
|
||||
// =====================================================================
|
||||
function toggleRow(row) {
|
||||
const wasOpen = row.classList.contains('open');
|
||||
|
||||
// Closes all open Rows
|
||||
document.querySelectorAll('.contribution-row.open').forEach(function (el) {
|
||||
el.classList.remove('open');
|
||||
});
|
||||
|
||||
// Toggles clicked Row
|
||||
if (!wasOpen) {
|
||||
row.classList.add('open');
|
||||
|
||||
// Loads Map Preview if not already loaded
|
||||
const mapDiv = row.querySelector('.detail-map');
|
||||
if (mapDiv && !mapDiv.dataset.loaded) {
|
||||
loadMapPreview(mapDiv);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// =====================================================================
|
||||
// Block 3: Details Slider for Maps and Photos
|
||||
// =====================================================================
|
||||
function slideDetail(contributionId, direction) {
|
||||
const slider = document.getElementById('slider-' + contributionId);
|
||||
if (!slider) return;
|
||||
|
||||
const slides = slider.querySelectorAll('.detail-slide');
|
||||
let activeIndex = -1;
|
||||
|
||||
// Finds active Slide
|
||||
slides.forEach(function (slide, i) {
|
||||
if (slide.style.display !== 'none') activeIndex = i;
|
||||
});
|
||||
|
||||
// Calculates next Slide Index
|
||||
const nextIndex = (activeIndex + direction + slides.length) % slides.length;
|
||||
|
||||
// Switches Slides
|
||||
slides.forEach(function (slide) { slide.style.display = 'none'; });
|
||||
slides[nextIndex].style.display = 'block';
|
||||
|
||||
// Loads Map if switching to Map Slide
|
||||
if (slides[nextIndex].dataset.slide === 'map') {
|
||||
const mapDiv = slides[nextIndex].querySelector('.detail-map');
|
||||
if (mapDiv && !mapDiv.dataset.loaded) {
|
||||
loadMapPreview(mapDiv);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// =====================================================================
|
||||
// Block 4: Map Preview (Leaflet Mini Map per Contribution)
|
||||
// =====================================================================
|
||||
|
||||
// Erstellt eine Leaflet-Mini-Map in einem Beitrags-Detail-Container.
|
||||
// Lädt alle Beiträge via API und zeigt die Geometrie des entsprechenden Beitrags.
|
||||
// Markiert die Map als geladen (data-loaded="true"), um doppeltes Laden zu verhindern.
|
||||
function loadMapPreview(mapDiv) {
|
||||
const contributionId = mapDiv.dataset.contributionId;
|
||||
|
||||
// Fetches all Contributions to find the Geometry
|
||||
const formData = new FormData();
|
||||
formData.append('action', 'read');
|
||||
formData.append('municipality_id', ADMIN_CONFIG.id);
|
||||
formData.append('status', 'all');
|
||||
|
||||
fetch(API_URL, { method: 'POST', body: formData })
|
||||
.then(function (r) { return r.json(); })
|
||||
.then(function (data) {
|
||||
if (!data.features) return;
|
||||
|
||||
// Finds specific Contribution
|
||||
const feature = data.features.find(function (f) {
|
||||
return f.properties.contribution_id == contributionId;
|
||||
});
|
||||
|
||||
if (!feature) {
|
||||
mapDiv.innerHTML = '<div style="padding:20px;color:#999;text-align:center;font-size:0.8rem;">Geometrie nicht gefunden.</div>';
|
||||
return;
|
||||
}
|
||||
|
||||
// Creates Leaflet Mini Map
|
||||
const miniMap = L.map(mapDiv, {
|
||||
zoomControl: false,
|
||||
attributionControl: false,
|
||||
dragging: true,
|
||||
scrollWheelZoom: false
|
||||
});
|
||||
|
||||
L.tileLayer('https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png', {
|
||||
maxZoom: 20
|
||||
}).addTo(miniMap);
|
||||
|
||||
// Adds Geometry to Mini Map
|
||||
const geojsonLayer = L.geoJSON(feature, {
|
||||
style: {
|
||||
color: ADMIN_CONFIG.primaryColor,
|
||||
weight: 3,
|
||||
fillOpacity: 0.2
|
||||
},
|
||||
pointToLayer: function (f, latlng) {
|
||||
return L.circleMarker(latlng, {
|
||||
radius: 8,
|
||||
color: '#ffffff',
|
||||
weight: 2,
|
||||
fillColor: ADMIN_CONFIG.primaryColor,
|
||||
fillOpacity: 0.9
|
||||
});
|
||||
}
|
||||
}).addTo(miniMap);
|
||||
|
||||
// Fits Map to Geometry Bounds
|
||||
const bounds = geojsonLayer.getBounds();
|
||||
if (bounds.isValid()) {
|
||||
miniMap.fitBounds(bounds, { padding: [25, 25], maxZoom: 17 });
|
||||
} else {
|
||||
miniMap.setView(ADMIN_CONFIG.center, 15);
|
||||
}
|
||||
|
||||
mapDiv.dataset.loaded = 'true';
|
||||
})
|
||||
.catch(function () {
|
||||
mapDiv.innerHTML = '<div style="padding:20px;color:#999;text-align:center;font-size:0.8rem;">Karte nicht verfügbar.</div>';
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// =====================================================================
|
||||
// Block 5: Contributions Filter and Sorting
|
||||
// =====================================================================
|
||||
|
||||
// Filters Contributions
|
||||
let currentFilter = 'all';
|
||||
function filterByStatus(status, tabButton) {
|
||||
currentFilter = status;
|
||||
|
||||
// Updates active Tab
|
||||
document.querySelectorAll('.filter-tab').forEach(function (el) {
|
||||
el.classList.remove('active');
|
||||
});
|
||||
tabButton.classList.add('active');
|
||||
|
||||
// Shows or Hides Contribution Rows
|
||||
let visibleCount = 0;
|
||||
document.querySelectorAll('#contributions-container .contribution-row').forEach(function (row) {
|
||||
if (status === 'all' || row.dataset.status === status) {
|
||||
row.style.display = '';
|
||||
visibleCount++;
|
||||
} else {
|
||||
row.style.display = 'none';
|
||||
}
|
||||
});
|
||||
|
||||
// Updates Count Display
|
||||
document.getElementById('visible-count').textContent = visibleCount + ' Beiträge';
|
||||
}
|
||||
|
||||
|
||||
// Sorts Contributions
|
||||
function sortContributions(sortBy) {
|
||||
const container = document.getElementById('contributions-container');
|
||||
const rows = Array.from(container.querySelectorAll('.contribution-row'));
|
||||
|
||||
rows.sort(function (a, b) {
|
||||
if (sortBy === 'date-desc') return new Date(b.dataset.date) - new Date(a.dataset.date);
|
||||
if (sortBy === 'date-asc') return new Date(a.dataset.date) - new Date(b.dataset.date);
|
||||
if (sortBy === 'category') return a.dataset.category.localeCompare(b.dataset.category);
|
||||
return 0;
|
||||
});
|
||||
|
||||
// Reappends sorted Rows
|
||||
rows.forEach(function (row) { container.appendChild(row); });
|
||||
}
|
||||
|
||||
|
||||
// =====================================================================
|
||||
// Block 6: Comments Filter and Sorting
|
||||
// =====================================================================
|
||||
|
||||
// Filters Comments
|
||||
function filterCommentsByStatus(status, tabButton) {
|
||||
|
||||
// Updates active Tab
|
||||
document.querySelectorAll('#comment-filter-tabs .filter-tab').forEach(function (el) {
|
||||
el.classList.remove('active');
|
||||
});
|
||||
tabButton.classList.add('active');
|
||||
|
||||
// Shows or Hides Comments Rows
|
||||
let visibleCount = 0;
|
||||
document.querySelectorAll('.comment-mod-row').forEach(function (row) {
|
||||
if (status === 'all' || row.dataset.status === status) {
|
||||
row.style.display = '';
|
||||
visibleCount++;
|
||||
} else {
|
||||
row.style.display = 'none';
|
||||
}
|
||||
});
|
||||
// Updates Count Display
|
||||
document.getElementById('comment-visible-count').textContent = visibleCount + ' Kommentare';
|
||||
}
|
||||
|
||||
|
||||
// Sorts Comments
|
||||
function sortCommentRows(sortBy) {
|
||||
const container = document.getElementById('comments-mod-container');
|
||||
const rows = Array.from(container.querySelectorAll('.comment-mod-row'));
|
||||
|
||||
rows.sort(function (a, b) {
|
||||
if (sortBy === 'date-desc') return new Date(b.dataset.date) - new Date(a.dataset.date);
|
||||
if (sortBy === 'date-asc') return new Date(a.dataset.date) - new Date(b.dataset.date);
|
||||
if (sortBy === 'contribution') return a.dataset.contribution.localeCompare(b.dataset.contribution);
|
||||
return 0;
|
||||
});
|
||||
// Reappends sorted Rows
|
||||
rows.forEach(function (row) { container.appendChild(row); });
|
||||
}
|
||||
|
||||
|
||||
// =====================================================================
|
||||
// Block 7: Helper Functions
|
||||
// =====================================================================
|
||||
|
||||
// Sends a POST request to API
|
||||
// promise-based instead of callback-based
|
||||
function apiCall(data) {
|
||||
const formData = new FormData();
|
||||
for (const key in data) {
|
||||
formData.append(key, data[key]);
|
||||
}
|
||||
|
||||
return fetch(API_URL, { method: 'POST', body: formData })
|
||||
.then(function (r) { return r.json(); });
|
||||
}
|
||||
|
||||
|
||||
// Escapes HTML to prevent Cross-Site Scripting (XSS) in Popups and Lists
|
||||
function escapeHtml(text) {
|
||||
|
||||
if (!text) return '';
|
||||
const div = document.createElement('div');
|
||||
div.appendChild(document.createTextNode(text));
|
||||
return div.innerHTML;
|
||||
}
|
||||
|
||||
// =====================================================================
|
||||
// Block 8: CRUD Operations for Contributions
|
||||
// =====================================================================
|
||||
|
||||
// STATUS: Changes Contribution Status
|
||||
function changeStatus(contributionId, newStatus) {
|
||||
const labels = { approved: 'freigeben', rejected: 'ablehnen', pending: 'zurücksetzen' };
|
||||
|
||||
Swal.fire({
|
||||
title: 'Beitrag ' + labels[newStatus] + '?',
|
||||
showCancelButton: true,
|
||||
confirmButtonText: 'Ja',
|
||||
cancelButtonText: 'Abbrechen',
|
||||
confirmButtonColor: ADMIN_CONFIG.primaryColor
|
||||
}).then(function (result) {
|
||||
if (!result.isConfirmed) return;
|
||||
|
||||
apiCall({
|
||||
action: 'update',
|
||||
contribution_id: contributionId,
|
||||
status: newStatus
|
||||
}).then(function (response) {
|
||||
if (response.error) {
|
||||
Swal.fire('Fehler', response.error, 'error');
|
||||
return;
|
||||
}
|
||||
// Reloads Page to reflect Changes
|
||||
location.reload();
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// UPDATE: Edits existing Contributions
|
||||
function editContribution(contributionId, currentTitle, currentDescription) {
|
||||
Swal.fire({
|
||||
title: 'Beitrag bearbeiten',
|
||||
html:
|
||||
'<div style="text-align:left;">' +
|
||||
'<div style="margin-bottom:12px;">' +
|
||||
'<label style="display:block;font-weight:600;font-size:1.15rem;margin-bottom:4px;">Titel</label>' +
|
||||
'<input id="swal-title" class="swal2-input" style="margin:0;width:100%;" value="' + escapeHtml(currentTitle) + '">' +
|
||||
'</div>' +
|
||||
'<div>' +
|
||||
'<label style="display:block;font-weight:600;font-size:1.15rem;margin-bottom:4px;">Beschreibung</label>' +
|
||||
'<textarea id="swal-description" class="swal2-textarea" style="margin:0;width:100%;">' + escapeHtml(currentDescription) + '</textarea>' +
|
||||
'</div>' +
|
||||
'</div>',
|
||||
showCancelButton: true,
|
||||
confirmButtonText: 'Speichern',
|
||||
cancelButtonText: 'Abbrechen',
|
||||
confirmButtonColor: ADMIN_CONFIG.primaryColor,
|
||||
preConfirm: function () {
|
||||
return {
|
||||
title: document.getElementById('swal-title').value.trim(),
|
||||
description: document.getElementById('swal-description').value.trim()
|
||||
};
|
||||
}
|
||||
}).then(function (result) {
|
||||
if (!result.isConfirmed) return;
|
||||
|
||||
apiCall({
|
||||
action: 'update',
|
||||
contribution_id: contributionId,
|
||||
title: result.value.title,
|
||||
description: result.value.description
|
||||
}).then(function (response) {
|
||||
if (response.error) {
|
||||
Swal.fire('Fehler', response.error, 'error');
|
||||
return;
|
||||
}
|
||||
Swal.fire('Gespeichert!', 'Beitrag wurde aktualisiert.', 'success')
|
||||
.then(function () { location.reload(); });
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// DELETE: Deletes existing Contributions
|
||||
function deleteContribution(contributionId) {
|
||||
Swal.fire({
|
||||
title: 'Beitrag löschen?',
|
||||
text: 'Diese Aktion kann nicht rückgängig gemacht werden.',
|
||||
icon: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonText: 'Beitrag löschen',
|
||||
cancelButtonText: 'Abbrechen',
|
||||
confirmButtonColor: '#c62828'
|
||||
}).then(function (result) {
|
||||
if (!result.isConfirmed) return;
|
||||
|
||||
apiCall({
|
||||
action: 'delete',
|
||||
contribution_id: contributionId
|
||||
}).then(function (response) {
|
||||
if (response.error) {
|
||||
Swal.fire('Fehler', response.error, 'error');
|
||||
return;
|
||||
}
|
||||
Swal.fire('Gelöscht!', 'Beitrag wurde gelöscht.', 'success')
|
||||
.then(function () { location.reload(); });
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// =====================================================================
|
||||
// Block 9: CRUD Operations for Comments
|
||||
// =====================================================================
|
||||
|
||||
// STATUS: Changes Comment Status
|
||||
function changeCommentStatus(commentId, newStatus) {
|
||||
const labels = { approved: 'akzeptieren', rejected: 'ablehnen', pending: 'zurücksetzen' };
|
||||
|
||||
Swal.fire({
|
||||
title: 'Kommentar ' + labels[newStatus] + '?',
|
||||
showCancelButton: true,
|
||||
confirmButtonText: 'Ja',
|
||||
cancelButtonText: 'Abbrechen',
|
||||
confirmButtonColor: ADMIN_CONFIG.primaryColor
|
||||
}).then(function (result) {
|
||||
if (!result.isConfirmed) return;
|
||||
|
||||
apiCall({
|
||||
action: 'update_comment',
|
||||
comment_id: commentId,
|
||||
status: newStatus
|
||||
}).then(function (response) {
|
||||
if (response.error) {
|
||||
Swal.fire('Fehler', response.error, 'error');
|
||||
return;
|
||||
}
|
||||
location.reload();
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// UPDATE: Edits existing Comments
|
||||
function editModComment(commentId, currentContent) {
|
||||
Swal.fire({
|
||||
title: 'Kommentar bearbeiten',
|
||||
html:
|
||||
'<div style="text-align:left;">' +
|
||||
'<label style="display:block;font-weight:600;font-size:1.15rem;margin-bottom:4px;">Inhalt</label>' +
|
||||
'<textarea id="swal-comment-content" class="swal2-textarea" style="margin:0;width:100%;">' + escapeHtml(currentContent) + '</textarea>' +
|
||||
'</div>',
|
||||
showCancelButton: true,
|
||||
confirmButtonText: 'Speichern',
|
||||
cancelButtonText: 'Abbrechen',
|
||||
confirmButtonColor: ADMIN_CONFIG.primaryColor,
|
||||
preConfirm: function () {
|
||||
return { content: document.getElementById('swal-comment-content').value.trim() };
|
||||
}
|
||||
}).then(function (result) {
|
||||
if (!result.isConfirmed) return;
|
||||
|
||||
apiCall({
|
||||
action: 'update_comment',
|
||||
comment_id: commentId,
|
||||
content: result.value.content
|
||||
}).then(function (response) {
|
||||
if (response.error) {
|
||||
Swal.fire('Fehler', response.error, 'error');
|
||||
return;
|
||||
}
|
||||
Swal.fire('Gespeichert!', 'Kommentar wurde aktualisiert.', 'success')
|
||||
.then(function () { location.reload(); });
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// DELETE: Deletes existing Comments
|
||||
function deleteModComment(commentId) {
|
||||
Swal.fire({
|
||||
title: 'Kommentar löschen?',
|
||||
text: 'Diese Aktion kann nicht rückgängig gemacht werden.',
|
||||
icon: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonText: 'Löschen',
|
||||
cancelButtonText: 'Abbrechen',
|
||||
confirmButtonColor: '#c62828'
|
||||
}).then(function (result) {
|
||||
if (!result.isConfirmed) return;
|
||||
|
||||
apiCall({
|
||||
action: 'delete_comment',
|
||||
comment_id: commentId
|
||||
}).then(function (response) {
|
||||
if (response.error) {
|
||||
Swal.fire('Fehler', response.error, 'error');
|
||||
return;
|
||||
}
|
||||
Swal.fire('Gelöscht!', 'Kommentar wurde entfernt.', 'success')
|
||||
.then(function () { location.reload(); });
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// =====================================================================
|
||||
// Block 10: CRUD Operations for News
|
||||
// =====================================================================
|
||||
|
||||
// CREATE: Submits new News Article
|
||||
function createNews() {
|
||||
Swal.fire({
|
||||
title: 'Neuigkeit hinzufügen',
|
||||
html:
|
||||
'<div style="text-align:left;">' +
|
||||
'<div style="margin-bottom:12px;">' +
|
||||
'<label style="display:block;font-weight:600;font-size:1.15rem;margin-bottom:4px;">Titel</label>' +
|
||||
'<input id="swal-news-title" class="swal2-input" style="margin:0;width:100%;" placeholder="Titel der Neuigkeit">' +
|
||||
'</div>' +
|
||||
'<div style="margin-bottom:12px;">' +
|
||||
'<label style="display:block;font-weight:600;font-size:1.15rem;margin-bottom:4px;">Inhalt</label>' +
|
||||
'<textarea id="swal-news-content" class="swal2-textarea" style="margin:0;width:100%;" placeholder="Neuigkeit verfassen..."></textarea>' +
|
||||
'</div>' +
|
||||
'<div>' +
|
||||
'<label style="display:block;font-weight:600;font-size:1.15rem;margin-bottom:4px;">Autor</label>' +
|
||||
'<input id="swal-news-author" class="swal2-input" style="margin:0;width:100%;" value="Stadtverwaltung">' +
|
||||
'</div>' +
|
||||
'</div>',
|
||||
showCancelButton: true,
|
||||
confirmButtonText: 'Veröffentlichen',
|
||||
cancelButtonText: 'Abbrechen',
|
||||
confirmButtonColor: ADMIN_CONFIG.primaryColor,
|
||||
preConfirm: function () {
|
||||
const title = document.getElementById('swal-news-title').value.trim();
|
||||
const content = document.getElementById('swal-news-content').value.trim();
|
||||
const author = document.getElementById('swal-news-author').value.trim() || 'Stadtverwaltung';
|
||||
if (!title || !content) {
|
||||
Swal.showValidationMessage('Titel und Inhalt sind Pflichtfelder.');
|
||||
return false;
|
||||
}
|
||||
return { title, content, author_name: author };
|
||||
}
|
||||
}).then(function (result) {
|
||||
if (!result.isConfirmed) return;
|
||||
|
||||
apiCall({
|
||||
action: 'create_news',
|
||||
municipality_id: ADMIN_CONFIG.id,
|
||||
title: result.value.title,
|
||||
content: result.value.content,
|
||||
author_name: result.value.author_name
|
||||
}).then(function (response) {
|
||||
if (response.error) {
|
||||
Swal.fire('Fehler', response.error, 'error');
|
||||
return;
|
||||
}
|
||||
Swal.fire('Veröffentlicht!', 'Neuigkeit wurde veröffentlicht.', 'success')
|
||||
.then(function () { location.reload(); });
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// UPDATE: Edits existing News
|
||||
function editNews(newsId, currentTitle, currentContent, currentAuthor) {
|
||||
Swal.fire({
|
||||
title: 'Neuigkeit bearbeiten',
|
||||
html:
|
||||
'<div style="text-align:left;">' +
|
||||
'<div style="margin-bottom:12px;">' +
|
||||
'<label style="display:block;font-weight:600;font-size:1.15rem;margin-bottom:4px;">Titel</label>' +
|
||||
'<input id="swal-news-title" class="swal2-input" style="margin:0;width:100%;" value="' + escapeHtml(currentTitle) + '">' +
|
||||
'</div>' +
|
||||
'<div style="margin-bottom:12px;">' +
|
||||
'<label style="display:block;font-weight:600;font-size:1.15rem;margin-bottom:4px;">Inhalt</label>' +
|
||||
'<textarea id="swal-news-content" class="swal2-textarea" style="margin:0;width:100%;">' + escapeHtml(currentContent) + '</textarea>' +
|
||||
'</div>' +
|
||||
'<div>' +
|
||||
'<label style="display:block;font-weight:600;font-size:1.15rem;margin-bottom:4px;">Autor</label>' +
|
||||
'<input id="swal-news-author" class="swal2-input" style="margin:0;width:100%;" value="' + escapeHtml(currentAuthor) + '">' +
|
||||
'</div>' +
|
||||
'</div>',
|
||||
showCancelButton: true,
|
||||
confirmButtonText: 'Speichern',
|
||||
cancelButtonText: 'Abbrechen',
|
||||
confirmButtonColor: ADMIN_CONFIG.primaryColor,
|
||||
preConfirm: function () {
|
||||
return {
|
||||
title: document.getElementById('swal-news-title').value.trim(),
|
||||
content: document.getElementById('swal-news-content').value.trim(),
|
||||
author_name: document.getElementById('swal-news-author').value.trim() || 'Stadtverwaltung'
|
||||
};
|
||||
}
|
||||
}).then(function (result) {
|
||||
if (!result.isConfirmed) return;
|
||||
|
||||
apiCall({
|
||||
action: 'update_news',
|
||||
news_id: newsId,
|
||||
title: result.value.title,
|
||||
content: result.value.content,
|
||||
author_name: result.value.author_name
|
||||
}).then(function (response) {
|
||||
if (response.error) {
|
||||
Swal.fire('Fehler', response.error, 'error');
|
||||
return;
|
||||
}
|
||||
Swal.fire('Gespeichert!', 'Neuigkeit wurde aktualisiert.', 'success')
|
||||
.then(function () { location.reload(); });
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// DELETE: Deletes existing News
|
||||
function deleteNews(newsId) {
|
||||
Swal.fire({
|
||||
title: 'Neuigkeit löschen?',
|
||||
text: 'Diese Aktion kann nicht rückgängig gemacht werden.',
|
||||
icon: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonText: 'Löschen',
|
||||
cancelButtonText: 'Abbrechen',
|
||||
confirmButtonColor: '#c62828'
|
||||
}).then(function (result) {
|
||||
if (!result.isConfirmed) return;
|
||||
|
||||
apiCall({
|
||||
action: 'delete_news',
|
||||
news_id: newsId
|
||||
}).then(function (response) {
|
||||
if (response.error) {
|
||||
Swal.fire('Fehler', response.error, 'error');
|
||||
return;
|
||||
}
|
||||
Swal.fire('Gelöscht!', 'Neuigkeit wurde gelöscht.', 'success')
|
||||
.then(function () { location.reload(); });
|
||||
});
|
||||
});
|
||||
}
|
||||
@@ -3,9 +3,7 @@
|
||||
// Initializes Leaflet Map, loads Contributions from the API,
|
||||
// handles CRUD Workflow, and manages all UI Interactions.
|
||||
//
|
||||
// Depends on: MUNICIPALITY Object set in Main Page, Leaflet, Geoman,
|
||||
// Sidebar, Geocoder, PolylineMeasure, Fullscreen,
|
||||
// and SweetAlert2 Plugins.
|
||||
// Depends on: MUNICIPALITY Object set in Citizen Portal
|
||||
// =====================================================================
|
||||
|
||||
|
||||
@@ -900,24 +898,24 @@ function updateStatistics() {
|
||||
const total = contributionsData.length;
|
||||
|
||||
// Counts per Category
|
||||
const counts = {};
|
||||
contributionsData.forEach(function (f) {
|
||||
const cat = f.properties.category;
|
||||
counts[cat] = (counts[cat] || 0) + 1;
|
||||
});
|
||||
// const counts = {};
|
||||
// contributionsData.forEach(function (f) {
|
||||
// const cat = f.properties.category;
|
||||
// counts[cat] = (counts[cat] || 0) + 1;
|
||||
// });
|
||||
|
||||
let html = '<p style="font-size:0.9rem;"><strong>' + total + '</strong> Beiträge insgesamt</p>';
|
||||
let html = '<p style="font-size:0.8rem;"><strong>' + total + '</strong> Hinweise insgesamt</p>';
|
||||
|
||||
for (const key in CATEGORIES) {
|
||||
const cat = CATEGORIES[key];
|
||||
const count = counts[key] || 0;
|
||||
if (count > 0) {
|
||||
html += '<div style="display:flex;align-items:center;gap:8px;margin:4px 0;font-size:0.85rem;">' +
|
||||
categoryIcon(cat) + ' ' +
|
||||
cat.label + ': ' + count +
|
||||
'</div>';
|
||||
}
|
||||
}
|
||||
// for (const key in CATEGORIES) {
|
||||
// const cat = CATEGORIES[key];
|
||||
// const count = counts[key] || 0;
|
||||
// if (count > 0) {
|
||||
// html += '<div style="display:flex;align-items:center;gap:8px;margin:4px 0;font-size:0.8rem;">' +
|
||||
// categoryIcon(cat) + ' ' +
|
||||
// cat.label + ': ' + count +
|
||||
// '</div>';
|
||||
// }
|
||||
// }
|
||||
|
||||
container.innerHTML = html;
|
||||
}
|
||||
@@ -980,7 +978,15 @@ function showInfoModal() {
|
||||
'<strong>' + MUNICIPALITY.name + '</strong> mitzuwirken.</p>' +
|
||||
'<p style="text-align:left;line-height:1.6;">Bitte tragen Sie Hinweise, Anregungen und Vorschläge ' +
|
||||
'mithilfe der Zeichenwerkzeuge auf der Karte ein.</p>',
|
||||
confirmButtonColor: MUNICIPALITY.primaryColor
|
||||
showDenyButton: true,
|
||||
confirmButtonText: 'Schließen',
|
||||
denyButtonText: '<i class="fa-solid fa-route"></i> Tutorial starten',
|
||||
confirmButtonColor: MUNICIPALITY.primaryColor,
|
||||
denyButtonColor: '#546E7A'
|
||||
}).then(function (result) {
|
||||
if (result.isDenied && typeof restartOnboarding === 'function') {
|
||||
restartOnboarding();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
277
public/js/onboarding.js
Normal file
277
public/js/onboarding.js
Normal file
@@ -0,0 +1,277 @@
|
||||
// =====================================================================
|
||||
// WebGIS Citizen Participation Portal — Onboarding Tour
|
||||
// Guides Users through the Participation Portal
|
||||
// =====================================================================
|
||||
|
||||
|
||||
// =================================================================
|
||||
// Block 1: Onboarding Configuration
|
||||
// =================================================================
|
||||
|
||||
// ONBOARDING_MODE — Controls when the Tutorial is shown:
|
||||
const ONBOARDING_MODE = 'once';
|
||||
// 'once' — Shown on first Visit, stored in localStorage
|
||||
// 'session' — Shown per Browser Session, stored in sessionStorage
|
||||
// 'always' — Shows always, nothing stored
|
||||
|
||||
// Prevents double Initialization
|
||||
let onboardingStarted = false;
|
||||
|
||||
|
||||
// =================================================================
|
||||
// Block 2: Tour Initialization
|
||||
// =================================================================
|
||||
|
||||
function initOnboardingTour() {
|
||||
|
||||
// Checks if Tutorial should be shown based on Onboarding Mode
|
||||
if (ONBOARDING_MODE === 'once' && localStorage.getItem('webgis_onboarding_done')) {
|
||||
return;
|
||||
}
|
||||
if (ONBOARDING_MODE === 'session' && sessionStorage.getItem('webgis_onboarding_done')) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Waits for Welcome and Login Modals to be closed
|
||||
waitForModalsToClose(function () {
|
||||
setTimeout(startTour, 600);
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// =================================================================
|
||||
// Block 3: Modal Watcher — Starts Tour other Welcome and Login Modals closed
|
||||
// =================================================================
|
||||
|
||||
function waitForModalsToClose(callback) {
|
||||
const welcomeModal = document.getElementById('welcome-modal');
|
||||
const loginModal = document.getElementById('login-modal');
|
||||
|
||||
const checkInterval = setInterval(function () {
|
||||
const welcomeHidden = !welcomeModal || welcomeModal.style.display === 'none' || welcomeModal.style.display === '';
|
||||
const loginHidden = !loginModal || loginModal.style.display === 'none' || loginModal.style.display === '';
|
||||
|
||||
if (welcomeHidden && loginHidden) {
|
||||
clearInterval(checkInterval);
|
||||
callback();
|
||||
}
|
||||
}, 300);
|
||||
|
||||
// Safety Timeout
|
||||
setTimeout(function () {
|
||||
clearInterval(checkInterval);
|
||||
callback();
|
||||
}, 30000);
|
||||
}
|
||||
|
||||
|
||||
// =================================================================
|
||||
// Block 4: Tour Definition
|
||||
// =================================================================
|
||||
|
||||
function startTour() {
|
||||
// Prevents double Start
|
||||
if (onboardingStarted) return;
|
||||
onboardingStarted = true;
|
||||
|
||||
const tour = new Shepherd.Tour({
|
||||
useModalOverlay: true,
|
||||
defaultStepOptions: {
|
||||
cancelIcon: { enabled: true },
|
||||
scrollTo: false,
|
||||
classes: 'onboarding-step',
|
||||
popperOptions: {
|
||||
modifiers: [
|
||||
{ name: 'offset', options: { offset: [0, 14] } }
|
||||
]
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// -----------------------------------------------------------------
|
||||
// Step 1: Welcome
|
||||
// -----------------------------------------------------------------
|
||||
tour.addStep({
|
||||
id: 'welcome',
|
||||
title: '<i class="fa-solid fa-hand-wave"></i> Wilkommen bei der Mitmachkarte!',
|
||||
text: 'Dieses interaktive Tutorial zeigt Ihnen die Kernfunktionen der Mitmachkarte.' +
|
||||
'<br><br><span style="font-size:0.8rem;color:var(--color-text-secondary);">Sie können das Tutorial jederzeit durch den Hilfe-Tab der Seitenleiste wiederholen.</span>',
|
||||
buttons: [
|
||||
{
|
||||
text: 'Überspringen',
|
||||
action: tour.cancel,
|
||||
classes: 'shepherd-button-secondary'
|
||||
},
|
||||
{
|
||||
text: 'Los geht\'s <i class="fa-solid fa-arrow-right"></i>',
|
||||
action: tour.next,
|
||||
classes: 'shepherd-button-primary'
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
|
||||
// -----------------------------------------------------------------
|
||||
// Step 2: Drawing Tools
|
||||
// -----------------------------------------------------------------
|
||||
tour.addStep({
|
||||
id: 'drawing-tools',
|
||||
title: '<i class="fa-solid fa-pencil"></i> Beitrag hinzufügen',
|
||||
text: 'Verwenden Sie die <strong>Zeichenwerkzeuge</strong>, um Hinweise, Anregungen und Vorschläge auf der Mitmachkarte als Punkte, Linien oder Flächen hinzuzufügen.',
|
||||
attachTo: {
|
||||
element: '.leaflet-pm-toolbar',
|
||||
on: 'left'
|
||||
},
|
||||
beforeShowPromise: function () {
|
||||
return new Promise(function (resolve) {
|
||||
sidebar.close();
|
||||
setTimeout(resolve, 300);
|
||||
});
|
||||
},
|
||||
buttons: [
|
||||
{
|
||||
text: '<i class="fa-solid fa-arrow-left"></i> Zurück',
|
||||
action: tour.back,
|
||||
classes: 'shepherd-button-secondary'
|
||||
},
|
||||
{
|
||||
text: 'Weiter <i class="fa-solid fa-arrow-right"></i>',
|
||||
action: tour.next,
|
||||
classes: 'shepherd-button-primary'
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
|
||||
// -----------------------------------------------------------------
|
||||
// Step 3: Address Search
|
||||
// -----------------------------------------------------------------
|
||||
tour.addStep({
|
||||
id: 'address-search',
|
||||
title: '<i class="fa-solid fa-magnifying-glass"></i> Adresssuche',
|
||||
text: 'Verwenden Sie die <strong>Adresssuche</strong>, um schnell den richtigen Ort auf der Mitmachkarte zu finden.',
|
||||
attachTo: {
|
||||
element: '.leaflet-control-geocoder',
|
||||
on: 'left'
|
||||
},
|
||||
buttons: [
|
||||
{
|
||||
text: '<i class="fa-solid fa-arrow-left"></i> Zurück',
|
||||
action: tour.back,
|
||||
classes: 'shepherd-button-secondary'
|
||||
},
|
||||
{
|
||||
text: 'Weiter <i class="fa-solid fa-arrow-right"></i>',
|
||||
action: tour.next,
|
||||
classes: 'shepherd-button-primary'
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
|
||||
// -----------------------------------------------------------------
|
||||
// Step 4: Layer Control
|
||||
// -----------------------------------------------------------------
|
||||
tour.addStep({
|
||||
id: 'layer-control',
|
||||
title: '<i class="fa-solid fa-layer-group"></i> Kartenansicht',
|
||||
text: 'Wechseln Sie zwischen verschiedenen <strong>Hintergrundkarten</strong> und <strong>Satellitenbildern</strong>.',
|
||||
attachTo: {
|
||||
element: '.leaflet-control-layers',
|
||||
on: 'left'
|
||||
},
|
||||
buttons: [
|
||||
{
|
||||
text: '<i class="fa-solid fa-arrow-left"></i> Zurück',
|
||||
action: tour.back,
|
||||
classes: 'shepherd-button-secondary'
|
||||
},
|
||||
{
|
||||
text: 'Weiter <i class="fa-solid fa-arrow-right"></i>',
|
||||
action: tour.next,
|
||||
classes: 'shepherd-button-primary'
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
|
||||
// -----------------------------------------------------------------
|
||||
// Step 5: Sidebar
|
||||
// -----------------------------------------------------------------
|
||||
tour.addStep({
|
||||
id: 'sidebar',
|
||||
title: '<i class="fa-solid fa-bars"></i> Seitenleiste',
|
||||
text: 'In der Seitenleiste finden Sie <strong>Hilfestellungen</strong>, <strong>Listenansichten</strong> und <strong>Neuigkeiten</strong>.',
|
||||
attachTo: {
|
||||
element: '#sidebar',
|
||||
on: 'right'
|
||||
},
|
||||
beforeShowPromise: function () {
|
||||
return new Promise(function (resolve) {
|
||||
sidebar.open('tab-help');
|
||||
setTimeout(resolve, 400);
|
||||
});
|
||||
},
|
||||
buttons: [
|
||||
{
|
||||
text: '<i class="fa-solid fa-arrow-left"></i> Zurück',
|
||||
action: tour.back,
|
||||
classes: 'shepherd-button-secondary'
|
||||
},
|
||||
{
|
||||
text: 'Tutorial abschließen <i class="fa-solid fa-check"></i>',
|
||||
action: tour.next,
|
||||
classes: 'shepherd-button-primary'
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
|
||||
// -----------------------------------------------------------------
|
||||
// Completion and Cancellation
|
||||
// -----------------------------------------------------------------
|
||||
tour.on('complete', function () {
|
||||
markOnboardingDone();
|
||||
onboardingStarted = false;
|
||||
});
|
||||
|
||||
tour.on('cancel', function () {
|
||||
markOnboardingDone();
|
||||
onboardingStarted = false;
|
||||
});
|
||||
|
||||
tour.start();
|
||||
}
|
||||
|
||||
|
||||
// =================================================================
|
||||
// Marks Onboarding as completed
|
||||
// =================================================================
|
||||
|
||||
function markOnboardingDone() {
|
||||
if (ONBOARDING_MODE === 'once') {
|
||||
localStorage.setItem('webgis_onboarding_done', 'true');
|
||||
} else if (ONBOARDING_MODE === 'session') {
|
||||
sessionStorage.setItem('webgis_onboarding_done', 'true');
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// =================================================================
|
||||
// Manual Tour Restart
|
||||
// =================================================================
|
||||
|
||||
function restartOnboarding() {
|
||||
localStorage.removeItem('webgis_onboarding_done');
|
||||
sessionStorage.removeItem('webgis_onboarding_done');
|
||||
onboardingStarted = false;
|
||||
startTour();
|
||||
}
|
||||
|
||||
|
||||
// =================================================================
|
||||
// Auto-Start on Page Load
|
||||
// =================================================================
|
||||
|
||||
initOnboardingTour();
|
||||
@@ -11,7 +11,7 @@ $municipality = $stmt->fetch();
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Datenschutz — <?= htmlspecialchars($municipality['name']) ?></title>
|
||||
<link rel="icon" href="<?= htmlspecialchars($municipality['logo_path'] ?? 'assets/icon-municipality.png') ?>" type="image/png">
|
||||
<link rel="icon" href="assets/lock-solid-off-black.png" type="image/png">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
<style>:root { --color-primary: <?= htmlspecialchars($municipality['primary_color']) ?>; }</style>
|
||||
|
||||
@@ -764,6 +764,189 @@ select.form-input { cursor: pointer; }
|
||||
.popup-comment-submit:hover { filter: brightness(1.15); }
|
||||
|
||||
|
||||
/* -----------------------------------------------------------------
|
||||
4.9 Onboarding Tour (Shepherd.js Overrides)
|
||||
----------------------------------------------------------------- */
|
||||
|
||||
/* Step Container */
|
||||
.shepherd-element {
|
||||
max-width: 340px;
|
||||
border-radius: 12px !important;
|
||||
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2) !important;
|
||||
font-family: var(--font-body) !important;
|
||||
z-index: 2100 !important;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.shepherd-element .shepherd-content {
|
||||
border-radius: 12px !important;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* Header */
|
||||
.shepherd-element .shepherd-header {
|
||||
background: var(--color-primary) !important;
|
||||
padding: 14px 20px !important;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
.shepherd-element .shepherd-title {
|
||||
color: white !important;
|
||||
font-size: 1rem !important;
|
||||
font-weight: 600 !important;
|
||||
font-family: var(--font-body) !important;
|
||||
display: flex !important;
|
||||
align-items: center !important;
|
||||
gap: 6px !important;
|
||||
}
|
||||
|
||||
.shepherd-element .shepherd-cancel-icon {
|
||||
color: white !important;
|
||||
opacity: 0.7;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.shepherd-element .shepherd-cancel-icon:hover { opacity: 1; }
|
||||
|
||||
/* Body Text */
|
||||
.shepherd-element .shepherd-text {
|
||||
padding: 16px 20px !important;
|
||||
font-size: 0.88rem !important;
|
||||
line-height: 1.6 !important;
|
||||
color: var(--color-text) !important;
|
||||
}
|
||||
|
||||
/* Footer Buttons */
|
||||
.shepherd-element .shepherd-footer {
|
||||
padding: 0 20px 16px 20px !important;
|
||||
border-top: none !important;
|
||||
display: flex !important;
|
||||
justify-content: flex-end !important;
|
||||
gap: 8px !important;
|
||||
}
|
||||
|
||||
.shepherd-element .shepherd-button {
|
||||
border: none !important;
|
||||
border-radius: 6px !important;
|
||||
padding: 8px 16px !important;
|
||||
font-size: 0.85rem !important;
|
||||
font-weight: 600 !important;
|
||||
font-family: var(--font-body) !important;
|
||||
cursor: pointer !important;
|
||||
transition: filter 150ms ease !important;
|
||||
}
|
||||
|
||||
.shepherd-element .shepherd-button:hover { filter: brightness(1.1); }
|
||||
|
||||
/* Primary Button */
|
||||
.shepherd-button-primary {
|
||||
background: var(--color-primary) !important;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
/* Secondary Button */
|
||||
.shepherd-button-secondary {
|
||||
background: var(--color-bg) !important;
|
||||
color: var(--color-text) !important;
|
||||
border: 1px solid var(--color-border) !important;
|
||||
}
|
||||
|
||||
.shepherd-button-secondary:hover {
|
||||
background: var(--color-border) !important;
|
||||
}
|
||||
|
||||
/* Modal Overlay */
|
||||
.shepherd-modal-overlay-container {
|
||||
z-index: 2050 !important;
|
||||
}
|
||||
|
||||
/* Arrow Colors */
|
||||
.shepherd-arrow:before {
|
||||
background: var(--color-primary) !important;
|
||||
}
|
||||
|
||||
/* Welcome Step */
|
||||
.shepherd-element:not([data-popper-placement]) {
|
||||
position: fixed !important;
|
||||
top: 50% !important;
|
||||
left: 50% !important;
|
||||
transform: translate(-50%, -50%) !important;
|
||||
}
|
||||
|
||||
/* Mobile */
|
||||
@media (max-width: 768px) {
|
||||
.shepherd-element { max-width: 300px !important; }
|
||||
.shepherd-element .shepherd-text { font-size: 0.82rem !important; }
|
||||
}
|
||||
|
||||
|
||||
/* -----------------------------------------------------------------
|
||||
4.10 Create Type Toggle (Contribution or Task)
|
||||
----------------------------------------------------------------- */
|
||||
.create-type-toggle {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.create-type-btn {
|
||||
flex: 1;
|
||||
padding: 10px;
|
||||
border: 2px solid var(--color-border);
|
||||
border-radius: 8px;
|
||||
background: var(--color-surface);
|
||||
cursor: pointer;
|
||||
font-family: var(--font-body);
|
||||
font-size: 0.85rem;
|
||||
font-weight: 600;
|
||||
color: var(--color-text-secondary);
|
||||
transition: all var(--transition-fast);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.create-type-btn:hover { border-color: var(--color-primary); color: var(--color-primary); }
|
||||
.create-type-btn.active { border-color: var(--color-primary); background: var(--color-primary-light); color: var(--color-primary); }
|
||||
|
||||
|
||||
/* -----------------------------------------------------------------
|
||||
4.11 Leaderboard (Sidebar Tasks Tab)
|
||||
----------------------------------------------------------------- */
|
||||
.leaderboard-box {
|
||||
background: var(--color-surface);
|
||||
border: 1px solid var(--color-border);
|
||||
border-radius: 8px;
|
||||
padding: var(--space-md);
|
||||
margin-bottom: var(--space-md);
|
||||
}
|
||||
|
||||
.leaderboard-box h3 { margin-top: 0 !important; }
|
||||
|
||||
.leaderboard-entry {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--space-sm);
|
||||
padding: 6px 0;
|
||||
font-size: 0.85rem;
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
}
|
||||
|
||||
.leaderboard-entry:last-child { border-bottom: none; }
|
||||
.leaderboard-rank { font-size: 1rem; width: 28px; text-align: center; }
|
||||
.leaderboard-name { flex: 1; font-weight: 600; }
|
||||
.leaderboard-points { color: var(--color-primary); font-weight: 600; }
|
||||
|
||||
.leaderboard-more-btn {
|
||||
width: 100%;
|
||||
margin-top: var(--space-sm);
|
||||
font-size: 0.8rem !important;
|
||||
min-height: 32px !important;
|
||||
padding: 4px 12px !important;
|
||||
}
|
||||
|
||||
|
||||
/* =================================================================
|
||||
SECTION 5: Admin-specific Styles (admin.php)
|
||||
================================================================= */
|
||||
|
||||
@@ -5,10 +5,8 @@ Citizen Participation Portal for Lohne (Oldenburg).
|
||||
## Project Structure
|
||||
|
||||
- `migrations/` — versioned SQL Schema Migrations
|
||||
- `api/` — Backend (PHP)
|
||||
- `public/` — Frontend (HTML, CSS, JS)
|
||||
- `scripts/` — Maintenance Scripts (backup, deployment)
|
||||
- `legacy/` — Reference Code from Prototype
|
||||
|
||||
## Local Setup
|
||||
|
||||
|
||||
Reference in New Issue
Block a user