This commit is contained in:
Debian 2023-10-08 20:45:10 +02:00
parent 19a5443216
commit 0bb41eb8e6
3 changed files with 77 additions and 74 deletions

18
INSTALL
View File

@ -6,6 +6,17 @@ Install a "LAMP" server via your distribution:
* sql database (mariadb) * sql database (mariadb)
* email server/ability to send emails (optional) * email server/ability to send emails (optional)
You also need:
* jquery
* dhtmlxscheduler
cd html/js
wget https://code.jquery.com/jquery-3.7.1.min.js
cd ..
wget https://github.com/DHTMLX/scheduler/archive/refs/tags/v6.0.5.tar.gz
tar -xvf v6.0.5.tar.gz
ln -s scheduler-6.0.5 scheduler
Example for debian: Example for debian:
webserver: webserver:
apt-get install apache2 openssl python3-certbot-apache php-mysql php-json apt-get install apache2 openssl python3-certbot-apache php-mysql php-json
@ -23,10 +34,3 @@ edit konfiguration.php and adapt to your installation
login with admin user: admin@admin.de pw: 4024ae463a4ef9ff455705afe54f83c3 login with admin user: admin@admin.de pw: 4024ae463a4ef9ff455705afe54f83c3

View File

@ -1,84 +1,83 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title> Helferdienste </title> <title> Helferdienste </title>
<meta charset="utf-8"> <meta charset="utf-8">
<!--meta name="viewport" content="width=device-width, initial-scale=1 ,user-scalable=1"--> <!--meta name="viewport" content="width=device-width, initial-scale=1 ,user-scalable=1"-->
<script src="../scheduler/codebase/dhtmlxscheduler.js"></script> <script src="scheduler/codebase/dhtmlxscheduler.js"></script>
<!--link href="../scheduler/codebase/dhtmlxscheduler.css" rel="stylesheet" type="text/css" charset="utf-8"--> <!--link href="scheduler/codebase/dhtmlxscheduler.css" rel="stylesheet" type="text/css" charset="utf-8"-->
<link href="../scheduler/codebase/dhtmlxscheduler_contrast_black.css" rel="stylesheet" type="text/css" charset="utf-8"> <link href="scheduler/codebase/dhtmlxscheduler_contrast_black.css" rel="stylesheet" type="text/css" charset="utf-8">
<link rel="stylesheet" href="../scheduler/samples/common/controls_styles.css"> <style>
<style>
html, body{ html, body{
margin:0px; margin:0px;
padding:0px; padding:0px;
height:100%; height:100%;
overflow:hidden; overflow:hidden;
} }
.dhx_cal_event_line,.dhx_body,.dhx_cal_event .dhx_footer,.dhx_cal_event .dhx_header,.dhx_cal_event .dhx_title{ .dhx_cal_event_line,.dhx_body,.dhx_cal_event .dhx_footer,.dhx_cal_event .dhx_header,.dhx_cal_event .dhx_title{
border:none !important; border:none !important;
border-radius:3px 3px 3px 3px !important; border-radius:3px 3px 3px 3px !important;
} }
.dhx_scale_holder {background-image: url('Bilder/calendar_lines1.png') !important; background-blend-mode:color-dodge;} .dhx_scale_holder {background-image: url('Bilder/calendar_lines1.png') !important; background-blend-mode:color-dodge;}
</style> </style>
<!-- darkstyle <!-- darkstyle
style type="text/css" > style type="text/css" >
.filters_wrapper { .filters_wrapper {
background-color: black; background-color: black;
color: white; color: white;
font: 500 14px Roboto; font: 500 14px Roboto;
padding-left: 15px; padding-left: 15px;
padding-right: 15px; padding-right: 15px;
} }
.filters_wrapper span { .filters_wrapper span {
font-weight: bold; font-weight: bold;
padding-left: 15px; padding-left: 15px;
padding-right: 15px; padding-right: 15px;
color: rgba(0,0,0,0.7); color: rgba(0,0,0,0.7);
} }
.filters_wrapper label { .filters_wrapper label {
padding-left: 15px; padding-left: 15px;
padding-right: 15px; padding-right: 15px;
} }
</style--> </style-->
</head> </head>
<body> <body>
<button name="BackHelferdaten" value="1" onclick="window.location.href = 'Admin.php';"><b>&larrhk;</b></button><br> <button name="BackHelferdaten" value="1" onclick="window.location.href = 'Admin.php';"><b>&larrhk;</b></button><br>
<div class="filters_wrapper" id="filters_wrapper"> <div class="filters_wrapper" id="filters_wrapper">
&nbsp; &nbsp;
Mehrtagesdienste anzeigen: <input id="multidaycheck" class="sch_radio" type="checkbox" checked onchange="toggleMultiday(this)"> Mehrtagesdienste anzeigen: <input id="multidaycheck" class="sch_radio" type="checkbox" checked onchange="toggleMultiday(this)">
Einfärben: <input type="text" id="colorize"> <!--onchange="markEntries(this.value);" onpaste = "this.onchange();" onsubmit="markEntries(this.value);"--> Einfärben: <input type="text" id="colorize"> <!--onchange="markEntries(this.value);" onpaste = "this.onchange();" onsubmit="markEntries(this.value);"-->
Filtern: <input type="text" id="filterWrap"> Filtern: <input type="text" id="filterWrap">
<br/> <br/>
<!--Achtung: Ende Nachtdienste wird falsch angezeigt (immer Mitternacht) - Popup-Fenster zeigt richtige Zeiten--> <!--Achtung: Ende Nachtdienste wird falsch angezeigt (immer Mitternacht) - Popup-Fenster zeigt richtige Zeiten-->
</div> </div>
<div id="scheduler_here" class="dhx_cal_container" style='width:100%; height:100%;'> <div id="scheduler_here" class="dhx_cal_container" style='width:100%; height:100%;'>
<div class="dhx_cal_navline"> <div class="dhx_cal_navline">
<div class="dhx_cal_prev_button">&nbsp;</div> <div class="dhx_cal_prev_button">&nbsp;</div>
<div class="dhx_cal_next_button">&nbsp;</div> <div class="dhx_cal_next_button">&nbsp;</div>
<div class="dhx_cal_today_button"></div> <div class="dhx_cal_today_button"></div>
<div class="dhx_cal_date"></div> <div class="dhx_cal_date"></div>
<div class="dhx_cal_tab" name="day_tab"></div> <div class="dhx_cal_tab" name="day_tab"></div>
<div class="dhx_cal_tab" name="week_tab"></div> <div class="dhx_cal_tab" name="week_tab"></div>
<div class="dhx_cal_tab" name="month_tab"></div> <div class="dhx_cal_tab" name="month_tab"></div>
<div class="dhx_cal_tab" data-tab="con" style="right:280px;"></div> <div class="dhx_cal_tab" data-tab="con" style="right:280px;"></div>
<div class="dhx_cal_tab" data-tab="prep" style="right:280px;" ></div> <div class="dhx_cal_tab" data-tab="prep" style="right:280px;" ></div>
</div> </div>
<div class="dhx_cal_header"></div> <div class="dhx_cal_header"></div>
<div class="dhx_cal_data"></div> <div class="dhx_cal_data"></div>
</div> </div>
<script> <script>
//https://docs.dhtmlx.com/scheduler/filtering.html //https://docs.dhtmlx.com/scheduler/filtering.html
var filter = document.querySelector("#filterWrap"); var filter = document.querySelector("#filterWrap");
filter.addEventListener("input", function(){ filter.addEventListener("input", function(){
scheduler.setCurrentView(); scheduler.setCurrentView();
}) })
scheduler.filter_month = scheduler.filter_day = scheduler.filter_week = scheduler.filter_con = scheduler.filter_prep = function(id, event) { scheduler.filter_month = scheduler.filter_day = scheduler.filter_week = scheduler.filter_con = scheduler.filter_prep = function(id, event) {
if(filter.value == ""){ if(filter.value == ""){
return true; return true;

View File

@ -4,9 +4,9 @@
<title> Helferdienste </title> <title> Helferdienste </title>
<meta charset="utf-8"> <meta charset="utf-8">
<!--meta name="viewport" content="width=device-width, initial-scale=1 ,user-scalable=1"--> <!--meta name="viewport" content="width=device-width, initial-scale=1 ,user-scalable=1"-->
<script src="../scheduler/codebase/dhtmlxscheduler.js"></script> <script src="scheduler/codebase/dhtmlxscheduler.js"></script>
<!-- link href="../scheduler/codebase/dhtmlxscheduler_contrast_black.css" rel="stylesheet" type="text/css" charset="utf-8"--> <!-- link href="scheduler/codebase/dhtmlxscheduler_contrast_black.css" rel="stylesheet" type="text/css" charset="utf-8"-->
<link href="../scheduler/codebase/dhtmlxscheduler.css" rel="stylesheet" type="text/css" charset="utf-8"> <link href="scheduler/codebase/dhtmlxscheduler.css" rel="stylesheet" type="text/css" charset="utf-8">
<link rel="stylesheet" href="../scheduler/samples/common/controls_styles.css"> <link rel="stylesheet" href="../scheduler/samples/common/controls_styles.css">
<style> <style>