ApproveLeave.php-Dateireferenz

Funktionen
<?=$this->	extend ('Layouts/MemberLogin') ?><?
function	getDaysInMonth (monthIndex, year)
function	isLeapYear (year)
function	loadCalendar ()
function	generateCalendar (days, data)
function	changeMonth (direction)
function	loadHolidays ()
function	approveHoliday (holidayId)
function	rejectHoliday (holidayId)
document	addEventListener ("DOMContentLoaded", function() { loadHolidays();})

Variablen
let	currentMonthIndex = <?= date("m") - 1
const	months
</script ></div ></div ></div ></div ></div >< style > table	responsive
table	th
table table	td
	btn
font	size
</style >< div class="container-xxl flex-grow-1 container-p-y">< div class="row">< div class="col-12 mb-4">< div class="card">< div class="card-header">< h1 class="page-title"> Urlaubsanfragen in Ihrer Abteilung</h1 ></div >< div class="card-body">< div class="table-responsive">< table id="urlaubTabelle" class="table table-bordered display">< thead >< tr >< th > Mitarbeiter</th >< th > Startdatum</th >< th > Enddatum</th >< th > Typ</th >< th > Status</th >< th > Aktionen</th ></tr ></thead >< tbody ><!-- Inhalte werden dynamisch mit JavaScript eingefügt --></tbody ></table ></div ></div ></div ></div ></div ></div >< script > const	apiBaseUrl = "<?= base_url() ?>api/holidays"

Dokumentation der Funktionen

addEventListener()

document addEventListener	(	"DOMContentLoaded"	,
		function() { loadHolidays();}	)

approveHoliday()

function approveHoliday

(

holidayId

)

changeMonth()

function changeMonth

(

direction

)

extend()

<?=$this-> extend

(

'Layouts/MemberLogin'

)

generateCalendar()

function generateCalendar	(	days	,
		data	)

getDaysInMonth()

function getDaysInMonth	(	monthIndex	,
		year	)

isLeapYear()

function isLeapYear

(

year

)

loadCalendar()

function loadCalendar

(

)

loadHolidays()

function loadHolidays

(

)

rejectHoliday()

function rejectHoliday

(

holidayId

)

Variablen-Dokumentation

apiBaseUrl

</style><div class="container-xxl flex-grow-1 container-p-y"><div class="row"><div class="col-12 mb-4"><div class="card"><div class="card-header"><h1 class="page-title"> Urlaubsanfragen in Ihrer Abteilung</h1></div><div class="card-body"><div class="table-responsive"><table id="urlaubTabelle" class="table table-bordered display"><thead><tr><th> Mitarbeiter</th><th> Startdatum</th><th> Enddatum</th><th> Typ</th><th> Status</th><th> Aktionen</th></tr></thead><tbody><!-- Inhalte werden dynamisch mit JavaScript eingefügt --></tbody></table></div></div></div></div></div></div><script> const apiBaseUrl = "<?= base_url() ?>api/holidays"

btn

btn

Initialisierung:

{
        padding: 8px 16px

currentMonthIndex

let currentMonthIndex = <?= date("m") - 1

months

const months

Initialisierung:

= ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August",
                                    "September", "Oktober", "November", "Dezember"
                                ]

responsive

</script></div></div></div></div></div><style> table responsive

Initialisierung:

{
        margin-top: 20px

size

font size

td

table table td

Initialisierung:

{
        text-align: center

th

table th