260 lines
13 KiB
PHP
260 lines
13 KiB
PHP
<?php include(realpath(dirname(__FILE__)."/../")."/header.php"); ?>
|
|
|
|
|
|
|
|
<!-- start page title -->
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="page-title-box">
|
|
<div class="page-title-right">
|
|
<ol class="breadcrumb m-0">
|
|
<li class="breadcrumb-item"><a href="<?=self::getUrl("Dashboard")?>">the-tool</a></li>
|
|
<li class="breadcrumb-item active">Objekte</li>
|
|
</ol>
|
|
</div>
|
|
<h4 class="page-title">Objekte</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end page title -->
|
|
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
|
|
<div class="card">
|
|
<div class="card-body mb-3">
|
|
<div class="float-left">
|
|
<h4 class="header-title">Liste aller Objekte</h4>
|
|
</div>
|
|
<div class="float-right">
|
|
<a class="btn btn-primary mb-2" href="<?=self::getUrl("Building", "add")?>"><i class="fas fa-plus"></i> Neues Objekt anlegen</a>
|
|
</div>
|
|
|
|
<table class="table table-striped table-hover">
|
|
<tr>
|
|
<th>Netzgebiet</th>
|
|
<th>POP</th>
|
|
<th>Typ</th>
|
|
<th>Objektcode</th>
|
|
<th>OAN ID</th>
|
|
<th>Adresse</th>
|
|
<th>Einheiten</th>
|
|
<th>Status</th>
|
|
<th></th>
|
|
</tr>
|
|
<?php foreach($buildings as $building): ?>
|
|
<tr class="building-list-tr" id="building-<?=$building->id?>">
|
|
<td onclick="toggleBuilding(<?=$building->id?>)"><?=$building->network->name?></td>
|
|
<td onclick="toggleBuilding(<?=$building->id?>)"><?=$building->pop->name?></td>
|
|
<td onclick="toggleBuilding(<?=$building->id?>)"><?=$building->type->name?></td>
|
|
<td onclick="toggleBuilding(<?=$building->id?>)"><?=$building->code?></td>
|
|
<td onclick="toggleBuilding(<?=$building->id?>)"><?=$building->oan_id?></td>
|
|
<td onclick="toggleBuilding(<?=$building->id?>)">
|
|
<?=$building->street?><br />
|
|
<?=$building->zip?> <?=$building->city?>
|
|
</td>
|
|
<td onclick="toggleBuilding(<?=$building->id?>)"><?=$building->units?></td>
|
|
<td onclick="toggleBuilding(<?=$building->id?>)" class="text-monospace"><?=__($building->status->name)?></td>
|
|
<td style="text-align: left; letter-spacing: 4px; font-size: 1.1em;">
|
|
<a href="<?=self::getUrl("Building", "edit", ["id" => $building->id])?>"><i class="far fa-edit" title="Objekt Bearbeiten"></i></a>
|
|
<a href="<?=self::getUrl("Building", "delete", ["id" => $building->id])?>" class="text-danger" onclick="if(!confirm('Objekt wirklich löschen?')) return false;" title="Objekt Löschen"><i class="fas fa-trash"></i></a>
|
|
</td>
|
|
</tr>
|
|
<tr id="building-detail-<?=$building->id?>" style="display:none; background-color:#fff">
|
|
<td colspan="8">
|
|
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<h4 class="card-title">Anschlüsse im Objekt <strong><?=$building->code?></strong></h4>
|
|
<p>
|
|
<?=$building->street?><br />
|
|
<?=$building->zip?> <?=$building->city?>
|
|
</p>
|
|
<div class="card">
|
|
<div class="card-body">
|
|
|
|
<?php if(is_array($building->terminations) && count($building->terminations)): ?>
|
|
<table class="table table-bordered">
|
|
<tr>
|
|
<th>Anschluss ID</th>
|
|
<th>Bezeichung</th>
|
|
<th>Kontakt</th>
|
|
<th>Telefon</th>
|
|
<th>Email</th>
|
|
<th>Status</th>
|
|
<th></th>
|
|
</tr>
|
|
<?php foreach($building->terminations as $term): ?>
|
|
|
|
<tr>
|
|
<td><?=$term->code?></td>
|
|
<td>
|
|
|
|
<span id="term-name-<?=$term->id?>-text"><?=$term->name?></span>
|
|
<div class="input-group" id="term-name-<?=$term->id?>-input" style="display:none">
|
|
<input type="text" class="form-control" id="term-name-<?=$term->id?>-input" value="<?=$term->name?>" />
|
|
<div class="input-group-append">
|
|
<button type="button" class="btn btn-primary" title="Speichern" onclick="saveTerminationControl(<?=$term->id?>, 'name')"><i class="fas fa-check"></i></button>
|
|
<button type="button" class="btn btn-secondary" title="Abbrechen" onclick="toggleTerminationControl(<?=$term->id?>, 'name')"><i class="fas fa-times"></i></button>
|
|
</div>
|
|
</div>
|
|
<div class="float-right" id="term-name-<?=$term->id?>-edit">
|
|
<i class="far fa-edit text-pink" style="cursor:pointer" title="Bezeichnung Bearbeiten" onclick="toggleTerminationControl(<?=$term->id?>, 'name')"></i>
|
|
</div>
|
|
|
|
</td>
|
|
<td>
|
|
|
|
<span id="term-contact-<?=$term->id?>-text"><?=$term->contact?></span>
|
|
<div class="input-group" id="term-contact-<?=$term->id?>-input" style="display:none">
|
|
<input type="text" class="form-control" value="<?=$term->contact?>" />
|
|
<div class="input-group-append">
|
|
<button type="button" class="btn btn-primary" title="Speichern" onclick="saveTerminationControl(<?=$term->id?>, 'contact')"><i class="fas fa-check"></i></button>
|
|
<button type="button" class="btn btn-secondary" title="Abbrechen" onclick="toggleTerminationControl(<?=$term->id?>, 'contact')"><i class="fas fa-times"></i></button>
|
|
</div>
|
|
</div>
|
|
<div class="float-right" id="term-contact-<?=$term->id?>-edit">
|
|
<i class="far fa-edit text-pink" style="cursor:pointer" title="Kontakt Bearbeiten" onclick="toggleTerminationControl(<?=$term->id?>, 'contact')"></i>
|
|
</div>
|
|
|
|
</td>
|
|
<td>
|
|
|
|
<span id="term-phone-<?=$term->id?>-text"><?=$term->phone?></span>
|
|
<div class="input-group" id="term-phone-<?=$term->id?>-input" style="display:none">
|
|
<input type="text" class="form-control" value="<?=$term->phone?>" />
|
|
<div class="input-group-append">
|
|
<button type="button" class="btn btn-primary" title="Speichern" onclick="saveTerminationControl(<?=$term->id?>, 'phone')"><i class="fas fa-check"></i></button>
|
|
<button type="button" class="btn btn-secondary" title="Abbrechen" onclick="toggleTerminationControl(<?=$term->id?>, 'phone')"><i class="fas fa-times"></i></button>
|
|
</div>
|
|
</div>
|
|
<div class="float-right" id="term-phone-<?=$term->id?>-edit">
|
|
<i class="far fa-edit text-pink" style="cursor:pointer" title="Telefon Bearbeiten" onclick="toggleTerminationControl(<?=$term->id?>, 'phone')"></i>
|
|
</div>
|
|
|
|
</td>
|
|
<td>
|
|
|
|
<span id="term-email-<?=$term->id?>-text"><?=$term->email?></span>
|
|
<div class="input-group" id="term-email-<?=$term->id?>-input" style="display:none">
|
|
<input type="text" class="form-control" value="<?=$term->email?>" />
|
|
<div class="input-group-append">
|
|
<button type="button" class="btn btn-primary" title="Speichern" onclick="saveTerminationControl(<?=$term->id?>, 'email')"><i class="fas fa-check"></i></button>
|
|
<button type="button" class="btn btn-secondary" title="Abbrechen" onclick="toggleTerminationControl(<?=$term->id?>, 'email')"><i class="fas fa-times"></i></button>
|
|
</div>
|
|
</div>
|
|
<div class="float-right" id="term-email-<?=$term->id?>-edit">
|
|
<i class="far fa-edit text-pink" style="cursor:pointer" title="Email Bearbeiten" onclick="toggleTerminationControl(<?=$term->id?>, 'email')"></i>
|
|
</div>
|
|
|
|
</td>
|
|
<td class="text-monospace"><?=__($term->status->name)?></td>
|
|
<td style="text-align: left; letter-spacing: 4px; font-size: 1.1em;">
|
|
<a href="<?=self::getUrl("Termination", "delete", ["id" => $term->id])?>" class="text-danger" onclick="if(!confirm('Objekt wirklich löschen?')) return false;" title="Objekt Löschen"><i class="fas fa-trash"></i></a>
|
|
</td>
|
|
</tr>
|
|
|
|
<?php endforeach; ?>
|
|
</table>
|
|
|
|
<h4>Neuer Anschluss</h4>
|
|
<form method="post" action="<?=self::getUrl("Termination", "save")?>">
|
|
<input type="hidden" name="building_id" value="<?=$building->id?>" />
|
|
<table class="table tale-bordered">
|
|
<tr>
|
|
<td><input type="text" class="form-control" value="<automatisch generiert>" disabled="disabled" /></td>
|
|
<td><input type="text" class="form-control" name="name" value="" placeholder="Bezeichnung" /></td>
|
|
<td><input type="text" class="form-control" name="contact" value="" placeholder="Kontakt" /></td>
|
|
<td><input type="text" class="form-control" name="phone" value="" placeholder="Telefon" /></td>
|
|
<td><input type="text" class="form-control" name="email" value="" placeholder="Email" /></td>
|
|
<td><button type="submit" class="btn btn-primary">Speichern</button></td>
|
|
</tr>
|
|
</table>
|
|
</form>
|
|
<?php endif; ?>
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</td>
|
|
</tr>
|
|
<tr style="display:none;">
|
|
<td colspan="3"></td>
|
|
</tr>
|
|
<?php endforeach; ?>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
function toggleBuilding(id) {
|
|
$('#building-detail-' + id).toggle();
|
|
if($('#building-detail-' + id).is(":hidden")) {
|
|
$('#building-' + id).removeClass("table-info");
|
|
$('#building-' + id).removeClass("text-info");
|
|
} else {
|
|
$('#building-' + id).addClass("text-info");
|
|
$('#building-' + id).addClass("table-info");
|
|
}
|
|
}
|
|
|
|
function toggleTerminationControl(id, type) {
|
|
$("#term-" + type + "-" + id + "-text").toggle();
|
|
$("#term-" + type + "-" + id + "-input").toggle();
|
|
$("#term-" + type + "-" + id + "-edit").toggle();
|
|
}
|
|
|
|
function saveTerminationControl(id, type) {
|
|
if(!Number.isInteger(id) || id < 1) {
|
|
return false;
|
|
}
|
|
|
|
var value = $("#term-" + type + "-" + id + "-input input[type=text]").val();
|
|
|
|
$.post("<?=self::getUrl("Termination","Api")?>",
|
|
{
|
|
'do': "setValue",
|
|
id: id,
|
|
type: type,
|
|
value: value
|
|
},
|
|
function(success) {
|
|
if(success.status == "OK") {
|
|
$("#term-" + type + "-" + id + "-text").text(value);
|
|
} else {
|
|
console.log("error saving (" + type + ", '" + value + "')");
|
|
}
|
|
|
|
toggleTerminationControl(id, type);
|
|
},
|
|
'json');
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
var building;
|
|
var hash = window.location.hash.substr(1);
|
|
var match = hash.match(/building=(\d+)/);
|
|
if(match && match[1]) {
|
|
building = match[1]
|
|
toggleBuilding(building);
|
|
|
|
//$('body').scrollTop($('#building-' + building).offset() - 50);
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<?php include(realpath(dirname(__FILE__)."/../")."/footer.php"); ?>
|