Files
thetool/Layout/default/Building/Form.php
2021-08-05 20:11:15 +02:00

463 lines
19 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"><a href="<?=self::getUrl("Building")?>">Objekte</a></li>
<li class="breadcrumb-item active"><?=($building->id) ? "bearbeiten" : "Neu" ?></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">
<h4 class="header-title mb-2"><?=($building->id) ? "Objekt bearbeiten" : "Neues Objekt"?></h4>
<form class="form-horizontal" method="post" action="<?=self::getUrl("Building", "save")?>">
<div class="card">
<div class="card-body">
<input type="hidden" name="id" value="<?=$building->id?>" />
<div class="form-group row">
<label class="col-lg-2 col-form-label" for="network_id">Netzgebiet *</label>
<div class="col-lg-10">
<select class="select2 form-control " name="network_id" id="network_id">
<option></option>
<?php foreach($networks as $network): ?>
<option value="<?=$network->id?>" <?=($building->network_id == $network->id) ? "selected='selected'" : ""?>><?=($network->name)?></option>
<?php endforeach; ?>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-lg-2 col-form-label" for="type_id">Objekttyp *</label>
<div class="col-lg-10">
<select class="select2 form-control " name="type_id" id="type_id">
<option></option>
<?php foreach($types as $type): ?>
<option value="<?=$type->id?>" <?=($building->type_id == $type->id) ? "selected='selected'" : ""?>><?=($type->name)?></option>
<?php endforeach; ?>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-lg-2 col-form-label" for="units">Wohneinheiten *</label>
<div class="col-lg-10">
<input type="number" class="form-control" name="units" id="units" value="<?=$building->units?>" />
</div>
</div>
<div class="form-group row">
<label class="col-lg-2 col-form-label" for="street">Straße *</label>
<div class="col-lg-10">
<input type="text" class="form-control" name="street" id="street" value="<?=$building->street?>" />
</div>
</div>
<div class="form-group row">
<label class="col-lg-2 col-form-label" for="zip">PLZ *</label>
<div class="col-lg-10">
<input type="text" class="form-control" name="zip" id="zip" value="<?=$building->zip?>" />
</div>
</div>
<div class="form-group row">
<label class="col-lg-2 col-form-label" for="city">Ort *</label>
<div class="col-lg-10">
<input type="text" class="form-control" name="city" id="city" value="<?=$building->city?>" />
</div>
</div>
<?php if($building->id): ?>
<div class="form-group row" id="gps-again" style="display:none;">
<div class="col-lg-2"></div>
<div class="col-lg-10">
<label class="text-pink"><input type="checkbox" name="gps_again" value="1" /> GPS-Koordinaten erneut berechnen</label>
</div>
</div>
<?php endif; ?>
<div class="form-group row">
<label class="col-lg-2 col-form-label" for="code">Objekt ID</label>
<div class="col-lg-10">
<input type="text" class="form-control" name="code" id="code" value="<?=$building->code?>" readonly="readonly" />
</div>
</div>
<div class="form-group row">
<label class="col-lg-2 col-form-label" for="oan_id">OAN ID</label>
<div class="col-lg-10">
<input type="text" class="form-control" name="oan_id" id="oan_id" value="<?=$building->oan_id?>" />
</div>
</div>
<div class="form-group row">
<label class="col-lg-2 col-form-label" for="pop_id">POP</label>
<div class="col-lg-10">
<select class="select2 form-control " name="pop_id" id="pop_id">
<option></option>
<?php foreach($networks as $network): ?>
<?php foreach($network->pops as $pop): ?>
<option value="<?=$pop->id?>" <?=($building->pop_id == $pop->id) ? "selected='selected'" : ""?>><?=$network->name?> - <?=($pop->name)?></option>
<?php endforeach; ?>
<?php endforeach; ?>
</select>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="form-group row">
<label class="col-lg-4 col-form-label" for="gps_lat">GPS Länge (N)</label>
<div class="col-lg-8">
<input type="text" class="form-control" name="gps_lat" id="gps_lat" value="<?=$building->gps_lat?>" <?=($building->gps_lat) ? "readonly='readonly'" : ""?> />
</div>
</div>
<div class="form-group row">
<label class="col-lg-4 col-form-label" for="gps_long">GPS Breite (E)</label>
<div class="col-lg-8">
<input type="text" class="form-control" name="gps_long" id="gps_long" value="<?=$building->gps_long?>" <?=($building->gps_lat) ? "readonly='readonly'" : ""?> />
</div>
</div>
<?php if($building->gps_lat && $building->gps_long): ?>
<div class="form-group row">
<div class="col-lg-4"></div>
<div class="col-lg-8">
<button type="button" id="edit-gps" class="btn btn-sm btn-outline-pink"><i class="fas fa-edit"></i> GPS-Koordinaten bearbeiten</button>
</div>
</div>
<?php endif; ?>
</div>
<?php if($building->gps_lat && $building->gps_long): ?>
<div class="col-lg-6">
<div id="building-map" style="height:420px;width:100%"></div>
</div>
<?php endif; ?>
</div>
<?php if($building->gps_lat && $building->gps_long): ?>
<div class="row mb-3">
<div class="col-lg-2">
</div>
<div class="col-lg-10">
<a href="https://www.google.com/maps/search/?api=1&query=<?=$building->gps_lat?>,<?=$building->gps_long?>" target="_blank"><i class="fas fa-external-link-alt"></i> Auf Google Maps öffnen</a>
</div>
</div>
<?php endif; ?>
<div class="form-group row">
<label class="col-lg-2 col-form-label" for="laea">LAEA Koordinaten</label>
<div class="col-lg-10">
<input type="text" class="form-control" name="laea" id="laea" value="<?=$building->laea?>" readonly='readonly' />
</div>
</div>
<div class="form-group row">
<label class="col-lg-2 col-form-label" for="contact">Kontakt</label>
<div class="col-lg-10">
<input type="text" class="form-control" name="contact" id="contact" value="<?=$building->contact?>" />
</div>
</div>
<div class="form-group row">
<label class="col-lg-2 col-form-label" for="phone">Telefon</label>
<div class="col-lg-10">
<input type="text" class="form-control" name="phone" id="phone" value="<?=$building->phone?>" />
</div>
</div>
<div class="form-group row">
<label class="col-lg-2 col-form-label" for="email">Email</label>
<div class="col-lg-10">
<input type="text" class="form-control" name="email" id="email" value="<?=$building->email?>" />
</div>
</div>
<div class="form-group row">
<label class="col-lg-2 col-form-label" for="networksection_id">Bauabschnitt</label>
<div class="col-lg-10">
<select class="select2 form-control " name="networksection_id" id="networksection_id">
<option></option>
<?php foreach($networksections as $section): ?>
<option value="<?=$section->id?>" <?=($building->networksection_id == $section->id) ? "selected='selected'" : ""?>><?=($section->network->name)?> - <?=($section->name)?></option>
<?php endforeach; ?>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-lg-2 col-form-label" for="status_id">Status</label>
<div class="col-lg-10">
<select class="select2 form-control " name="status_id" id="status_id" <?=(!$me->is("Admin")) ? "disabled='disabled'" : ""?>>
<option></option>
<?php foreach($statuses as $status): ?>
<option value="<?=$status->id?>" <?=($building->status_id == $status->id) ? "selected='selected'" : ""?>><?=__($status->name)?></option>
<?php endforeach; ?>
</select>
</div>
</div>
</div>
</div>
<h4 class="header-title mb-2">Berechtigungen</h4>
<div class="card">
<div class="card-body">
<div class="form-group row">
<label class="col-lg-2 col-form-label" for="pipeworker_id">Tiefbau</label>
<div class="col-lg-10">
<select class="select2 form-control " name="pipeworker_id" id="pipeworker_id" <?=(!$me->is(["Admin", "netowner", "pipeplanner"])) ? "disabled='disabled'" : ""?>>
<option></option>
<?php foreach($pipeworkers as $pw): ?>
<option value="<?=$pw->id?>" <?=($building->pipeworker_id == $pw->id) ? "selected='selected'" : ""?>><?=$pw->getCompanyOrName()?></option>
<?php endforeach; ?>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-lg-2 col-form-label" for="lineworker_id">Kabelbau</label>
<div class="col-lg-10">
<select class="select2 form-control " name="lineworker_id" id="lineworker_id" <?=(!$me->is(["Admin", "netowner", "pipeplanner"])) ? "disabled='disabled'" : ""?>>
<option></option>
<?php foreach($lineworkers as $lw): ?>
<option value="<?=$lw->id?>" <?=($building->lineworker_id == $lw->id) ? "selected='selected'" : ""?>><?=$lw->getCompanyOrName()?></option>
<?php endforeach; ?>
</select>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<div class="form-group row">
<label class="col-lg-2 col-form-label" for="note">Interne Notiz</label>
<div class="col-lg-10">
<textarea id="note" class="form-control" name="note" rows="5"><?=$building->note?></textarea>
</div>
</div>
</div>
</div>
<div class="form-group row">
<label class="col-lg-2"></label>
<div class="col-lg-10">
<button type="submit" class="btn btn-primary">Speichern</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$("#network_id").select2({placeholder: ""});
$("#pop_id").select2({placeholder: "", allowClear: true,});
$("#type_id").select2({placeholder: ""});
$("#networksection_id").select2({placeholder: "", allowClear: true,});
// disable mousewheel on input number field when in focus
$('form').on('focus', 'input[type=number]', function (e) {
$(this).on('wheel.disableScroll', function (e) {
e.preventDefault();
})
});
$('form').on('blur', 'input[type=number]', function (e) {
$(this).off('wheel.disableScroll');
});
function updatePops() {
var network_id = $("#network_id").val();
if(!network_id) {
return true;
}
// get new pops
$.get("<?=self::getUrl("Pop","Api")?>",
{
"do": "getPops",
network_id: network_id
},
function(success) {
if(success.status == "OK") {
//console.log(success);
var pops = success.result.pops;
if(typeof pops !== 'object' || pops === null) {
return true;
}
var selected = $("#pop_id option:selected").val();
$("#pop_id option:gt(0)").remove();
for(var pop_id in pops) {
$("#pop_id").append($("<option></option>").attr("value", pop_id).text(pops[pop_id]));
}
if(selected) {
$("#pop_id").val(selected);
}
}
},
'json'
);
}
function updateSections() {
var network_id = $("#network_id").val();
if(!network_id) {
return true;
}
$.get("<?=self::getUrl("Networksection","Api")?>",
{
"do": "getSections",
network_id: network_id
},
function(success) {
if(success.status == "OK") {
var sections = success.result.sections;
if(typeof sections !== 'object' || sections === null) {
return true;
}
var selected = $("#networksection_id option:selected").val();
$("#networksection_id option:gt(0)").remove();
for(var section_id in sections) {
$("#networksection_id").append($("<option></option>").attr("value", section_id).text(sections[section_id]));
}
console.log("selected: " + selected);
if(selected) {
$("#networksection_id").val(selected);
}
}
},
'json'
);
}
function updatePermissions() {
var network_id = $("#network_id").val();
if(!network_id) {
return true;
}
var types = ["lineworker", "pipeworker"];
$.get("<?=self::getUrl("Network","Api")?>",
{
"do": "getPermissions",
network_id: network_id,
types: types.join('|')
},
function(success) {
if(success.status == "OK") {
var perms = success.result.permissions;
if(typeof perms !== 'object' || perms === null) {
return true;
}
types.forEach(function(type) {
var selected = $("#" + type + "_id option:selected").val();
$("#" + type + "_id").empty();
$("#" + type + "_id").append($("<option></option>"));
for(var perm_id in perms[type]) {
$("#" + type + "_id").append($("<option></option>").attr("value", perm_id).text(perms[type][perm_id]));
}
if(selected) {
$("#" + type + "_id").val(selected);
}
});
}
},
'json'
);
}
function enableGpsInputs() {
$("#gps_lat").removeAttr("readonly");
$("#gps_long").removeAttr("readonly");
$("#edit-gps").remove();
}
function showGpsAgain() {
$("#gps-again").show();
$("#gps-again input[type=checkbox").prop("checked", true);
}
<?php if($building->gps_lat && $building->gps_long): ?>
////////////
// Map
////////////
var gpslat = <?=($building->gps_lat) ? $building->gps_lat : 0?>;
var gpslong = <?=($building->gps_long) ? $building->gps_long : 0?>;
console.log(gpslat + "," + gpslong);
// Building Map
var buildingMap = L.map('building-map').setView([gpslat, gpslong], 18);
L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', {
//L.tileLayer('<?=self::getResourcePath()?>assets/map/{id}/{z}/{x}/{y}.png', {
attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',
minZoom: 12,
maxZoom: 22,
//id: 'OSMPublicTransport',
//id: 'mapbox.streets',
id: 'mapbox/streets-v11',
//id: 'mapbox.pirates',
accessToken: '<?=TT_MAPBOX_TILE_API_TOKEN?>'
}).addTo(buildingMap);
var marker = L.marker([gpslat, gpslong]).addTo(buildingMap);
<?php endif; ?>
$("#street, #zip, #city").change(function() {
showGpsAgain();
});
$("#edit-gps").click( function() {
enableGpsInputs();
});
$("#network_id").change(function() {
updatePops();
updatePermissions();
updateSections();
});
$( document ).ready(function() {
updatePops();
updatePermissions();
updateSections();
});
</script>
<?php include(realpath(dirname(__FILE__)."/../")."/footer.php"); ?>