Funktionen
<?=$this->	extend ('Layouts/MemberLogin') ?><?

</style >< div class="container-xxl flex-grow-1 container-p-y">< div class="row">< div class="col-12 order-md-3 order-lg-2 mb-4">< div class="card">< div class="card-title mb-0 mt-3 container">< h5 class="m-0 me-2"> Organisationsstruktur</h5 >< small class="text-muted"> Einliniensystem</small ></div >< div class="row row-bordered g-0">< div class="col-md-12">< div id="chart_div_container">< div id="chart_div"><!-- Hier wird das Org Chart geladen --></div ></div ></div ></div ></div ></div ></div ><!-- DataTable unterhalb des Charts -->< div class="card mt-4">< div class="card-title mb-0 mt-3 container">< h5 class="m-0 me-2"> Abteilungen</h5 >< small class="text-muted"> Übersicht</small ></div >< div class="card-body">< table id="data_table" class="display">< thead >< tr >< th > Name</th >< th > Manager</th >< th > Vertretung</th >< th > Aktionen</th ></tr ></thead >< tbody ><!-- Dynamischer Inhalt wird hier hinzugefügt --></tbody ></table ></div ></div ></div ><!-- Modal zum Bearbeiten eines Eintrags -->< div class="modal fade" id="editEntryModal" tabindex="-1" aria-labelledby="editEntryModalLabel" aria-hidden="true">< div class="modal-dialog">< div class="modal-content">< div class="modal-header">< h5 class="modal-title" id="editEntryModalLabel"> Eintrag bearbeiten</h5 >< button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button ></div >< div class="modal-body">< form id="editEntryForm">< input type="hidden" id="entryId">< div class="mb-3">< label for="entryName" class="form-label"> Name</label >< input type="text" class="form-control" id="entryName" required ></div >< div class="mb-3">< label for="managerName" class="form-label"> Manager</label >< input type="text" class="form-control" id="managerName" required ></div ></form ></div >< div class="modal-footer">< button type="button" class="btn btn-secondary" data-bs-dismiss="modal"> Schließen</button >< button type="button" class="btn btn-primary" onclick="saveEntryChanges()"> Änderungen speichern</button ></div ></div ></div ></div >< script > google charts	load ('current', {packages:["orgchart"]})

google charts	setOnLoadCallback (drawChart)

function	drawChart ()

function	addItem (rows, item, manager)

function	initializeDataTable (data)

function	appendChildRows (tableBody, item, manager)

function	editEntry (id, name, manager)

function	saveEntryChanges ()

function	deleteEntry (id)

Dokumentation der Funktionen

◆ addItem()

function addItem	(	rows	,
		item	,
		manager	)

◆ appendChildRows()

function appendChildRows	(	tableBody	,
		item	,
		manager	)

◆ deleteEntry()

function deleteEntry ( id )

◆ drawChart()

function drawChart ( )

◆ editEntry()

function editEntry	(	id	,
		name	,
		manager	)

◆ extend()

<?=$this-> extend ( 'Layouts/MemberLogin' )

◆ initializeDataTable()

function initializeDataTable ( data )

◆ load()

</style >< div class="container-xxl flex-grow-1 container-p-y">< div class="row">< div class="col-12 order-md-3 order-lg-2 mb-4">< div class="card">< div class="card-title mb-0 mt-3 container">< h5 class="m-0 me-2"> Organisationsstruktur</h5 >< small class="text-muted"> Einliniensystem</small ></div >< div class="row row-bordered g-0">< div class="col-md-12">< div id="chart_div_container">< div id="chart_div"><!-- Hier wird das Org Chart geladen --></div ></div ></div ></div ></div ></div ></div ><!-- DataTable unterhalb des Charts -->< div class="card mt-4">< div class="card-title mb-0 mt-3 container">< h5 class="m-0 me-2"> Abteilungen</h5 >< small class="text-muted"> Übersicht</small ></div >< div class="card-body">< table id="data_table" class="display">< thead >< tr >< th > Name</th >< th > Manager</th >< th > Vertretung</th >< th > Aktionen</th ></tr ></thead >< tbody ><!-- Dynamischer Inhalt wird hier hinzugefügt --></tbody ></table ></div ></div ></div ><!-- Modal zum Bearbeiten eines Eintrags -->< div class="modal fade" id="editEntryModal" tabindex="-1" aria-labelledby="editEntryModalLabel" aria-hidden="true">< div class="modal-dialog">< div class="modal-content">< div class="modal-header">< h5 class="modal-title" id="editEntryModalLabel"> Eintrag bearbeiten</h5 >< button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button ></div >< div class="modal-body">< form id="editEntryForm">< input type="hidden" id="entryId">< div class="mb-3">< label for="entryName" class="form-label"> Name</label >< input type="text" class="form-control" id="entryName" required ></div >< div class="mb-3">< label for="managerName" class="form-label"> Manager</label >< input type="text" class="form-control" id="managerName" required ></div ></form ></div >< div class="modal-footer">< button type="button" class="btn btn-secondary" data-bs-dismiss="modal"> Schließen</button >< button type="button" class="btn btn-primary" onclick="saveEntryChanges()"> Änderungen speichern</button ></div ></div ></div ></div >< script > google charts load	(	'current'	,
		{packages:["orgchart"]}	)

◆ saveEntryChanges()

function saveEntryChanges ( )

◆ setOnLoadCallback()

google charts setOnLoadCallback ( drawChart )